1 2 3 <!DOCTYPE html> 4 5 6 7 8 9<html class="no-js" lang="en"> 10 <head> 11 12
12<script type="text/javascript"> 13 window.dataLayer = window.dataLayer || []; 14 dataLayer.push({ 15 'entity_id' : "ea1120a1-3a94-473b-aeec-20785a562b89", 16 'entity_name' : "Pop-Up Store Vienna Design", 17 'entity_lang' : "en", 18 'entity_type' : "Entity", 19 'entity_categories' : "visual-arts", 20 'entity_tags' : "", 21 }); 22 </script>
22 23 24 25 <!-- Google Tag Manager --> 26
26<script data-cookieold="ignore">
vendor: 582 bytes, lines 26-38
26(function (w, d, s, l, i) { 27 w[l] = w[l] || []; 28 w[l].push({ 29 'gtm.start': 30 new Date().getTime(), event: 'gtm.js' 31 }); 32 var f = d.getElementsByTagName(s)[0], 33 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; 34 j.async = true; 35 j.src = 36 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 37 f.parentNode.insertBefore(j, f); 38 })(window, document, 'script', 'dataLayer', '
38GTM-N5PNGL
vendor: 16 bytes, lines 38-39
38'); 39
39</script>
39 40 <!-- End Google Tag Manager --> 41 42 43 <meta charset="utf-8"> 44 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 45 46 <title>Pop-Up Store Vienna Design - Visit Luxembourg City</title> 47 48 49 50 51 52 53 54 55
56<script type="application/ld+json"> 57 { 58 "@context": "https://schema.org", 59 "@type": "Event", 60 "name": "Pop-Up Store Vienna Design", 61 "startDate": "2026-10-02T10:00+01:00", 62 "endDate": "2026-10-29T18:00+01:00", 63 "eventAttendanceMode": "https://schema.org/OfflineEventAttendanceMode", 64 "eventStatus": "https://schema.org/EventScheduled", 65 66 "location": { 67 "@type": "Place", 68 "name": "40 Rue Philippe II", 69 "address": { 70 "@type": "PostalAddress", 71 "streetAddress": "40 Rue Philippe II // ", 72 "addressLocality": "Luxembourg", 73 "postalCode": "2340", 74 "addressRegion": "LU", 75 "addressCountry": "LU" 76 } 77 }, 78 79 80 "image": [ 81 82 "https://assets.app.luxembourg-city.com/data/thumbs/bb822590-b49f-11f1-9e0f-1fea19a67dab.jpg" 83 84 ], 85 86 87 88 "description": "As part of the âWien in Luxemburgâ initiative, organised by the City of Luxembourg in collaboration with the Embassy of Austria in Luxembourg, and in partnership with ADVANTAGE AUSTRIA BELUX, the Pop-Up Store at 40, rue Philippe II will welcome three..." 89 } 90</script>
90 91 92 93 94 95 <meta name="description" content="As part of the âWien in Luxemburgâ initiative, organised by the City of Luxembourg in collaboration with the Embassy of Austria in Luxembour..."> 96 97 <meta name="keywords" content="Pop-Up Store Vienna Design, visual-arts"> 98 99 100 101 <meta name='robots' content=''/> 102 103 104 <meta name="viewport" content="width=device-width, initial-scale=1"> 105 106 <meta name="twitter:card" content="summary" /> 107 <meta name="twitter:url" content="https://www.luxembourg-city.com/en/place/visual-arts/pop-up-store-vienna-design-d0xjjq" /> 108 <meta name="twitter:title" content="Pop-Up Store Vienna Design" /> 109 <meta name="twitter:description" content="As part of the âWien in Luxemburgâ initiative, organised by the City of Luxembourg in collaboration with the Embassy of Austria in Luxembourg, and in partnership with ADVANTAGE AUSTRIA BELUX, the Pop-Up Store at 40, rue Philippe II will welcome three Vienna-based creators, offering the Luxembourg public the opportunity to discover their unique worlds, creativity and craftsmanship.Throughout their stay at the Pop-Up Store, visitors will have the opportunity to discover original creations and meet the three brands in person:.Günsberg Duftmanufaktur â A house specialising in handcrafted perfumes, offering refined and authentic fragrances created in Vienna.Mymagpie â A contemporary jewellery brand combining creativity, elegance and originality.Vertessi â A studio dedicated to tableware and the art of dining, offering beautifully designed and timeless tableware pieces.Sunday Opening for Mantelsonneg.The Pop-Up Store will also be open on Sunday 25th October for Mantelsonneg, offering visitors the opportunity to discover the participating Vienna-based brands and their creations.Workshop with Günsberg DuftmanufakturOn 28 October, Günsberg Duftmanufaktur will host a special workshop at the Pop-Up Store, offering participants the opportunity to discover the world of handcrafted perfumes. Registration is required." /> 110 111 112 <meta name="twitter:image" content="https://assets.app.luxembourg-city.com/data/thumbs/bb73a9e0-b49f-11f1-8732-4fa871dfb594.jpg" /> 113 114 115 <meta property="og:type" content="article" /> 116 <meta property="og:url" content="https://www.luxembourg-city.com/en/place/visual-arts/pop-up-store-vienna-design-d0xjjq" /> 117 <meta property="og:title" content="Pop-Up Store Vienna Design" /> 118 <meta property="og:description" content="As part of the âWien in Luxemburgâ initiative, organised by the City of Luxembourg in collaboration with the Embassy of Austria in Luxembourg, and in partnership with ADVANTAGE AUSTRIA BELUX, the Pop-Up Store at 40, rue Philippe II will welcome three Vienna-based creators, offering the Luxembourg public the opportunity to discover their unique worlds, creativity and craftsmanship.Throughout their stay at the Pop-Up Store, visitors will have the opportunity to discover original creations and meet the three brands in person:.Günsberg Duftmanufaktur â A house specialising in handcrafted perfumes, offering refined and authentic fragrances created in Vienna.Mymagpie â A contemporary jewellery brand combining creativity, elegance and originality.Vertessi â A studio dedicated to tableware and the art of dining, offering beautifully designed and timeless tableware pieces.Sunday Opening for Mantelsonneg.The Pop-Up Store will also be open on Sunday 25th October for Mantelsonneg, offering visitors the opportunity to discover the participating Vienna-based brands and their creations.Workshop with Günsberg DuftmanufakturOn 28 October, Günsberg Duftmanufaktur will host a special workshop at the Pop-Up Store, offering participants the opportunity to discover the world of handcrafted perfumes. Registration is required." /> 119 120 <meta property="og:image" content="https://assets.app.luxembourg-city.com/data/thumbs/bb73a9e0-b49f-11f1-8732-4fa871dfb594.jpg" /> 121 <link rel="image_src" href="https://assets.app.luxembourg-city.c
121om/data/thumbs/bb73a9e0-b49f-11f1-8732-4fa871dfb594.jpg" /> 122 123 124 125 126 127 128 <link rel="canonical" href="https://www.luxembourg-city.com/en/what-s-on/event/pop-up-store-vienna-design-d0xjjq"/> 129 130 131 132 133 134 135 <link rel="alternate" hreflang="fr" href="https://www.luxembourg-city.com/fr/agenda/event/pop-up-store-vienna-design-d0xjjq"/> 136 137 138 139 <link rel="alternate" hreflang="en" href="https://www.luxembourg-city.com/en/what-s-on/event/pop-up-store-vienna-design-d0xjjq"/> 140 141 142 143 <link rel="alternate" hreflang="de" href="https://www.luxembourg-city.com/de/what-s-on/event/pop-up-store-vienna-design-d0xjjq"/> 144 145 146 147 <link rel="apple-touch-icon" 148 sizes="144x144" 149 href="/images/favicon/apple-touch-icon.png"> 150 <link rel="icon" 151 type="image/png" 152 sizes="32x32" 153 href="/images/favicon/favicon-32x32.png"> 154 <link rel="icon" 155 type="image/png" 156 sizes="16x16" 157 href="/images/favicon/favicon-16x16.png"> 158 <link rel="manifest" href="/images/favicon/manifest.json"> 159 <link rel="mask-icon" 160 href="/images/favicon/safari-pinned-tab.svg" 161 color="#5bbad5"> 162 <meta name="theme-color" content="#ffffff"> 163 <!-- connect to domain of font files --> 164 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 165 <!-- optionally increase loading priority --> 166 <link rel="preload" 167 as="style" 168 href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;600&display=swap"> 169 <!-- async CSS --> 170 <link rel="stylesheet" 171 href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;600&display=swap" 172 media="print" 173 onload="this.onload=null;this.removeAttribute('media');" 174 type="text/css"> 175 176
176<script rel="preload" 177 as="script" 178 src="https://use.typekit.net/foj3vta.js" 179 crossorigin></script>
179 180
180<script>try{Typekit.load({ async: true });}catch(e){}</script>
180 181 182 <link rel="stylesheet" href="/dist/css/main.css?v=1790576201"> 183 184 185 186 <!-- Esri --> 187 <link data-cookieold="ignore" 188 rel="stylesheet" 189 href="https://maps.vdl.lu/arcgis_js_v425_api/esri/themes/light/main.css" /> 190 191 192 193 <!-- Fonts --> 194
194<script type="text/javascript"> 195 (function (d) { 196 var wf = d.createElement('script'), s = d.scripts[0]; 197 wf.src = '/js/vendor/webfontloader.js'; 198 wf.async = true; 199 s.parentNode.insertBefore(wf, s); 200 })(document); 201 </script>
201 202 </head> 203 <body class="body" data-lang="en"> 204 205 <!-- Google Tag Manager (noscript) -->
vendor: 97 bytes, lines 205-207
205 206 <noscript> 207 <iframe src="https://www.googletagmanager.com/ns.html?id=
207GTM-N5PNGL
vendor: 212 bytes, lines 207-213
207" 208 height="0" 209 width="0" 210 style="display:none; 211 visibility:hidden"></iframe> 212 </noscript> 213
213<!-- End Google Tag Manager (noscript) --> 214 215 216 217 218 <nav class="skip-menu fixed top-0 left-0 z-[2000]" aria-label="Quick access"> 219
219<script> 220 function openSearchAccessibility() { 221 if (document.querySelectorAll('#searchButtonDesktop').length > 0 && window.innerWidth >= 1536) { 222 document.getElementById('searchButtonDesktop').click(); 223 setTimeout(() => { 224 document.querySelector('input.input-search-desktop').focus(); 225 }, 100); 226 } else if (document.querySelectorAll('#searchButtonMobile').length > 0 && window.innerWidth <= 1535) { 227 document.getElementById('searchButtonMobile').click(); 228 setTimeout(() => { 229 document.querySelector('input.input-search-mobile').focus(); 230 }, 100); 231 } 232 } 233 </script>
233 234 <ul> 235 <li><a href="#mainContentAnchor" class="btn-accessibility-top btn ff-museo-sans bg-purple-lcto text-white card-light-reflect inline-block !fixed top-0 left-0 -translate-y-[100%] focus:translate-y-[0]" onclick="document.getElementById('mainContentAnchor').focus();">Go to main content</a></li> 236 <li><button type="button" class="btn-accessibility-top btn btn ff-museo-sans bg-purple-lcto text-white card-light-reflect inline-block !fixed top-0 left-0 -translate-y-[100%] focus:translate-y-[0] no-scroll" onclick="openSearchAccessibility()">Open search</button></li> 237 <li><a href="/en/site-map" class="btn-accessibility-top btn btn ff-museo-sans bg-purple-lcto text-white card-light-reflect inline-block !fixed top-0 left-0 -translate-y-[100%] focus:translate-y-[0]">Go to site map</a></li> 238 <li><a href="#footerAnchor" class="btn-accessibility-top btn btn ff-museo-sans bg-purple-lcto text-white card-light-reflect inline-block !fixed top-0 left-0 -translate-y-[100%] focus:translate-y-[0]" onclick="document.getElementById('footerAnchor').focus();">Go to footer</a></li> 239 </ul> 240 </nav> 241 242 243 244 245 246 247 248 249 250 251 252 253 <div class="w-full h-[90px] md:h-[110px] bg-bg-lcto max-w-[1920px] mx-auto"></div> 254 255<div class="fixed top-0 left-0 w-full flex justify-center z-[9999] hidden 2xl:block" :class="{'pointer-events-none': scrollDirection === 'down' && !isTop}" @keydown.escape.window="instantClose()" x-data="{ isTop: true, lastScrollTop: 0, scrollDirection: '', menuOpen: '', submenuOpen: '', timer: null, submenuTimer: null, searchOpen: false, searchQuery: '', extraMenuOpen: false, activeLevelExtra1: '', showLevelExtra2: false, openAccordionsExtra: {}, toggleExtraMenu() { this.extraMenuOpen = !this.extraMenuOpen; if (!this.extraMenuOpen) { this.activeLevelExtra1 = ''; this.showLevelExtra2 = false; this.openAccordionsExtra = {}; document.body.classList.remove('overflow-hidden', '!bg-bg-lcto'); } else { document.body.classList.add('overflow-hidden', '!bg-bg-lcto'); } }, openLevelExtra2(menuId) { this.activeLevelExtra1 = menuId; this.showLevelExtra2 = true; }, backToLevelExtra1() { this.showLevelExtra2 = false; this.activeLevelExtra1 = ''; this.openAccordionsExtra = {}; }, toggleAccordionExtra(accordionId) { this.openAccordionsExtra[accordionId] = !this.openAccordionsExtra[accordionId]; }, closeMenu() { this.timer = setTimeout(() => { this.menuOpen = ''; this.submenuOpen = ''; }, 500); }, openMenu(menu) { clearTimeout(this.timer); this.menuOpen = menu; }, closeSubmenu() { clearTimeout(this.submenuTimer); this.submenuTimer = setTimeout(() => { this.submenuOpen = ''; }, 300); }, openSubmenu(submenu) { clearTimeout(this.submenuTimer); this.submenuTimer = setTimeout(() => { this.submenuOpen = submenu; }, 300); }, instantClose() { clearTimeout(this.timer); clearTimeout(this.submenuTimer); this.menuOpen = ''; this.submenuOpen = ''; } }"> 256 <header @scroll.window="isTop = (window.pageYOffset < 50); {let currentScrollTop = window.scrollY || document.documentElement.scrollTop;if (currentScrollTop > lastScrollTop) {scrollDirection = 'down';} else {scrollDirection = 'up';}lastScrollTop = currentScrollTop;}" 257 :class="{ '': isTop && !menuOpen, '!bg-white !color-text-lcto menu-open': menuOpen, 'bg-white !color-text-lcto not-top': !isTop, 'scroll-direction-down': scrollDirection === 'down', 'scroll-direction-up': scrollDirection === 'up', '!bg-bg-lcto !color-text-lcto': extraMenuOpen }" 258 class="w-full hidden 2xl:block transition-all duration-300 max-w-[1920px] relative z-[99] mx-auto bg-transparent color-text-lcto is-dark-navigation"> 259 260 <div class="container mx-auto px-[20px] pt-[40px] pb-[20px] z-[9999] no-scrape"> 261 <div class="flex items-center justify-between"> 262 <!-- Logo --> 263 <div class="flex-shrink-0 relative z-[9]"> 264 <a href="/en" class="flex flex-col"> 265 266 <img 267 src="/images/v2025/logos/lcto-logo-black-en.svg" 268 alt="Luxembourg-ville â Home" class="w-[120px] md:w-[150px] lg:w-[175px]"> 269 270 </a> 271 </div> 272 273 <!-- Navigation principale --> 274 <div class="flex items-center"> 275 <nav aria-label="Main menu" class="hidden lg:block h-full"> 276 <ul class="flex items-center gap-[60px] h-full"> 277 278 279 280 <li class="h-full flex items-center"> 281 282 <p 283 class="relative h-full flex items-center z-[9] cursor-pointer" 284 @mouseenter="openMenu('discover')" 285 @mouseleave="closeMenu()">
286 <span class="text-[18px] leading-[28px]" :class="{ 'color-purple-lcto': menuOpen === 'discover' }">Discover</span> 287 <button @click.prevent="menuOpen === 'discover' ? closeMenu() : openMenu('discover')" 288 type="button" 289 class="p-2 hover:text-red-800 cursor-pointer hover:translate-x-[3px] transition-transform" 290 aria-haspopup="true" 291 :aria-expanded="menuOpen === 'discover'" 292 aria-controls="submenu-discover" 293 title="Open submenu for Discover"> 294 <i class="fa-solid fa-angle-down text-[12px] ml-[5px] mt-[2px]"></i> 295 </button> 296 </p> 297 298 299 300 <div x-show="menuOpen === 'discover'" 301 @mouseenter="openMenu('discover')" 302 @mouseleave="closeMenu()" 303 x-transition:enter="transition ease-out duration-300" 304 x-transition:enter-start="opacity-0 scale-[0.8] z-[2]" 305 x-transition:enter-end="opacity-100 scale-[1] z-[3]" 306 x-transition:leave="transition ease-in duration-200" 307 x-transition:leave-start="opacity-100 scale-[1] z-[3] pointer-events-none" 308 x-transition:leave-end="opacity-0 scale-[0.8] z-[2] pointer-events-none" 309 class="absolute top-0 left-0 w-full bg-white color-text-lcto will-change-transform rounded-b-[50px] pt-[120px] mega-menu" 310 style="display: none; 311 transform: translate3d(0,0,0);"> 312 313 <div class="container mx-auto px-[20px] pt-[60px] pb-[80px] grid grid-cols-12 gap-8" 314 x-show="menuOpen === 'discover'" 315 x-transition:enter="transition ease-out duration-800" 316 x-transition:enter-start="opacity-0 translate-y-[100px]" 317 x-transition:enter-end="opacity-100 translate-y-0"> 318 <!-- Colonne de gauche: Navigation niveau 2 --> 319 <ul class="col-span-2 list-none"> 320 321 322 323 <li class="ff-museo-sans text-[14px] leading-[18px] font-semibold uppercase px-[10px] py-[5px] rounded-[5px] w-fit bg-red-lcto text-white mb-[25px] "> 324 Inspiration 325 </li> 326 327 328 <li class="relative mb-[20px]"> 329 330 331 <a href="/en/about-luxembourg-city/meng-stad-my-city" 332 :class="{ 'opacity-100': submenuOpen === 'meng-stad-my-city' }" 333 class="hover:opacity-100 opacity-60 transition-opacity duration-200 ff-museo-sans text-[20px] leading-[29px] flex items-center justify-between group" 334 > 335 <span>Meng Stad, My City</span> 336 337 </a> 338 </li> 339 340 341 <li class="relative mb-[20px]"> 342 343 344 <a href="/en/about-luxembourg-city/traditions" 345 :class="{ 'opacity-100': submenuOpen === 'traditions' }" 346 class="hover:opacity-100 opacity-60 transition-opacity duration-200 ff-museo-sans text-[20px] leading-[29px] flex items-center justify-between group" 347 @mouseenter="openSubmenu('traditions')" @mouseleave="closeSubmenu()" >
348 <span>Traditions</span> 349 350 351 <button @click.prevent="submenuOpen === 'traditions' ? closeSubmenu() : openSubmenu('traditions')" 352 type="button" 353 class="p-2 hover:text-red-800 cursor-pointer hover:translate-x-[3px] transition-transform group/btnSub" 354 aria-haspopup="true" 355 :aria-expanded="menuOpen === 'traditions'" 356 aria-controls="submenu-traditions" 357 title="Open submenu for Discover"> 358 <i class="fa-solid fa-angle-right ml-[10px] text-xs opacity-0 group-hover:opacity-100 transition-opacity color-red-lcto group-focus/btnSub:opacity-100"></i> 359 </button> 360 361 </a> 362 </li> 363 364 365 <li class="ff-museo-sans text-[14px] leading-[18px] font-semibold uppercase px-[10px] py-[5px] rounded-[5px] w-fit bg-red-lcto text-white mb-[25px] mt-[50px]"> 366 The City & its surroundings 367 </li> 368 369 370 <li class="relative mb-[20px]"> 371 372 373 374 375 <a href="/en/about-luxembourg-city" 376 :class="{ 'opacity-100': submenuOpen === 'about-luxembourg-city' }" 377 class="hover:opacity-100 opacity-60 transition-opacity duration-200 ff-museo-sans text-[20px] leading-[29px] flex items-center justify-between group" 378 @mouseenter="openSubmenu('about-luxembourg-city')" @mouseleave="closeSubmenu()" > 379 <span>About Luxembourg City</span> 380 381 382 <button @click.prevent="submenuOpen === 'about-luxembourg-city' ? closeSubmenu() : openSubmenu('about-luxembourg-city')" 383 type="button" 384 class="p-2 hover:text-red-800 cursor-pointer hover:translate-x-[3px] transition-transform group/btnSub" 385 aria-haspopup="true" 386 :aria-expanded="menuOpen === 'about-luxembourg-city'" 387 aria-controls="submenu-about-luxembourg-city" 388 title="Open submenu for Discover"> 389 <i class="fa-solid fa-angle-right ml-[10px] text-xs opacity-0 group-hover:opacity-100 transition-opacity color-red-lcto group-focus/btnSub:opacity-100"></i> 390 </button> 391 392 </a> 393 </li> 394 395 396 <li class="relative mb-[20px]"> 397 398 399 <a href="/en/about-luxembourg-city/districts" 400 :class="{ 'opacity-100': submenuOpen === 'districts' }" 401 class="hover:opacity-100 opacity-60 transition-opacity duration-200 ff-museo-sans text-[20px] leading-[29px] flex items-center justify-between group" 402 @mouseenter="openSubmenu('districts')" @mouseleave="closeSubmenu()" >
403 <span>Districts</span> 404 405 406 <button @click.prevent="submenuOpen === 'districts' ? closeSubmenu() : openSubmenu('districts')" 407 type="button" 408 class="p-2 hover:text-red-800 cursor-pointer hover:translate-x-[3px] transition-transform group/btnSub" 409 aria-haspopup="true" 410 :aria-expanded="menuOpen === 'districts'" 411 aria-controls="submenu-districts" 412 title="Open submenu for Discover"> 413 <i class="fa-solid fa-angle-right ml-[10px] text-xs opacity-0 group-hover:opacity-100 transition-opacity color-red-lcto group-focus/btnSub:opacity-100"></i> 414 </button> 415 416 </a> 417 </li> 418 419 420 <li class="relative mb-[20px]"> 421 422 423 <a href="/en/about-luxembourg-city/surroundings" 424 :class="{ 'opacity-100': submenuOpen === 'surroundings' }" 425 class="hover:opacity-100 opacity-60 transition-opacity duration-200 ff-museo-sans text-[20px] leading-[29px] flex items-center justify-between group" 426 @mouseenter="openSubmenu('surroundings')" @mouseleave="closeSubmenu()" > 427 <span>Surroundings</span> 428 429 430 <button @click.prevent="submenuOpen === 'surroundings' ? closeSubmenu() : openSubmenu('surroundings')" 431 type="button" 432 class="p-2 hover:text-red-800 cursor-pointer hover:translate-x-[3px] transition-transform group/btnSub" 433 aria-haspopup="true" 434 :aria-expanded="menuOpen === 'surroundings'" 435 aria-controls="submenu-surroundings" 436 title="Open submenu for Discover"> 437 <i class="fa-solid fa-angle-right ml-[10px] text-xs opacity-0 group-hover:opacity-100 transition-opacity color-red-lcto group-focus/btnSub:opacity-100"></i> 438 </button> 439 440 </a> 441 </li> 442 443 </ul> 444 445 <!-- Colonne du milieu: Navigation niveau 3 (si applicable) --> 446 <div class="col-span-4 border-l-[1px] border-[#
446ECE5E0] pl-[40px]" 447 x-show="true"> 448 449 450 451 452 <div x-show="submenuOpen === 'traditions'" 453 x-transition:enter="transition ease-out duration-200" 454 x-transition:enter-start="opacity-0 translate-x-4" 455 x-transition:enter-end="opacity-100 translate-x-0" 456 457 @mouseenter="openSubmenu('traditions')" 458 @mouseleave="closeSubmenu()" 459 class="h-full max-h-[500px] overflow-y-auto"> 460 <ul class="space-y-2 list-disc-red-lcto"> 461 462 <li class="pl-[15px]"> 463 464 465 <a href="/en/place/tradition/buergbrennen" 466 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 467 Buergbrennen 468 </a> 469 </li> 470 471 <li class="pl-[15px]"> 472 473 474 <a href="/en/place/tradition/pretzel-sundae" 475 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 476 Bretzelsonndeg 477 </a> 478 </li> 479 480 <li class="pl-[15px]"> 481 482 483 <a href="/en/place/tradition/liichtmessdag-candlemass" 484 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 485 Liichtmëssdag 486 </a> 487 </li> 488 489 <li class="pl-[15px]"> 490 491 492 <a href="/en/what-s-on/event/eimaischen" 493 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 494 Ãimaischen 495 </a> 496 </li> 497 498 <li class="pl-[15px]"> 499 500 501 <a href="/en/what-s-on/event/octave" 502 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 503 Octave 504 </a> 505 </li> 506 507 <li class="pl-[15px]"> 508 509 510 <a href="/en/what-s-on/event/national-holiday" 511 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 512 Nationalfeierdag 513 </a> 514 </li> 515 516 <li class="pl-[15px]"> 517 518 519 <a href="/en/what-s-on/event/schueberfouer" 520 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 521 Schueberfouer 522 </a> 523 </li> 524 525 <li class="pl-[15px]"> 526 527 528 <a href="/en/place/tradition/christmas-market" 529 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 530 Christmas Market 531 </a> 532 </li> 533 534 </ul> 535 </div> 536 537 538 539 <div x-show="submenuOpen === 'about-luxembourg-city'" 540 x-transition:enter="transition ease-out duration-200" 541 x-transition:enter-start="opacity-0 translate-x-4" 542 x-transition:enter-end="opacity-100 translate-x-0" 543 544 @mouseenter="openSubmenu('about-luxembourg-city')" 545 @mouseleave="closeSubmenu()" 546 class="h-full max-h-[500px] overflow-y-auto"> 547 <ul class="space-y-2 list-disc-red-lcto"> 548 549 <li class="pl-[15px]"> 550 551 552 <a href="/en/about-luxembourg-city/presentation/history" 553 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 554 History of the city of Luxembourg 555 </a> 556 </li> 557 558 <li class="pl-[15px]"> 559 560 561 <a href="/en/about-luxembourg-city/presentation/unesco" 562 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 563 UNESCO World Heritage 564 </a> 565 </li> 566 567 <li class="pl-[15px]"> 568 569 570 <a href="/en/about-luxembourg-city/presentation/european-capital" 571 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 572 European capital 573 </a> 574 </li> 575 576 <li class="pl-[15px]"> 577 578 579 <a href="/en/about-luxembourg-city/presentation/topography" 580 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 581 Luxembourg's unique topography 582 </a> 583 </li> 584 585 <li class="pl-[15px]"> 586 587 588 <a href="/en/about-luxembourg-city/presentation/facts-figures" 589 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 590 Facts & Figures 591 </a> 592 </li> 593 594 <li class="pl-[15px]"> 595 596 597 <a href="/en/about-luxembourg-city/presentation/multiplicity" 598 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 599 Luxembourg â the multiple city 600 </a> 601 </li> 602 603 <li class="pl-[15px]"> 604 605 606 <a href="/en/about-luxembourg-city/presentation/luxembourg-city-lgbtiq-freedom-zone" 607 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 608 Luxembourg City, LGBTIQ+ freedom zone 609 </a> 610 </li> 611 612 </ul> 613 </div> 614 615 616 617 <div x-show="submenuOpen === 'districts'" 618 x-transition:enter="transition ease-out duration-200" 619 x-transition:enter-start="opacity-0 translate-x-4" 620 x-transition:enter-end="opacity-100 translate-x-0" 621 622 @mouseenter="openSubmenu('districts')" 623 @mouseleave="closeSubmenu()" 624 class="h-full max-h-[500px] overflow-y-auto"> 625 <ul class="space-y-2 list-disc-red-lcto"> 626 627 <li class="pl-[15px]"> 628 629 630 <a href="/en/about-luxembourg-city/districts/beggen-district" 631 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 632 Beggen 633
633</a> 634 </li> 635 636 <li class="pl-[15px]"> 637 638 639 <a href="/en/about-luxembourg-city/districts/belair" 640 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 641 Belair 642 </a> 643 </li> 644 645 <li class="pl-[15px]"> 646 647 648 <a href="/en/about-luxembourg-city/districts/bonnevoie-nord" 649 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 650 Bonnevoie-Nord / Verlorenkost 651 </a> 652 </li> 653 654 <li class="pl-[15px]"> 655 656 657 <a href="/en/about-luxembourg-city/districts/bonnevoie-sud" 658 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 659 Bonnevoie-Sud 660 </a> 661 </li> 662 663 <li class="pl-[15px]"> 664 665 666 <a href="/en/about-luxembourg-city/districts/cents" 667 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 668 Cents 669 </a> 670 </li> 671 672 <li class="pl-[15px]"> 673 674 675 <a href="/en/about-luxembourg-city/districts/cessange" 676 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 677 Cessange 678 </a> 679 </li> 680 681 <li class="pl-[15px]"> 682 683 684 <a href="/en/about-luxembourg-city/districts/clausen" 685 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 686 Clausen 687 </a> 688 </li> 689 690 <li class="pl-[15px]"> 691 692 693 <a href="/en/about-luxembourg-city/districts/dommeldange" 694 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 695 Dommeldange 696 </a> 697 </li> 698 699 <li class="pl-[15px]"> 700 701 702 <a href="/en/about-luxembourg-city/districts/eich" 703 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 704 Eich 705 </a> 706 </li> 707 708 <li class="pl-[15px]"> 709 710 711 <a href="/en/about-luxembourg-city/districts/gare" 712 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 713 Gare 714 </a> 715 </li> 716 717 <li class="pl-[15px]"> 718 719 720 <a href="/en/about-luxembourg-city/districts/gasperich" 721 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 722 Gasperich 723 </a> 724 </li> 725 726 <li class="pl-[15px]"> 727 728 729 <a href="/en/about-luxembourg-city/districts/grund-luxembourg" 730 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 731 Grund 732 </a> 733 </li> 734 735 <li class="pl-[15px]"> 736 737 738 <a href="/en/about-luxembourg-city/districts/hamm" 739 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 740 Hamm 741 </a> 742 </li> 743 744 <li class="pl-[15px]"> 745 746 747 <a href="/en/about-luxembourg-city/districts/hollerich" 748 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 749 Hollerich 750 </a> 751 </li> 752 753 <li class="pl-[15px]"> 754 755 756 <a href="/en/about-luxembourg-city/districts/limpertsberg" 757 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 758 Limpertsberg 759 </a> 760 </li> 761 762 <li class="pl-[15px]"> 763 764 765 <a href="/en/about-luxembourg-city/districts/merl" 766 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 767 Merl 768 </a> 769 </li> 770 771 <li class="pl-[15px]"> 772 773 774 <a href="/en/about-luxembourg-city/districts/muhlenbach" 775 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 776 Mühlenbach 777 </a> 778 </li> 779 780 <li class="pl-[15px]"> 781 782 783 <a href="/en/about-luxembourg-city/districts/neudorfweimershof" 784 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 785 Neudorf/Weimershof 786 </a> 787 </li> 788 789 <li class="pl-[15px]"> 790 791 792 <a href="/en/about-luxembourg-city/districts/pfaffenthal" 793 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 794 Pfaffenthal 795 </a> 796 </li> 797 798 <li class="pl-[15px]"> 799 800 801 <a href="/en/about-luxembourg-city/districts/kirchberg-district" 802 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 803 Kirchberg Plateau 804 </a> 805 </li> 806 807 <li class="pl-[15px]"> 808 809 810 <a href="/en/about-luxembourg-city/districts/pulvermuhl" 811 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 812 Pulvermühl 813 </a> 814 </li> 815 816 <li class="pl-[15px]"> 817 818
818 819 <a href="/en/about-luxembourg-city/districts/rollingergrund" 820 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 821 Rollingergrund 822 </a> 823 </li> 824 825 <li class="pl-[15px]"> 826 827 828 <a href="/en/about-luxembourg-city/districts/ville-haute" 829 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 830 Ville Haute 831 </a> 832 </li> 833 834 <li class="pl-[15px]"> 835 836 837 <a href="/en/about-luxembourg-city/districts/weimerskirch" 838 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 839 Weimerskirch 840 </a> 841 </li> 842 843 </ul> 844 </div> 845 846 847 848 <div x-show="submenuOpen === 'surroundings'" 849 x-transition:enter="transition ease-out duration-200" 850 x-transition:enter-start="opacity-0 translate-x-4" 851 x-transition:enter-end="opacity-100 translate-x-0" 852 853 @mouseenter="openSubmenu('surroundings')" 854 @mouseleave="closeSubmenu()" 855 class="h-full max-h-[500px] overflow-y-auto"> 856 <ul class="space-y-2 list-disc-red-lcto"> 857 858 <li class="pl-[15px]"> 859 860 861 <a href="/en/about-luxembourg-city/surroundings/the-land-of-the-red-rocks" 862 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 863 Visit Minett 864 </a> 865 </li> 866 867 <li class="pl-[15px]"> 868 869 870 <a href="/en/about-luxembourg-city/surroundings/the-ardennes-and-their-natural-parks" 871 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 872 Visit Ãislek 873 </a> 874 </li> 875 876 <li class="pl-[15px]"> 877 878 879 <a href="/en/about-luxembourg-city/surroundings/the-moselle" 880 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 881 Visit Moselle 882 </a> 883 </li> 884 885 <li class="pl-[15px]"> 886 887 888 <a href="/en/about-luxembourg-city/surroundings/the-mullerthal-luxembourg-s-little-switzerland" 889 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 890 Mullerthal region 891 </a> 892 </li> 893 894 <li class="pl-[15px]"> 895 896 897 <a href="/en/about-luxembourg-city/surroundings/visit-guttland" 898 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 899 Visit Guttland 900 </a> 901 </li> 902 903 </ul> 904 </div> 905 906 907 </div> 908 909 <div class="col-span-6 col-start-7 grid grid-cols-2 gap-6"> 910 911 912 913 914 915 916 917 918 <a href="/en/about-luxembourg-city/meng-stad-my-city" target="_self"> 919 <div class="relative rounded-[10px] overflow-hidden group card-light-reflect"> 920 921 922 923 924 925 926 927 928 929 930 931 932 933 934 935 936 <figure class="container-image relative h-full false" style="margin:0;"> 937 <picture class="block h-full " 938 data-src="/thumbs/1d19da10-2138-11f1-b191-37f4449a896b.jpg" 939 940 > 941 <!--[if IE 9]> 942 <audio><![endif]--> 943 944 <source data-srcset="/thumbs/1d19da10-2138-11f1-b191-37f4449a896b-xs.webp" 945 media="(max-width: 575px)" 946 type="image/webp" /> 947 <source data-srcset="/thumbs/1d19da10-2138-11f1-b191-37f4449a896b-xs.jpg" 948 media="(max-width: 575px)" 949 type="image/jpeg" /> 950 <source data-srcset="/thumbs/1d19da10-2138-11f1-b191-37f4449a896b-sm.webp" 951 media="(max-width: 767px)" 952 type="image/webp" /> 953 <source data-srcset="/thumbs/1d19da10-2138-11f1-b191-37f4449a896b-sm.jpg" 954 media="(max-width: 767px)" 955 type="image/jpeg" /> 956 <source data-srcset="/thumbs/1d19da10-2138-11f1-b191-37f4449a896b-md.webp" 957 media="(max-width: 991px)" 958 type="image/webp" /> 959 <source data-srcset="/thumbs/1d19da10-2138-11f1-b191-37f4449a896b-md.jpg" 960 media="(max-width: 991px)" 961 type="image/jpeg" /> 962 <source data-srcset="/thumbs/1d19da10-2138-11f1-b191-37f4449a896b-lg.webp" 963 media="(max-width: 1199px)" 964 type="image/webp" /> 965 <source data-srcset="/thumbs/1d19da10-2138-11f1-b191-37f4449a896b-lg.jpg" 966 media="(max-width: 1199px)" 967 type="image/jpeg" /> 968 <source data-srcset="" 969 media="(min-width: 1200px)" 970 type="image/webp" /> 971 <source data-srcset="/thumbs/1d19da10-2138-11f1-b191-37f4449a896b.jpg" 972 media="(min-width: 1200px)" 973 type="image/jpeg" /> 974 <!--[if IE 9]></audio><![endif]--> 975 <img src="/thumbs/1d19da10-2138-11f1-b191-37f4449a896b-lowRes.jpg" 976 data-src="/thumbs/1d19da10-2138-11f1-b191-37f4449a896b.jpg" 977 data-sizes="auto" 978 979 class="lazyload lazyanim w-full h-[450px] object-cover transform group-hover:scale-103 transition-transform duration-600 ease-out" 980 alt="" /> 981 982 </picture> 983 984 </figure> 985 986 987 <div class="absolute inset-0 overlay-box-nav"></div> 988 989 <div class="absolute top-[30px] left-[30px] px-[10px] py-[3px] rounded-[5px] text-[14px] leading-[18px] bg-white color-text-lcto"> 990 Blog 991 </div> 992 993 <div class="absolute bottom-0 left-0 w-full p-[30px] flex items-center justify-between gap-[30px] text-white"> 994 <h3 class="ff-museo-sans text-[22px] leading-[28px]">Meng Stad, My City</h3> 995 <div class="rounded-full flex items-center justify-center w-[30px] h-[30px] min-w-[30px] min-h-[30px] border-[1px] border-white"> 996 <i class="fa-solid fa-arrow-right text-[15px]"></i> 997 </div> 998 </div> 999 </div> 1000 </a> 1001 1002 1003 1004 1005 1006 1007 1008 1009 <a href="/en/bubble-full-of-life" target="_self"> 1010 <div class="relative rounded-[10px] overflow-hidden group card-light-reflect"> 1011 1012 1013 1014 1015 1016 1017 1018 1019 1020 1021 1022 1023 1024 1025 1026 1027 <figure class="container-image relative h-full false" style="margin:0;"> 1028 <picture class="block h-full " 1029 data-src="/thumbs/37208d60-e636-11f0-83bc-a5f528df0796.png" 1030 1031 > 1032 <!--[if IE 9]> 1033 <audio><![endif]--> 1034 1035 <source data-srcset="/thumbs/37208d60-e636-11f0-83bc-a5f528df0796-xs.webp" 1036 media="(max-width: 575px)" 1037 type="image/webp" /> 1038 <source data-srcset="/thumbs/37208d60-e636-11f0-83bc-a5f528df0796-xs.png" 1039 media="(max-width: 575px)" 1040 type="image/png" /> 1041 <source data-srcset="/thumbs/37208d60-e636-11f0-83bc-a5f528df0796-sm.webp" 1042 media="(max-width: 767px)" 1043 type="image/webp" /> 1044 <source data-srcset="/thumbs/37208d60-e636-11f0-83bc-a5f528df0796-sm.png" 1045 media="(max-width: 767px)" 1046 type="image/png" /> 1047 <source data-srcset="/thumbs/37208d60-e636-11f0-83bc-a5f528df0796-md.webp" 1048 media="(max-width: 991px)" 1049 type="image/webp" /> 1050 <source data-srcset="/thumbs/37208d60-e636-11f0-83bc-a5f528df0796-md.png" 1051 media="(max-width: 991px)" 1052 type="image/png" /> 1053 <source data-srcset="/thumbs/37208d60-e636-11f0-83bc-a5f528df0796-lg.webp" 1054 media="(max-width: 1199px)" 1055 type="image/webp" /> 1056 <source data-srcset="/thumbs/37208d60-e636-11f0-83bc-a5f528df0796-lg.png" 1057 media="(max-width: 1199px)" 1058 type="image/png" /> 1059 <source data-srcset="" 1060 media="(min-width: 1200px)" 1061 type="image/webp" /> 1062 <source data-srcset="/thumbs/37208d60-e636-11f0-83bc-a5f528df0796.png" 1063 media="(min-width: 1200px)" 1064 type="image/png" /> 1065 <!--[if IE 9]></audio><![endif]--> 1066 <img src="/thumbs/37208d60-e636-11f0-83bc-a5f528df0796-lowRes.
1066png" 1067 data-src="/thumbs/37208d60-e636-11f0-83bc-a5f528df0796.png" 1068 data-sizes="auto" 1069 1070 class="lazyload lazyanim w-full h-[450px] object-cover transform group-hover:scale-103 transition-transform duration-600 ease-out" 1071 alt="" /> 1072 1073 </picture> 1074 1075 </figure> 1076 1077 1078 <div class="absolute inset-0 overlay-box-nav"></div> 1079 1080 <div class="absolute top-[30px] left-[30px] px-[10px] py-[3px] rounded-[5px] text-[14px] leading-[18px] bg-white color-text-lcto"> 1081 Meet Maggie & Dot 1082 </div> 1083 1084 <div class="absolute bottom-0 left-0 w-full p-[30px] flex items-center justify-between gap-[30px] text-white"> 1085 <h3 class="ff-museo-sans text-[22px] leading-[28px]">A Bubble Full Of Life</h3> 1086 <div class="rounded-full flex items-center justify-center w-[30px] h-[30px] min-w-[30px] min-h-[30px] border-[1px] border-white"> 1087 <i class="fa-solid fa-arrow-right text-[15px]"></i> 1088 </div> 1089 </div> 1090 </div> 1091 </a> 1092 1093 </div> 1094 1095 </div> 1096 </div> 1097 1098 </li> 1099 1100 1101 1102 <li class="h-full flex items-center"> 1103 1104 <p 1105 class="relative h-full flex items-center z-[9] cursor-pointer" 1106 @mouseenter="openMenu('things-to-do')" 1107 @mouseleave="closeMenu()"> 1108 <span class="text-[18px] leading-[28px]" :class="{ 'color-purple-lcto': menuOpen === 'things-to-do' }">Things to do</span> 1109 <button @click.prevent="menuOpen === 'things-to-do' ? closeMenu() : openMenu('things-to-do')" 1110 type="button" 1111 class="p-2 hover:text-red-800 cursor-pointer hover:translate-x-[3px] transition-transform" 1112 aria-haspopup="true" 1113 :aria-expanded="menuOpen === 'things-to-do'" 1114 aria-controls="submenu-things-to-do" 1115 title="Open submenu for Things to do"> 1116 <i class="fa-solid fa-angle-down text-[12px] ml-[5px] mt-[2px]"></i> 1117 </button> 1118 </p> 1119 1120 1121 1122 <div x-show="menuOpen === 'things-to-do'" 1123 @mouseenter="openMenu('things-to-do')" 1124 @mouseleave="closeMenu()" 1125 x-transition:enter="transition ease-out duration-300" 1126 x-transition:enter-start="opacity-0 scale-[0.8] z-[2]" 1127 x-transition:enter-end="opacity-100 scale-[1] z-[3]" 1128 x-transition:leave="transition ease-in duration-200" 1129 x-transition:leave-start="opacity-100 scale-[1] z-[3] pointer-events-none" 1130 x-transition:leave-end="opacity-0 scale-[0.8] z-[2] pointer-events-none" 1131 class="absolute top-0 left-0 w-full bg-white color-text-lcto will-change-transform rounded-b-[50px] pt-[120px] mega-menu" 1132 style="display: none; 1133 transform: translate3d(0,
11330,0);"> 1134 1135 <div class="container mx-auto px-[20px] pt-[60px] pb-[80px] grid grid-cols-12 gap-8" 1136 x-show="menuOpen === 'things-to-do'" 1137 x-transition:enter="transition ease-out duration-800" 1138 x-transition:enter-start="opacity-0 translate-y-[100px]" 1139 x-transition:enter-end="opacity-100 translate-y-0"> 1140 <!-- Colonne de gauche: Navigation niveau 2 --> 1141 <ul class="col-span-2 list-none"> 1142 1143 1144 1145 <li class="ff-museo-sans text-[14px] leading-[18px] font-semibold uppercase px-[10px] py-[5px] rounded-[5px] w-fit bg-red-lcto text-white mb-[25px] "> 1146 Book Your Tickets 1147 </li> 1148 1149 1150 <li class="relative mb-[20px]"> 1151 1152 1153 <a href="/en/tours-activities/tours" 1154 :class="{ 'opacity-100': submenuOpen === 'guided-tours' }" 1155 class="hover:opacity-100 opacity-60 transition-opacity duration-200 ff-museo-sans text-[20px] leading-[29px] flex items-center justify-between group" 1156 > 1157 <span>Guided Tours</span> 1158 1159 </a> 1160 </li> 1161 1162 1163 <li class="relative mb-[20px]"> 1164 1165 1166 <a href="/en/tours-activities/underground" 1167 :class="{ 'opacity-100': submenuOpen === 'luxembourg-city-underground' }" 1168 class="hover:opacity-100 opacity-60 transition-opacity duration-200 ff-museo-sans text-[20px] leading-[29px] flex items-center justify-between group" 1169 @mouseenter="openSubmenu('luxembourg-city-underground')" @mouseleave="closeSubmenu()" > 1170 <span>Luxembourg City Underground</span> 1171 1172 1173 <button @click.prevent="submenuOpen === 'luxembourg-city-underground' ? closeSubmenu() : openSubmenu('luxembourg-city-underground')" 1174 type="button" 1175 class="p-2 hover:text-red-800 cursor-pointer hover:translate-x-[3px] transition-transform group/btnSub" 1176 aria-haspopup="true" 1177 :aria-expanded="menuOpen === 'luxembourg-city-underground'" 1178 aria-controls="submenu-luxembourg-city-underground" 1179 title="Open submenu for Things to do"> 1180 <i class="fa-solid fa-angle-right ml-[10px] text-xs opacity-0 group-hover:opacity-100 transition-opacity color-red-lcto group-focus/btnSub:opacity-100"></i> 1181 </button> 1182 1183 </a> 1184 </li> 1185 1186 1187 <li class="ff-museo-sans text-[14px] leading-[18px] font-semibold uppercase px-[10px] py-[5px] rounded-[5px] w-fit bg-red-lcto text-white mb-[25px] mt-[50px]"> 1188 Experiences 1189 </li> 1190 1191 1192 <li class="relative mb-[20px]"> 1193 1194 1195 1196 1197 <a href="/en/tours-activities" 1198 :class="{ 'opacity-100': submenuOpen === 'que-faire' }" 1199 class="hover:opacity-100 opacity-60 transition-opacity duration-200 ff-museo-sans text-[20px] leading-[29px] flex items-center justify-between group" 1200 >
1201 <span>Que faire</span> 1202 1203 </a> 1204 </li> 1205 1206 1207 <li class="relative mb-[20px]"> 1208 1209 1210 <a href="/en/tours-activities/sights" 1211 :class="{ 'opacity-100': submenuOpen === 'sights-and-attractions' }" 1212 class="hover:opacity-100 opacity-60 transition-opacity duration-200 ff-museo-sans text-[20px] leading-[29px] flex items-center justify-between group" 1213 @mouseenter="openSubmenu('sights-and-attractions')" @mouseleave="closeSubmenu()" > 1214 <span>Sights & Attractions</span> 1215 1216 1217 <button @click.prevent="submenuOpen === 'sights-and-attractions' ? closeSubmenu() : openSubmenu('sights-and-attractions')" 1218 type="button" 1219 class="p-2 hover:text-red-800 cursor-pointer hover:translate-x-[3px] transition-transform group/btnSub" 1220 aria-haspopup="true" 1221 :aria-expanded="menuOpen === 'sights-and-attractions'" 1222 aria-controls="submenu-sights-and-attractions" 1223 title="Open submenu for Things to do"> 1224 <i class="fa-solid fa-angle-right ml-[10px] text-xs opacity-0 group-hover:opacity-100 transition-opacity color-red-lcto group-focus/btnSub:opacity-100"></i> 1225 </button> 1226 1227 </a> 1228 </li> 1229 1230 1231 <li class="relative mb-[20px]"> 1232 1233 1234 <a href="/en/tours-activities/eat-and-entertainment" 1235 :class="{ 'opacity-100': submenuOpen === 'eat-and-entertainment' }" 1236 class="hover:opacity-100 opacity-60 transition-opacity duration-200 ff-museo-sans text-[20px] leading-[29px] flex items-center justify-between group" 1237 @mouseenter="openSubmenu('eat-and-entertainment')" @mouseleave="closeSubmenu()" > 1238 <span>Eat & Entertainment</span> 1239 1240 1241 <button @click.prevent="submenuOpen === 'eat-and-entertainment' ? closeSubmenu() : openSubmenu('eat-and-entertainment')" 1242 type="button" 1243 class="p-2 hover:text-red-800 cursor-pointer hover:translate-x-[3px] transition-transform group/btnSub" 1244 aria-haspopup="true" 1245 :aria-expanded="menuOpen === 'eat-and-entertainment'" 1246 aria-controls="submenu-eat-and-entertainment" 1247 title="Open submenu for Things to do"> 1248 <i class="fa-solid fa-angle-right ml-[10px] text-xs opacity-0 group-hover:opacity-100 transition-opacity color-red-lcto group-focus/btnSub:opacity-100"></i> 1249 </button> 1250 1251 </a> 1252 </li> 1253 1254 1255 <li class="relative mb-[20px]"> 1256 1257 1258 <a href="/en/tours-activities/markets" 1259 :class="{ 'opacity-100': submenuOpen === 'local-markets' }" 1260 class="hover:opacity-100 opacity-60 transition-opacity duration-200 ff-museo-sans text-[20px] leading-[29px] flex items-center justify-between group" 1261 @mouseenter="openSubmenu('local-markets')" @mouseleave="closeSubmenu()" >
1262 <span>Local Markets</span> 1263 1264 1265 <button @click.prevent="submenuOpen === 'local-markets' ? closeSubmenu() : openSubmenu('local-markets')" 1266 type="button" 1267 class="p-2 hover:text-red-800 cursor-pointer hover:translate-x-[3px] transition-transform group/btnSub" 1268 aria-haspopup="true" 1269 :aria-expanded="menuOpen === 'local-markets'" 1270 aria-controls="submenu-local-markets" 1271 title="Open submenu for Things to do"> 1272 <i class="fa-solid fa-angle-right ml-[10px] text-xs opacity-0 group-hover:opacity-100 transition-opacity color-red-lcto group-focus/btnSub:opacity-100"></i> 1273 </button> 1274 1275 </a> 1276 </li> 1277 1278 </ul> 1279 1280 <!-- Colonne du milieu: Navigation niveau 3 (si applicable) --> 1281 <div class="col-span-4 border-l-[1px] border-[#ECE5E0] pl-[40px]" 1282 x-show="true"> 1283 1284 1285 1286 1287 <div x-show="submenuOpen === 'luxembourg-city-underground'" 1288 x-transition:enter="transition ease-out duration-200" 1289 x-transition:enter-start="opacity-0 translate-x-4" 1290 x-transition:enter-end="opacity-100 translate-x-0" 1291 1292 @mouseenter="openSubmenu('luxembourg-city-underground')" 1293 @mouseleave="closeSubmenu()" 1294 class="h-full max-h-[500px] overflow-y-auto"> 1295 <ul class="space-y-2 list-disc-red-lcto"> 1296 1297 <li class="pl-[15px]"> 1298 1299 1300 <a href="/en/tours-activities/underground/petrusse-casemates" 1301 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 1302 Pétrusse Casemates 1303 </a> 1304 </li> 1305 1306 <li class="pl-[15px]"> 1307 1308 1309 <a href="/en/tours-activities/underground/bock-casemates" 1310 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 1311 Bock Casemates 1312 </a> 1313 </li> 1314 1315 <li class="pl-[15px]"> 1316 1317 1318 <a href="/en/place/fortification/holy-ghost-citadel" 1319 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 1320 Holy Ghost Citadel 1321 </a> 1322 </li> 1323 1324 <li class="pl-[15px]"> 1325 1326 1327 <a href="/en/place/fortification/crypte-archeologique-du-saint-esprit" 1328 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 1329 Archaeological crypt of Saint Esprit 1330 </a> 1331 </li> 1332 1333 </ul> 1334 </div> 1335 1336 1337 1338 1339 1340 <div x-show="submenuOpen === 'sights-and-attractions'" 1341 x-transition:enter="transition ease-out duration-200" 1342 x-transition:enter-start="opacity-0 translate-x-4" 1343 x-transition:enter-end="opacity-100 translate-x-0" 1344 1345 @mouseenter="openSubmenu('sights-and-attractions')" 1346 @mouseleave="closeSubmenu()" 1347 class="h-full max-h-[500px] overflow-y-auto"> 1348 <ul class="space-y-2 list-disc-red-lcto"> 1349 1350 <li class="pl-[15px]"> 1351 1352 1353 <a href="/en/tours-activities/sights/monuments-and-squares" 1354 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 1355 Monuments & Squares 1356 </a> 1357 </li> 1358 1359 <li class="pl-[15px]"> 1360 1361 1362 <a href="/en/tours-activities/sights/nature-and-parks" 1363 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 1364 Nature, parks and gardens 1365 </a> 1366 </li> 1367 1368 <li class="pl-[15px]"> 1369 1370 1371 <a href="/en/tours-activities/sights/fortifications" 1372 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 1373 Fortifications 1374 </a> 1375 </li> 1376 1377 <li class="pl-[15px]"> 1378 1379 1380 <a href="/en/tours-activities/sights/c
1380hurches-and-cemeteries" 1381 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 1382 Churches & cemeteries 1383 </a> 1384 </li> 1385 1386 <li class="pl-[15px]"> 1387 1388 1389 <a href="/en/tours-activities/sights/museums" 1390 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 1391 Museums 1392 </a> 1393 </li> 1394 1395 <li class="pl-[15px]"> 1396 1397 1398 <a href="/en/tours-activities/sights/letzebuerg-dat-ass-vakanz-page" 1399 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 1400 Lëtzebuerg, dat ass Vakanz 1401 </a> 1402 </li> 1403 1404 <li class="pl-[15px]"> 1405 1406 1407 <a href="/en/tours-activities/sights/map" 1408 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 1409 Browse the map 1410 </a> 1411 </li> 1412 1413 <li class="pl-[15px]"> 1414 1415 1416 <a href="/en/tours-activities/360-views" 1417 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 1418 Attractions 360° 1419 </a> 1420 </li> 1421 1422 </ul> 1423 </div> 1424 1425 1426 1427 <div x-show="submenuOpen === 'eat-and-entertainment'" 1428 x-transition:enter="transition ease-out duration-200" 1429 x-transition:enter-start="opacity-0 translate-x-4" 1430 x-transition:enter-end="opacity-100 translate-x-0" 1431 1432 @mouseenter="openSubmenu('eat-and-entertainment')" 1433 @mouseleave="closeSubmenu()" 1434 class="h-full max-h-[500px] overflow-y-auto"> 1435 <ul class="space-y-2 list-disc-red-lcto"> 1436 1437 <li class="pl-[15px]"> 1438 1439 1440 <a href="/en/tours-activities/eat-and-entertainment/restaurants" 1441 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 1442 Restaurants 1443 </a> 1444 </li> 1445 1446 <li class="pl-[15px]"> 1447 1448 1449 <a href="/en/tours-activities/eat-and-entertainment/nightlife" 1450 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 1451 Nightlife 1452 </a> 1453 </li> 1454 1455 <li class="pl-[15px]"> 1456 1457 1458 <a href="/en/tours-activities/eat-and-entertainment/theaters-concerts-venues-cinemas" 1459 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 1460 Theaters, concert venues & cinemas 1461 </a> 1462 </li> 1463 1464 <li class="pl-[15px]"> 1465 1466 1467 <a href="/en/tours-activities/eat-and-entertainment/map" 1468 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 1469 Browse the map 1470 </a> 1471 </li> 1472 1473 </ul> 1474 </div> 1475 1476 1477 1478 <div x-show="submenuOpen === 'local-markets'" 1479 x-transition:enter="transition ease-out duration-200" 1480 x-transition:enter-start="opacity-0 translate-x-4" 1481 x-transition:enter-end="opacity-100 translate-x-0" 1482 1483 @mouseenter="openSubmenu('local-markets')" 1484 @mouseleave="closeSubmenu()" 1485 class="h-full max-h-[500px] overflow-y-auto"> 1486 <ul class="space-y-2 list-disc-red-lcto"> 1487 1488 <li class="pl-[15px]"> 1489 1490 1491 <a href="/en/tours-activities/markets/shopping" 1492 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 1493 Shopping 1494 </a> 1495 </li> 1496 1497 <li class="pl-[15px]"> 1498 1499 1500 <a href="/en/place/market/flea-market" 1501 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 1502 Antique market 1503 </a> 1504 </li> 1505 1506 <li class="pl-[15px]"> 1507 1508 1509 <a href="/en/place/market/market-garer-maart" 1510 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 1511 Market Garer Maart 1512 </a> 1513 </li> 1514 1515 <li class="pl-[15px]"> 1516 1517 1518 <a href="/en/place/market/glacismaart" 1519 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 1520 Glacismaart 1521 </a> 1522 </li> 1523 1524 <li class="pl-[15px]"> 1525 1526 1527 <a href="/en/place/market/konscht-am-gronn" 1528 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 1529 Konscht am Gronn 1530 </a> 1531 </li> 1532 1533 <li class="pl-[15px]"> 1534 1535 1536 <a href="/en/place/market/weekly-market" 1537 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 1538 Market in the city centre 1539 </a> 1540 </li> 1541 1542 <li class="pl-[15px]"> 1543 1544 1545 <a href="/en/place/market/vide-grenier" 1546 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 1547 Flea market 1548 </a> 1549 </li> 1550 1551 <li class="pl-[15px]"> 1552 1553 1554 <a href="/en/tours-activities/markets/map" 1555 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 1556 Browse the map 1557 </a> 1558 </li> 1559 1560 </ul> 1561 </div> 1562 1563 1564 </div> 1565 1566 <div class="col-span-6 col-start-7 grid grid-cols-2 gap-6"> 1567 1568 1569 1570 1571
1571 1572 1573 1574 1575 <a href="/en/tours-activities/tours" target="_self"> 1576 <div class="relative rounded-[10px] overflow-hidden group card-light-reflect"> 1577 1578 1579 1580 1581 1582 1583 1584 1585 1586 1587 1588 1589 1590 1591 1592 1593 <figure class="container-image relative h-full false" style="margin:0;"> 1594 <picture class="block h-full " 1595 data-src="/thumbs/97107570-b668-11f1-a579-d1357052dccc.jpg" 1596 1597 > 1598 <!--[if IE 9]> 1599 <audio><![endif]--> 1600 1601 <source data-srcset="/thumbs/97107570-b668-11f1-a579-d1357052dccc-xs.webp" 1602 media="(max-width: 575px)" 1603 type="image/webp" /> 1604 <source data-srcset="/thumbs/97107570-b668-11f1-a579-d1357052dccc-xs.jpg" 1605 media="(max-width: 575px)" 1606 type="image/jpeg" /> 1607 <source data-srcset="/thumbs/97107570-b668-11f1-a579-d1357052dccc-sm.webp" 1608 media="(max-width: 767px)" 1609 type="image/webp" /> 1610 <source data-srcset="/thumbs/97107570-b668-11f1-a579-d1357052dccc-sm.jpg" 1611 media="(max-width: 767px)" 1612 type="image/jpeg" /> 1613 <source data-srcset="/thumbs/97107570-b668-11f1-a579-d1357052dccc-md.webp" 1614 media="(max-width: 991px)" 1615 type="image/webp" /> 1616 <source data-srcset="/thumbs/97107570-b668-11f1-a579-d1357052dccc-md.jpg" 1617 media="(max-width: 991px)" 1618 type="image/jpeg" /> 1619 <source data-srcset="/thumbs/97107570-b668-11f1-a579-d1357052dccc-lg.webp" 1620 media="(max-width: 1199px)" 1621 type="image/webp" /> 1622 <source data-srcset="/thumbs/97107570-b668-11f1-a579-d1357052dccc-lg.jpg" 1623 media="(max-width: 1199px)" 1624 type="image/jpeg" /> 1625 <source data-srcset="" 1626 media="(min-width: 1200px)" 1627 type="image/webp" /> 1628 <source data-srcset="/thumbs/97107570-b668-11f1-a579-d1357052dccc.jpg" 1629 media="(min-width: 1200px)" 1630 type="image/jpeg" /> 1631 <!--[if IE 9]></audio><![endif]--> 1632 <img src="/thumbs/97107570-b668-11f1-a579-d1357052dccc-lowRes.jpg" 1633 data-src="/thumbs/97107570-b668-11f1-a579-d1357052dccc.jpg" 1634 data-sizes="auto" 1635 1636 class="lazyload lazyanim w-full h-[250px] object-cover transform group-hover:scale-103 transition-transform duration-600 ease-out" 1637 alt="" /> 1638 1639 </picture> 1640 1641 </figure> 1642 1643 1644 <div class="absolute inset-0 overlay-box-nav"></div> 1645 1646 <div class="absolute top-[30px] left-[30px] px-[10px] py-[3px] rounded-[5px] text-[14px] leading-[18px] bg-white color-text-lcto"> 1647 Tours 1648 </div> 1649 1650 <div class="absolute bottom-0 left-0 w-full p-[30px] flex items-center justify-between gap-[30px] text-white"> 1651 <h3 class="ff-museo-sans text-[20px] leading-[26px]">Guided Tours</h3> 1652 <div class="rounded-full flex items-center justify-center w-[30px] h-[30px] min-w-[30px] min-h-[30px] border-[1px] border-white"> 1653 <i class="fa-solid fa-arrow-right text-[15px]"></i> 1654 </div> 1655 </div> 1656 </div> 1657 </a> 1658 1659 1660 1661 1662 1663 1664 1665 1666 <a href="/en/tours-activities" target="_self"> 1667 <div class="relative rounded-[10px] overflow-hidden group card-light-reflect"> 1668 1669 1670 1671 1672 1673 1674 1675 1676 1677 1678 1679 1680 1681 1682 1683 1684 <figure class="container-image relative h-full false" style="margin:0;"> 1685 <picture class="block h-full " 1686 data-src="/thumbs/d0897960-b010-11f1-b099-77ab2590b8bf.jpg" 1687 1688 > 1689 <!--[if IE 9]> 1690 <audio><![endif]--> 1691 1692 <source data-srcset="/thumbs/d0897960-b010-11f1-b099-77ab2590b8bf-xs.webp" 1693 media="(max-width: 575px)" 1694 type="image/webp" /> 1695 <source data-srcset="/thumbs/d0897960-b010-11f1-b099-77ab2590b8bf-xs.jpg" 1696 media="(max-width: 575px)" 1697 type="image/jpeg" /> 1698 <source data-srcset="/thumbs/d0897960-b010-11f1-b099-77ab2590b8bf-sm.webp" 1699 media="(max-width: 767px)" 1700 type="image/webp" /> 1701 <source data-srcset="/thumbs/d0897960-b010-11f1-b099-77ab2590b8bf-sm.jpg" 1702 media="(max-width: 767px)" 1703 type="image/jpeg" /> 1704 <source data-srcset="/thumbs/d0897960-b010-11f1-b099-77ab2590b8bf-md.webp" 1705 media="(max-width: 991px)" 1706 type="image/webp" /> 1707 <source data-srcset="/thumbs/d0897960-b010-11f1-b099-77ab2590b8bf-md.jpg" 1708 media="(max-width: 991px)" 1709 type="image/jpeg" /> 1710 <source data-srcset="/thumbs/d0897960-b010-11f1-b099-77ab2590b8bf-lg.webp" 1711 media="(max-width: 1199px)" 1712 type="image/webp" /> 1713 <source data-srcset="/thumbs/d0897960-b010-11f1-b099-77ab2590b8bf-lg.jpg" 1714 media="(max-width: 1199px)" 1715 type="image/jpeg" /> 1716 <source data-srcset="" 1717 media="(min-width: 1200px)" 1718 type="image/webp" /> 1719 <source data-srcset="/thumbs/d0897960-b010-11f1-b099-77ab2590b8bf.jpg" 1720 media="(min-width: 1200px)" 1721 type="image/jpeg" /> 1722 <!--[if IE 9]></audio><![endif]--> 1723 <img src="/thumbs/d0897960-b010-11f1-b099-77ab2590b8bf-lowRes.jpg" 1724 data-src="/thumbs/d0897960-b010-11f1-b099-77ab2590b8bf.jpg" 1725 data-sizes="auto" 1726 1727 class="lazyload lazyanim w-full h-[250px] object-cover transform group-hover:scale-103 transition-transform duration-600 ease-out" 1728 alt="" /> 1729 1730 </picture> 1731 1732 </figure> 1733 1734 1735 <div class="absolute inset-0 overlay-box-nav"></div> 1736 1737 <div class="absolute top-[30px] left-[30px] px-[10px] py-[3px] rounded-[5px] text-[14px] leading-[18px] bg-white color-text-lcto"> 1738 Activities 1739 </div> 1740 1741 <div class="absolute bottom-0 left-0 w-full p-[30px] flex items-center justify-between gap-[30px] text-white"> 1742 <h3 class="ff-museo-sans text-[20px] leading-[26px]">Things to do</h3> 1743 <div class="rounded-full flex items-center justify-center w-[30px] h-[30px] min-w-[30px] min-h-[30px] border-[1px] border-white"> 1744 <i class="fa-solid fa-arrow-right text-[15px]"></i> 1745 </div> 1746 </div> 1747 </div> 1748 </a> 1749 1750 1751 1752 1753 1754 1755 1756 1757 <a href="/en/tours-activities/underground" target="_self"> 1758 <div class="relative rounded-[10px] overflow-hidden group card-light-reflect"> 1759 1760 1761 1762 1763 1764 1765 1766 1767 1768 1769 1770 1771 1772 1773 1774 1775 <figure class="container-image relative h-full false" style="margin:0;"> 1776 <picture class="block h-full " 1777 data-src="/thumbs/137a1390-ab54-11f1-81f7-37bfa0591888.jpg" 1778 1779 > 1780 <!--[if IE 9]> 1781 <audio><![endif]--> 1782 1783 <source data-srcset="/thumbs/137a1390-ab54-11f1-81f7-37bfa0591888-xs.webp" 1784 media="(max-width: 575px)" 1785 type="image/webp" /> 1786 <source data-srcset="/thumbs/137a1390-ab54-11f1-81f7-37bfa0591888-xs.jpg" 1787 media="(max-width: 575px)" 1788 type="image/jpeg" /> 1789 <source data-srcset="/thumbs/137a1390-ab54-11f1-81f7-37bfa0591888-sm.webp" 1790 media="(max-width: 767px)" 1791 type="image/webp" /> 1792 <source data-srcset="/thumbs/137a1390-ab54-11f1-81f7-37bfa0591888-sm.jpg" 1793 media="(max-width: 767px)" 1794 type="image/jpeg" /> 1795 <source data-srcset="/thumbs/137a1390-ab54-11f1-81f7-37bfa0591888-md.webp" 1796 media="(max-width: 991px)" 1797 type="image/webp" /> 1798 <source data-srcset="/thumbs/137a1390-ab54-11f1-81f7-37bfa0591888-md.jpg" 1799 media="(max-width: 991px)" 1800 type="image/jpeg" /> 1801 <source data-srcset="/thumbs/137a1390-ab54-11f1-81f7-37bfa0591888-lg.webp" 1802 media="(max-width: 1199px)" 1803 type="image/webp" /> 1804 <source data-srcset="/thumbs/137a1390-ab54-11f1-81f7-37bfa0591888-lg.jpg" 1805 media="(max-width: 1199px)" 1806 type="image/jpeg" /> 1807 <source data-srcset="" 1808 media="(min-width: 1200px)" 1809 type="image/webp" /> 1810 <source data-srcset="/thumbs/137a1390-ab54-11f1-81f7-37bfa0591888.jpg" 1811 media="(min-width: 1200px)" 1812 type="image/jpeg" /> 1813 <!--[if IE 9]></audio><![endif]--> 1814 <img src="/thumbs/137a1390-ab54-11f1-81f7-37bfa0591888-lowRes.jpg" 1815 data-src="/thumbs/137a1390-ab54-11f1-81f7-37bfa0591888.jpg" 1816 data-sizes="auto" 1817 1818 class="lazyload lazyanim w-full h-[250px] object-cover transform group-hover:scale-103 transition-transform duration-600 ease-out"
1819 alt="Corridor of the Pétrusse Casemates" /> 1820 1821 </picture> 1822 1823 </figure> 1824 1825 1826 <div class="absolute inset-0 overlay-box-nav"></div> 1827 1828 <div class="absolute top-[30px] left-[30px] px-[10px] py-[3px] rounded-[5px] text-[14px] leading-[18px] bg-white color-text-lcto"> 1829 Fortification 1830 </div> 1831 1832 <div class="absolute bottom-0 left-0 w-full p-[30px] flex items-center justify-between gap-[30px] text-white"> 1833 <h3 class="ff-museo-sans text-[20px] leading-[26px]">Luxembourg City Underground</h3> 1834 <div class="rounded-full flex items-center justify-center w-[30px] h-[30px] min-w-[30px] min-h-[30px] border-[1px] border-white"> 1835 <i class="fa-solid fa-arrow-right text-[15px]"></i> 1836 </div> 1837 </div> 1838 </div> 1839 </a> 1840 1841 1842 1843 1844 1845 1846 1847 1848 <a href="/en/tours-activities/sights" target="_self"> 1849 <div class="relative rounded-[10px] overflow-hidden group card-light-reflect"> 1850 1851 1852 1853 1854 1855 1856 1857 1858 1859 1860 1861 1862 1863 1864 1865 1866 <figure class="container-image relative h-full false" style="margin:0;"> 1867 <picture class="block h-full " 1868 data-src="/thumbs/97255650-b668-11f1-af99-8bfc228df11a.jpg" 1869 1870 > 1871 <!--[if IE 9]> 1872 <audio><![endif]--> 1873 1874 <source data-srcset="/thumbs/97255650-b668-11f1-af99-8bfc228df11a-xs.webp" 1875 media="(max-width: 575px)" 1876 type="image/webp" /> 1877 <source data-srcset="/thumbs/97255650-b668-11f1-af99-8bfc228df11a-xs.jpg" 1878 media="(max-width: 575px)" 1879 type="image/jpeg" /> 1880 <source data-srcset="/thumbs/97255650-b668-11f1-af99-8bfc228df11a-sm.webp" 1881 media="(max-width: 767px)" 1882 type="image/webp" /> 1883 <source data-srcset="/thumbs/97255650-b668-11f1-af99-8bfc228df11a-sm.jpg" 1884 media="(max-width: 767px)" 1885 type="image/jpeg" /> 1886 <source data-srcset="/thumbs/97255650-b668-11f1-af99-8bfc228df11a-md.webp" 1887 media="(max-width: 991px)" 1888 type="image/webp" /> 1889 <source data-srcset="/thumbs/97255650-b668-11f1-af99-8bfc228df11a-md.jpg" 1890 media="(max-width: 991px)" 1891 type="image/jpeg" /> 1892 <source data-srcset="/thumbs/97255650-b668-11f1-af99-8bfc228df11a-lg.webp" 1893 media="(max-width: 1199px)" 1894 type="image/webp" /> 1895 <source data-srcset="/thumbs/97255650-b668-11f1-af99-8bfc228df11a-lg.jpg" 1896 media="(max-width: 1199px)" 1897 type="image/jpeg" /> 1898 <source data-srcset="" 1899 media="(min-width: 1200px)" 1900 type="image/webp" /> 1901 <source data-srcset="/thumbs/97255650-b668-11f1-af99-8bfc228df11a.jpg" 1902 media="(min-width: 1200px)" 1903 type="image/jpeg" /> 1904 <!--[if IE 9]></audio><![endif]--> 1905 <img src="/thumbs/97255650-b668-11f1-af99-8bfc228df11a-lowRes.jpg" 1906 data-src="/thumbs/97255650-b668-11f1-af99-8bfc228df11a.jpg" 1907 data-sizes="auto" 1908 1909 class="lazyload lazyanim w-full h-[250px] object-cover transform group-hover:scale-103 transition-transform duration-600 ease-out" 1910 alt="" /> 1911 1912 </picture> 1913 1914 </figure> 1915 1916 1917 <div class="absolute inset-0 overlay-box-nav"></div> 1918 1919 <div class="absolute top-[30px] left-[30px] px-[10px] py-[3px] rounded-[5px] text-[14px] leading-[18px] bg-white color-text-lcto"> 1920 Sights 1921 </div> 1922 1923 <div class="absolute bottom-0 left-0 w-full p-[30px] flex items-center justify-between gap-[30px] text-white"> 1924 <h3 class="ff-museo-sans text-[20px] leading-[26px]">Attractions</h3> 1925 <div class="rounded-full flex items-center justify-center w-[30px] h-[30px] min-w-[30px] min-h-[30px] border-[1px] border-white"> 1926 <i class="fa-solid fa-arrow-right text-[15px]"></i> 1927 </div> 1928 </div> 1929 </div> 1930 </a> 1931 1932 </div> 1933 1934 </div> 1935 </div> 1936 1937 </li> 1938 1939 1940 1941 <li class="h-full flex items-center"> 1942 1943 <p 1944 class="relative h-full flex items-center z-[9] cursor-pointer" 1945 @mouseenter="openMenu('plan-your-stay')" 1946 @mouseleave="closeMenu()">
1947 <span class="text-[18px] leading-[28px]" :class="{ 'color-purple-lcto': menuOpen === 'plan-your-stay' }">Plan your stay</span> 1948 <button @click.prevent="menuOpen === 'plan-your-stay' ? closeMenu() : openMenu('plan-your-stay')" 1949 type="button" 1950 class="p-2 hover:text-red-800 cursor-pointer hover:translate-x-[3px] transition-transform" 1951 aria-haspopup="true" 1952 :aria-expanded="menuOpen === 'plan-your-stay'" 1953 aria-controls="submenu-plan-your-stay" 1954 title="Open submenu for Plan your stay"> 1955 <i class="fa-solid fa-angle-down text-[12px] ml-[5px] mt-[2px]"></i> 1956 </button> 1957 </p> 1958 1959 1960 1961 <div x-show="menuOpen === 'plan-your-stay'" 1962 @mouseenter="openMenu('plan-your-stay')" 1963 @mouseleave="closeMenu()" 1964 x-transition:enter="transition ease-out duration-300" 1965 x-transition:enter-start="opacity-0 scale-[0.8] z-[2]" 1966 x-transition:enter-end="opacity-100 scale-[1] z-[3]" 1967 x-transition:leave="transition ease-in duration-200" 1968 x-transition:leave-start="opacity-100 scale-[1] z-[3] pointer-events-none" 1969 x-transition:leave-end="opacity-0 scale-[0.8] z-[2] pointer-events-none" 1970 class="absolute top-0 left-0 w-full bg-white color-text-lcto will-change-transform rounded-b-[50px] pt-[120px] mega-menu" 1971 style="display: none; 1972 transform: translate3d(0,0,0);"> 1973 1974 <div class="container mx-auto px-[20px] pt-[60px] pb-[80px] grid grid-cols-12 gap-8" 1975 x-show="menuOpen === 'plan-your-stay'" 1976 x-transition:enter="transition ease-out duration-800" 1977 x-transition:enter-start="opacity-0 translate-y-[100px]" 1978 x-transition:enter-end="opacity-100 translate-y-0"> 1979 <!-- Colonne de gauche: Navigation niveau 2 --> 1980 <ul class="col-span-2 list-none"> 1981 1982 1983 1984 <li class="relative mb-[20px]"> 1985 1986 1987 <a href="/en/plan-your-trip" 1988 :class="{ 'opacity-100': submenuOpen === 'plan-your-trip-with-ai' }" 1989 class="hover:opacity-100 opacity-60 transition-opacity duration-200 ff-museo-sans text-[20px] leading-[29px] flex items-center justify-between group" 1990 > 1991 <span>Plan Your Trip with AI</span> 1992 1993 </a> 1994 </li> 1995 1996 1997 <li class="relative mb-[20px]"> 1998 1999 2000 <a href="/en/plan-your-stay/traveller-information" 2001 :class="{ 'opacity-100': submenuOpen === 'traveller-information' }" 2002 class="hover:opacity-100 opacity-60 transition-opacity duration-200 ff-museo-sans text-[20px] leading-[29px] flex items-center justify-between group" 2003 @mouseenter="openSubmenu('traveller-information')" @mouseleave="closeSubmenu()" >
2004 <span>Traveller information</span> 2005 2006 2007 <button @click.prevent="submenuOpen === 'traveller-information' ? closeSubmenu() : openSubmenu('traveller-information')" 2008 type="button" 2009 class="p-2 hover:text-red-800 cursor-pointer hover:translate-x-[3px] transition-transform group/btnSub" 2010 aria-haspopup="true" 2011 :aria-expanded="menuOpen === 'traveller-information'" 2012 aria-controls="submenu-traveller-information" 2013 title="Open submenu for Plan your stay"> 2014 <i class="fa-solid fa-angle-right ml-[10px] text-xs opacity-0 group-hover:opacity-100 transition-opacity color-red-lcto group-focus/btnSub:opacity-100"></i> 2015 </button> 2016 2017 </a> 2018 </li> 2019 2020 2021 <li class="relative mb-[20px]"> 2022 2023 2024 <a href="/en/plan-your-stay/traveller-information/citymap" 2025 :class="{ 'opacity-100': submenuOpen === 'citymap' }" 2026 class="hover:opacity-100 opacity-60 transition-opacity duration-200 ff-museo-sans text-[20px] leading-[29px] flex items-center justify-between group" 2027 > 2028 <span>Citymap</span> 2029 2030 </a> 2031 </li> 2032 2033 2034 <li class="relative mb-[20px]"> 2035 2036 2037 <a href="/en/plan-your-stay/accommodation" 2038 :class="{ 'opacity-100': submenuOpen === 'accommodation' }" 2039 class="hover:opacity-100 opacity-60 transition-opacity duration-200 ff-museo-sans text-[20px] leading-[29px] flex items-center justify-between group" 2040 > 2041 <span>Accommodation</span> 2042 2043 </a> 2044 </li> 2045 2046 2047 <li class="relative mb-[20px]"> 2048 2049 2050 <a href="/en/plan-your-stay/tourism-for-all" 2051 :class="{ 'opacity-100': submenuOpen === 'tourism-for-all' }" 2052 class="hover:opacity-100 opacity-60 transition-opacity duration-200 ff-museo-sans text-[20px] leading-[29px] flex items-center justify-between group" 2053 >
2054 <span>Tourism for all</span> 2055 2056 </a> 2057 </li> 2058 2059 </ul> 2060 2061 <!-- Colonne du milieu: Navigation niveau 3 (si applicable) --> 2062 <div class="col-span-4 border-l-[1px] border-[#ECE5E0] pl-[40px]" 2063 x-show="true"> 2064 2065 2066 2067 2068 <div x-show="submenuOpen === 'traveller-information'" 2069 x-transition:enter="transition ease-out duration-200" 2070 x-transition:enter-start="opacity-0 translate-x-4" 2071 x-transition:enter-end="opacity-100 translate-x-0" 2072 2073 @mouseenter="openSubmenu('traveller-information')" 2074 @mouseleave="closeSubmenu()" 2075 class="h-full max-h-[500px] overflow-y-auto"> 2076 <ul class="space-y-2 list-disc-red-lcto"> 2077 2078 <li class="pl-[15px]"> 2079 2080 2081 <a href="/en/plan-your-stay/traveller-information/travel-to-luxembourg" 2082 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 2083 Travel to Luxembourg 2084 </a> 2085 </li> 2086 2087 <li class="pl-[15px]"> 2088 2089 2090 <a href="/en/plan-your-stay/traveller-information/getting-around" 2091 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 2092 Getting around 2093 </a> 2094 </li> 2095 2096 <li class="pl-[15px]"> 2097 2098 2099 <a href="/en/plan-your-stay/traveller-information/car-parks" 2100 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 2101 Parking 2102 </a> 2103 </li> 2104 2105 <li class="pl-[15px]"> 2106 2107 2108 <a href="/en/plan-your-stay/traveller-information/climat-et-saisons-a-luxembourg" 2109 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 2110 Seasons and climate 2111 </a> 2112 </li> 2113 2114 <li class="pl-[15px]"> 2115 2116 2117 <a href="https://www.citywifi.lu/en/" 2118 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 2119 Wifi / Citywifi 2120 </a> 2121 </li> 2122 2123 <li class="pl-[15px]"> 2124 2125 2126 <a href="/en/plan-your-stay/traveller-information/media-centre" 2127 class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors duration-200 block"> 2128 Media Centre 2129 </a> 2130 </li> 2131 2132 </ul> 2133 </div> 2134 2135 2136 2137 2138 2139 2140 2141 2142 </div> 2143 2144 <div class="col-span-6 col-start-7 grid grid-cols-2 gap-6"> 2145 2146 2147 2148 2149 2150 2151 2152 2153 <a href="en/plan-your-stay/tourism-for-all" target="_self"> 2154 <div class="relative rounded-[10px] overflow-hidden group card-light-reflect"> 2155 2156 2157 2158 2159 2160 2161 2162 2163 2164 2165 2166 2167 2168 2169 2170 2171 <figure class="container-image relative h-full false" style="margin:0;"> 2172 <picture class="block h-full " 2173 data-src="/thumbs/1bdf5cc0-38be-11f1-98c7-d7b92a7e9b6c.jpg" 2174 2175 > 2176 <!--[if IE 9]> 2177 <audio><![endif]--> 2178 2179 <source data-srcset="/thumbs/1bdf5cc0-38be-11f1-98c7-d7b92a7e9b6c-xs.webp" 2180 media="(max-width: 575px)" 2181 type="image/webp" /> 2182 <source data-srcset="/thumbs/1bdf5cc0-38be-11f1-98c7-d7b92a7e9b6c-xs.jpg" 2183 media="(max-width: 575px)" 2184 type="image/jpeg" /> 2185 <source data-srcset="/thumbs/1bdf5cc0-38be-11f1-98c7-d7b92a7e9b6c-sm.webp" 2186 media="(max-width: 767px)" 2187 type="image/webp" /> 2188 <source data-srcset="/thumbs/1bdf5cc0-38be-11f1-98c7-d7b92a7e9b6c-sm.jpg" 2189 media="(max-width: 767px)" 2190 type="image/jpeg" /> 2191 <source data-srcset="/thumbs/1bdf5cc0-38be-11f1-98c7-d7b92a7e9b6c-md.webp" 2192 media="(max-width: 991px)" 2193 type="image/webp" /> 2194 <source data-srcset="/thumbs/1bdf5cc0-38be-11f1-98c7-d7b92a7e9b6c-md.jpg" 2195 media="(max-width: 991px)" 2196 type="image/jpeg" /> 2197 <source data-srcset="/thumbs/1bdf5cc0-38be-11f1-98c7-d7b92a7e9b6c-lg.webp" 2198 media="(max-width: 1199px)" 2199 type="image/webp" /> 2200 <source data-srcset="/thumbs/1bdf5cc0-38be-11f1-98c7-d7b92a7e9b6c-lg.jpg" 2201 media="(max-width: 1199px)" 2202 type="image/jpeg" /> 2203 <source data-srcset="" 2204 media="(min-width: 1200px)" 2205 type="image/webp" /> 2206 <source data-srcset="/thumbs/1bdf5cc0-38be-11f1-98c7-d7b92a7e9b6c.jpg" 2207 media="(min-width: 1200px)" 2208 type="image/jpeg" /> 2209 <!--[if IE 9]></audio><![endif]--> 2210 <img src="/thumbs/1bdf5cc0-38be-11f1-98c7-d7b92a7e9b6c-lowRes.jpg" 2211 data-src="/thumbs/1bdf5cc0-38be-11f1-98c7-d7b92a7e9b6c.jpg" 2212 data-sizes="auto" 2213 2214 class="lazyload lazyanim w-full h-[450px] object-cover transform group-hover:scale-103 transition-transform duration-600 ease-out" 2215 alt="" /> 2216 2217 </picture> 2218 2219 </figure> 2220 2221 2222 <div class="absolute inset-0 overlay-box-nav"></div> 2223 2224 <div class="absolute bottom-0 left-0 w-full p-[30px] flex items-center justify-between gap-[30px] text-white"> 2225 <h3 class="ff-museo-sans text-[22px] leading-[28px]">Tourism for all</h3> 2226 <div class="rounded-full flex items-center justify-center w-[30px] h-[30px] min-w-[30px] min-h-[30px] border-[1px] border-white"> 2227 <i class="fa-solid fa-arrow-right text-[15px]"></i> 2228 </div> 2229 </div> 2230 </div> 2231 </a> 2232 2233 2234 2235 2236 2237 2238 2239 2240 <a href="/en/plan-your-trip" target="_self"> 2241 <div class="relative rounded-[10px] overflow-hidden group card-light-reflect"> 2242 2243 2244 2245 2246 2247 2248 2249 2250 2251 2252 2253 2254 2255 2256 2257 2258 <figure class="container-image relative h-full false" style="margin:0;"> 2259 <picture class="block h-full " 2260 data-src="/thumbs/2ae8fb50-a6b0-11f1-9cff-2f2be6cb7f0a.jpg" 2261 2262 > 2263 <!--[if IE 9]> 2264 <audio><![endif]--> 2265 2266 <source data-srcset="/thumbs/2ae8fb50-a6b0-11f1-9cff-2f2be6cb7f0a-xs.webp" 2267 media="(max-width: 575px)" 2268 type="image/webp" /> 2269 <source data-srcset="/thumbs/2ae8fb50-a6b0-11f1-9cff-2f2be6cb7f0a-xs.jpg" 2270 media="(max-width: 575px)" 2271 type="image/jpeg" /> 2272 <source data-srcset="/thumbs/2ae8fb50-a6b0-11f1-9cff-2f2be6cb7f0a-sm.webp" 2273 media="(max-width: 767px)" 2274 type="image/webp" /> 2275 <source data-srcset="/thumbs/2ae8fb50-a6b0-11f1-9cff-2f2be6cb7f0a-sm.jpg" 2276 media="(max-width: 767px)" 2277 type="image/jpeg" /> 2278 <source data-srcset="/thumbs/2ae8fb50-a6b0-11f1-9cff-2f2be6cb7f0a-md.webp" 2279 media="(max-width: 991px)" 2280 type="image/webp" /> 2281 <source data-srcset="/thumbs/2ae8fb50-a6b0-11f1-9cff-2f2be6cb7f0a-md.jpg" 2282 media="(max-width: 991px)" 2283 type="image/jpeg" /> 2284 <source data-srcset="/thumbs/2ae8fb50-a6b0-11f1-9cff-2f2be6cb7f0a-lg.webp" 2285 media="(max-width: 1199px)" 2286 type="image/webp" /> 2287 <source data-srcset="/thumbs/2ae8fb50-a6b0-11f1-9cff-2f2be6cb7f0a-lg.jpg" 2288 media="(max-width: 1199px)" 2289 type="image/jpeg" /> 2290 <source data-srcset="" 2291 media="(min-width: 1200px)" 2292 type="image/webp" /> 2293 <source data-srcset="/thumbs/2ae8fb50-a6b0-11f1-9cff-2f2be6cb7f0a.jpg" 2294 media="(min-width: 1200px)" 2295 type="image/jpeg" /> 2296 <!--[if IE 9]></audio><![endif]--> 2297 <img src="/thumbs/2ae8fb50-a6b0-11f1-9cff-2f2be6cb7f0a-lowRes.jpg" 2298 data-src="/thumbs/2ae8fb50-a6b0-11f1-9cff-2f2be6cb7f0a.jpg" 2299 data-sizes="auto" 2300 2301 class="lazyload lazyanim w-full h-[450px] object-cover transform group-hover:scale-103 transition-transform duration-600 ease-out" 2302 alt="" /> 2303 2304 </picture> 2305 2306 </figure> 2307 2308 2309 <div class="absolute inset-0 overlay-box-nav"></div> 2310 2311 <div class="absolute bottom-0 left-0 w-full p-[30px] flex items-center justify-between gap-[30px] text-white"> 2312 <h3 class="ff-museo-sans text-[22px] leading-[28px]">Plan Your Trip with AI</h3> 2313 <div class="rounded-full flex items-center justify-center w-[30px] h-[30px] min-w-[30px] min-h-[30px] bor
2313der-[1px] border-white"> 2314 <i class="fa-solid fa-arrow-right text-[15px]"></i> 2315 </div> 2316 </div> 2317 </div> 2318 </a> 2319 2320 </div> 2321 2322 </div> 2323 </div> 2324 2325 </li> 2326 2327 2328 2329 <li class="h-full flex items-center"> 2330 2331 <a 2332 href="/en/what-s-on" 2333 class="relative h-full flex items-center z-[9]" 2334 @mouseenter="openMenu('events')" 2335 @mouseleave="closeMenu()"> 2336 <span class="text-[18px] leading-[28px]" :class="{ 'color-purple-lcto': menuOpen === 'events' }">Events</span> 2337 </a> 2338 2339 2340 </li> 2341 2342 </ul> 2343 </nav> 2344 2345 <!-- Icônes et bouton Pro --> 2346 <div class="panel-search flex items-center gap-[12px] ml-[90px] relative z-[9]" 2347 @mouseenter="instantClose()"> 2348 <!-- Search Component --> 2349 <div class="relative" role="search" aria-label="Search the website"> 2350 <button @click="searchOpen = !searchOpen; if(searchOpen) { instantClose() }" 2351 id="searchButtonDesktop" 2352 :aria-expanded="searchOpen" 2353 aria-label="Search the website" 2354 class="focus:outline-none text-[20px]"> 2355 <i class="fa-regular fa-magnifying-glass" x-show="!searchOpen" x-cloak></i> 2356 <i class="fa-solid fa-xmark" x-show="searchOpen" x-cloak></i> 2357 </button> 2358 2359 <!-- Search Panel --> 2360 <div x-show="searchOpen" 2361 @click.away="searchOpen = false" 2362 x-transition:enter="transition ease-out duration-300" 2363 x-transition:enter-start="opacity-0 -translate-y-4" 2364 x-transition:enter-end="opacity-100 translate-y-0" 2365 x-transition:leave="transition ease-in duration-200" 2366 x-transition:leave-start="opacity-100 translate-y-0" 2367 x-transition:leave-end="opacity-0 -translate-y-4" 2368 class="absolute right-0 w-[375px] bg-white color-text-lcto rounded-[10px]" 2369 :class="{ 'top-[calc(100%+30px)]': isTop, 'top-[calc(100%+20px)]': !isTop }" 2370 style="display: none; 2371 transform: translate3d(0,0,0); 2372 overflow: hidden" 2373 x-cloak> 2374 <div class="p-[20px]"> 2375 <!-- Search Input --> 2376 <div class="relative mb-8"> 2377 <form action="/en/recherche" method="get"> 2378 <i class="fa-regular fa-magnifying-glass absolute left-6 top-1/2 -translate-y-1/2 color-text-lcto text-[18px]"></i> 2379 <input type="text" 2380 name="q" 2381 maxlength="100" 2382 placeholder="Search the website" 2383 aria-label="Search the website" 2384 class="w-full border border-extralight-lcto rounded-[10px] py-[15px] pr-[20px] pl-[60px] focus:outline-none focus:ring-2 focus:ring-[#323F48] input-search-desktop" 2385 x-model="searchQuery"> 2386 <button @click="searchQuery = ''" 2387 type="button" 2388 aria-label="Clear search" 2389 x-show="searchQuery.length > 0" 2390 x-cloak 2391 class="absolute right-6 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-700"> 2392 <i class="fa-solid fa-xmark text-[18px] color-text-lcto mt-[4px]"></i> 2393 </button> 2394 </form> 2395 </div> 2396 2397 <!-- Most Popular --> 2398 <h3 class="ff-museo-sans text-[17px] leading-[27px] mt-[25px]">Most Popular</h3> 2399 <ul class="mt-[20px] p-[20px] rounded-[10px] border-[1px] border-extralight-lcto"> 2400 <li class="pb-[20px]"> 2401 <div data-search="Guided Tours" class="flex items-center group text-[16px] leading-[22px] curs
2401or-pointer js-search-link"><i class="fa-regular fa-magnifying-glass color-green-lcto mr-[10px]"></i><span class="group-hover:color-red-lcto transition-colors">Guided Tours</span></div> 2402 </li> 2403 <li class="border-t-[1px] border-extralight-lcto py-[20px]"> 2404 <div data-search="Whats on" class="flex items-center group text-[16px] leading-[22px] cursor-pointer js-search-link"><i class="fa-regular fa-magnifying-glass color-green-lcto mr-[10px]"></i><span class="group-hover:color-red-lcto transition-colors">What's on</span></div> 2405 </li> 2406 <li class="border-t-[1px] border-extralight-lcto py-[20px]"> 2407 <div data-search="Underground Bock Casemates" class="flex items-center group text-[16px] leading-[22px] cursor-pointer js-search-link"><i class="fa-regular fa-magnifying-glass color-green-lcto mr-[10px]"></i><span class="group-hover:color-red-lcto transition-colors">Underground Bock Casemates</span></div> 2408 </li> 2409 <li class="border-t-[1px] border-extralight-lcto py-[20px]"> 2410 <div data-search="Panoramic Elevator" class="flex items-center group text-[16px] leading-[22px] cursor-pointer js-search-link"><i class="fa-regular fa-magnifying-glass color-green-lcto mr-[10px]"></i><span class="group-hover:color-red-lcto transition-colors">Panoramic Elevator</span></div> 2411 </li> 2412 <li class="border-t-[1px] border-extralight-lcto pt-[20px]"> 2413 <div data-search="Luxembourg City Nightlife" class="flex items-center group text-[16px] leading-[22px] cursor-pointer js-search-link"><i class="fa-regular fa-magnifying-glass color-green-lcto mr-[10px]"></i><span class="group-hover:color-red-lcto transition-colors">Luxembourg City Nightlife</span></div> 2414 </li> 2415 </ul> 2416 </div> 2417 </div> 2418 </div> 2419 2420 <!-- Dark Mode Toggle --> 2421 <div x-data="darkMode"> 2422 <button @click="toggleDarkMode()" 2423 class="focus:outline-none text-[20px]" 2424 :aria-pressed="isDark" 2425 aria-label="Accessibility mode"> 2426 <i class="fa-regular fa-universal-access" x-show="!isDark" x-cloak></i> 2427 <i class="fa-solid fa-universal-access" x-show="isDark" x-cloak></i> 2428 </button> 2429 </div> 2430 2431 <!-- Locale toggle --> 2432 <div x-data="{ open: false }" class="relative" @keydown.escape="open = false"> 2433 <button @click="open = !open" 2434 @click.away="open = false" 2435 :aria-expanded="open" 2436 aria-label="Choose the language" 2437 class="flex items-center focus:outline-none text-[20px] no-underline"> 2438 <i class="fa-regular fa-globe" x-show="!open" x-cloak></i> 2439 <i class="fa-solid fa-xmark" x-show="open" x-cloak></i> 2440 </button> 2441 2442 <div x-show="open" 2443 x-transition:enter="transition ease-out duration-200" 2444 x-transition:enter-start="opacity-0 transform scale-95" 2445 x-transition:enter-end="opacity-100 transform scale-100" 2446 x-transition:leave="transition ease-in duration-150" 2447 x-transition:leave-start="opacity-100 transform scale-100" 2448 x-transition:leave-end="opacity-0 transform scale-95" 2449 class="absolute right-0 bg-white rounded-[10px] z-20" 2450 :class="{ 'top-[calc(100%+30px)]': isTop, 'top-[calc(100%+20px)]': !isTo
2450p }"> 2451 <ul class="px-[15px] py-[10px]" aria-label="Choose the language"> 2452 2453 2454 2455 <li> 2456 <a href="/fr/adresse/visual-arts/pop-up-store-vienna-design-d0xjjq" 2457 class="flex items-center py-[5px] text-[14px] color-text-lcto group"> 2458 <i aria-hidden="true" class="fa-regular fa-circle color-text-lcto mr-[8px] group-hover:color-red-lcto transition-colors"></i> 2459 <span lang="fr" class="group-hover:color-red-lcto transition-colors">Français</span> 2460 </a> 2461 </li> 2462 2463 <li> 2464 <a href="/en/place/visual-arts/pop-up-store-vienna-design-d0xjjq" 2465 class="flex items-center py-[5px] text-[14px] color-text-lcto group"> 2466 <i aria-hidden="true" class="fa-regular fa-circle-dot color-red-lcto mr-[8px] group-hover:color-red-lcto transition-colors"></i><span class="sr-only">Active language: </span> 2467 <span lang="en" class="group-hover:color-red-lcto transition-colors">English</span> 2468 </a> 2469 </li> 2470 2471 <li> 2472 <a href="/de/ansicht/visual-arts/pop-up-store-vienna-design-d0xjjq" 2473 class="flex items-center py-[5px] text-[14px] color-text-lcto group"> 2474 <i aria-hidden="true" class="fa-regular fa-circle color-text-lcto mr-[8px] group-hover:color-red-lcto transition-colors"></i> 2475 <span lang="de" class="group-hover:color-red-lcto transition-colors">Deutsch</span> 2476 </a> 2477 </li> 2478 2479 2480 2481 </ul> 2482 </div> 2483 </div> 2484 2485 <!-- Desktop extra menu toggle --> 2486 <button @click="toggleExtraMenu()" :aria-expanded="extraMenuOpen" aria-label="Menu" class="focus:outline-none cursor-pointer h-[20px]"> 2487 <i class="fa-regular fa-bars text-[20px]" x-show="!extraMenuOpen" x-cloak></i> 2488 <i class="fa-solid fa-xmark text-[23px]" x-show="extraMenuOpen" x-cloak></i> 2489 </button> 2490 2491 <!-- Pro menu --> 2492 <div x-data="{ openPro: false }" class="relative ml-[90px] -mt-[20px]" @keydown.escape="openPro = false"> 2493 <button @click="openPro = !openPro" 2494 @click.away="openPro = false" 2495 :aria-expanded="openPro" 2496 class="flex flex-col items-start focus:outline-none text-[20px]"> 2497 2498 <span class="text-[16px] leading-[26px] mt-[15px]">For professionals <i class="fa-solid fa-chevron-down text-[9px] ml-[5px]"></i></span> 2499 </button> 2500 2501 <div x-show="openPro" 2502 x-transition:enter="transition ease-out duration-200" 2503 x-transition:enter-start="opacity-0 transform scale-95" 2504 x-transition:enter-end="opacity-100 transform scale-100" 2505 x-transition:leave="transition ease-in duration-150" 2506 x-transition:leave-start="opacity-100 transform scale-100" 2507 x-transition:leave-end="opacity-0 transform scale-95" 2508 class="absolute right-0 w-fit min-w-full bg-white rounded-[10px] z-20" 2509 :class="{ 'top-[calc(100%+30px)]': isTop, 'top-[calc(100%+20px)]': !isTo
2509p }"> 2510 <ul class="px-[15px] py-[10px]" aria-label="For professionals"> 2511 2512 <li> 2513 <a href="https://guides.luxembourg-city.com/fr" target="_blank" class="flex items-center py-[5px] text-[14px] color-text-lcto group"> 2514 <span class="group-hover:color-red-lcto transition-colors">Espace Guides</span> 2515 </a> 2516 </li> 2517 2518 <li> 2519 <a href="https://b2b.luxembourg-city.com/" target="_blank" class="flex items-center py-[5px] text-[14px] color-text-lcto group"> 2520 <span class="group-hover:color-red-lcto transition-colors">B2B</span> 2521 </a> 2522 </li> 2523 2524 2525 </ul> 2526 </div> 2527 </div> 2528 </div> 2529 </div> 2530 </div> 2531 </div> 2532 </header> 2533 2534 <!-- Menu mobile plein écran --> 2535 <div x-show="extraMenuOpen" 2536 x-transition:enter="transition ease-out duration-300" 2537 x-transition:enter-start="translate-x-full" 2538 x-transition:enter-end="translate-x-0" 2539 x-transition:leave="transition ease-in duration-200" 2540 x-transition:leave-start="translate-x-0" 2541 x-transition:leave-end="translate-x-full" 2542 class="panel-responsive-menu fixed z-[9998] pt-[20px] overflow-y-auto bg-bg-lcto w-full max-w-[600px] right-[-15px] top-[100px] bottom-0" 2543 style="display: none"> 2544 2545 <!-- Navigation niveau 1 --> 2546 <div x-show="!showLevelExtra2" 2547 x-transition:enter="transition ease-out duration-300" 2548 x-transition:enter-start="transform translate-x-full" 2549 x-transition:enter-end="transform translate-x-0" 2550 x-transition:leave="transition ease-in duration-200" 2551 x-transition:leave-start="transform translate-x-0" 2552 x-transition:leave-end="transform translate-x-full" 2553 class="h-full pt-[50px]"> 2554 2555 <nav aria-label="Additional menu" class="px-[30px]"> 2556 <ul class="flex flex-col gap-[20px]"> 2557 2558 <li> 2559 <div class="flex items-center justify-between"> 2560 2561 <button type="button" @click="openLevelExtra2('about-lcto')" 2562 class="ff-museo-sans text-[20px] leading-[29px] flex-1 opacity-60 hover:opacity-100 transition-opacity cursor-pointer text-left" >About LCTO</button> 2563 2564 <button @click="openLevelExtra2('about-lcto')" 2565 aria-haspopup="true" 2566 :aria-expanded="activeLevelExtra1 === 'about-lcto' && showLevelExtra2" 2567 aria-label="Open submenu About LCTO" 2568 class="p-2 text-red-600 hover:text-red-800 cursor-pointer hover:translate-x-[3px] transition-transform"> 2569 <i class="fa-regular fa-arrow-right text-[20px] color-red-lcto"></i> 2570 </button> 2571 2572 2573 </div> 2574 2575 <hr class="separator-lcto mb-0"> 2576 2577 </li> 2578 2579 <li> 2580 <div class="flex items-center justify-between"> 2581 2582 </div> 2583 2584 </li> 2585 2586 </ul> 2587 </nav> 2588 </div> 2589 2590 <!-- Navigation niveau 2 et 3 --> 2591 <div x-show="showLevelExtra2" 2592 x-transition:enter="transition ease-out duration-300" 2593 x-transition:enter-start="transform translate-x-full" 2594 x-transition:enter-end="transform translate-x-0" 2595 x-transition:leave="transition ease-in duration-200" 2596 x-transition:leave-start="transform translate-x-0" 2597 x-transition:leave-end="transform translate-x-full" 2598 class="h-full pt-[40px]"> 2599 2600 2601 <div x-show="activeLevelExtra1 === 'about-lcto'" 2602 class="h-full"> 2603 2604 <!-- Header avec bouton retour --> 2605 <div class="px-[30px] pt-[20px]"> 2606 <button @click="backToLevelExtra1()" class="flex items-center cursor-pointer group"> 2607 <i class="fa-solid fa-arrow-left text-[15px] color-red-lcto mr-[8px] group-hover:translate-x-[-3px] transition-transform"></i> 2608 Back 2609 </button> 2610 <hr class="separator-lcto mb-0 mt-[25px]"> 2611 </div> 2612 2613 <div class="px-[30px] py-[30px]"> 2614 <!-- Navigation niveau 2 --> 2615 <ul class="space-y-[15px]"> 2616 2617 2618 <li class="border-b border-gray-100"> 2619 2620 <div class="flex items-center justify-between"> 2621 <a href="/en/about-lcto/about-us" 2622 class="ff-museo-sans text-[20px] leading-[29px] opacity-60 hover:opacity-100 transition-opacity" 2623 :class="{ 'opacity-100': openAccordionsExtra['about-lcto-about-us'] }" 2624 > 2625 About us 2626 </a> 2627 2628 <!-- Bouton accordéon pour niveau 3 --> 2629 2630 </div> 2631 2632 <!-- Navigation niveau 3 (accordéon) --> 2633 2634 </li> 2635 2636 <li class="border-b border-gray-100"> 2637 2638 <div class="flex items-center justify-between"> 2639 <a href="/en/about-lcto/statutes" 2640 class="ff-museo-sans text-[20px] leading-[29px] opacity-60 hover:opacity-100 transition-opacity" 2641 :class="{ 'opacity-100': openAccordionsExtra['about-lcto-statutes'] }" 2642 > 2643 Statutes 2644 </a> 2645 2646 <!-- Bouton accordéon pour niveau 3 --> 2647 2648 </div> 2649 2650 <!-- Navigation niveau 3 (accordéon) --> 2651 2652 </li> 2653 2654 <li class="border-b border-gray-100"> 2655 2656 <div class="flex items-center justify-between"> 2657 <a href="/en/about-lcto/get-in-touch" 2658 class="ff-museo-sans text-[20px] leading-[29px] opacity-60 hover:opacity-100 transition-opacity" 2659 :class="{ 'opacity-100': openAccordionsExtra['about-lcto-get-in-touch'] }" 2660 > 2661 Get in touch 2662 </a> 2663 2664 <!-- Bouton accordéon pour niveau 3 --> 2665 2666 </div> 2667 2668 <!-- Navigation niveau 3 (accordéon) --> 2669 2670 </li> 2671 2672 <li class="border-b border-gray-100"> 2673 2674 <div class="flex items-center justify-between"> 2675 <a href="/en/press-release" 2676 class="ff-museo-sans text-[20px] leading-[29px] opacity-60 hover:opacity-100 transition-opacity" 2677 :class="{ 'opacity-100': openAccordionsExtra['about-lcto-press-releases'] }" 2678 > 2679 Press Releases 2680 </a> 2681 2682 <!-- Bouton accordéon pour niveau 3 --> 2683 2684 </div> 2685 2686 <!-- Navigation niveau 3 (accordéon) --> 2687 2688 </li> 2689 2690 <li class="border-b border-gray-100"> 2691 2692 <div class="flex items-center justify-between"> 2693 <a href="https://rapport2025.lcto.lu/" 2694 class="ff-museo-sans text-[20px] leading-[29px] opacity-60 hover:opacity-100 transition-opacity" 2695 :class="{ 'opacity-100': openAccordionsExtra['about-lcto-annual-report-2025'] }" 2696 target="_blank" > 2697 Annual Report 2025 2698 </a> 2699 2700 <!-- Bouton accordéon pour niveau 3 --> 2701 2702 </div> 2703 2704 <!-- Navigation niveau 3 (accordéon) --> 2705 2706 </li> 2707 2708 <li class="border-b border-gray-100"> 2709 2710 <div class="flex items-center justify-between"> 2711 <a href="/en/jobs"
2712 class="ff-museo-sans text-[20px] leading-[29px] opacity-60 hover:opacity-100 transition-opacity" 2713 :class="{ 'opacity-100': openAccordionsExtra['about-lcto-jobs'] }" 2714 > 2715 Jobs 2716 </a> 2717 2718 <!-- Bouton accordéon pour niveau 3 --> 2719 2720 </div> 2721 2722 <!-- Navigation niveau 3 (accordéon) --> 2723 2724 </li> 2725 2726 </ul> 2727 </div> 2728 </div> 2729 2730 <div x-show="activeLevelExtra1 === 'espace-pro'" 2731 class="h-full"> 2732 2733 <!-- Header avec bouton retour --> 2734 <div class="px-[30px] pt-[20px]"> 2735 <button @click="backToLevelExtra1()" class="flex items-center cursor-pointer group"> 2736 <i class="fa-solid fa-arrow-left text-[15px] color-red-lcto mr-[8px] group-hover:translate-x-[-3px] transition-transform"></i> 2737 Back 2738 </button> 2739 <hr class="separator-lcto mb-0 mt-[25px]"> 2740 </div> 2741 2742 <div class="px-[30px] py-[30px]"> 2743 <!-- Navigation niveau 2 --> 2744 <ul class="space-y-[15px]"> 2745 2746 2747 <li class="border-b border-gray-100"> 2748 2749 <div class="flex items-center justify-between"> 2750 <a href="https://guides.luxembourg-city.com/fr" 2751 class="ff-museo-sans text-[20px] leading-[29px] opacity-60 hover:opacity-100 transition-opacity" 2752 :class="{ 'opacity-100': openAccordionsExtra['espace-pro-espace-guides'] }" 2753 target="_blank" > 2754 Espace guides 2755 </a> 2756 2757 <!-- Bouton accordéon pour niveau 3 --> 2758 2759 </div> 2760 2761 <!-- Navigation niveau 3 (accordéon) --> 2762 2763 </li> 2764 2765 <li class="border-b border-gray-100"> 2766 2767 <div class="flex items-center justify-between"> 2768 <a href="https://b2b.luxembourg-city.com/" 2769 class="ff-museo-sans text-[20px] leading-[29px] opacity-60 hover:opacity-100 transition-opacity" 2770 :class="{ 'opacity-100': openAccordionsExtra['espace-pro-b2b'] }" 2771 target="_blank" > 2772 B2B 2773 </a> 2774 2775 <!-- Bouton accordéon pour niveau 3 --> 2776 2777 </div> 2778 2779 <!-- Navigation niveau 3 (accordéon) --> 2780 2781 </li> 2782 2783 </ul> 2784 </div> 2785 </div> 2786 2787 </div> 2788 </div> 2789 2790 <div x-show="extraMenuOpen" 2791 @click="toggleExtraMenu()" 2792 id="overlay-menu-extra" 2793 class="fixed top-0 left-0 w-full h-full bg-black opacity-50 z-30 hidden 2xl:block"></div> 2794</div> 2795 2796 2797 2798 2799 2800 2801 2802 2803 2804<div @keydown.escape.window="if(mobileMenuOpen){toggleMobileMenu()}; searchOpen = false" x-data="{ mobileMenuOpen: false, lastScrollTop: 0, scrollDirection: '', activeLevel1: '', showLevel2: false, openAccordions: {}, toggleMobileMenu() { this.mobileMenuOpen = !this.mobileMenuOpen; if (!this.mobileMenuOpen) { this.activeLevel1 = ''; this.showLevel2 = false; this.openAccordions = {}; document.body.classList.remove('overflow-hidden'); } else { document.body.classList.add('overflow-hidden'); } }, openLevel2(menuId) { this.activeLevel1 = menuId; this.showLevel2 = true; }, backToLevel1() { this.showLevel2 = false; this.activeLevel1 = ''; this.openAccordions = {}; }, toggleAccordion(accordionId) { this.openAccordions[accordionId] = !this.openAccordions[accordionId]; }, searchOpen: false, searchQuery: '', instantClose() { clearTimeout(this.timer); clearTimeout(this.submenuTimer); this.menuOpen = ''; this.submenuOpen = ''; } }" 2805 class="2xl:hidden relative no-scrape"> 2806 2807 <!-- Header fixe avec logo et bouton hamburger --> 2808 <header x-data="{ isTop: true }" 2809 @scroll.window="isTop = (window.pageYOffset < 50); {let currentScrollTop = window.scrollY || document.documentElement.scrollTop;if (currentScrollTop > lastScrollTop) {scrollDirection = 'down';} else {scrollDirection = 'up';}lastScrollTop = currentScrollTop;}" 2810 :class="{ '': isTop, 'bg-white !text-black !py-[15px]': !isTo
2810p, 'scroll-direction-down': scrollDirection === 'down', 'scroll-direction-up': scrollDirection === 'up' }" 2811 class="fixed top-0 left-0 w-full z-[9999] px-[20px] transition-all duration-300 bg-transparent text-black is-dark-navigation py-[25px]"> 2812 2813 <div class="flex items-center justify-between"> 2814 <!-- Logo --> 2815 <div class="flex-shrink-0"> 2816 <a href="/en" class="flex flex-col"> 2817 2818 <img 2819 class="w-[138px]" 2820 src="/images/v2025/logos/lcto-logo-black-en.svg" 2821 alt="Luxembourg-ville â Home"> 2822 2823 </a> 2824 </div> 2825 2826 <!-- Icônes et bouton Pro --> 2827 <div class="flex items-center gap-[12px]" @mouseenter="instantClose()"> 2828 <!-- Search Component --> 2829 <div class="relative" role="search" aria-label="Search the website"> 2830 <button @click="searchOpen = !searchOpen; if(searchOpen) { instantClose() }" 2831 id="searchButtonMobile" 2832 aria-controls="mobileSearchPanel" 2833 :aria-expanded="searchOpen" 2834 aria-label="Search the website" 2835 class="focus:outline-none text-[20px]" 2836 :class="{ 'text-black': mobileMenuOpen }" 2837 > 2838 <i class="fa-regular fa-magnifying-glass" x-show="!searchOpen" x-cloak></i> 2839 <i class="fa-solid fa-xmark" x-show="searchOpen" x-cloak></i> 2840 </button> 2841 </div> 2842 2843 <!-- Dark Mode Toggle --> 2844 <div x-data="darkMode"> 2845 <button @click="toggleDarkMode()" 2846 class="focus:outline-none text-[20px]" 2847 :class="{ 'text-black': mobileMenuOpen }" 2848 :aria-pressed="isDark" 2849 aria-label="Accessibility mode"> 2850 <i class="fa-regular fa-universal-access" x-show="!isDark" x-cloak></i> 2851 <i class="fa-solid fa-universal-access" x-show="isDark" x-cloak></i> 2852 </button> 2853 </div> 2854 2855 <div x-data="{ open: false }" class="relative" @keydown.escape="open = false"> 2856 <button @click="open = !open" 2857 @click.away="open = false" 2858 :aria-expanded="open" 2859 aria-label="Choose the language" 2860 class="flex items-center focus:outline-none text-[20px] no-underline" 2861 :class="{ 'text-black': mobileMenuOpen }" 2862 > 2863 <i class="fa-regular fa-globe" x-show="!open" x-cloak></i> 2864 <i class="fa-solid fa-xmark" x-show="open" x-cloak></i> 2865 </button> 2866 2867 <div x-show="open" 2868 x-transition:enter="transition ease-out duration-200" 2869 x-transition:enter-start="opacity-0 transform scale-95" 2870 x-transition:enter-end="opacity-100 transform scale-100" 2871 x-transition:leave="transition ease-in duration-150" 2872 x-transition:leave-start="opacity-100 transform scale-100" 2873 x-transition:leave-end="opacity-0 transform scale-95" 2874 class="absolute right-0 bg-white rounded-[10px] z-20" 2875 :class="{ 'top-[calc(100%+30px)]': isTop, 'top-[calc(100%+20px)]': !isTop }"> 2876 <ul class="px-[15px] py-[10px]" aria-label="Choose the language"> 2877 2878 2879 2880 <li> 2881 <a href="/fr/adresse/visual-arts/pop-up-store-vienna-design-d0xjjq" 2882 class="flex items-center py-[5px] text-[14px] color-text-lcto group"> 2883 <i aria-hidden="true" class="fa-regular fa-circle color-text-lcto mr-[8px] group-hover:color-red-lcto transition-colors"></i>
2884 <span lang="fr" class="group-hover:color-red-lcto transition-colors">Français</span> 2885 </a> 2886 </li> 2887 2888 <li> 2889 <a href="/en/place/visual-arts/pop-up-store-vienna-design-d0xjjq" 2890 class="flex items-center py-[5px] text-[14px] color-text-lcto group"> 2891 <i aria-hidden="true" class="fa-regular fa-circle-dot color-red-lcto mr-[8px] group-hover:color-red-lcto transition-colors"></i><span class="sr-only">Active language: </span> 2892 <span lang="en" class="group-hover:color-red-lcto transition-colors">English</span> 2893 </a> 2894 </li> 2895 2896 <li> 2897 <a href="/de/ansicht/visual-arts/pop-up-store-vienna-design-d0xjjq" 2898 class="flex items-center py-[5px] text-[14px] color-text-lcto group"> 2899 <i aria-hidden="true" class="fa-regular fa-circle color-text-lcto mr-[8px] group-hover:color-red-lcto transition-colors"></i> 2900 <span lang="de" class="group-hover:color-red-lcto transition-colors">Deutsch</span> 2901 </a> 2902 </li> 2903 2904 2905 2906 </ul> 2907 </div> 2908 </div> 2909 2910 2911 <!-- Bouton hamburger/croix --> 2912 <button @click="toggleMobileMenu()" :aria-expanded="mobileMenuOpen" aria-label="Menu"> 2913 <svg x-show="!mobileMenuOpen" 2914 class="h-[28px] w-[28px] !stroke-black" 2915 :class="{ 'stroke-white': isTop && !mobileMenuOpen, 'stroke-black': !isTop || mobileMenuOpen }" 2916 fill="none"
2917 viewBox="0 0 24 24"> 2918 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> 2919 </svg> 2920 <svg x-show="mobileMenuOpen" 2921 class="h-[28px] w-[28px]" 2922 fill="none" 2923 viewBox="0 0 24 24" 2924 stroke="var(--color-text-lcto)"> 2925 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /> 2926 </svg> 2927 </button> 2928 </div> 2929 </div> 2930 </header> 2931 2932 <!-- Search Panel --> 2933 <div x-show="searchOpen" 2934 id="mobileSearchPanel" 2935 @click.away="searchOpen = false" 2936 x-transition:enter="transition ease-out duration-300" 2937 x-transition:enter-start="opacity-0 -translate-y-4" 2938 x-transition:enter-end="opacity-100 translate-y-0" 2939 x-transition:leave="transition ease-in duration-200" 2940 x-transition:leave-start="opacity-100 translate-y-0" 2941 x-transition:leave-end="opacity-0 -translate-y-4" 2942 class="panel-search fixed left-0 w-[calc(100%-40px)] bg-white text-black rounded-[10px] z-[9999] ml-[20px] top-[90px]" 2943 style="display: none; 2944 transform: translate3d(0,0,0); 2945 overflow: hidden" 2946 x-cloak> 2947 <div class="px-[15px] py-[10px]"> 2948 <!-- Search Input --> 2949 <div class="relative mb-8"> 2950 <form action="/en/recherche" method="get"> 2951 <i class="fa-regular fa-magnifying-glass absolute left-6 top-1/2 -translate-y-1/2 color-text-lcto text-[18px]"></i> 2952 <input type="text" 2953 name="q" 2954 maxlength="100" 2955 placeholder="Search the website" 2956 aria-label="Search the website" 2957 class="w-full border border-extralight-lcto rounded-[10px] py-[15px] pr-[20px] pl-[60px] focus:outline-none focus:ring-2 focus:ring-[#323F48] input-search-mobile" 2958 x-model="searchQuery"> 2959 <button @click="searchQuery = ''" 2960 type="button" 2961 aria-label="Clear search" 2962 x-show="searchQuery.length > 0" 2963 x-cloak 2964 class="absolute right-6 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-700"> 2965 <i class="fa-solid fa-xmark text-[18px] color-text-lcto mt-[4px]"></i> 2966 </button> 2967 </form> 2968 </div> 2969 2970 <!-- Most Popular --> 2971 <h3 class="ff-museo-sans text-[17px] leading-[27px] mt-[25px]">Most Popular</h3> 2972 <ul class="mt-[20px] p-[20px] rounded-[10px] border-[1px] border-extralight-lcto"> 2973 <li class="pb-[20px]"> 2974 <div data-search="Guided Tours" class="flex items-center group text-[16px] leading-[22px] cursor-pointer js-search-link"><i class="fa-regular fa-magnifying-glass color-green-lcto mr-[10px]"></i><span class="group-hover:color-red-lcto transition-colors">Guided Tours</span></div> 2975 </li> 2976 <li class="border-t-[1px] border-extralight-lcto py-[20px]"> 2977 <div data-search="Whats on" class="flex items-center group text-[16px] leading-[22px] cursor-pointer js-search-link"><i class="fa-regular fa-magnifying-glass color-green-lcto mr-[10px]"></i><span class="group-hover:color-red-lcto transition-colors">What's on</span></div> 2978 </li> 2979 <li class="border-t-[1px] border-extralight-lcto py-[20px]"> 2980 <div data-search="Underground Bock Casemates" class="flex items-center group text-[16px] leading-[22px] cursor-pointer js-search-link"><i class="fa-regular fa-magnifying-glass color-green-lcto mr-[10px]"></i><span class="group-hover:color-red-lcto transition-colors">Underground Bock Casemates</span></div> 2981 </li> 2982 <li class="border-t-[1px] border-extralight-lcto py-[20px]"> 2983 <div data-search="Panoramic Elevator" class="flex items-center group text-[16px] leading-[22px] curs
2983or-pointer js-search-link"><i class="fa-regular fa-magnifying-glass color-green-lcto mr-[10px]"></i><span class="group-hover:color-red-lcto transition-colors">Panoramic Elevator</span></div> 2984 </li> 2985 <li class="border-t-[1px] border-extralight-lcto pt-[20px]"> 2986 <div data-search="Luxembourg City Nightlife" class="flex items-center group text-[16px] leading-[22px] cursor-pointer js-search-link"><i class="fa-regular fa-magnifying-glass color-green-lcto mr-[10px]"></i><span class="group-hover:color-red-lcto transition-colors">Luxembourg City Nightlife</span></div> 2987 </li> 2988 </ul> 2989 </div> 2990 </div> 2991 2992 <!-- Menu mobile plein écran --> 2993 <div x-show="mobileMenuOpen" 2994 x-transition:enter="transition ease-out duration-300" 2995 x-transition:enter-start="translate-x-full" 2996 x-transition:enter-end="translate-x-0" 2997 x-transition:leave="transition ease-in duration-200" 2998 x-transition:leave-start="translate-x-0" 2999 x-transition:leave-end="translate-x-full" 3000 class="panel-responsive-menu fixed z-[9998] pt-[40px] overflow-y-auto bg-bg-lcto w-full max-w-[600px] right-0 top-0 bottom-0" 3001 style="display: none"> 3002 3003 <!-- Navigation niveau 1 --> 3004 <div x-show="!showLevel2" 3005 x-transition:enter="transition ease-out duration-300" 3006 x-transition:enter-start="transform translate-x-full" 3007 x-transition:enter-end="transform translate-x-0" 3008 x-transition:leave="transition ease-in duration-200" 3009 x-transition:leave-start="transform translate-x-0" 3010 x-transition:leave-end="transform translate-x-full" 3011 class="h-full pt-[50px]"> 3012 3013 <nav aria-label="Main menu" class="px-[20px]"> 3014 <ul class="flex flex-col gap-[20px]"> 3015 3016 3017 <li> 3018 <div class="flex items-center justify-between py-2"> 3019 3020 3021 3022 <a href="javascript:void(0)" 3023 @click="openLevel2('discover')" 3024 class="ff-museo-sans text-[20px] leading-[29px] flex-1 opacity-60 hover:opacity-100 transition-opacity" 3025 > 3026 3027 Discover</a> 3028 3029 <button @click="openLevel2('discover')" 3030 aria-haspopup="true" 3031 :aria-expanded="activeLevel1 === 'discover' && showLevel2" 3032 aria-label="Open submenu Discover" 3033 class="text-red-600 hover:text-red-800 cursor-pointer hover:translate-x-[3px] transition-transform"> 3034 <i class="fa-regular fa-arrow-right text-[20px] color-red-lcto"></i> 3035 </button> 3036 3037 </div> 3038 <hr class="separator-lcto mb-0"> 3039 </li> 3040 3041 <li> 3042 <div class="flex items-center justify-between py-2"> 3043 3044 3045 3046 <a href="javascript:void(0)" 3047 @click="openLevel2('things-to-do')" 3048 class="ff-museo-sans text-[20px] leading-[29px] flex-1 opacity-60 hover:opacity-100 transition-opacity" 3049 > 3050 3051 Things to do</a> 3052 3053 <button @click="openLevel2('things-to-do')" 3054 aria-haspopup="true" 3055 :aria-expanded="activeLevel1 === 'things-to-do' && showLevel2" 3056 aria-label="Open submenu Things to do" 3057 class="text-red-600 hover:text-red-800 cursor-pointer hover:translate-x-[3px] transition-transform"> 3058 <i class="fa-regular fa-arrow-right text-[20px] color-red-lcto"></i> 3059 </button> 3060 3061 </div> 3062 <hr class="separator-lcto mb-0"> 3063 </li> 3064 3065 <li> 3066 <div class="flex items-center justify-between py-2"> 3067 3068 3069 3070 <a href="javascript:void(0)" 3071 @click="openLevel2('plan-your-stay')" 3072 class="ff-museo-sans text-[20px] leading-[29px] flex-1 opacity-60 hover:opacity-100 transition-opacity" 3073 > 3074 3075 Plan your stay</a> 3076 3077 <button @click="openLevel2('plan-your-stay')" 3078 aria-haspopup="true" 3079 :aria-expanded="activeLevel1 === 'plan-your-stay' && showLevel2" 3080 aria-label="Open submenu Plan your stay" 3081 class="text-red-600 hover:text-red-800 cursor-pointer hover:translate-x-[3px] transition-transform"> 3082 <i class="fa-regular fa-arrow-right text-[20px] color-red-lcto"></i> 3083 </button> 3084 3085 </div> 3086 <hr class="separator-lcto mb-0"> 3087 </li> 3088 3089 <li> 3090 <div class="flex items-center justify-between py-2"> 3091 3092 3093 3094 <a href="/en/what-s-on" 3095 class="ff-museo-sans text-[20px] leading-[29px] flex-1 opacity-60 hover:opacity-100 transition-opacity" 3096 > 3097 3098 Events</a> 3099 3100 </div> 3101 <hr class="separator-lcto mb-0"> 3102 </li> 3103 3104 3105 <li> 3106 <div class="flex items-center justify-between py-2"> 3107 3108 3109 3110 3111 <button type="button" @click="openLevel2('about-lcto')" 3112 class="ff-museo-sans text-[20px] leading-[29px] flex-1 opacity-60 hover:opacity-100 transition-opacity cursor-pointer text-left" >About LCTO</button> 3113 3114 <button @click="openLevel2('about-lcto')" 3115 aria-haspopup="true" 3116 :aria-expanded="activeLevel1 === 'about-lcto' && showLevel2" 3117 aria-label="Open submenu About LCTO" 3118 class="text-red-600 hover:text-red-800 cursor-pointer hover:translate-x-[3px] transition-transform"> 3119 <i class="fa-regular fa-arrow-right text-[20px] color-red-lcto"></i> 3120 </button> 3121 3122 3123 </div> 3124 <hr class="separator-lcto mb-0"> 3125 </li> 3126 3127 <li> 3128 <div class="flex items-center justify-between py-2"> 3129 3130 3131 3132 3133 <button type="button" @click="openLevel2('espace-pro')" 3134 class="ff-museo-sans text-[20px] leading-[29px] flex-1 opacity-60 hover:opacity-100 transition-opacity cursor-pointer text-left" >Espace pro</button> 3135 3136 <button @click="openLevel2('espace-pro')" 3137 aria-haspopup="true" 3138 :aria-expanded="activeLevel1 === 'espace-pro' && showLevel2" 3139 aria-label="Open submenu Espace pro" 3140 class="text-red-600 hover:text-red-800 cursor-pointer hover:translate-x-[3px] transition-transform"> 3141 <i class="fa-regular fa-arrow-right text-[20px] color-red-lcto"></i> 3142 </button> 3143 3144 3145 </div> 3146 <hr class="separator-lcto mb-0"> 3147 </li> 3148 3149 </ul> 3150 3151 <!-- Map Tools - Only visible on map page --> 3152 3153 </nav> 3154 </div> 3155 3156 <!-- Navigation niveau 2 et 3 --> 3157 <div x-show="showLevel2" 3158 x-transition:enter="transition ease-out duration-300" 3159 x-transition:enter-start="transform translate-x-full" 3160 x-transition:enter-end="transform translate-x-0" 3161 x-transition:leave="transition ease-in duration-200" 3162 x-transition:leave-start="transform translate-x-0" 3163 x-transition:leave-end="transform translate-x-full" 3164 class="h-full pt-[40px]"> 3165 3166 3167 <div x-show="activeLevel1 === 'discover'" 3168 class="h-full"> 3169 3170 <!-- Header avec bouton retour --> 3171 <div class="px-[20px] pt-[20px]"> 3172 <button @click="backToLevel1()" class="flex items-center cursor-pointer group"> 3173 <i class="fa-solid fa-arrow-left text-[15px] color-red-lcto mr-[8px] group-hover:translate-x-[-3px] transition-transform"></i> 3174 Back 3175 </button> 3176 <hr class="separator-lcto mb-0 mt-[25px]"> 3177 </div> 3178 3179 <div class="px-[20px] py-[30px]"> 3180 <!-- Navigation niveau 2 --> 3181 <ul class="space-y-[15px]"> 3182 3183 3184 <li class="border-b border-gray-100"> 3185 3186 <div class="ff-museo-sans text-[14px] leading-[18px] font-semibold uppercase px-[10px] py-[5px] rounded-[5px] w-fit bg-red-lcto text-white mb-[25px] "> 3187 Inspiration 3188 </div> 3189 3190 3191 <div class="flex items-center justify-between"> 3192 3193 3194 <a href="/en/about-luxembourg-city/meng-stad-my-city" 3195 class="ff-museo-sans text-[20px] leading-[29px] opacity-60 hover:opacity-100 transition-opacity" 3196 :class="{ 'opacity-100': openAccordions['discover-meng-stad-my-city'] }" 3197 > 3198 Meng Stad, My City 3199 </a> 3200 3201 <!-- Bouton accordéon pour niveau 3 --> 3202 3203 </div> 3204 3205 <!-- Navigation niveau 3 (accordéon) --> 3206 3207 </li> 3208 3209 <li class="border-b border-gray-100"> 3210 3211 <div class="flex items-center justify-between"> 3212 3213 3214 <a href="/en/about-luxembourg-city/traditions" 3215 class="ff-museo-sans text-[20px] leading-[29px] opacity-60 hover:opacity-100 transition-opacity" 3216 :class="{ 'opacity-100': openAccordions['discover-traditions'] }" 3217 > 3218 Traditions 3219 </a> 3220 3221 <!-- Bouton accordéon pour niveau 3 --> 3222 3223 <button @click="toggleAccordion('discover-traditions')" 3224 :aria-expanded="!!openAccordions['discover-traditions']" 3225 aria-label="Traditions" 3226 class="p-2 text-gray-500 hover:text-red-600 transition-colors">
3227 <svg x-show="!openAccordions['discover-traditions']" 3228 class="h-5 w-5 cursor-pointer" 3229 fill="none" 3230 viewBox="0 0 24 24" 3231 stroke="var(--color-red-lcto)"> 3232 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" /> 3233 </svg> 3234 <svg x-show="openAccordions['discover-traditions']" 3235 class="h-5 w-5 stroke-red-lcto cursor-pointer" 3236 fill="none" 3237 viewBox="0 0 24 24" 3238 stroke="var(--color-red-lcto)"> 3239 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 12H6" /> 3240 </svg> 3241 </button> 3242 3243 </div> 3244 3245 <!-- Navigation niveau 3 (accordéon) --> 3246 3247 <div x-show="openAccordions['discover-traditions']" 3248 x-transition:enter="transition ease-out duration-300" 3249 x-transition:enter-start="opacity-0" 3250 x-transition:enter-end="opacity-100" 3251 x-transition:leave="transition ease-in duration-200" 3252 x-transition:leave-start="opacity-100" 3253 x-transition:leave-end="opacity-0" 3254 class="overflow-hidden flex" 3255 style="display: none"> 3256 <ul x-show="openAccordions['discover-traditions']" 3257 x-transition:enter="transition ease-out duration-600" 3258 x-transition:enter-start="translate-x-3" 3259 x-transition:enter-end="translate-x-0" 3260 class="space-y-[10px] mt-[7px] list-disc-red-lcto"> 3261 3262 <li class="pl-[3px]"> 3263 3264 3265 <a href="/en/place/tradition/buergbrennen" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3266 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3267 Buergbrennen 3268 </a> 3269 </li> 3270 3271 <li class="pl-[3px]"> 3272 3273 3274 <a href="/en/place/tradition/pretzel-sundae" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3275 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3276 Bretzelsonndeg 3277 </a> 3278 </li> 3279 3280 <li class="pl-[3px]"> 3281 3282 3283 <a href="/en/place/tradition/liichtmessdag-candlemass" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" >
3284 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3285 Liichtmëssdag 3286 </a> 3287 </li> 3288 3289 <li class="pl-[3px]"> 3290 3291 3292 <a href="/en/what-s-on/event/eimaischen" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3293 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3294 Ãimaischen 3295 </a> 3296 </li> 3297 3298 <li class="pl-[3px]"> 3299 3300 3301 <a href="/en/what-s-on/event/octave" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3302 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3303 Octave 3304 </a> 3305 </li> 3306 3307 <li class="pl-[3px]"> 3308 3309 3310 <a href="/en/what-s-on/event/national-holiday" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3311 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3312 Nationalfeierdag 3313 </a> 3314 </li> 3315 3316 <li class="pl-[3px]"> 3317 3318 3319 <a href="/en/what-s-on/event/schueberfouer" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3320 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3321 Schueberfouer 3322 </a> 3323 </li> 3324 3325 <li class="pl-[3px]"> 3326 3327 3328 <a href="/en/place/tradition/christmas-market" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3329 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3330 Christmas Market 3331 </a> 3332 </li> 3333 3334 </ul> 3335 </div> 3336 3337 </li> 3338 3339 <li class="border-b border-gray-100"> 3340 3341 <div class="ff-museo-sans text-[14px] leading-[18px] font-semibold uppercase px-[10px] py-[5px] rounded-[5px] w-fit bg-red-lcto text-white mb-[25px] mt-[50px]"> 3342 The City & its surroundings 3343 </div> 3344 3345 3346 <div class="flex items-center justify-between"> 3347 3348 3349 3350 3351 <a href="/en/about-luxembourg-city" 3352 class="ff-museo-sans text-[20px] leading-[29px] opacity-60 hover:opacity-100 transition-opacity" 3353 :class="{ 'opacity-100': openAccordions['discover-about-luxembourg-city'] }" 3354 > 3355 About Luxembourg City 3356 </a> 3357 3358 <!-- Bouton accordéon pour niveau 3 --> 3359 3360 <button @click="toggleAccordion('discover-about-luxembourg-city')" 3361 :aria-expanded="!!openAccordions['discover-about-luxembourg-city']" 3362 aria-label="About Luxembourg City" 3363 class="p-2 text-gray-500 hover:text-red-600 transition-colors">
3364 <svg x-show="!openAccordions['discover-about-luxembourg-city']" 3365 class="h-5 w-5 cursor-pointer" 3366 fill="none" 3367 viewBox="0 0 24 24" 3368 stroke="var(--color-red-lcto)"> 3369 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" /> 3370 </svg> 3371 <svg x-show="openAccordions['discover-about-luxembourg-city']" 3372 class="h-5 w-5 stroke-red-lcto cursor-pointer" 3373 fill="none" 3374 viewBox="0 0 24 24" 3375 stroke="var(--color-red-lcto)"> 3376 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 12H6" /> 3377 </svg> 3378 </button> 3379 3380 </div> 3381 3382 <!-- Navigation niveau 3 (accordéon) --> 3383 3384 <div x-show="openAccordions['discover-about-luxembourg-city']" 3385 x-transition:enter="transition ease-out duration-300" 3386 x-transition:enter-start="opacity-0" 3387 x-transition:enter-end="opacity-100" 3388 x-transition:leave="transition ease-in duration-200" 3389 x-transition:leave-start="opacity-100" 3390 x-transition:leave-end="opacity-0" 3391 class="overflow-hidden flex" 3392 style="display: none"> 3393 <ul x-show="openAccordions['discover-about-luxembourg-city']" 3394 x-transition:enter="transition ease-out duration-600" 3395 x-transition:enter-start="translate-x-3" 3396 x-transition:enter-end="translate-x-0" 3397 class="space-y-[10px] mt-[7px] list-disc-red-lcto"> 3398 3399 <li class="pl-[3px]"> 3400 3401 3402 <a href="/en/about-luxembourg-city/presentation/history" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3403 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3404 History of the city of Luxembourg 3405 </a> 3406 </li> 3407 3408 <li class="pl-[3px]"> 3409 3410 3411 <a href="/en/about-luxembourg-city/presentation/unesco" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3412 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3413 UNESCO World Heritage 3414 </a> 3415 </li> 3416 3417 <li class="pl-[3px]"> 3418 3419 3420 <a href="/en/about-luxembourg-city/presentation/european-capital" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" >
3421 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3422 European capital 3423 </a> 3424 </li> 3425 3426 <li class="pl-[3px]"> 3427 3428 3429 <a href="/en/about-luxembourg-city/presentation/topography" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3430 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3431 Luxembourg's unique topography 3432 </a> 3433 </li> 3434 3435 <li class="pl-[3px]"> 3436 3437 3438 <a href="/en/about-luxembourg-city/presentation/facts-figures" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3439 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3440 Facts & Figures 3441 </a> 3442 </li> 3443 3444 <li class="pl-[3px]"> 3445 3446 3447 <a href="/en/about-luxembourg-city/presentation/multiplicity" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3448 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3449 Luxembourg â the multiple city 3450 </a> 3451 </li> 3452 3453 <li class="pl-[3px]"> 3454 3455 3456 <a href="/en/about-luxembourg-city/presentation/luxembourg-city-lgbtiq-freedom-zone" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3457 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3458 Luxembourg City, LGBTIQ+ freedom zone 3459 </a> 3460 </li> 3461 3462 </ul> 3463 </div> 3464 3465 </li> 3466 3467 <li class="border-b border-gray-100"> 3468 3469 <div class="flex items-center justify-between"> 3470 3471 3472 <a href="/en/about-luxembourg-city/districts" 3473 class="ff-museo-sans text-[20px] leading-[29px] opacity-60 hover:opacity-100 transition-opacity" 3474 :class="{ 'opacity-100': openAccordions['discover-districts'] }" 3475 > 3476 Districts 3477 </a> 3478 3479 <!-- Bouton accordéon pour niveau 3 --> 3480 3481 <button @click="toggleAccordion('discover-districts')" 3482 :aria-expanded="!!openAccordions['discover-districts']" 3483 aria-label="Districts" 3484 class="p-2 text-gray-500 hover:text-red-600 transition-colors">
3485 <svg x-show="!openAccordions['discover-districts']" 3486 class="h-5 w-5 cursor-pointer" 3487 fill="none" 3488 viewBox="0 0 24 24" 3489 stroke="var(--color-red-lcto)"> 3490 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" /> 3491 </svg> 3492 <svg x-show="openAccordions['discover-districts']" 3493 class="h-5 w-5 stroke-red-lcto cursor-pointer" 3494 fill="none" 3495 viewBox="0 0 24 24" 3496 stroke="var(--color-red-lcto)"> 3497 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 12H6" /> 3498 </svg> 3499 </button> 3500 3501 </div> 3502 3503 <!-- Navigation niveau 3 (accordéon) --> 3504 3505 <div x-show="openAccordions['discover-districts']" 3506 x-transition:enter="transition ease-out duration-300" 3507 x-transition:enter-start="opacity-0" 3508 x-transition:enter-end="opacity-100" 3509 x-transition:leave="transition ease-in duration-200" 3510 x-transition:leave-start="opacity-100" 3511 x-transition:leave-end="opacity-0" 3512 class="overflow-hidden flex" 3513 style="display: none"> 3514 <ul x-show="openAccordions['discover-districts']" 3515 x-transition:enter="transition ease-out duration-600" 3516 x-transition:enter-start="translate-x-3" 3517 x-transition:enter-end="translate-x-0" 3518 class="space-y-[10px] mt-[7px] list-disc-red-lcto"> 3519 3520 <li class="pl-[3px]"> 3521 3522 3523 <a href="/en/about-luxembourg-city/districts/beggen-district" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3524 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3525 Beggen 3526 </a> 3527 </li> 3528 3529 <li class="pl-[3px]"> 3530 3531 3532 <a href="/en/about-luxembourg-city/districts/belair" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3533 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3534 Belair 3535 </a> 3536 </li> 3537 3538 <li class="pl-[3px]"> 3539 3540 3541 <a href="/en/about-luxembourg-city/districts/bonnevoie-nord" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" >
3542 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3543 Bonnevoie-Nord / Verlorenkost 3544 </a> 3545 </li> 3546 3547 <li class="pl-[3px]"> 3548 3549 3550 <a href="/en/about-luxembourg-city/districts/bonnevoie-sud" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3551 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3552 Bonnevoie-Sud 3553 </a> 3554 </li> 3555 3556 <li class="pl-[3px]"> 3557 3558 3559 <a href="/en/about-luxembourg-city/districts/cents" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3560 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3561 Cents 3562 </a> 3563 </li> 3564 3565 <li class="pl-[3px]"> 3566 3567 3568 <a href="/en/about-luxembourg-city/districts/cessange" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3569 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3570 Cessange 3571 </a> 3572 </li> 3573 3574 <li class="pl-[3px]"> 3575 3576 3577 <a href="/en/about-luxembourg-city/districts/clausen" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3578 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3579 Clausen 3580 </a> 3581 </li> 3582 3583 <li class="pl-[3px]"> 3584 3585 3586 <a href="/en/about-luxembourg-city/districts/dommeldange" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3587 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3588 Dommeldange 3589 </a> 3590 </li> 3591 3592 <li class="pl-[3px]"> 3593 3594 3595 <a href="/en/about-luxembourg-city/districts/eich" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" >
3596 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3597 Eich 3598 </a> 3599 </li> 3600 3601 <li class="pl-[3px]"> 3602 3603 3604 <a href="/en/about-luxembourg-city/districts/gare" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3605 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3606 Gare 3607 </a> 3608 </li> 3609 3610 <li class="pl-[3px]"> 3611 3612 3613 <a href="/en/about-luxembourg-city/districts/gasperich" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3614 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3615 Gasperich 3616 </a> 3617 </li> 3618 3619 <li class="pl-[3px]"> 3620 3621 3622 <a href="/en/about-luxembourg-city/districts/grund-luxembourg" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3623 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3624 Grund 3625 </a> 3626 </li> 3627 3628 <li class="pl-[3px]"> 3629 3630 3631 <a href="/en/about-luxembourg-city/districts/hamm" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3632 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3633 Hamm 3634 </a> 3635 </li> 3636 3637 <li class="pl-[3px]"> 3638 3639 3640 <a href="/en/about-luxembourg-city/districts/hollerich" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3641 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3642 Hollerich 3643 </a> 3644 </li> 3645 3646 <li class="pl-[3px]"> 3647 3648 3649 <a href="/en/about-luxembourg-city/districts/limpertsberg" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" >
3650 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3651 Limpertsberg 3652 </a> 3653 </li> 3654 3655 <li class="pl-[3px]"> 3656 3657 3658 <a href="/en/about-luxembourg-city/districts/merl" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3659 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3660 Merl 3661 </a> 3662 </li> 3663 3664 <li class="pl-[3px]"> 3665 3666 3667 <a href="/en/about-luxembourg-city/districts/muhlenbach" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3668 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3669 Mühlenbach 3670 </a> 3671 </li> 3672 3673 <li class="pl-[3px]"> 3674 3675 3676 <a href="/en/about-luxembourg-city/districts/neudorfweimershof" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3677 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3678 Neudorf/Weimershof 3679 </a> 3680 </li> 3681 3682 <li class="pl-[3px]"> 3683 3684 3685 <a href="/en/about-luxembourg-city/districts/pfaffenthal" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3686 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3687 Pfaffenthal 3688 </a> 3689 </li> 3690 3691 <li class="pl-[3px]"> 3692 3693 3694 <a href="/en/about-luxembourg-city/districts/kirchberg-district" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3695 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3696 Kirchberg Plateau 3697 </a> 3698 </li> 3699 3700 <li class="pl-[3px]"> 3701 3702 3703 <a href="/en/about-luxembourg-city/districts/pulvermuhl" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" >
3704 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3705 Pulvermühl 3706 </a> 3707 </li> 3708 3709 <li class="pl-[3px]"> 3710 3711 3712 <a href="/en/about-luxembourg-city/districts/rollingergrund" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3713 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3714 Rollingergrund 3715 </a> 3716 </li> 3717 3718 <li class="pl-[3px]"> 3719 3720 3721 <a href="/en/about-luxembourg-city/districts/ville-haute" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3722 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3723 Ville Haute 3724 </a> 3725 </li> 3726 3727 <li class="pl-[3px]"> 3728 3729 3730 <a href="/en/about-luxembourg-city/districts/weimerskirch" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3731 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3732 Weimerskirch 3733 </a> 3734 </li> 3735 3736 </ul> 3737 </div> 3738 3739 </li> 3740 3741 <li class="border-b border-gray-100"> 3742 3743 <div class="flex items-center justify-between"> 3744 3745 3746 <a href="/en/about-luxembourg-city/surroundings" 3747 class="ff-museo-sans text-[20px] leading-[29px] opacity-60 hover:opacity-100 transition-opacity" 3748 :class="{ 'opacity-100': openAccordions['discover-surroundings'] }" 3749 > 3750 Surroundings 3751 </a> 3752 3753 <!-- Bouton accordéon pour niveau 3 --> 3754 3755 <button @click="toggleAccordion('discover-surroundings')" 3756 :aria-expanded="!!openAccordions['discover-surroundings']" 3757 aria-label="Surroundings" 3758 class="p-2 text-gray-500 hover:text-red-600 transition-colors">
3759 <svg x-show="!openAccordions['discover-surroundings']" 3760 class="h-5 w-5 cursor-pointer" 3761 fill="none" 3762 viewBox="0 0 24 24" 3763 stroke="var(--color-red-lcto)"> 3764 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" /> 3765 </svg> 3766 <svg x-show="openAccordions['discover-surroundings']" 3767 class="h-5 w-5 stroke-red-lcto cursor-pointer" 3768 fill="none" 3769 viewBox="0 0 24 24" 3770 stroke="var(--color-red-lcto)"> 3771 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 12H6" /> 3772 </svg> 3773 </button> 3774 3775 </div> 3776 3777 <!-- Navigation niveau 3 (accordéon) --> 3778 3779 <div x-show="openAccordions['discover-surroundings']" 3780 x-transition:enter="transition ease-out duration-300" 3781 x-transition:enter-start="opacity-0" 3782 x-transition:enter-end="opacity-100" 3783 x-transition:leave="transition ease-in duration-200" 3784 x-transition:leave-start="opacity-100" 3785 x-transition:leave-end="opacity-0" 3786 class="overflow-hidden flex" 3787 style="display: none"> 3788 <ul x-show="openAccordions['discover-surroundings']" 3789 x-transition:enter="transition ease-out duration-600" 3790 x-transition:enter-start="translate-x-3" 3791 x-transition:enter-end="translate-x-0" 3792 class="space-y-[10px] mt-[7px] list-disc-red-lcto"> 3793 3794 <li class="pl-[3px]"> 3795 3796 3797 <a href="/en/about-luxembourg-city/surroundings/the-land-of-the-red-rocks" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3798 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3799 Visit Minett 3800 </a> 3801 </li> 3802 3803 <li class="pl-[3px]"> 3804 3805 3806 <a href="/en/about-luxembourg-city/surroundings/the-ardennes-and-their-natural-parks" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3807 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3808 Visit Ãislek 3809 </a> 3810 </li> 3811 3812 <li class="pl-[3px]"> 3813 3814 3815 <a href="/en/about-luxembourg-city/surroundings/the-moselle" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" >
3816 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3817 Visit Moselle 3818 </a> 3819 </li> 3820 3821 <li class="pl-[3px]"> 3822 3823 3824 <a href="/en/about-luxembourg-city/surroundings/the-mullerthal-luxembourg-s-little-switzerland" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3825 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3826 Mullerthal region 3827 </a> 3828 </li> 3829 3830 <li class="pl-[3px]"> 3831 3832 3833 <a href="/en/about-luxembourg-city/surroundings/visit-guttland" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3834 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3835 Visit Guttland 3836 </a> 3837 </li> 3838 3839 </ul> 3840 </div> 3841 3842 </li> 3843 3844 </ul> 3845 </div> 3846 </div> 3847 3848 <div x-show="activeLevel1 === 'things-to-do'" 3849 class="h-full"> 3850 3851 <!-- Header avec bouton retour --> 3852 <div class="px-[20px] pt-[20px]"> 3853 <button @click="backToLevel1()" class="flex items-center cursor-pointer group"> 3854 <i class="fa-solid fa-arrow-left text-[15px] color-red-lcto mr-[8px] group-hover:translate-x-[-3px] transition-transform"></i> 3855 Back 3856 </button> 3857 <hr class="separator-lcto mb-0 mt-[25px]"> 3858 </div> 3859 3860 <div class="px-[20px] py-[30px]"> 3861 <!-- Navigation niveau 2 --> 3862 <ul class="space-y-[15px]"> 3863 3864 3865 <li class="border-b border-gray-100"> 3866 3867 <div class="ff-museo-sans text-[14px] leading-[18px] font-semibold uppercase px-[10px] py-[5px] rounded-[5px] w-fit bg-red-lcto text-white mb-[25px] "> 3868 Book Your Tickets 3869 </div> 3870 3871 3872 <div class="flex items-center justify-between"> 3873 3874 3875 <a href="/en/tours-activities/tours" 3876 class="ff-museo-sans text-[20px] leading-[29px] opacity-60 hover:opacity-100 transition-opacity" 3877 :class="{ 'opacity-100': openAccordions['things-to-do-guided-tours'] }" 3878 > 3879 Guided Tours 3880 </a> 3881 3882 <!-- Bouton accordéon pour niveau 3 --> 3883 3884 </div> 3885 3886 <!-- Navigation niveau 3 (accordéon) --> 3887 3888 </li> 3889 3890 <li class="border-b border-gray-100"> 3891 3892 <div class="flex items-center justify-between"> 3893 3894 3895 <a href="/en/tours-activities/underground" 3896 class="ff-museo-sans text-[20px] leading-[29px] opacity-60 hover:opacity-100 transition-opacity" 3897 :class="{ 'opacity-100': openAccordions['things-to-do-luxembourg-city-underground'] }" 3898 > 3899 Luxembourg City Underground 3900 </a> 3901 3902 <!-- Bouton accordéon pour niveau 3 --> 3903 3904 <button @click="toggleAccordion('things-to-do-luxembourg-city-underground')" 3905 :aria-expanded="!!openAccordions['things-to-do-luxembourg-city-underground']" 3906 aria-label="Luxembourg City Underground" 3907 class="p-2 text-gray-500 hover:text-red-600 transition-colors">
3908 <svg x-show="!openAccordions['things-to-do-luxembourg-city-underground']" 3909 class="h-5 w-5 cursor-pointer" 3910 fill="none" 3911 viewBox="0 0 24 24" 3912 stroke="var(--color-red-lcto)"> 3913 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" /> 3914 </svg> 3915 <svg x-show="openAccordions['things-to-do-luxembourg-city-underground']" 3916 class="h-5 w-5 stroke-red-lcto cursor-pointer" 3917 fill="none" 3918 viewBox="0 0 24 24" 3919 stroke="var(--color-red-lcto)"> 3920 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 12H6" /> 3921 </svg> 3922 </button> 3923 3924 </div> 3925 3926 <!-- Navigation niveau 3 (accordéon) --> 3927 3928 <div x-show="openAccordions['things-to-do-luxembourg-city-underground']" 3929 x-transition:enter="transition ease-out duration-300" 3930 x-transition:enter-start="opacity-0" 3931 x-transition:enter-end="opacity-100" 3932 x-transition:leave="transition ease-in duration-200" 3933 x-transition:leave-start="opacity-100" 3934 x-transition:leave-end="opacity-0" 3935 class="overflow-hidden flex" 3936 style="display: none"> 3937 <ul x-show="openAccordions['things-to-do-luxembourg-city-underground']" 3938 x-transition:enter="transition ease-out duration-600" 3939 x-transition:enter-start="translate-x-3" 3940 x-transition:enter-end="translate-x-0" 3941 class="space-y-[10px] mt-[7px] list-disc-red-lcto"> 3942 3943 <li class="pl-[3px]"> 3944 3945 3946 <a href="/en/tours-activities/underground/petrusse-casemates" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3947 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3948 Pétrusse Casemates 3949 </a> 3950 </li> 3951 3952 <li class="pl-[3px]"> 3953 3954 3955 <a href="/en/tours-activities/underground/bock-casemates" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3956 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3957 Bock Casemates 3958 </a> 3959 </li> 3960 3961 <li class="pl-[3px]"> 3962 3963 3964 <a href="/en/place/fortification/holy-ghost-citadel" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" >
3965 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3966 Holy Ghost Citadel 3967 </a> 3968 </li> 3969 3970 <li class="pl-[3px]"> 3971 3972 3973 <a href="/en/place/fortification/crypte-archeologique-du-saint-esprit" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 3974 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 3975 Archaeological crypt of Saint Esprit 3976 </a> 3977 </li> 3978 3979 </ul> 3980 </div> 3981 3982 </li> 3983 3984 <li class="border-b border-gray-100"> 3985 3986 <div class="ff-museo-sans text-[14px] leading-[18px] font-semibold uppercase px-[10px] py-[5px] rounded-[5px] w-fit bg-red-lcto text-white mb-[25px] mt-[50px]"> 3987 Experiences 3988 </div> 3989 3990 3991 <div class="flex items-center justify-between"> 3992 3993 3994 3995 3996 <a href="/en/tours-activities" 3997 class="ff-museo-sans text-[20px] leading-[29px] opacity-60 hover:opacity-100 transition-opacity" 3998 :class="{ 'opacity-100': openAccordions['things-to-do-que-faire'] }" 3999 > 4000 Que faire 4001 </a> 4002 4003 <!-- Bouton accordéon pour niveau 3 --> 4004 4005 </div> 4006 4007 <!-- Navigation niveau 3 (accordéon) --> 4008 4009 </li> 4010 4011 <li class="border-b border-gray-100"> 4012 4013 <div class="flex items-center justify-between"> 4014 4015 4016 <a href="/en/tours-activities/sights" 4017 class="ff-museo-sans text-[20px] leading-[29px] opacity-60 hover:opacity-100 transition-opacity" 4018 :class="{ 'opacity-100': openAccordions['things-to-do-sights-and-attractions'] }" 4019 > 4020 Sights & Attractions 4021 </a> 4022 4023 <!-- Bouton accordéon pour niveau 3 --> 4024 4025 <button @click="toggleAccordion('things-to-do-sights-and-attractions')" 4026 :aria-expanded="!!openAccordions['things-to-do-sights-and-attractions']" 4027 aria-label="Sights & Attractions" 4028 class="p-2 text-gray-500 hover:text-red-600 transition-colors">
4029 <svg x-show="!openAccordions['things-to-do-sights-and-attractions']" 4030 class="h-5 w-5 cursor-pointer" 4031 fill="none" 4032 viewBox="0 0 24 24" 4033 stroke="var(--color-red-lcto)"> 4034 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" /> 4035 </svg> 4036 <svg x-show="openAccordions['things-to-do-sights-and-attractions']" 4037 class="h-5 w-5 stroke-red-lcto cursor-pointer" 4038 fill="none" 4039 viewBox="0 0 24 24" 4040 stroke="var(--color-red-lcto)"> 4041 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 12H6" /> 4042 </svg> 4043 </button> 4044 4045 </div> 4046 4047 <!-- Navigation niveau 3 (accordéon) --> 4048 4049 <div x-show="openAccordions['things-to-do-sights-and-attractions']" 4050 x-transition:enter="transition ease-out duration-300" 4051 x-transition:enter-start="opacity-0" 4052 x-transition:enter-end="opacity-100" 4053 x-transition:leave="transition ease-in duration-200" 4054 x-transition:leave-start="opacity-100" 4055 x-transition:leave-end="opacity-0" 4056 class="overflow-hidden flex" 4057 style="display: none"> 4058 <ul x-show="openAccordions['things-to-do-sights-and-attractions']" 4059 x-transition:enter="transition ease-out duration-600" 4060 x-transition:enter-start="translate-x-3" 4061 x-transition:enter-end="translate-x-0" 4062 class="space-y-[10px] mt-[7px] list-disc-red-lcto"> 4063 4064 <li class="pl-[3px]"> 4065 4066 4067 <a href="/en/tours-activities/sights/monuments-and-squares" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 4068 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 4069 Monuments & Squares 4070 </a> 4071 </li> 4072 4073 <li class="pl-[3px]"> 4074 4075 4076 <a href="/en/tours-activities/sights/nature-and-parks" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 4077 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 4078 Nature, parks and gardens 4079 </a> 4080 </li> 4081 4082 <li class="pl-[3px]"> 4083 4084 4085 <a href="/en/tours-activities/sights/fortifications" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" >
4086 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 4087 Fortifications 4088 </a> 4089 </li> 4090 4091 <li class="pl-[3px]"> 4092 4093 4094 <a href="/en/tours-activities/sights/churches-and-cemeteries" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 4095 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 4096 Churches & cemeteries 4097 </a> 4098 </li> 4099 4100 <li class="pl-[3px]"> 4101 4102 4103 <a href="/en/tours-activities/sights/museums" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 4104 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 4105 Museums 4106 </a> 4107 </li> 4108 4109 <li class="pl-[3px]"> 4110 4111 4112 <a href="/en/tours-activities/sights/letzebuerg-dat-ass-vakanz-page" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 4113 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 4114 Lëtzebuerg, dat ass Vakanz 4115 </a> 4116 </li> 4117 4118 <li class="pl-[3px]"> 4119 4120 4121 <a href="/en/tours-activities/sights/map" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 4122 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 4123 Browse the map 4124 </a> 4125 </li> 4126 4127 <li class="pl-[3px]"> 4128 4129 4130 <a href="/en/tours-activities/360-views" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 4131 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 4132 Attractions 360° 4133 </a> 4134 </li> 4135 4136 </ul> 4137 </div> 4138 4139 </li> 4140 4141 <li class="border-b border-gray-100"> 4142 4143 <div class="flex items-center justify-between"> 4144 4145 4146 <a href="/en/tours-activities/eat-and-entertainment" 4147 class="ff-museo-sans text-[20px] leading-[29px] opacity-60 hover:opacity-100 transition-opacity" 4148 :class="{ 'opacity-100': openAccordions['things-to-do-eat-and-entertainment'] }" 4149 > 4150 Eat & Entertainment 4151 </a> 4152 4153 <!-- Bouton accordéon pour niveau 3 --> 4154 4155 <button @click="toggleAccordion('things-to-do-eat-and-entertainment')" 4156 :aria-expanded="!!openAccordions['things-to-do-eat-and-entertainment']" 4157 aria-label="Eat & Entertainment" 4158 class="p-2 text-gray-500 hover:text-red-600 transition-colors">
4159 <svg x-show="!openAccordions['things-to-do-eat-and-entertainment']" 4160 class="h-5 w-5 cursor-pointer" 4161 fill="none" 4162 viewBox="0 0 24 24" 4163 stroke="var(--color-red-lcto)"> 4164 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" /> 4165 </svg> 4166 <svg x-show="openAccordions['things-to-do-eat-and-entertainment']" 4167 class="h-5 w-5 stroke-red-lcto cursor-pointer" 4168 fill="none" 4169 viewBox="0 0 24 24" 4170 stroke="var(--color-red-lcto)"> 4171 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 12H6" /> 4172 </svg> 4173 </button> 4174 4175 </div> 4176 4177 <!-- Navigation niveau 3 (accordéon) --> 4178 4179 <div x-show="openAccordions['things-to-do-eat-and-entertainment']" 4180 x-transition:enter="transition ease-out duration-300" 4181 x-transition:enter-start="opacity-0" 4182 x-transition:enter-end="opacity-100" 4183 x-transition:leave="transition ease-in duration-200" 4184 x-transition:leave-start="opacity-100" 4185 x-transition:leave-end="opacity-0" 4186 class="overflow-hidden flex" 4187 style="display: none"> 4188 <ul x-show="openAccordions['things-to-do-eat-and-entertainment']" 4189 x-transition:enter="transition ease-out duration-600" 4190 x-transition:enter-start="translate-x-3" 4191 x-transition:enter-end="translate-x-0" 4192 class="space-y-[10px] mt-[7px] list-disc-red-lcto"> 4193 4194 <li class="pl-[3px]"> 4195 4196 4197 <a href="/en/tours-activities/eat-and-entertainment/restaurants" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 4198 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 4199 Restaurants 4200 </a> 4201 </li> 4202 4203 <li class="pl-[3px]"> 4204 4205 4206 <a href="/en/tours-activities/eat-and-entertainment/nightlife" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 4207 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 4208 Nightlife 4209 </a> 4210 </li> 4211 4212 <li class="pl-[3px]"> 4213 4214 4215 <a href="/en/tours-activities/eat-and-entertainment/theaters-concerts-venues-cinemas" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" >
4216 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 4217 Theaters, concert venues & cinemas 4218 </a> 4219 </li> 4220 4221 <li class="pl-[3px]"> 4222 4223 4224 <a href="/en/tours-activities/eat-and-entertainment/map" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 4225 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 4226 Browse the map 4227 </a> 4228 </li> 4229 4230 </ul> 4231 </div> 4232 4233 </li> 4234 4235 <li class="border-b border-gray-100"> 4236 4237 <div class="flex items-center justify-between"> 4238 4239 4240 <a href="/en/tours-activities/markets" 4241 class="ff-museo-sans text-[20px] leading-[29px] opacity-60 hover:opacity-100 transition-opacity" 4242 :class="{ 'opacity-100': openAccordions['things-to-do-local-markets'] }" 4243 > 4244 Local Markets 4245 </a> 4246 4247 <!-- Bouton accordéon pour niveau 3 --> 4248 4249 <button @click="toggleAccordion('things-to-do-local-markets')" 4250 :aria-expanded="!!openAccordions['things-to-do-local-markets']" 4251 aria-label="Local Markets" 4252 class="p-2 text-gray-500 hover:text-red-600 transition-colors"> 4253 <svg x-show="!openAccordions['things-to-do-local-markets']" 4254 class="h-5 w-5 cursor-pointer" 4255 fill="none"
4256 viewBox="0 0 24 24" 4257 stroke="var(--color-red-lcto)"> 4258 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" /> 4259 </svg> 4260 <svg x-show="openAccordions['things-to-do-local-markets']" 4261 class="h-5 w-5 stroke-red-lcto cursor-pointer" 4262 fill="none" 4263 viewBox="0 0 24 24" 4264 stroke="var(--color-red-lcto)"> 4265 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 12H6" /> 4266 </svg> 4267 </button> 4268 4269 </div> 4270 4271 <!-- Navigation niveau 3 (accordéon) --> 4272 4273 <div x-show="openAccordions['things-to-do-local-markets']" 4274 x-transition:enter="transition ease-out duration-300" 4275 x-transition:enter-start="opacity-0" 4276 x-transition:enter-end="opacity-100" 4277 x-transition:leave="transition ease-in duration-200" 4278 x-transition:leave-start="opacity-100" 4279 x-transition:leave-end="opacity-0" 4280 class="overflow-hidden flex" 4281 style="display: none"> 4282 <ul x-show="openAccordions['things-to-do-local-markets']" 4283 x-transition:enter="transition ease-out duration-600" 4284 x-transition:enter-start="translate-x-3" 4285 x-transition:enter-end="translate-x-0" 4286 class="space-y-[10px] mt-[7px] list-disc-red-lcto"> 4287 4288 <li class="pl-[3px]"> 4289 4290 4291 <a href="/en/tours-activities/markets/shopping" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 4292 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 4293 Shopping 4294 </a> 4295 </li> 4296 4297 <li class="pl-[3px]"> 4298 4299 4300 <a href="/en/place/market/flea-market" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 4301 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 4302 Antique market 4303 </a> 4304 </li> 4305 4306 <li class="pl-[3px]"> 4307 4308 4309 <a href="/en/place/market/market-garer-maart" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" >
4310 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 4311 Market Garer Maart 4312 </a> 4313 </li> 4314 4315 <li class="pl-[3px]"> 4316 4317 4318 <a href="/en/place/market/glacismaart" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 4319 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 4320 Glacismaart 4321 </a> 4322 </li> 4323 4324 <li class="pl-[3px]"> 4325 4326 4327 <a href="/en/place/market/konscht-am-gronn" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 4328 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 4329 Konscht am Gronn 4330 </a> 4331 </li> 4332 4333 <li class="pl-[3px]"> 4334 4335 4336 <a href="/en/place/market/weekly-market" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 4337 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 4338 Market in the city centre 4339 </a> 4340 </li> 4341 4342 <li class="pl-[3px]"> 4343 4344 4345 <a href="/en/place/market/vide-grenier" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 4346 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 4347 Flea market 4348 </a> 4349 </li> 4350 4351 <li class="pl-[3px]"> 4352 4353 4354 <a href="/en/tours-activities/markets/map" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 4355 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 4356 Browse the map 4357 </a> 4358 </li> 4359 4360 </ul> 4361 </div> 4362 4363 </li> 4364 4365 </ul> 4366 </div> 4367 </div> 4368 4369 <div x-show="activeLevel1 === 'plan-your-stay'" 4370 class="h-full"> 4371 4372 <!-- Header avec bouton retour --> 4373 <div class="px-[20px] pt-[20px]"> 4374 <button @click="backToLevel1()" class="flex items-center cursor-pointer group"> 4375 <i class="fa-solid fa-arrow-left text-[15px] color-red-lcto mr-[8px] group-hover:translate-x-[-3px] transition-transform"></i> 4376 Back 4377 </button> 4378 <hr class="separator-lcto mb-0 mt-[25px]"> 4379 </div> 4380 4381 <div class="px-[20px] py-[30px]"> 4382 <!-- Navigation niveau 2 --> 4383 <ul class="space-y-[15px]"> 4384 4385 4386 <li class="border-b border-gray-100"> 4387 4388 <div class="flex items-center justify-between"> 4389 4390 4391 <a href="/en/plan-your-trip" 4392 class="ff-museo-sans text-[20px] leading-[29px] opacity-60 hover:opacity-100 transition-opacity" 4393 :class="{ 'opacity-100': openAccordions['plan-your-stay-plan-your-trip-with-ai'] }" 4394 > 4395 Plan Your Trip with AI 4396 </a> 4397 4398 <!-- Bouton accordéon pour niveau 3 --> 4399 4400 </div> 4401 4402 <!-- Navigation niveau 3 (accordéon) --> 4403 4404 </li> 4405 4406 <li class="border-b border-gray-100"> 4407 4408 <div class="flex items-center justify-between"> 4409 4410 4411 <a href="/en/plan-your-stay/traveller-information" 4412 class="ff-museo-sans text-[20px] leading-[29px] opacity-60 hover:opacity-100 transition-opacity" 4413 :class="{ 'opacity-100': openAccordions['plan-your-stay-traveller-information'] }" 4414 > 4415 Traveller information 4416 </a> 4417 4418 <!-- Bouton accordéon pour niveau 3 --> 4419 4420 <button @click="toggleAccordion('plan-your-stay-traveller-information')" 4421 :aria-expanded="!!openAccordions['plan-your-stay-traveller-information']" 4422 aria-label="Traveller information" 4423 class="p-2 text-gray-500 hover:text-red-600 transition-colors">
4424 <svg x-show="!openAccordions['plan-your-stay-traveller-information']" 4425 class="h-5 w-5 cursor-pointer" 4426 fill="none" 4427 viewBox="0 0 24 24" 4428 stroke="var(--color-red-lcto)"> 4429 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" /> 4430 </svg> 4431 <svg x-show="openAccordions['plan-your-stay-traveller-information']" 4432 class="h-5 w-5 stroke-red-lcto cursor-pointer" 4433 fill="none" 4434 viewBox="0 0 24 24" 4435 stroke="var(--color-red-lcto)"> 4436 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 12H6" /> 4437 </svg> 4438 </button> 4439 4440 </div> 4441 4442 <!-- Navigation niveau 3 (accordéon) --> 4443 4444 <div x-show="openAccordions['plan-your-stay-traveller-information']" 4445 x-transition:enter="transition ease-out duration-300" 4446 x-transition:enter-start="opacity-0" 4447 x-transition:enter-end="opacity-100" 4448 x-transition:leave="transition ease-in duration-200" 4449 x-transition:leave-start="opacity-100" 4450 x-transition:leave-end="opacity-0" 4451 class="overflow-hidden flex" 4452 style="display: none"> 4453 <ul x-show="openAccordions['plan-your-stay-traveller-information']" 4454 x-transition:enter="transition ease-out duration-600" 4455 x-transition:enter-start="translate-x-3" 4456 x-transition:enter-end="translate-x-0" 4457 class="space-y-[10px] mt-[7px] list-disc-red-lcto"> 4458 4459 <li class="pl-[3px]"> 4460 4461 4462 <a href="/en/plan-your-stay/traveller-information/travel-to-luxembourg" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 4463 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 4464 Travel to Luxembourg 4465 </a> 4466 </li> 4467 4468 <li class="pl-[3px]"> 4469 4470 4471 <a href="/en/plan-your-stay/traveller-information/getting-around" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 4472 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 4473 Getting around 4474 </a> 4475 </li> 4476 4477 <li class="pl-[3px]"> 4478 4479 4480 <a href="/en/plan-your-stay/traveller-information/car-parks" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" >
4481 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 4482 Parking 4483 </a> 4484 </li> 4485 4486 <li class="pl-[3px]"> 4487 4488 4489 <a href="/en/plan-your-stay/traveller-information/climat-et-saisons-a-luxembourg" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 4490 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 4491 Seasons and climate 4492 </a> 4493 </li> 4494 4495 <li class="pl-[3px]"> 4496 4497 4498 <a href="https://www.citywifi.lu/en/" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" target="_blank" > 4499 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 4500 Wifi / Citywifi 4501 </a> 4502 </li> 4503 4504 <li class="pl-[3px]"> 4505 4506 4507 <a href="/en/plan-your-stay/traveller-information/media-centre" class="text-[18px] leading-[30px] hover:color-red-lcto transition-colors" > 4508 <span class="w-1 h-1 bg-red-600 rounded-full mr-3"></span> 4509 Media Centre 4510 </a> 4511 </li> 4512 4513 </ul> 4514 </div> 4515 4516 </li> 4517 4518 <li class="border-b border-gray-100"> 4519 4520 <div class="flex items-center justify-between"> 4521 4522 4523 <a href="/en/plan-your-stay/traveller-information/citymap" 4524 class="ff-museo-sans text-[20px] leading-[29px] opacity-60 hover:opacity-100 transition-opacity" 4525 :class="{ 'opacity-100': openAccordions['plan-your-stay-citymap'] }" 4526 > 4527 Citymap 4528 </a> 4529 4530 <!-- Bouton accordéon pour niveau 3 --> 4531 4532 </div> 4533 4534 <!-- Navigation niveau 3 (accordéon) --> 4535 4536 </li> 4537 4538 <li class="border-b border-gray-100"> 4539 4540 <div class="flex items-center justify-between"> 4541 4542 4543 <a href="/en/plan-your-stay/accommodation" 4544 class="ff-museo-sans text-[20px] leading-[29px] opacity-60 hover:opacity-100 transition-opacity" 4545 :class="{ 'opacity-100': openAccordions['plan-your-stay-accommodation'] }" 4546 > 4547 Accommodation 4548 </a> 4549 4550 <!-- Bouton accordéon pour niveau 3 --> 4551 4552 </div> 4553 4554 <!-- Navigation niveau 3 (accordéon) --> 4555 4556 </li> 4557 4558 <li class="border-b border-gray-100"> 4559 4560 <div class="flex items-center justify-between"> 4561 4562 4563 <a href="/en/plan-your-stay/tourism-for-all" 4564 class="ff-museo-sans text-[20px] leading-[29px] opacity-60 hover:opacity-100 transition-opacity" 4565 :class="{ 'opacity-100': openAccordions['plan-your-stay-tourism-for-all'] }" 4566 > 4567 Tourism for all 4568 </a> 4569 4570 <!-- Bouton accordéon pour niveau 3 --> 4571 4572 </div> 4573 4574 <!-- Navigation niveau 3 (accordéon) --> 4575 4576 </li> 4577 4578 </ul> 4579 </div> 4580 </div> 4581 4582 <div x-show="activeLevel1 === 'events'" 4583 class="h-full"> 4584 4585 <!-- Header avec bouton retour --> 4586 <div class="px-[20px] pt-[20px]"> 4587 <button @click="backToLevel1()" class="flex items-center cursor-pointer group"> 4588 <i class="fa-solid fa-arrow-left text-[15px] color-red-lcto mr-[8px] group-hover:translate-x-[-3px] transition-transform"></i> 4589 Back 4590 </button> 4591 <hr class="separator-lcto mb-0 mt-[25px]"> 4592 </div> 4593 4594 <div class="px-[20px] py-[30px]"> 4595 <!-- Navigation niveau 2 --> 4596 <ul class="space-y-[15px]"> 4597 4598 4599 </ul> 4600 </div> 4601 </div> 4602 4603 4604 <div x-show="activeLevel1 === 'about-lcto'" 4605 class="h-full"> 4606 4607 <!-- Header avec bouton retour --> 4608 <div class="px-[30px] pt-[20px]"> 4609 <button @click="backToLevel1()" class="flex items-center cursor-pointer group"> 4610 <i class="fa-solid fa-arrow-left text-[15px] color-red-lcto mr-[8px] group-hover:translate-x-[-3px] transition-transform"></i> 4611 Back 4612 </button> 4613 <hr class="separator-lcto mb-0 mt-[25px]"> 4614 </div> 4615 4616 <div class="px-[30px] py-[30px]"> 4617 <!-- Navigation niveau 2 --> 4618 <ul class="space-y-[15px]"> 4619 4620 4621 <li class="border-b border-gray-100"> 4622 4623 <div class="flex items-center justify-between"> 4624 4625 4626 <a href="/en/about-lcto/about-us" 4627 class="ff-museo-sans text-[20px] leading-[29px] opacity-60 hover:opacity-100 transition-opacity" 4628 :class="{ 'opacity-100': openAccordions['about-lcto-about-us'] }" 4629 > 4630 About us 4631 </a> 4632 4633 <!-- Bouton accordéon pour niveau 3 --> 4634 4635 </div> 4636 4637 <!-- Navigation niveau 3 (accordéon) --> 4638 4639 </li> 4640 4641 <li class="border-b border-gray-100"> 4642 4643 <div class="flex items-center justify-between"> 4644 4645 4646 <a href="/en/about-lcto/statutes" 4647 class="ff-museo-sans text-[20px] leading-[29px] opacity-60 hover:opacity-100 transition-opacity" 4648 :class="{ 'opacity-100': openAccordions['about-lcto-statutes'] }" 4649 > 4650 Statutes 4651 </a> 4652 4653 <!-- Bouton accordéon pour niveau 3 --> 4654 4655 </div> 4656 4657 <!-- Navigation niveau 3 (accordéon) --> 4658 4659 </li> 4660 4661 <li class="border-b border-gray-100"> 4662 4663 <div class="flex items-center justify-between"> 4664 4665 4666 <a href="/en/about-lcto/get-in-touch" 4667 class="ff-museo-sans text-[20px] leading-[29px] opacity-60 hover:opacity-100 transition-opacity" 4668 :class="{ 'opacity-100': openAccordions['about-lcto-get-in-touch'] }" 4669 > 4670 Get in touch 4671 </a> 4672 4673 <!-- Bouton accordéon pour niveau 3 --> 4674 4675 </div> 4676 4677 <!-- Navigation niveau 3 (accordéon) --> 4678 4679 </li> 4680 4681 <li class="border-b border-gray-100"> 4682 4683 <div class="flex items-center justify-between"> 4684 4685 4686 <a href="/en/press-release" 4687 class="ff-museo-sans text-[20px] leading-[29px] opacity-60 hover:opacity-100 transition-opacity" 4688 :class="{ 'opacity-100': openAccordions['about-lcto-press-releases'] }" 4689 > 4690 Press Releases 4691 </a> 4692 4693 <!-- Bouton accordéon pour niveau 3 --> 4694 4695 </div> 4696 4697 <!-- Navigation niveau 3 (accordéon) --> 4698 4699 </li> 4700 4701 <li class="border-b border-gray-100"> 4702 4703 <div class="flex items-center justify-between"> 4704 4705 4706 <a href="https://rapport2025.lcto.lu/" 4707 class="ff-museo-sans text-[20px] leading-[29px] opacity-60 hover:opacity-100 transition-opacity" 4708 :class="{ 'opacity-100': openAccordions['about-lcto-annual-report-2025'] }" 4709 target="_blank" > 4710 Annual Report 2025 4711 </a> 4712 4713 <!-- Bouton accordéon pour niveau 3 --> 4714 4715 </div> 4716 4717 <!-- Navigation niveau 3 (accordéon) --> 4718 4719 </li> 4720 4721 <li class="border-b border-gray-100"> 4722 4723 <div class="flex items-center justify-between"> 4724 4725 4726 <a href="/en/jobs"
4727 class="ff-museo-sans text-[20px] leading-[29px] opacity-60 hover:opacity-100 transition-opacity" 4728 :class="{ 'opacity-100': openAccordions['about-lcto-jobs'] }" 4729 > 4730 Jobs 4731 </a> 4732 4733 <!-- Bouton accordéon pour niveau 3 --> 4734 4735 </div> 4736 4737 <!-- Navigation niveau 3 (accordéon) --> 4738 4739 </li> 4740 4741 </ul> 4742 </div> 4743 </div> 4744 4745 <div x-show="activeLevel1 === 'espace-pro'" 4746 class="h-full"> 4747 4748 <!-- Header avec bouton retour --> 4749 <div class="px-[30px] pt-[20px]"> 4750 <button @click="backToLevel1()" class="flex items-center cursor-pointer group"> 4751 <i class="fa-solid fa-arrow-left text-[15px] color-red-lcto mr-[8px] group-hover:translate-x-[-3px] transition-transform"></i> 4752 Back 4753 </button> 4754 <hr class="separator-lcto mb-0 mt-[25px]"> 4755 </div> 4756 4757 <div class="px-[30px] py-[30px]"> 4758 <!-- Navigation niveau 2 --> 4759 <ul class="space-y-[15px]"> 4760 4761 4762 <li class="border-b border-gray-100"> 4763 4764 <div class="flex items-center justify-between"> 4765 4766 4767 <a href="https://guides.luxembourg-city.com/fr" 4768 class="ff-museo-sans text-[20px] leading-[29px] opacity-60 hover:opacity-100 transition-opacity" 4769 :class="{ 'opacity-100': openAccordions['espace-pro-espace-guides'] }" 4770 target="_blank" > 4771 Espace guides 4772 </a> 4773 4774 <!-- Bouton accordéon pour niveau 3 --> 4775 4776 </div> 4777 4778 <!-- Navigation niveau 3 (accordéon) --> 4779 4780 </li> 4781 4782 <li class="border-b border-gray-100"> 4783 4784 <div class="flex items-center justify-between"> 4785 4786 4787 <a href="https://b2b.luxembourg-city.com/" 4788 class="ff-museo-sans text-[20px] leading-[29px] opacity-60 hover:opacity-100 transition-opacity" 4789 :class="{ 'opacity-100': openAccordions['espace-pro-b2b'] }" 4790 target="_blank" > 4791 B2B 4792 </a> 4793 4794 <!-- Bouton accordéon pour niveau 3 --> 4795 4796 </div> 4797 4798 <!-- Navigation niveau 3 (accordéon) --> 4799 4800 </li> 4801 4802 </ul> 4803 </div> 4804 </div> 4805 4806 </div> 4807 </div> 4808 4809 <div x-show="mobileMenuOpen" 4810 @click="toggleMobileMenu()" 4811 id="overlay-menu" 4812 class="fixed top-0 left-0 w-full h-full bg-black opacity-50 z-30 block 2xl:hidden"></div> 4813</div> 4814 4815 4816 <div class="main-content" id="js-main-content"> 4817 <main id="mainContentAnchor" tabindex="-1"> 4818 4819 <article class="detail-view overflow-hidden pb-[10px] md:pb-[60px]" x-data="{ modalReservationGroupOpen: false }"> 4820 4821 4822 <section class="flex items-center justify-end pl-[20px]"> 4823 <div class="container fill-right"> 4824 4825 4826 4827 4828 4829 4830 4831 4832 4833 4834 4835 4836 4837 4838 4839 4840 4841 4842<div class="h-[200px] md:h-[580px]"> 4843 4844 <div class="overflow-hidden rounded-l-[10px]"> 4845 4846 4847 4848 4849 4850 4851 4852 4853 4854 4855 4856 4857 4858 4859 4860 4861 4862 4863 <figure class="container-image relative h-full false" style="margin:0;"> 4864 <picture class="block h-full" 4865 data-src="/thumbs/c4ccb4c0-275f-11f1-9795-dfcb70aeab9a.jpg"> 4866 <!--[if IE 9]> 4867 <audio><![endif]--> 4868 <source data-srcset="/media/3e3c8115-f09e-4de2-900e-22af0904dc9b/arts-plastiqes.jpg" 4869 media="(max-width: 600px)" 4870 type="image/jpeg" /> 4871 <source data-srcset="/media/3e3c8115-f09e-4de2-900e-22af0904dc9b/arts-plastiqes.jpg" 4872 media="(min-width: 601px)" 4873 type="image/jpeg" /> 4874 <!--[if IE 9]></audio><![endif]--> 4875 <img src="" 4876 data-sizes="auto" 4877 data-src="" 4878 class="lazyload lazyanim h-[200px] md:h-[580px] w-full object-cover" 4879 4880 alt="" /> 4881 </picture> 4882 4883 </figure> 4884 4885 4886 4887 </div> 4888 4889</div> 4890 4891 4892 4893 4894 4895 4896 4897 4898 4899 4900 4901 4902 4903 4904 </div> 4905 </section> 4906 4907 4908 <div class="container mx-auto mt-[30px] md:mt-[100px] px-[20px]"> 4909 <div class="grid grid-cols-12 gap-[20px]"> 4910 4911 4912 4913 4914 4915 4916<div class="col-span-2 hidden lg:block"> 4917 <div class="js-fixed-left-part" 4918 x-data="{ fixed: ((window.scrollY > (document.querySelector('.js-fixed-left-part').offsetTop - 140)) && ((window.scrollY + document.querySelector('.js-fixed-left-part').offsetHeight + 50) < document.querySelector('.footer').offsetTop)), position: document.querySelector('.js-fixed-left-part').offsetTop, width: document.querySelector('.js-fixed-left-part').offsetWidth }" 4919 x-init="window.addEventListener('scroll', () => { fixed = ((window.scrollY > (position - 140)) && ((window.scrollY + document.querySelector('.js-fixed-left-part').offsetHeight + 50) < document.querySelector('.footer').offsetTop)) })" 4920 :class="fixed ? 'fixed top-[140px] z-20' : ''"> 4921 4922 <div class="wrapper-table-of-contents" :style="{ width: width + 'px' }"> 4923 4924 <div class="toc-item mb-[25px]"> 4925 <a href="#infopratique" 4926 class="text-[16px] leading-[20px] font-normal flex items-start gap-[10px]" 4927 :class="{'font-medium underline': passed}" 4928 :aria-current="passed ? 'true' : false" 4929 x-data="{ passed: document.querySelector('#infopratique') && window.scrollY > (document.querySelector('#infopratique').offsetTop) }" 4930 x-init="window.addEventListener('scroll', () => { passed = document.querySelector('#infopratique') && window.scrollY > (document.querySelector('#infopratique').offsetTop - 200) })">
4931 <span class="border border-white rounded-full p-[2px] min-w-[9px] min-h-[9px] bg-[#D0CCC8] relative z-10 mt-[5px]" 4932 :class="{'bg-red-lcto': passed}"></span> 4933 Useful information 4934 </a> 4935 </div> 4936 4937 4938 4939 4940 4941 4942 4943 4944 4945 4946 4947 4948 4949 4950 4951 4952 4953 4954 4955 4956 4957 <div class="toc-item mb-[25px]"> 4958 <a href="#related" 4959 class="text-[16px] leading-[20px] font-normal flex items-start gap-[10px]" 4960 :class="{'font-medium underline': passed}" 4961 :aria-current="passed ? 'true' : false" 4962 x-data="{ passed: document.querySelector('#related') && window.scrollY > (document.querySelector('#related').offsetTop) }" 4963 x-init="window.addEventListener('scroll', () => { passed = document.querySelector('#related') && window.scrollY > (document.querySelector('#related').offsetTop - 200) })"> 4964 <span class="border border-white rounded-full p-[2px] min-w-[9px] min-h-[9px] bg-[#D0CCC8] relative z-10 mt-[5px]" 4965 :class="{'bg-red-lcto': passed}"></span> 4966 4967 Other Visual arts 4968 4969 </a> 4970 </div> 4971 4972 4973 4974 </div> 4975 </div> 4976</div> 4977 4978 4979 <div class="col-span-12 lg:col-span-9 lg:col-start-4"> 4980 4981 4982 4983 4984 4985 4986<section class="grid grid-cols-1 md:d:grid-cols-5"> 4987 <div class="md:col-span-4"> 4988 <div class="flex items-center justify-between gap-[8px] md:gap-[10px] flex-wrap"> 4989 <div class="flex items-center justify-start gap-[8px] md:gap-[10px] flex-wrap"> 4990 <span class="flex items-center gap-2 bg-white color-text-lcto text-[14px] leading-[18px] font-semibold rounded-[5px] px-[12px] py-[7px] md:py-[10px] transition">Visual arts</span> 4991 4992 </div> 4993 <div class="nativeSharing no-scrape" 4994 x-data="{ open: false }" 4995 x-on:keydown.escape="open = false"> 4996 <button id="shareBtn" 4997 class="flex items-center gap-2 bg-purple-lcto text-white text-[14px] leading-[18px] font-semibold rounded-[5px] px-[12px] py-[7px] md:py-[10px] transition cursor-pointer card-light-reflect" 4998 data-modal="shareModal" 4999 aria-haspopup="dialog" 5000 :aria-expanded="open" 5001 @click="open = true"> 5002 <i class="fa-regular fa-share-nodes" aria-hidden="true"></i> 5003 Share this article 5004 </button> 5005 5006 <div class="modal modalSharing fixed inset-0 flex items-center justify-center bg-[#00000099] z-50 no-scrape" 5007 id="shareModal" 5008 role="dialog" 5009 aria-modal="true" 5010 tabindex="-1" 5011 aria-labelledby="shareModalLabel" 5012 x-show="open" 5013 x-trap.noscroll="open" 5014 x-transition 5015 style="display: none;"> 5016 <div class="modal-dialog modal-dialog-centered w-[600px]"> 5017 <div class="modal-content bg-[#fff] rounded-[10px] p-[20px]"> 5018 <div class="modal-header flex items-center justify-between"> 5019 <h2 class="modal-title text-[20px] leading-[29px] font-normal" id="shareModalLabel">Share</h2> 5020 <button type="button" 5021 class="btn-close m-0" 5022 aria-label="Close" 5023 @click="open = false"> 5024 <i class="fa-regular fa-circle-xmark text-[20px] leading-[29px] font-normal" aria-hidden="true"></i> 5025 </button> 5026 </div> 5027 <div class="modal-body mt-[20px]"> 5028 <ul class="share-modal-options flex flex-wrap gap-[20px] list-none p-0 m-0 list-unstyled"> 5029 <li class="w-[calc(50%-10px)]"> 5030 <button class="customSharingBtn w-full bg-purple-lcto text-white card-light-reflect rounded-[5px] px-[20px] py-[10px] cursor-pointer" data-share="copy"> 5031 <i class="fa-regular fa-link" aria-hidden="true"></i>
5032 <span class="mb-0">Copy the link</span> 5033 </button> 5034 </li> 5035 <li class="w-[calc(50%-10px)]"> 5036 <button class="customSharingBtn w-full bg-purple-lcto text-white card-light-reflect rounded-[5px] px-[20px] py-[10px] cursor-pointer" data-share="email"> 5037 <i class="fa-regular fa-envelope" aria-hidden="true"></i> 5038 <span class="mb-0">Email</span> 5039 </button> 5040 </li> 5041 <li class="w-[calc(50%-10px)]"> 5042 <button class="customSharingBtn w-full bg-purple-lcto text-white card-light-reflect rounded-[5px] px-[20px] py-[10px] cursor-pointer" data-share="whatsapp"> 5043 <i class="fa-brands fa-whatsapp" aria-hidden="true"></i> 5044 <span class="mb-0">WhatsApp</span> 5045 </button> 5046 </li> 5047 <li class="w-[calc(50%-10px)]"> 5048 <button class="customSharingBtn w-full bg-purple-lcto text-white card-light-reflect rounded-[5px] px-[20px] py-[10px] cursor-pointer" data-share="messenger"> 5049 <i class="fa-brands fa-facebook-messenger" aria-hidden="true"></i> 5050 <span class="mb-0">Messenger</span> 5051 </button> 5052 </li> 5053 <li class="w-[calc(50%-10px)]"> 5054 <button class="customSharingBtn w-full bg-purple-lcto text-white card-light-reflect rounded-[5px] px-[20px] py-[10px] cursor-pointer" data-share="facebook"> 5055 <i class="fa-brands fa-facebook-f" aria-hidden="true"></i> 5056 <span class="mb-0">Facebook</span> 5057 </button> 5058 </li> 5059 <li class="w-[calc(50%-10px)]"> 5060 <button class="customSharingBtn w-full bg-purple-lcto text-white card-light-reflect rounded-[5px] px-[20px] py-[10px] cursor-pointer" data-share="twitter"> 5061 <i class="fa-brands fa-x-twitter" aria-hidden="true"></i> 5062 <span class="mb-0">Twitter</span> 5063 </button> 5064 </li> 5065 </ul> 5066 </div> 5067 </div> 5068 </div> 5069 </div> 5070 5071 </div> 5072 </div> 5073 </div> 5074</section> 5075 5076 5077 5078 <section class="grid grid-cols-1 md:grid-cols-5 mt-[25px] md:mt-[40px]"> 5079 5080 <div class="md:col-span-3"> 5081 <h1 class="ff-museo-sans text-[35px] leading-[43px] md:text-[60px] md:leading-[70px]">Pop-Up Store Vienna Design</h1> 5082 </div> 5083 5084 5085 5086 5087 5088 <div class="md:col-span-4"> 5089 5090 5091 5092 5093 5094 5095 5096 5097 <div class="text-[17px] leading-[27px] md:text-[18px] md:leading-[30px] font-normal mt-[20px] md:mt-[30px] description-link description-textimg-formatted description-link"> 5098 5099 <div class="w-full mb-[30px] md:float-right md:ml-[40px] md:mb-[30px] md:max-w-[45%]"> 5100 <img src="https://assets.app.luxembourg-city.com/data/media/25f36851-b557-48e9-a787-25806a1fd9c0.jpg" alt="" class="w-full h-auto rounded-md "> 5101 </div> 5102 5103 <p>As part of the <strong>âWien in Luxemburgâ initiative</strong>, organised by the <strong>City of Luxembourg in collaboration with the Embassy of Austria in Luxembourg</strong>, and in partnership with <strong>ADVANTAGE AUSTRIA BELUX</strong>, the <strong>Pop-Up Store at 40, rue Philippe II</strong> will welcome three Vienna-based creators, offering the Luxembourg public the opportunity to discover their unique worlds, creativity and craftsmanship.</p><p>Throughout their stay at the Pop-Up Store, visitors will have the opportunity to discover original creations and meet the three brands in person:</p>.<ul><li><strong>Günsberg Duftmanufaktur</strong> â A house specialising in handcrafted perfumes, offering refined and authentic fragrances created in Vienna.</li><li><strong>Mymagpie</strong> â A contemporary jewellery brand combining creativity, elegance and originality.</li><li><strong>Vertessi</strong> â A studio dedicated to tableware and the art of dining, offering beautifully designed and timeless tableware pieces.</li></ul><p><br></p><p><strong><u>Sunday Opening for Mantelsonneg</u></strong><strong class="echo">.</strong></p><p><br></p><p>The Pop-Up Store will also be open on Sunday 25th October for <strong>Mantelsonneg</strong>, offering visitors the opportunity to discover the participating Vienna-based brands and their creations.</p><p><br></p><p><strong><u>Workshop with Günsberg Duftmanufaktur</u></strong></p><p><br></p><p>On <strong>28 October</strong>, <strong>Günsberg Duftmanufaktur</strong> will host a special workshop at the Pop-Up Store, offering participants the opportunity to discover the world of handcrafted perfumes. Registration is required.</p> 5104 5105 </div> 5106 </div> 5107 5108 5109 5110</section> 5111 5112 5113 5114 <div class="grid grid-cols-1 md:grid-cols-5"> 5115 <hr class="bg-[#DCD1C7] shadow-[0_1px_0_0_#fff] h-px border-0 mt-[40px] md:mt-[50px] md:col-span-4 mb-[1px]" /> 5116 </div> 5117 5118 <div class="wrapper-content-article"> 5119 5120 5121 5122 5123 5124 5125 5126 5127 <a id="infopratique"></a> 5128 <section class="grid grid-cols-1 md:grid-cols-5 mt-[40px] md:mt-[80px]" x-data="{displayAllDates: false}"> 5129 <div class="col-span-5 lg:col-span-4"> 5130 <div role="heading" aria-level="2" class="ff-museo-sans font-regular text-[28px] leading-[36px] md:text-[35px] md:leading-[44px]"> 5131 Important information 5132 </div> 5133 </div> 5134 5135 <div class="col-span-12"> 5136 <div class="grid grid-cols-12 gap-[20px] lg:gap-[30px] mt-[25px] md:mt-[40px]"> 5137 5138 5139 5140 5141 5142 5143 5144 5145 5146 5147 5148 5149 5150 5151 5152 <div class="col-span-12 md:col-span-4"> 5153 <div class="w-full h-full relative group bg-white px-[20px] py-[25px] md:px-[30px] md:py-[30px] rounded-[10px]"> 5154 5155 5156 <div class="mt-[15px] text-[16px] leading-[26px]"> 5157 <p> 5158 5159 From Friday 02.10.2026 To Thursday 29.10.2026 5160 5161 5162 <br> 5163 5164 10H00 5165 5166 5167 - 18H00 5168 5169 5170 </p> 5171 5172 5173 5174 5175 5176 5177 5178 5179 5180 5181 5182 5183 5184 5185 5186 5187 5188 5189 5190 <div class="wrapper-select-custom relative mt-[15px]" x-data="{displaySelectCustom: false}"> 5191 <button type="button" class="bg-green-lcto !text-white rounded-[5px] px-[8px] py-[10px] block flex items-center justify-center gap-[8px] font-semibold text-[16px] card-light-reflect" title="Add this date to the calendar" @click="displaySelectCustom = displaySelectCustom ? false : true"><i class="fa-regular fa-calendar-check mr-0"></i> Add to calendar</button> 5192 <div class="select-custom absolute top-[100%] left-0 bg-white rounded-[5px] border-[1px] border-[#e5e5e5] p-[15px] w-[370px] description-link z-[100]" x-show="displaySelectCustom"> 5193 <p class="text-[14px] !mt-0"><a class="text-[16px] font-semibold color-text-lcto" href="https://www.google.com/calendar/render?action=TEMPLATE&text=Pop-Up Store Vienna Design&dates=20261002T100000/20261029T180000&details=As part of the âWien in Luxemburgâ initiative, organised by the City of Luxembourg in collaboration with the Embassy of Austria in Luxembourg, and in partnership with ADVANTAGE AUSTRIA BELUX, the Pop-Up Store at 40, rue Philippe II will welcome three Vienna-based creators, offering the Luxembourg public the opportunity to discover their unique worlds, creativity and craftsmanship.Throughout their stay at the Pop-Up Store, visitors will have the opportunity to discover original creations and meet the three brands in person:.Günsberg Duftmanufaktur â A house specialising in handcrafted perfumes, offering refined and authentic fragrances created in Vienna.Mymagpie â A contemporary jewellery brand combining creativity, elegance and originality.Vertessi â A studio dedicated to tableware and the art of dining, offering beautifully designed and timeless tableware pieces.Sunday Opening for Mantelsonneg.The Pop-Up Store will also be open on Sunday 25th October for Mantelsonneg, offering visitors the opportunity to discover the participating Vienna-based brands and their creations.Workshop with Günsberg DuftmanufakturOn 28 October, Günsberg Duftmanufaktur will host a special workshop at the Pop-Up Store, offering participants the opportunity to discover the world of handcrafted perfumes. Registration is required.&location=40 Rue Philippe II 2340 Luxembourg" target="_blank" rel="nofollow">Add to Google calendar</a></p> 5194 <p class="text-[14px] !mt-0"><a class="text-[16px] font-semibold color-text-lcto" href="https://outlook.office.com/calendar/0/deeplink/compose?subject=Pop-Up Store Vienna Design&body=As part of the âWien in Luxemburgâ initiative, organised by the City of Luxembourg in collaboration with the Embassy of Austria in Luxembourg, and in partnership with ADVANTAGE AUSTRIA BELUX, the Pop-Up Store at 40, rue Philippe II will welcome three Vienna-based creators, offering the Luxembourg public the opportunity to discover their unique worlds, creativity and craftsmanship.Throughout their stay at the Pop-Up Store, visitors will have the opportunity to discover original creations and meet the three brands in person:.Günsberg Duftmanufaktur â A house specialising in handcrafted perfumes, offering refined and authentic fragrances created in Vienna.Mymagpie â A contemporary jewellery brand combining creativity, elegance and originality.Vertessi â A studio dedicated to tableware and the art of dining, offering beautifully designed and timeless tableware pieces.Sunday Opening for Mantelsonneg.The Pop-Up Store will also be open on Sunday 25th October for Mantelsonneg, offering visitors the opportunity to discover the participating Vienna-based brands and their creations.Workshop with Günsberg DuftmanufakturOn 28 October, Günsberg Duftmanufaktur will host a special workshop at the Pop-Up Store, offering participants the opportunity to discover the world of handcrafted perfumes. Registration is required.&startdt=2026-10-02T10:00:00&enddt=/2026-10-29T18:00:00&location=40 Rue Philippe II 2340 Luxembourg&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent">Add to Outlook calendar</a></p> 5195 <p class="text-[14px] !mt-0"><a class="text-[16px] font-semibold color-text-lcto" href="https://calendar.yahoo.com/?v=60&view=d&type=20&title=Pop-Up Store Vienna Design&st=20261002T100000&dur=0%3A00&desc=As part of the âWien in Luxemburgâ initiative, organised by the City of Luxembourg in collaboration with the Embassy of Austria in Luxembourg, and in partnership with ADVANTAGE AUSTRIA BELUX, the Pop-Up Store at 40, rue Philippe II will welcome three Vienna-based creators, offering the Luxembourg public the opportunity to discover their unique worlds, creativity and craftsmanship.Throughout their stay at the Pop-Up Store, visitors will have the opportunity to discover original creations and meet the three brands in person:.Günsberg Duftmanufaktur â A house specialising in handcrafted perfumes, offering refined and authentic fragrances created in Vienna.Mymagpie â A contemporary jewellery brand combining creativity, elegance and originality.Vertessi â A studio dedicated to tableware and the art of dining, offering beautifully designed and timeless tableware pieces.Sunday Opening for Mantelsonneg.The Pop-Up Store will also be open on Sunday 25th October for Mantelsonneg, offering visitors the opportunity to discover the participating Vienna-based brands and their creations.Workshop with Günsberg DuftmanufakturOn 28 October, Günsberg Duftmanufaktur will host a special workshop at the Pop-Up Store, offering participants the opportunity to discover the world of handcrafted perfumes. Registration is required.&in_loc=40 Rue Philippe II 2340 Luxembourg" target="_blank" rel="nofollow">Add to Yahoo calendar</a></p> 5196 <p class="text-[14px] !mt-0"><a class="text-[16px] font-semibold color-text-lcto" href="data:text/calendar;charset=utf8,BEGIN:VCALENDAR%0AVERSION:2.0%0A%0ABEGIN:VEVENT%0ADTSTAMP:20261002T080000Z%0ADTSTART;TZID=Europe/Paris:20261002T100000%0ADTEND;TZID=Europe/Paris:20261029T180000%0ASUMMARY:Pop-Up Store Vienna Design%0ADESCRIPTION:As part of the âWien in Luxemburgâ initiative, organised by the City of Luxembourg in collaboration with the Embassy of Austria in Luxembourg, and in partnership with ADVANTAGE AUSTRIA BELUX, the Pop-Up Store at 40, rue Philippe II will welcome three Vienna-based creators, offering the Luxembourg public the opportunity to discover their unique worlds, creativity and craftsmanship.Throughout their stay at the Pop-Up Store, visitors will have the opportunity to discover original creations and meet the three brands in person:.Günsberg Duftmanufaktur â A house specialising in handcrafted perfumes, offering refined and authentic fragrances created in Vienna.Mymagpie â A contemporary jewellery brand combining creativity, elegance and originality.Vertessi â A studio dedicated to tableware and the art of dining, offering beautifully designed and timeless tableware pieces.Sunday Opening for Mantelsonneg.The Pop-Up Store will also be open on Sunday 25th October for Mantelsonneg, offering visitors the opportunity to discover the participating Vienna-based brands and their creations.Workshop with Günsberg DuftmanufakturOn 28 October, Günsberg Duftmanufaktur will host a special workshop at the Pop-Up Store, offering participants the opportunity to discover the world of handcrafted perfumes. Registration is required.%0ALOCATION:40 Rue Philippe II 2340 Luxembourg%0AEND:VEVENT%0AEND:VCALENDAR" target="_blank" rel="nofollow">Download ICS (Apple iCalendar)</a></p> 5197 </div> 5198 </div> 5199 </div> 5200 </div> 5201 </div> 5202 5203 5204 5205 5206 <div class="col-span-12 md:col-span-4"> 5207 <div class="w-full h-full relative group overflow-hidden group bg-white px-[20px] py-[25px] md:px-[30px] md:py-[30px] rounded-[10px]"> 5208 <div class="icon text-[25px]"> 5209 <i class="fa-light fa-location-dot"><
5209/i> 5210 </div> 5211 5212 <h3 class="leading-snug text-[18px] leading-[30px] font-semibold mt-[15px]"> 5213 Address 5214 </h3> 5215 5216 <div class="mt-[15px] text-[16px] leading-[26px] description-link"> 5217 <p> 5218 40 Rue Philippe II<br/> 5219 2340 Luxembourg 5220 </p> 5221 5222 <a href="https://maps.google.com/maps?q=49.610130568,6.127913643" target="_blank" class="mt-[15px] inline-block"> 5223 5224 See on the map 5225 </a> 5226 </div> 5227 </div> 5228 </div> 5229 5230 5231 5232 5233 <div class="col-span-12 md:col-span-4"> 5234 <div class="w-full h-full relative group overflow-hidden group bg-white px-[20px] py-[25px] md:px-[30px] md:py-[30px] rounded-[10px]"> 5235 <div class="icon text-[25px]"> 5236 <i class="fa-light fa-address-card"></i> 5237 </div> 5238 5239 <h3 class="leading-snug text-[18px] leading-[30px] font-semibold mt-[15px]"> 5240 Contact 5241 </h3> 5242 5243 <div class="mt-[15px] text-[16px] leading-[26px] description-link"> 5244 5245 <p class="!mt-0">T. <a href="tel:47965000, 4796-5000">47965000, 4796-5000</a></p> 5246 5247 5248 <p class="!mt-0">E. <a href="/cdn-cgi/l/email-protection#d4b0b1b794a2b0b8fab8a1"><span class="__cf_email__" data-cfemail="274342446751434b094b52">[email protected]</span></a></p> 5249 5250 5251 <p class="!mt-0">W. <a href="https://www.wieninluxemburg.vdl.lu" target="_blank">www.wieninluxemburg.vdl.lu</a></p> 5252 5253 </div> 5254 </div> 5255 </div> 5256 5257 5258 5259 5260 5261 5262 5263 5264 5265 5266 5267 5268 5269 5270 5271 5272 5273 5274 5275 5276 5277 5278 5279 5280 5281 5282 5283 5284 5285 5286 5287 5288 5289 5290 5291 5292 </div> 5293 </div> 5294 </section>
vendor: 192 bytes, lines 5294-5306
5294 5295 5296 5297 5298 5299 5300 5301 5302 5303 5304 5305 5306<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
5306<script data-cookieold="ignore" type="text/javascript" src="https://static.ingenie.fr/js/widgets/resa/IngenieWidgetResaClient.js"></script>
vendor: 1 bytes, line 5306
5306
5307<script data-cookieold="ignore" src="https://static.ingenie.fr/widgets/dispo_resa/Client.js" type="text/javascript"></script>
vendor: 1 bytes, line 5307
5307
5308<script data-cookieold="ignore" src="https://static.ingenie.fr/js/ScriptsLoader.js" type="text/javascript"></script>
5308 5309 5310 5311 5312 5313 5314 5315 5316 5317 5318 5319 5320 5321 5322 5323 5324 5325 5326 5327 5328 5329 5330 5331 5332 5333 5334 5335 5336 5337 5338 5339 5340 5341 5342 5343 5344 5345 5346 5347 5348 5349 5350 5351 5352 5353 5354 5355 5356 5357 5358 5359 5360 5361 5362 5363 5364 5365 5366 5367 5368<a id="related"></a> 5369 5370<section class="blog-related relative bg-white rounded-[10px] pt-[50px] pb-[50px] pl-[25px] md:pt-[70px] md:pb-[80px] md:pl-[100px] mr-[-20px] md:mr-0 mt-[40px] md:mt-[80px]"> 5371 <div class="flex flex-col md:flex-row md:items-center md:justify-between mb-8"> 5372 <div> 5373 5374 <h2 class="ff-museo-sans text-[28px] leading-[36px] md:text-[35px] md:leading-[44px] font-normal">Other Visual arts </h2> 5375 5376 </div> 5377 </div> 5378 5379 5380 5381 <div class="overflow-hidden swiper-fill-right"> 5382 <div class="swiper" 5383 data-slidesperview="3.3" 5384 data-nextel=".swiper-button-next-custom-relatedentities" 5385 data-prevel=".swiper-button-prev-custom-relatedentities"> 5386 <!-- Additional required wrapper --> 5387 <div class="swiper-wrapper"> 5388 5389 <!-- Slides --> 5390 <div class="swiper-slide bg-white group"> 5391 5392 <a href="/en/place/visual-arts/ink-landscapes-c5vnhb"> 5393 5394 <div class="relative h-[260px] rounded-[10px] overflow-hidden card-light-reflect"> 5395 5396 5397 5398 5399 5400 5401 5402 5403 5404 5405 5406 5407 5408 5409 5410 5411 5412 5413 5414 <figure class="container-image relative h-full false" style="margin:0;"> 5415 <picture class="block h-full" 5416 data-src=""> 5417 <!--[if IE 9]> 5418 <audio><![endif]--> 5419 <source data-srcset="https://assets.app.luxembourg-city.com/data/thumbs/2dd3f060-a744-11f1-803c-d724b9f04418.jpg" 5420 media="(max-width: 600px)" 5421 type="image/jpeg" /> 5422 <source data-srcset="https://assets.app.luxembourg-city.com/data/thumbs/2dd3f060-a744-11f1-803c-d724b9f04418.jpg" 5423 media="(min-width: 601px)" 5424 type="image/jpeg" /> 5425 <!--[if IE 9]></audio><![endif]--> 5426 <img src="https://assets.app.luxembourg-city.com/data/thumbs/2ddf7930-a744-11f1-904b-d95438965478.jpg" 5427 data-sizes="auto" 5428 data-src="https://assets.app.luxembourg-city.com/data/thumbs/2dd3f060-a744-11f1-803c-d724b9f04418.jpg" 5429 class="lazyload lazyanim w-full h-full object-cover group-hover:scale-105 transition-all duration-600 ease-out" 5430 5431 alt="" /> 5432 </picture> 5433 5434 </figure> 5435 5436 5437 <span class="absolute top-[20px] left-[20px] bg-white color-text-lcto text-[14px] leading-[18px] px-[10px] py-[5px] rounded-[5px]">Visual arts</span> 5438 </div> 5439 <div class="pt-[20px]"> 5440 <div role="heading" aria-level="3" class="ff-museo-sans text-[20px] leading-[28px] font-normal">Ink landscapes</div> 5441 <div class="text-[14px] leading-[18px] text-[#323F4899] mt-[5px]"></div> 5442 </div> 5443 </a> 5444 </div> 5445 5446 <!-- Slides --> 5447 <div class="swiper-slide bg-white group"> 5448 5449 <a href="/en/place/exhibitions/knitting-coffee-at-the-museum-tkjqaz"> 5450 5451 <div class="relative h-[260px] rounded-[10px] overflow-hidden card-light-reflect"> 5452 5453 5454 5455 5456 5457 5458 5459 5460 5461 5462 5463 5464 5465 5466 5467 5468 5469 5470 5471 <figure class="container-image relative h-full false" style="margin:0;"> 5472 <picture class="block h-full" 5473 data-src=""> 5474 <!--[if IE 9]> 5475 <audio><![endif]--> 5476 <source data-srcset="https://assets.app.luxembourg-city.c
5476om/data/thumbs/ecda56f0-a67a-11f1-b21a-0bb88f0a88d5.jpg" 5477 media="(max-width: 600px)" 5478 type="image/jpeg" /> 5479 <source data-srcset="https://assets.app.luxembourg-city.com/data/thumbs/ecda56f0-a67a-11f1-b21a-0bb88f0a88d5.jpg" 5480 media="(min-width: 601px)" 5481 type="image/jpeg" /> 5482 <!--[if IE 9]></audio><![endif]--> 5483 <img src="https://assets.app.luxembourg-city.com/data/thumbs/ecef2b40-a67a-11f1-bf30-e90c0eb65443.jpg" 5484 data-sizes="auto" 5485 data-src="https://assets.app.luxembourg-city.com/data/thumbs/ecda56f0-a67a-11f1-b21a-0bb88f0a88d5.jpg" 5486 class="lazyload lazyanim w-full h-full object-cover group-hover:scale-105 transition-all duration-600 ease-out" 5487 5488 alt="" /> 5489 </picture> 5490 5491 </figure> 5492 5493 5494 <span class="absolute top-[20px] left-[20px] bg-white color-text-lcto text-[14px] leading-[18px] px-[10px] py-[5px] rounded-[5px]">Exhibitions</span> 5495 </div> 5496 <div class="pt-[20px]"> 5497 <div role="heading" aria-level="3" class="ff-museo-sans text-[20px] leading-[28px] font-normal">Knitting coffee at the Museum </div> 5498 <div class="text-[14px] leading-[18px] text-[#323F4899] mt-[5px]"></div> 5499 </div> 5500 </a> 5501 </div> 5502 5503 <!-- Slides --> 5504 <div class="swiper-slide bg-white group"> 5505 5506 <a href="/en/place/exhibitions/knitting-coffee-at-the-museum-jp0vdc"> 5507 5508 <div class="relative h-[260px] rounded-[10px] overflow-hidden card-light-reflect"> 5509 5510 5511 5512 5513 5514 5515 5516 5517 5518 5519 5520 5521 5522 5523 5524 5525 5526 5527 5528 <figure class="container-image relative h-full false" style="margin:0;"> 5529 <picture class="block h-full" 5530 data-src=""> 5531 <!--[if IE 9]> 5532 <audio><![endif]--> 5533 <source data-srcset="https://assets.app.luxembourg-city.com/data/thumbs/39b7d970-a744-11f1-b3bf-bf63aff0bc90.jpg" 5534 media="(max-width: 600px)" 5535 type="image/jpeg" /> 5536 <source data-srcset="https://assets.app.luxembourg-city.com/data/thumbs/39b7d970-a744-11f1-b3bf-bf63aff0bc90.jpg" 5537 media="(min-width: 601px)" 5538 type="image/jpeg" /> 5539 <!--[if IE 9]></audio><![endif]--> 5540 <img src="https://assets.app.luxembourg-city.com/data/thumbs/39c41fa0-a744-11f1-b460-f5a5f925a0e3.jpg" 5541 data-sizes="auto" 5542 data-src="https://assets.app.luxembourg-city.com/data/thumbs/39b7d970-a744-11f1-b3bf-bf63aff0bc90.jpg" 5543 class="lazyload lazyanim w-full h-full object-cover group-hover:scale-105 transition-all duration-600 ease-out" 5544 5545 alt="" /> 5546 </picture> 5547 5548 </figure> 5549 5550 5551 <span class="absolute top-[20px] left-[20px] bg-white color-text-lcto text-[14px] leading-[18px] px-[10px] py-[5px] rounded-[5px]">Exhibitions</span> 5552 </div> 5553 <div class="pt-[20px]"> 5554 <div role="heading" aria-level="3" class="ff-museo-sans text-[20px] leading-[28px] font-normal">Knitting coffee at the Museum </div> 5555 <div class="text-[14px] leading-[18px] text-[#323F4899] mt-[5px]"></div> 5556 </div> 5557 </a> 5558 </div> 5559 5560 <!-- Slides --> 5561 <div class="swiper-slide bg-white group"> 5562 5563 <a href="/en/place/visual-arts/la-chasse-aux-tresors-perdus-gvcxru"> 5564 5565 <div class="relative h-[260px] rounded-[10px] overflow-hidden card-light-reflect"> 5566 5567 5568 5569 5570 5571 5572 5573 5574 5575 5576 5577 5578 5579 5580 5581 5582 5583 5584 5585 <figure class="container-image relative h-full false" style="margin:0;"> 5586 <picture class="block h-full" 5587 data-src=""> 5588 <!--[if IE 9]> 5589 <audio><![endif]--> 5590 <source data-srcset="https://assets.app.luxembourg-city.c
5590om/data/thumbs/e5b38f00-a1c3-11f1-b08f-573a8f2dca0a.jpg" 5591 media="(max-width: 600px)" 5592 type="image/jpeg" /> 5593 <source data-srcset="https://assets.app.luxembourg-city.com/data/thumbs/e5b38f00-a1c3-11f1-b08f-573a8f2dca0a.jpg" 5594 media="(min-width: 601px)" 5595 type="image/jpeg" /> 5596 <!--[if IE 9]></audio><![endif]--> 5597 <img src="https://assets.app.luxembourg-city.com/data/thumbs/e5c93af0-a1c3-11f1-9e58-0919380ea26d.jpg" 5598 data-sizes="auto" 5599 data-src="https://assets.app.luxembourg-city.com/data/thumbs/e5b38f00-a1c3-11f1-b08f-573a8f2dca0a.jpg" 5600 class="lazyload lazyanim w-full h-full object-cover group-hover:scale-105 transition-all duration-600 ease-out" 5601 5602 alt="" /> 5603 </picture> 5604 5605 </figure> 5606 5607 5608 <span class="absolute top-[20px] left-[20px] bg-white color-text-lcto text-[14px] leading-[18px] px-[10px] py-[5px] rounded-[5px]">Visual arts</span> 5609 </div> 5610 <div class="pt-[20px]"> 5611 <div role="heading" aria-level="3" class="ff-museo-sans text-[20px] leading-[28px] font-normal">La chasse aux trésors perdus</div> 5612 <div class="text-[14px] leading-[18px] text-[#323F4899] mt-[5px]"></div> 5613 </div> 5614 </a> 5615 </div> 5616 5617 <!-- Slides --> 5618 <div class="swiper-slide bg-white group"> 5619 5620 <a href="/en/place/visual-arts/how-to-draw-beginners-aalc1"> 5621 5622 <div class="relative h-[260px] rounded-[10px] overflow-hidden card-light-reflect"> 5623 5624 5625 5626 5627 5628 5629 5630 5631 5632 5633 5634 5635 5636 5637 5638 5639 5640 5641 5642 <figure class="container-image relative h-full false" style="margin:0;"> 5643 <picture class="block h-full" 5644 data-src=""> 5645 <!--[if IE 9]> 5646 <audio><![endif]--> 5647 <source data-srcset="https://assets.app.luxembourg-city.com/data/thumbs/fd193ea0-9d0c-11f1-955e-09993492a66e.jpg" 5648 media="(max-width: 600px)" 5649 type="image/jpeg" /> 5650 <source data-srcset="https://assets.app.luxembourg-city.com/data/thumbs/fd193ea0-9d0c-11f1-955e-09993492a66e.jpg" 5651 media="(min-width: 601px)" 5652 type="image/jpeg" /> 5653 <!--[if IE 9]></audio><![endif]--> 5654 <img src="https://assets.app.luxembourg-city.com/data/thumbs/fd222a40-9d0c-11f1-bcb2-83cd05b92127.jpg" 5655 data-sizes="auto" 5656 data-src="https://assets.app.luxembourg-city.com/data/thumbs/fd193ea0-9d0c-11f1-955e-09993492a66e.jpg" 5657 class="lazyload lazyanim w-full h-full object-cover group-hover:scale-105 transition-all duration-600 ease-out" 5658 5659 alt="" /> 5660 </picture> 5661 5662 </figure> 5663 5664 5665 <span class="absolute top-[20px] left-[20px] bg-white color-text-lcto text-[14px] leading-[18px] px-[10px] py-[5px] rounded-[5px]">Visual arts</span> 5666 </div> 5667 <div class="pt-[20px]"> 5668 <div role="heading" aria-level="3" class="ff-museo-sans text-[20px] leading-[28px] font-normal">How to draw (beginners)</div> 5669 <div class="text-[14px] leading-[18px] text-[#323F4899] mt-[5px]"></div> 5670 </div> 5671 </a> 5672 </div> 5673 5674 <!-- Slides --> 5675 <div class="swiper-slide bg-white group"> 5676 5677 <a href="/en/place/exhibitions/knitting-coffee-at-the-museum-cejqpm"> 5678 5679 <div class="relative h-[260px] rounded-[10px] overflow-hidden card-light-reflect"> 5680 5681 5682 5683 5684 5685 5686 5687 5688 5689 5690 5691 5692 5693 5694 5695 5696 5697 5698 5699 <figure class="container-image relative h-full false" style="margin:0;"> 5700 <picture class="block h-full" 5701 data-src=""> 5702 <!--[if IE 9]> 5703 <audio><![endif]--> 5704 <source data-srcset="https://assets.app.luxembourg-city.c
5704om/data/thumbs/3e95cc30-a744-11f1-8f03-5d7e31e5f5fd.jpg" 5705 media="(max-width: 600px)" 5706 type="image/jpeg" /> 5707 <source data-srcset="https://assets.app.luxembourg-city.com/data/thumbs/3e95cc30-a744-11f1-8f03-5d7e31e5f5fd.jpg" 5708 media="(min-width: 601px)" 5709 type="image/jpeg" /> 5710 <!--[if IE 9]></audio><![endif]--> 5711 <img src="https://assets.app.luxembourg-city.com/data/thumbs/3ea6caa0-a744-11f1-9407-61889af33173.jpg" 5712 data-sizes="auto" 5713 data-src="https://assets.app.luxembourg-city.com/data/thumbs/3e95cc30-a744-11f1-8f03-5d7e31e5f5fd.jpg" 5714 class="lazyload lazyanim w-full h-full object-cover group-hover:scale-105 transition-all duration-600 ease-out" 5715 5716 alt="" /> 5717 </picture> 5718 5719 </figure> 5720 5721 5722 <span class="absolute top-[20px] left-[20px] bg-white color-text-lcto text-[14px] leading-[18px] px-[10px] py-[5px] rounded-[5px]">Exhibitions</span> 5723 </div> 5724 <div class="pt-[20px]"> 5725 <div role="heading" aria-level="3" class="ff-museo-sans text-[20px] leading-[28px] font-normal">Knitting coffee at the Museum </div> 5726 <div class="text-[14px] leading-[18px] text-[#323F4899] mt-[5px]"></div> 5727 </div> 5728 </a> 5729 </div> 5730 5731 <!-- Slides --> 5732 <div class="swiper-slide bg-white group"> 5733 5734 <a href="/en/place/exhibitions/knitting-coffee-at-the-museum-sn6ukh"> 5735 5736 <div class="relative h-[260px] rounded-[10px] overflow-hidden card-light-reflect"> 5737 5738 5739 5740 5741 5742 5743 5744 5745 5746 5747 5748 5749 5750 5751 5752 5753 5754 5755 5756 <figure class="container-image relative h-full false" style="margin:0;"> 5757 <picture class="block h-full" 5758 data-src=""> 5759 <!--[if IE 9]> 5760 <audio><![endif]--> 5761 <source data-srcset="https://assets.app.luxembourg-city.com/data/thumbs/437f9800-a744-11f1-af1b-6d7e7382ed28.jpg" 5762 media="(max-width: 600px)" 5763 type="image/jpeg" /> 5764 <source data-srcset="https://assets.app.luxembourg-city.com/data/thumbs/437f9800-a744-11f1-af1b-6d7e7382ed28.jpg" 5765 media="(min-width: 601px)" 5766 type="image/jpeg" /> 5767 <!--[if IE 9]></audio><![endif]--> 5768 <img src="https://assets.app.luxembourg-city.com/data/thumbs/4389f760-a744-11f1-8f47-91d18f2e2078.jpg" 5769 data-sizes="auto" 5770 data-src="https://assets.app.luxembourg-city.com/data/thumbs/437f9800-a744-11f1-af1b-6d7e7382ed28.jpg" 5771 class="lazyload lazyanim w-full h-full object-cover group-hover:scale-105 transition-all duration-600 ease-out" 5772 5773 alt="" /> 5774 </picture> 5775 5776 </figure> 5777 5778 5779 <span class="absolute top-[20px] left-[20px] bg-white color-text-lcto text-[14px] leading-[18px] px-[10px] py-[5px] rounded-[5px]">Exhibitions</span> 5780 </div> 5781 <div class="pt-[20px]"> 5782 <div role="heading" aria-level="3" class="ff-museo-sans text-[20px] leading-[28px] font-normal">Knitting coffee at the Museum </div> 5783 <div class="text-[14px] leading-[18px] text-[#323F4899] mt-[5px]"></div> 5784 </div> 5785 </a> 5786 </div> 5787 5788 <!-- Slides --> 5789 <div class="swiper-slide bg-white group"> 5790 5791 <a href="/en/place/visual-arts/b-ulgkd1b6lrlpeblwdaqn-ttswhs"> 5792 5793 <div class="relative h-[260px] rounded-[10px] overflow-hidden card-light-reflect"> 5794 5795 5796 5797 5798 5799 5800 5801 5802 5803 5804 5805 5806 5807 5808 5809 5810 5811 5812 5813 <figure class="container-image relative h-full false" style="margin:0;"> 5814 <picture class="block h-full" 5815 data-src=""> 5816 <!--[if IE 9]> 5817 <audio><![endif]--> 5818 <source data-srcset="https://assets.app.luxembourg-city.c
5818om/data/thumbs/e289a450-bd44-11f1-8f54-11a61cc4a10e.jpg" 5819 media="(max-width: 600px)" 5820 type="image/jpeg" /> 5821 <source data-srcset="https://assets.app.luxembourg-city.com/data/thumbs/e289a450-bd44-11f1-8f54-11a61cc4a10e.jpg" 5822 media="(min-width: 601px)" 5823 type="image/jpeg" /> 5824 <!--[if IE 9]></audio><![endif]--> 5825 <img src="https://assets.app.luxembourg-city.com/data/thumbs/e292ce10-bd44-11f1-b36e-adfa72d34936.jpg" 5826 data-sizes="auto" 5827 data-src="https://assets.app.luxembourg-city.com/data/thumbs/e289a450-bd44-11f1-8f54-11a61cc4a10e.jpg" 5828 class="lazyload lazyanim w-full h-full object-cover group-hover:scale-105 transition-all duration-600 ease-out" 5829 5830 alt="" /> 5831 </picture> 5832 5833 </figure> 5834 5835 5836 <span class="absolute top-[20px] left-[20px] bg-white color-text-lcto text-[14px] leading-[18px] px-[10px] py-[5px] rounded-[5px]">Visual arts</span> 5837 </div> 5838 <div class="pt-[20px]"> 5839 <div role="heading" aria-level="3" class="ff-museo-sans text-[20px] leading-[28px] font-normal">All around Design</div> 5840 <div class="text-[14px] leading-[18px] text-[#323F4899] mt-[5px]"></div> 5841 </div> 5842 </a> 5843 </div> 5844 5845 <!-- Slides --> 5846 <div class="swiper-slide bg-white group"> 5847 5848 <a href="/en/place/exhibitions/luxembourg-art-week-qep6h"> 5849 5850 <div class="relative h-[260px] rounded-[10px] overflow-hidden card-light-reflect"> 5851 5852 5853 5854 5855 5856 5857 5858 5859 5860 5861 5862 5863 5864 5865 5866 5867 5868 5869 5870 <figure class="container-image relative h-full false" style="margin:0;"> 5871 <picture class="block h-full" 5872 data-src=""> 5873 <!--[if IE 9]> 5874 <audio><![endif]--> 5875 <source data-srcset="https://assets.app.luxembourg-city.com/data/thumbs/e3ecf4c0-bd44-11f1-82b1-f928cbccecbc.jpg" 5876 media="(max-width: 600px)" 5877 type="image/jpeg" /> 5878 <source data-srcset="https://assets.app.luxembourg-city.com/data/thumbs/e3ecf4c0-bd44-11f1-82b1-f928cbccecbc.jpg" 5879 media="(min-width: 601px)" 5880 type="image/jpeg" /> 5881 <!--[if IE 9]></audio><![endif]--> 5882 <img src="https://assets.app.luxembourg-city.com/data/thumbs/e3f78d50-bd44-11f1-9646-dfbd541532da.jpg" 5883 data-sizes="auto" 5884 data-src="https://assets.app.luxembourg-city.com/data/thumbs/e3ecf4c0-bd44-11f1-82b1-f928cbccecbc.jpg" 5885 class="lazyload lazyanim w-full h-full object-cover group-hover:scale-105 transition-all duration-600 ease-out" 5886 5887 alt="" /> 5888 </picture> 5889 5890 </figure> 5891 5892 5893 <span class="absolute top-[20px] left-[20px] bg-white color-text-lcto text-[14px] leading-[18px] px-[10px] py-[5px] rounded-[5px]">Exhibitions</span> 5894 </div> 5895 <div class="pt-[20px]"> 5896 <div role="heading" aria-level="3" class="ff-museo-sans text-[20px] leading-[28px] font-normal">Luxembourg Art Week</div> 5897 <div class="text-[14px] leading-[18px] text-[#323F4899] mt-[5px]"></div> 5898 </div> 5899 </a> 5900 </div> 5901 5902 <!-- Slides --> 5903 <div class="swiper-slide bg-white group"> 5904 5905 <a href="/en/place/visual-arts/museum-knitting-cafe-mamie-et-moi-ohkior"> 5906 5907 <div class="relative h-[260px] rounded-[10px] overflow-hidden card-light-reflect"> 5908 5909 5910 5911 5912 5913 5914 5915 5916 5917 5918 5919 5920 5921 5922 5923 5924 5925 5926 5927 <figure class="container-image relative h-full false" style="margin:0;"> 5928 <picture class="block h-full" 5929 data-src=""> 5930 <!--[if IE 9]> 5931 <audio><![endif]--> 5932 <source data-srcset="https://assets.app.luxembourg-city.c
5932om/data/thumbs/73258f50-9f68-11f1-b4d9-afb67d9759d0.jpg" 5933 media="(max-width: 600px)" 5934 type="image/jpeg" /> 5935 <source data-srcset="https://assets.app.luxembourg-city.com/data/thumbs/73258f50-9f68-11f1-b4d9-afb67d9759d0.jpg" 5936 media="(min-width: 601px)" 5937 type="image/jpeg" /> 5938 <!--[if IE 9]></audio><![endif]--> 5939 <img src="https://assets.app.luxembourg-city.com/data/thumbs/73303410-9f68-11f1-81ac-bfea03b15d8d.jpg" 5940 data-sizes="auto" 5941 data-src="https://assets.app.luxembourg-city.com/data/thumbs/73258f50-9f68-11f1-b4d9-afb67d9759d0.jpg" 5942 class="lazyload lazyanim w-full h-full object-cover group-hover:scale-105 transition-all duration-600 ease-out" 5943 5944 alt="" /> 5945 </picture> 5946 5947 </figure> 5948 5949 5950 <span class="absolute top-[20px] left-[20px] bg-white color-text-lcto text-[14px] leading-[18px] px-[10px] py-[5px] rounded-[5px]">Visual arts</span> 5951 </div> 5952 <div class="pt-[20px]"> 5953 <div role="heading" aria-level="3" class="ff-museo-sans text-[20px] leading-[28px] font-normal">Museum knitting café â Mamie et moi</div> 5954 <div class="text-[14px] leading-[18px] text-[#323F4899] mt-[5px]"></div> 5955 </div> 5956 </a> 5957 </div> 5958 5959 </div> 5960 5961 <!-- If we need pagination --> 5962 5963 <!-- If we need navigation buttons --> 5964 <div class="flex justify-end md:justify-start gap-[10px] min-w-[70px] md:min-w-[90px] mt-[30px] mr-[20px] md:mr-0"> 5965 <div class="swiper-button-prev-custom-relatedentities border-[1px] border-green-lcto rounded-full w-[30px] md:w-[40px] min-w-[30px] md:min-w-[40px] h-[30px] md:h-[40px] min-h-[30px] md:min-h-[40px] flex items-center justify-center group cursor-pointer" 5966 aria-label="Précédent"> 5967 <i class="fa-regular fa-arrow-left color-green-lcto text-[15px] group-hover:-translate-x-[2px] transition-all duration-300 ease-out"></i> 5968 </div> 5969 <div class="swiper-button-next-custom-relatedentities border-[1px] border-green-lcto rounded-full w-[30px] md:w-[40px] min-w-[30px] md:min-w-[40px] h-[30px] md:h-[40px] min-h-[30px] md:min-h-[40px] flex items-center justify-center group cursor-pointer" 5970 aria-label="Suivant"> 5971 <i class="fa-regular fa-arrow-right color-green-lcto text-[15px] group-hover:translate-x-[2px] transition-all duration-300 ease-out"></i> 5972 </div> 5973 </div> 5974 5975 <!-- If we need scrollbar --> 5976 5977 </div> 5978 </div> 5979 5980</section> 5981 5982 5983 5984 5985 5986 5987 5988 5989 <section class="echolu-section grid grid-cols-1 md:grid-cols-5 mt-[40px] md:mt-[80px] no-scrape"> 5990 <div class="col-span-5 mt-[30px]"> 5991 <div class="w-full relative overflow-hidden bg-white px-[20px] py-[25px] md:px-[30px] md:py-[30px] rounded-[10px] description-link"> 5992 5993 <img src="/images/echo-logo.svg" class="w-[200px]" alt="Echo"> 5994 <div class="mt-[20px]"> 5995 <p>Content provided by Echo.lu â Content non-binding and subject to change.<br>To advertise your event (taking place in the capital) in our calendar, register all the information on Echo.lu and display it on our agenda.</p> 5996 <p><a target='_blank' href='https://www.echo.lu/en'>www.echo.lu</a></p> 5997 </div> 5998 5999 </div> 6000 </div> 6001 </section> 6002 6003 6004 6005 </div> 6006 </div> 6007 </div> 6008 </div> 6009 6010 </article> 6011 6012 6013 6014 <div class="container mx-auto px-[20px] mt-[40px] md:mt-[60px] scroll-top-container"> 6015 <div class="scroll-to-top flex items-center justify-end w-full mb-[20px] md:mb-[40px]"> 6016 <button type="button" aria-label="Top of page" onclick="window.scrollTo({ top: 0, behavior: 'smooth' });" class="no-focus no-scroll flex items-center justify-center w-[30px] h-[30px] rounded-full border-[1px] border-green-lcto"> 6017 <i class="fa-regular fa-arrow-up color-green-lcto" aria-hidden="true"></i> 6018 </button> 6019 </div> 6020 </div> 6021 </main> 6022 6023 <footer id="footerAnchor" tabindex="-1" class="footer bg-white"> 6024 6025 <nav aria-label="breadcrumb" class="bg-purple-lcto py-[25px]"> 6026 <div class="container mx-auto px-[20px]"> 6027 <ul class="flex flex-col sm:flex-row items-center gap-[10px]"> 6028 <li class="text-white text-[16px] leading-[26px] md:text-[17px] md:leading-[27px]"> 6029 <a href="/en">Home</a> 6030 </li> 6031 6032 <li class="text-white text-[16px] leading-[26px] md:text-[17px] md:leading-[27px]"><span class="text-white mr-[10px]">/</span><a href="">Visual arts</a></li> 6033 6034 <li class="text-white text-[16px] leading-[26px] md:text-[17px] md:leading-[27px]"><span class="text-white mr-[10px]">/</span>Pop-Up Store Vienna Design</li> 6035 </ul> 6036 </div> 6037 </nav> 6038 6039 <div class="py-[40px] md:py-[60px]"> 6040 6041 6042 6043 6044 6045 <!--template file : elements/elements_v2025/info-nav-footer.njk--> 6046 6047 6048 6049 6050 6051 6052 6053<div class="container mx-auto px-[20px]"> 6054 <div class="grid grid-cols-12 gap-y-[30px] md:gap-[30px]"> 6055 <div class="col-span-12"> 6056 <div> 6057 <div class="flex flex-col md:flex-row items-start md:items-center justify-start gap-[20px] md:gap-[40px]"> 6058 <img src="/images/v2025/logos/lcto-logo-black.svg" class="w-[145px] md:w-[170px]" alt="Logo LCTO"> 6059 <ul class="flex items-center justify-center gap-[3px]" aria-label="Social Media"> 6060 6061 <li> 6062 <a href="https://www.facebook.com/LCTO.lu/" 6063 class="flex items-center justify-center h-[25px] w-[25px] bg-[#395693] rounded-full hover:-translate-y-[3px] transition duration-600 ease-in-out" 6064 aria-label="Facebook"> 6065 <i class="fa-brands fa-facebook-f text-white text-[12px]"></i> 6066 </a> 6067 </li> 6068 6069 6070 6071 <li> 6072 <a href="https://www.instagram.com/my_luxembourg/" 6073 class="flex items-center justify-center h-[25px] w-[25px] bg-[#D62977] rounded-full hover:-translate-y-[3px] transition duration-600 ease-in-out" 6074 aria-label="Instagram"> 6075 <i class="fa-brands fa-instagram text-white text-[12px]"></i> 6076 </a> 6077 </li> 6078 6079 6080 <li> 6081 <a href="https://www.youtube.com/channel/UCFisA8ADg5l5BaglzhD8CYw/featured" 6082 class="flex items-center justify-center h-[25px] w-[25px] bg-[#F70000] rounded-full hover:-translate-y-[3px] transition duration-600 ease-in-out" 6083 aria-label="YouTube"> 6084 <i class="fa-brands fa-youtube text-white text-[12px]"></i> 6085 </a> 6086 </li> 6087 6088 6089 <li> 6090 <a href="https://www.tiktok.com/@my_luxembourg" 6091 class="flex items-center justify-center h-[25px] w-[25px] bg-[#000000] rounded-full hover:-translate-y-[3px] transition duration-600 ease-in-out" 6092 aria-label="Tiktok"> 6093 <i class="fa-brands fa-tiktok text-white text-[12px]"></i> 6094 </a> 6095 </li> 6096 6097 6098 <li> 6099 <a href="https://www.linkedin.com/company/luxembourg-city-tourist-office/" 6100 class="flex items-center justify-center h-[25px] w-[25px] bg-[#0077B5] rounded-full hover:-translate-y-[3px] transition duration-600 ease-in-out" 6101 aria-label="LinkedIn"> 6102 <i class="fa-brands fa-linkedin text-white text-[12px]"></i> 6103 </a> 6104 </li> 6105 6106 </ul> 6107 </div> 6108 <div class="grid grid-cols-12 gap-y-[30px] md:gap-[30px]"> 6109 <div class="col-span-12 md:col-span-5"> 6110 <div class="mt-[20px] md:mt-[30px] text-link-green text-[16px] leading-[26px] md:text-[17px] md:leading-[27px] description-link"><p><b>Luxembourg City Tourist Office a.s.b.l.</b><br><span data-metadata=""></span><span data-buffer=""></span>B.P. 181 | L2011 Luxembourg<br><span data-metadata=""></span><span data-buffer=""></span>30, Place Guillaume II, L1648 Luxembourg</p> 6111<p>T. <a href="tel:00352222809">+352 22 28 09</a><br>E. <a href="/cdn-cgi/l/email-protection#1c6873696e756f6875727a735c707f6873327069"><span class="__cf_email__" data-cfemail="47332832352e34332e292128072b243328692b32">[email protected]</span></a></p></div> 6112 <div class="text-[16px] leading-[26px] font-normal mt-[20px] md:mt-[30px]"> 6113 <div class="mt-[20px] md:mt-[30px] text-link-green description-link"><p>LCTO - Luxembourg City Tourist Office © 2026 all rights reserved</p></div> 6114 <ul class="flex flex-col md:flex-row flex-wrap items-start md:items-center justify-between md:justify-start gap-0 md:gap-[10px] mt-[20px] md:mt-0 description-link"> 6115 6116 6117 6118 6119 6120 6121 6122 <li> 6123 <a class="color-green-lcto" 6124 href="/en/terms-of-use" 6125 target="_self">Terms of use</a> 6126 </li> 6127 6128 6129 6130 6131 6132 6133 6134 <li> 6135 <a class="color-green-lcto" 6136 href="/en/privacy-policy" 6137 target="_self">Privacy policy</a> 6138 </li> 6139 6140 6141 6142 6143 <li> 6144 <a class="color-green-lcto" 6145 href="/en/terms-of-use#saleconditions" 6146 target="_self">General terms and conditions of sale</a> 6147 </li> 6148 6149 6150 6151 6152 6153 6154 6155 <li> 6156 <a class="color-green-lcto" 6157 href="/en/accessibility-policy" 6158 target="_self">Accessibility Policy</a> 6159 </li> 6160 6161 6162 6163 6164 6165 6166 6167 <li> 6168 <a class="color-green-lcto"
6169 href="/en/ai-policy" 6170 target="_self">AI Policy</a> 6171 </li> 6172 6173 6174 6175 6176 6177 6178 6179 <li> 6180 <a class="color-green-lcto" 6181 href="/en/site-map" 6182 target="_self">Sitemap</a> 6183 </li> 6184 6185 </ul> 6186 </div> 6187 <p lang="en" class="text-[16px] leading-[26px] font-normal mt-[20px] md:mt-[30px] description-link"> 6188 Made by <a href="https://www.e-connect.lu" 6189 target="_blank" 6190 class="color-green-lcto">e-connect</a>, powered by <a href="https://www.quilium.com" 6191 target="_blank" 6192 class="color-green-lcto">Quilium</a> 6193 </p> 6194 </div> 6195 6196 <div class="hidden md:block col-span-12 md:col-span-6 md:col-start-7 mt-[20px] md:mt-[30px]"> 6197 <div class="flex justify-between gap-[30px] description-link"> 6198 6199 6200 6201 <div class="text-[17px] leading-[27px]"> 6202 <div class="font-semibold">Useful links</div> 6203 <ul class="space-y-[5px] mt-[10px]"> 6204 6205 <li> 6206 <a href="/en/plan-your-stay/tourism-for-all" class="color-text-lcto">Tourism for all</a> 6207 </li> 6208 6209 <li> 6210 <a href="/en/plan-your-stay/traveller-information" class="color-text-lcto">Traveller information</a> 6211 </li> 6212 6213 <li> 6214 <a href="/en/plan-your-stay/traveller-information/media-centre" class="color-text-lcto">Media Centre</a> 6215 </li> 6216 6217 </ul> 6218 </div> 6219 6220 6221 6222 <div class="text-[17px] leading-[27px]"> 6223 <div class="font-semibold">Don't miss</div> 6224 <ul class="space-y-[5px] mt-[10px]"> 6225 6226 <li> 6227 <a href="/en/tours-activities" class="color-text-lcto">Things to do</a> 6228 </li> 6229 6230 <li> 6231 <a href="/en/tours-activities/tours" class="color-text-lcto">Guided Tours</a> 6232 </li> 6233 6234 <li> 6235 <a href="/en/tours-activities/underground" class="color-text-lcto">Luxembourg City Underground</a> 6236 </li> 6237 6238 </ul> 6239 </div> 6240 6241 6242 6243 <div class="text-[17px] leading-[27px]"> 6244 <div class="font-semibold">About</div> 6245 <ul class="space-y-[5px] mt-[10px]"> 6246 6247 <li> 6248 <a href="/en/jobs" class="color-text-lcto">Jobs</a> 6249 </li> 6250 6251 <li> 6252 <a href="/en/about-lcto/get-in-touch" class="color-text-lcto">Get in touch</a> 6253 </li> 6254 6255 <li> 6256 <a href="/en/about-lcto/about-us" class="color-text-lcto">About us</a> 6257 </li> 6258 6259 </ul> 6260 </div> 6261 6262 </div> 6263 </div> 6264 </div> 6265 </div> 6266 </div> 6267 </div> 6268</div> 6269 6270 6271 6272 6273 6274 <!--template file : elements/elements_v2025/repeat-footer-logo.njk--> 6275 6276 6277 6278 6279<div class="container mx-auto px-[20px] mt-[30px] md:mt-[50px]"> 6280 <ul class="flex items-center justify-start flex-wrap gap-[10px] md:gap-[20px]" aria-label="Partners"> 6281 6282 <li> 6283 <a class="block border border-extralight-lcto rounded-[10px] p-[10px] md:p-[20px] transition ease-out duration-800 hover:scale-[1.03]" 6284 href="https://www.vdl.lu/" 6285 target="_blank"> 6286 6287 6288 6289 6290 6291 6292 6293 6294 6295 6296 6297 6298 6299 6300 6301 6302 6303 6304 <img src="/thumbs/1ae0b6a0-d599-11f0-94a3-31bade6dc7b6.svg" 6305 data-sizes="auto" 6306 class="lazyload w-auto h-[40px] md:h-[60px]" 6307 alt="Logo VDL" 6308 6309 /> 6310 6311 6312 </a> 6313 </li> 6314 6315 <li> 6316 <a class="block border border-extralight-lcto rounded-[10px] p-[10px] md:p-[20px] transition ease-out duration-800 hover:scale-[1.03]" 6317 href="https://meco.gouvernement.lu/" 6318 target="_blank"> 6319 6320 6321 6322 6323 6324 6325 6326 6327 6328 6329 6330 6331 6332 6333 6334 6335 6336 6337 <img src="/thumbs/1ae933d0-d599-11f0-8143-05763a5a9679.svg" 6338 data-sizes="auto" 6339 class="lazyload w-auto h-[40px] md:h-[60px]" 6340 alt="Logo ministère de l'économie" 6341 6342 /> 6343 6344 6345 </a> 6346 </li> 6347 6348 <li> 6349 <a class="block border border-extralight-lcto rounded-[10px] p-[10px] md:p-[20px] transition ease-out duration-800 hover:scale-[1.03]" 6350 href="https://mcult.gouvernement.lu/" 6351 target="_blank"> 6352 6353 6354 6355 6356 6357 6358 6359 6360 6361 6362 6363 6364 6365 6366 6367 6368 6369 6370 <img src="/thumbs/1af19fd0-d599-11f0-9ad2-7bb1791b980f.svg" 6371 data-sizes="auto" 6372 class="lazyload w-auto h-[40px] md:h-[60px]" 6373 alt="Logo ministère de la culture" 6374 6375 /> 6376 6377 6378 </a> 6379 </li> 6380 6381 <li> 6382 <a class="block border border-extralight-lcto rounded-[10px] p-[10px] md:p-[20px] transition ease-out duration-800 hover:scale-[1.03]" 6383 href="https://etat.public.lu/" 6384 target="_blank"> 6385 6386 6387 6388 6389 6390 6391 6392 6393 6394 6395 6396 6397 6398 6399 6400 6401 6402 6403 <img src="/thumbs/1afae0f0-d599-11f0-9c03-a9e3027357c6.svg" 6404 data-sizes="auto" 6405 class="lazyload w-auto h-[40px] md:h-[60px]" 6406 alt="Logo Luxembourg make it happen" 6407 6408 /> 6409 6410 6411 </a> 6412 </li> 6413 6414 <li> 6415 <a class="block border border-extralight-lcto rounded-[10px] p-[10px] md:p-[20px] transition ease-out duration-800 hover:scale-[1.03]" 6416 href="https://www.visitluxembourg.com/" 6417 target="_blank"> 6418 6419 6420 6421 6422 6423 6424 6425 6426 6427 6428 6429 6430 6431 6432 6433 6434 6435
6436 <img src="/thumbs/1b00e970-d599-11f0-9903-47b9d9888037.svg" 6437 data-sizes="auto" 6438 class="lazyload w-auto h-[40px] md:h-[60px]" 6439 alt="Logo Visit Luxembourg" 6440 6441 /> 6442 6443 6444 </a> 6445 </li> 6446 6447 <li> 6448 <a class="block border border-extralight-lcto rounded-[10px] p-[10px] md:p-[20px] transition ease-out duration-800 hover:scale-[1.03]" 6449 href="https://eccl.lu/" 6450 target="_blank"> 6451 6452 6453 6454 6455 6456 6457 6458 6459 6460 6461 6462 6463 6464 6465 6466 6467 6468 6469 <img src="/thumbs/1b07b680-d599-11f0-8075-29bf070aa095.svg" 6470 data-sizes="auto" 6471 class="lazyload w-auto h-[40px] md:h-[60px]" 6472 alt="Logo ECCL" 6473 6474 /> 6475 6476 6477 </a> 6478 </li> 6479 6480 <li> 6481 <a class="block border border-extralight-lcto rounded-[10px] p-[10px] md:p-[20px] transition ease-out duration-800 hover:scale-[1.03]" 6482 href="https://citydestinationsalliance.eu/" 6483 target="_blank"> 6484 6485 6486 6487 6488 6489 6490 6491 6492 6493 6494 6495 6496 6497 6498 6499 6500 6501 6502 <img src="/thumbs/1b0f9070-d599-11f0-a50b-b1d9116b0842.svg" 6503 data-sizes="auto" 6504 class="lazyload w-auto h-[40px] md:h-[60px]" 6505 alt="Logo City destination alliance" 6506 6507 /> 6508 6509 6510 </a> 6511 </li> 6512 6513 <li> 6514 <a class="block border border-extralight-lcto rounded-[10px] p-[10px] md:p-[20px] transition ease-out duration-800 hover:scale-[1.03]" 6515 href="https://www.cityshopping.lu/" 6516 target="_blank"> 6517 6518 6519 6520 6521 6522 6523 6524 6525 6526 6527 6528 6529 6530 6531 6532 6533 6534 6535 <img src="/thumbs/1b172bc0-d599-11f0-9e2e-a936fc888bd9.svg" 6536 data-sizes="auto" 6537 class="lazyload w-auto h-[40px] md:h-[60px]" 6538 alt="Logo UCVL" 6539 6540 /> 6541 6542 6543 </a> 6544 </li> 6545 6546 <li> 6547 <a class="block border border-extralight-lcto rounded-[10px] p-[10px] md:p-[20px] transition ease-out duration-800 hover:scale-[1.03]" 6548 href="https://www.iccaworld.org/" 6549 target="_blank"> 6550 6551 6552 6553 6554 6555 6556 6557 6558 6559 6560 6561 6562 6563 6564 6565 6566 6567 6568 <img src="/thumbs/1b1ee9d0-d599-11f0-a705-69bca69ab752.svg" 6569 data-sizes="auto" 6570 class="lazyload w-auto h-[40px] md:h-[60px]" 6571 alt="Logo ICCA" 6572 6573 /> 6574 6575 6576 </a> 6577 </li> 6578 6579 <li> 6580 <a class="block border border-extralight-lcto rounded-[10px] p-[10px] md:p-[20px] transition ease-out duration-800 hover:scale-[1.03]" 6581 href="https://www.editus.lu/fr/association-des-chateaux-luxembourgeois-asbl-vianden-1645639" 6582 target="_blank"> 6583 6584 6585 6586 6587 6588 6589 6590 6591 6592 6593 6594 6595 6596 6597 6598 6599 6600 6601 <img src="/thumbs/1b2532d0-d599-11f0-8a0a-51a12e6f8265.svg" 6602 data-sizes="auto" 6603 class="lazyload w-auto h-[40px] md:h-[60px]" 6604 alt="Logo Association des châteaux luxembourgeois" 6605 6606 /> 6607 6608 6609 </a> 6610 </li> 6611 6612 <li> 6613 <a class="block border border-extralight-lcto rounded-[10px] p-[10px] md:p-[20px] transition ease-out duration-800 hover:scale-[1.03]" 6614 href="https://quattropole.org/" 6615 target="_blank"> 6616 6617 6618 6619 6620 6621 6622 6623 6624 6625 6626 6627 6628 6629 6630 6631 6632 6633 6634 <img src="/thumbs/1b2c69a0-d599-11f0-b73b-ed4d6405f25f.svg" 6635 data-sizes="auto" 6636 class="lazyload w-auto h-[40px] md:h-[60px]" 6637 alt="Logo Quatttropole" 6638 6639 /> 6640 6641 6642 </a> 6643 </li> 6644 6645 <li> 6646 <a class="block border border-extralight-lcto rounded-[10px] p-[10px] md:p-[20px] transition ease-out duration-800 hover:scale-[1.03]" 6647 href="https://imslux.lu/" 6648 target="_blank"> 6649 6650 6651 6652 6653 6654 6655 6656 6657 6658 6659 6660 6661 6662 6663 6664 6665 6666 <figure class="container-image relative h-full false" style="margin:0;"> 6667 <picture class="block h-full " 6668 data-src="/thumbs/624c24a0-2dd1-11f1-9708-3129b4427000.png" 6669 6670 > 6671 <!--[if IE 9]> 6672 <audio><![endif]--> 6673 6674 <source data-srcset="" 6675 media="(max-width: 575px)" 6676 type="image/webp" /> 6677 <source data-srcset="" 6678 media="(max-width: 575px)" 6679 type="image/png" /> 6680 <source data-srcset="" 6681 media="(max-width: 767px)" 6682 type="image/webp" /> 6683 <source data-srcset="" 6684 media="(max-width: 767px)" 6685 type="image/png" /> 6686 <source data-srcset="" 6687 media="(max-width: 991px)" 6688 type="image/webp" /> 6689 <source data-srcset="" 6690 media="(max-width: 991px)" 6691 type="image/png" /> 6692 <source data-srcset="" 6693 media="(max-width: 1199px)" 6694 type="image/webp" /> 6695 <source data-srcset="" 6696 media="(max-width: 1199px)" 6697 type="image/png" /> 6698 <source data-srcset="" 6699 media="(min-width: 1200px)" 6700 type="image/webp" /> 6701 <source data-srcset="/thumbs/624c24a0-2dd1-11f1-9708-3129b4427000.png" 6702 media="(min-width: 1200px)" 6703 type="image/png" /> 6704 <!--[if IE 9]></audio><![endif]--> 6705 <img src="" 6706 data-src="/thumbs/624c24a0-2dd1-11f1-9708-3129b4427000.png" 6707 data-sizes="auto" 6708 6709 class="lazyload lazyanim w-auto h-[40px] md:h-[60px]" 6710 alt="Logo IMS" /> 6711 6712 </picture> 6713 6714 </figure> 6715 6716 6717 </a> 6718 </li> 6719 6720 <li> 6721 <a class="block border border-extralight-lcto rounded-[10px] p-[10px] md:p-[20px] transition ease-out duration-800 hover:scale-[1.03]" 6722 href="https://www.business-events.lu/" 6723 target="_blank"> 6724 6725 6726 6727 6728 6729 6730 6731 6732 6733 6734 6735 6736 6737 6738 6739 6740 6741 6742 <img src="/thumbs/1b3c6470-d599-11f0-96f0-ed66e9023554.svg" 6743 data-sizes="auto" 6744 class="lazyload w-auto h-[40px] md:h-[60px]" 6745 alt="Logo Business events luxembourg" 6746 6747 /> 6748 6749 6750 </a> 6751 </li> 6752 6753 </ul> 6754</div> 6755 6756 6757 6758 6759 6760 </div> 6761 </footer> 6762 6763 <div id="loader" class="loading" style="display: none"> 6764 <svg aria-hidden="true" focusable="false" width='94px' 6765 height='94px' 6766 xmlns="http://www.w3.org/2000/svg"
6767 viewBox="0 0 100 100" 6768 preserveAspectRatio="xMidYMid" 6769 class="uil-ball1"> 6770 <rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect> 6771 <g transform="translate(50 50)"> 6772 <g> 6773 <circle cx="0" cy="0" r="15" fill="#ef4d5a" transform=""></circle> 6774 </g> 6775 </g> 6776 </svg> 6777 6778 <svg aria-hidden="true" focusable="false" width='94px' 6779 height='94px' 6780 xmlns="http://www.w3.org/2000/svg" 6781 viewBox="0 0 100 100" 6782 preserveAspectRatio="xMidYMid" 6783 class="uil-ball2"> 6784 <rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect> 6785 <g transform="translate(50 50)"> 6786 <g> 6787 <circle cx="0" cy="0" r="15" fill="#ef4d5a" transform=""></circle> 6788 </g> 6789 </g> 6790 </svg> 6791 6792 <svg aria-hidden="true" focusable="false" width='94px' 6793 height='94px' 6794 xmlns="http://www.w3.org/2000/svg"
6795 viewBox="0 0 100 100" 6796 preserveAspectRatio="xMidYMid" 6797 class="uil-ball3"> 6798 <rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect> 6799 <g transform="translate(50 50)"> 6800 <g> 6801 <circle cx="0" cy="0" r="15" fill="#ef4d5a" transform=""></circle> 6802 </g> 6803 </g> 6804 </svg> 6805 </div> 6806 </div> 6807 6808 6809 <a href="/en/plan-your-trip" class="!fixed top-[25%] right-0 z-50 bg-red-lcto text-white ff-museo-sans px-5 py-3 shadow-lg card-light-reflect rounded-tl-[5px] rounded-tr-[5px] origin-bottom-right -rotate-90 flex gap-3 items-center" target="_blank"> 6810 <i class="fa-regular fa-star-christmas"></i> 6811 Plan your trip 6812 </a>
vendor: 127 bytes, lines 6812-6815
6812 6813 6814 6815 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
6815<script data-cookieold="ignore" src="/dist/js/main.js?v=1790576201"></script>
6815 6816
6816<script src="https://kit.fontawesome.com/3384dc5685.js" 6817 crossorigin="anonymous"></script>
6817 6818 6819 6820
6820<script type="module" data-cookieold="ignore" src="/js/mapsVdl_2025.js?v=1790576201"></script>
6820 6821 6822 6823
6823<script defer> 6824 document.addEventListener("DOMContentLoaded", function(event) { 6825 if (document.querySelectorAll('[data-idwidget]').length > 0) { 6826 console.log('loaded'); 6827 var script = document.createElement('script'); 6828 script.src = '/js/loadingenie.js?v=1790576201'; 6829 script.defer = true; 6830 script.dataset.cookieconsent = 'ignore'; 6831 script.setAttribute('type', 'text/javascript'); 6832 document.body.appendChild(script); 6833 } 6834 }); 6835 </script>
6835 6836 </body> 6837</html> 6838 6839 6840
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.