CINXE.COM
Departures
<!DOCTYPE html> <html lang="en"> <head> <meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,user-scalable=no"> <meta http-equiv="content-language" content="en"> <meta name="title" content="Departures"> <meta name="description" content="All flights from Düsseldorf - plan your next jouney"> <meta name="keywords" content="Düsseldorf airport, departures, Düsseldorf, takeoff, takeoffs, flight plan, flight times, schedule"> <link rel="apple-touch-icon" sizes="180x180" href="/Images/apple-touch-icon.png"> <link rel="icon" href="/Images/favicon.svg" color="#002f6c"> <title> Departures </title> <link href="/Assets/2.d2f87a02bc782ec96943.css" rel="stylesheet"> <link href="/Assets/dus.ffccc94ebfe4087c5948.css" rel="stylesheet"> <script type="text/plain" data-cookieconsent="marketing" async src="https://www.googletagmanager.com/gtag/js?id=AW-959255173"> </script> <script type="text/plain" data-cookieconsent="marketing"> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'AW-959255173'); </script> <script> const hostname = window.location.hostname; const lowercaseHostname = hostname.toLowerCase(); let chunkUrl = window.location.origin; if (lowercaseHostname == 'cmk.dus.com') { chunkUrl = window.location.origin.replace('cmk.', ''); } window.__CDN_URL__ = chunkUrl + '/assets/'; </script> </head> <body class=""> <div id="main-container"> <header> <div class="header"> <div class="header__action-bar"> <div class="header__action-bar-left"> <a href="/" onclick="window.econda.content('header-logo-clicked')"> <svg class="dus__logo" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 209.22 40"><path fill-rule="evenodd" d="M197.32 28.88h-6.29c-2.66 0-2.89-1.66-2.89-3.58 0-.69-.48-1.18-1.18-1.18h-6.64v-9.63h.16c.88 2.41 2.9 4.49 7.42 5.81l10.37 2.58c2.19.59 2.57 1.79 2.57 3.07s-.51 2.93-3.52 2.93ZM144.2 22.8c0 3.48-2.1 5.58-5.58 5.58h-8.5V7.94h8.5c3.48 0 5.58 2.1 5.58 5.58v9.27Zm56.53-7.35-9.42-2.12c-2.23-.62-3.57-1.11-3.57-3.2s1.46-2.67 3.14-2.67h5.81c2.66 0 3.22 1 3.22 2.92 0 .69.48 1.18 1.18 1.18h6.08c.69 0 1.18-.48 1.18-1.18v-.69c0-6.76-5.14-9.68-11.66-9.68h-5.21c-5.14 0-9.41 1.81-11 5.89h-.16V1.72c0-.64-.59-1.23-1.23-1.23h-6.03c-.64 0-1.18.56-1.18 1.23v21.9c0 3.48-1.77 5.25-5.25 5.25h-2.71c-3.48 0-5.25-1.77-5.25-5.25V1.72c0-.64-.58-1.23-1.23-1.23h-6.03c-.64 0-1.18.56-1.18 1.23v4.16h-.15c-2.12-3.41-5.73-5.39-10.59-5.39h-16.63c-.64 0-1.18.56-1.18 1.23v32.92c0 .65.53 1.18 1.18 1.18h16.63c5.57 0 9.36-2.81 11.22-7.19h.18c1.61 4.51 6.07 7.68 11.95 7.68h4.83c5.87 0 10.37-3.17 11.99-7.68h.14c.93 5.35 5.71 7.68 11.56 7.68h6.6c6.65 0 11.26-3.77 11.26-10.82 0-7.73-5.22-9.17-8.49-10.06Zm-93.47 12.24V25.7h-2.51v-3.07h-2.65v9.7c0 2.53.91 3.48 3.55 3.48h1.62v-2.16h-1.1c-1.06 0-1.41-.41-1.41-1.49v-4.48h2.51Zm-60.1 2.7-2.12-6.2h-.08l-2.18 6.2h4.38Zm-.5-8.83 5.31 14.27h-2.94l-1.1-3.19h-5.91l-1.12 3.19h-2.82l5.31-14.27h3.28Zm7.05 2.06h2.84v-2.49h-2.84v2.49Zm.08 12.21h2.68V25.71h-2.68v10.12Zm8.47-8.17h-.08v-1.95h-2.53v10.12h2.65v-4.81c0-2.18 1.39-2.92 2.97-2.92h.81v-2.38h-.58c-1.66 0-2.61.58-3.24 1.95Zm13.37 3.03c0-2.03-1.04-3.19-2.53-3.19s-2.53 1.18-2.57 3.13v.14c0 2.03 1.06 3.28 2.57 3.28s2.53-1.33 2.53-3.36Zm2.74-.02c0 3.4-2.11 5.39-4.73 5.39-1.47 0-2.57-.58-3.15-1.7h-.08c.12 1.33.12 2.72.12 3.4v2.25h-2.67V25.69h2.55v1.45h.08c.58-1.12 1.76-1.7 3.32-1.7 2.55 0 4.56 1.82 4.56 5.23Zm10.01.1c0-2.05-1.02-3.26-2.59-3.26s-2.61 1.24-2.61 3.26 1.04 3.28 2.61 3.28 2.59-1.27 2.59-3.28Zm2.76 0c0 3.32-2.26 5.31-5.35 5.31s-5.37-1.95-5.37-5.31 2.26-5.31 5.37-5.31 5.35 1.95 5.35 5.31Zm5.27-3.11h-.08v-1.95H93.8v10.12h2.65v-4.81c0-2.18 1.39-2.92 2.97-2.92h.81v-2.38h-.58c-1.66 0-2.61.58-3.24 1.95ZM21.7 10.42c0 1.87-.97 2.94-2.28 2.94-1.18 0-1.97-.62-1.97-2.49V5.06h-2.67v6.14c0 3.15 1.82 4.23 3.9 4.23 1.41 0 2.49-.58 3.07-1.7h.08v1.45h2.53V5.07h-2.65v5.35ZM9.79 8.06c0-2.59-1.33-4.83-4.89-4.83H2.79v9.66H4.9c3.57 0 4.89-2.24 4.89-4.83Zm2.86 0c0 4.13-2.57 7.13-7.57 7.13H0V.93h5.08c5 0 7.57 3.01 7.57 7.13ZM33.01 9.2l-1.83-.29c-1.18-.19-1.6-.5-1.6-1.14 0-.75.77-1.18 1.87-1.18s1.97.37 1.97 1.31h2.47c0-2.07-1.87-3.07-4.42-3.07s-4.46 1.16-4.46 3.3c0 1.91 1.41 2.59 3.15 2.86l1.85.29c.97.17 1.49.44 1.49 1.14 0 .81-.75 1.27-2.14 1.27-1.04 0-2.11-.35-2.11-1.39h-2.51c0 2.16 1.93 3.15 4.62 3.15s4.79-1.1 4.79-3.38c0-1.95-1.51-2.59-3.15-2.86Zm11.3 0-1.82-.29c-1.18-.19-1.6-.5-1.6-1.14 0-.75.77-1.18 1.87-1.18s1.97.37 1.97 1.31h2.47c0-2.07-1.87-3.07-4.42-3.07s-4.46 1.16-4.46 3.3c0 1.91 1.41 2.59 3.15 2.86l1.85.29c.97.17 1.49.44 1.49 1.14 0 .81-.75 1.27-2.14 1.27-1.04 0-2.11-.35-2.11-1.39h-2.51c0 2.16 1.93 3.15 4.62 3.15s4.79-1.1 4.79-3.38c0-1.95-1.51-2.59-3.15-2.86Zm12.74-.25c-.19-1.51-.93-2.2-2.24-2.2s-2.12.77-2.43 2.2h4.67Zm2.72.91v.75H52.3c.12 1.83 1.08 2.88 2.59 2.88 1.33 0 1.97-.73 2.18-1.37h2.59c-.31 1.8-2.12 3.32-4.81 3.32-3.34 0-5.29-1.89-5.29-5.27s2.16-5.35 5.25-5.35 4.96 1.82 4.96 5.04Zm2.74 5.33h2.68V.49h-2.68v14.7Zm12.96-5.06c0-2.03-1.06-3.28-2.55-3.28s-2.53 1.33-2.53 3.36 1.02 3.19 2.53 3.19 2.49-1.18 2.55-3.11v-.17Zm0-9.64h2.68v14.7H75.6v-1.45h-.08c-.58 1.12-1.76 1.7-3.32 1.7-2.53 0-4.56-1.82-4.56-5.23s2.11-5.39 4.73-5.39c1.49 0 2.57.58 3.15 1.7h.08c-.13-1.33-.13-2.72-.13-3.4V.49Zm12.89 9.64c0-2.05-1.02-3.26-2.59-3.26-1.58 0-2.61 1.24-2.61 3.26s1.04 3.28 2.61 3.28 2.59-1.26 2.59-3.28Zm2.76 0c0 3.32-2.26 5.31-5.35 5.31s-5.37-1.95-5.37-5.31 2.26-5.31 5.37-5.31 5.35 1.95 5.35 5.31Zm5.06-3.11h-.08V5.07h-2.53v10.12h2.65v-4.81c0-2.18 1.39-2.92 2.97-2.92h.81V5.08h-.58c-1.66 0-2.61.58-3.24 1.95Zm10.25-4.46h1V.49H106c-2.82 0-3.9 1.24-3.9 3.86v10.84h2.68V7.06h2.32V5.07h-2.32v-.78c0-1.2.42-1.72 1.66-1.72ZM23.17.49h-2.45V2.9h2.45V.49ZM18.63 2.9H16.2V.49h2.43V2.9Z" /></svg> <svg class="dus__logo dus__logo--mobile" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 58 24"><path fill-rule="evenodd" d="M50.11 19.08h-4.17c-1.76 0-1.91-1.1-1.91-2.37 0-.46-.32-.78-.78-.78h-4.4V9.57h.1c.59 1.59 1.92 2.96 4.92 3.84l6.87 1.7c1.45.39 1.7 1.19 1.7 2.03s-.34 1.94-2.33 1.94Zm-35.19-4.02c0 2.3-1.39 3.69-3.7 3.69H5.59V5.25h5.63c2.31 0 3.7 1.39 3.7 3.69v6.13Zm37.46-4.86-6.24-1.4c-1.48-.41-2.37-.73-2.37-2.11s.97-1.76 2.08-1.76h3.85c1.77 0 2.13.66 2.13 1.93 0 .46.32.78.78.78h4.03c.46 0 .78-.32.78-.78V6.4c0-4.47-3.4-6.4-7.72-6.4h-3.45c-3.4 0-6.24 1.2-7.29 3.89h-.1V1.14c0-.42-.39-.81-.81-.81h-4c-.42 0-.78.37-.78.81v14.47c0 2.3-1.17 3.47-3.48 3.47h-1.8c-2.31 0-3.48-1.17-3.48-3.47V1.14c0-.42-.39-.81-.81-.81h-4c-.42 0-.78.37-.78.81v2.75h-.1C17.42 1.64 15.02.33 11.8.33H.78C.36.33 0 .7 0 1.14V22.9c0 .43.35.78.78.78H11.8c3.69 0 6.2-1.86 7.43-4.75h.12c1.07 2.98 4.02 5.08 7.92 5.08h3.2c3.89 0 6.87-2.1 7.94-5.08h.09c.62 3.53 3.79 5.08 7.66 5.08h4.37c4.4 0 7.46-2.49 7.46-7.15 0-5.11-3.46-6.06-5.63-6.65Z" /></svg> </a> </div> <div class="header__action-bar-center"> </div> <div class="header__action-bar-right"> <div class="header__search-icon d-none d-xl-block"> <svg data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"> <path d="M28.49 21.62a6.87 6.87 0 0 0-13.74-.17v.17a6.87 6.87 0 1 0 13.74 0zM28 27l6.49 6.49a.75.75 0 0 1-1.06 1.06L27 28a8.37 8.37 0 1 1 1-1z" fill="#6b7076" fill-rule="evenodd" /> </svg> </div> <div class="header__favorite-box" v-if="$store.getters.favoriteCount > 0 && !$store.getters.favoriteIsLoading" v-cloak> <div class="flight-favorite__favorite-wrapper"> <a class="flight-favorite__star" href="/en/flights/favorites"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26.05 23.97"> <path fill="#fff" class="fill" d="M12,21.15a.23.23,0,0,0-.2.11.25.25,0,0,0,.06.35h0l7.29,5.08L16.31,34.9a.24.24,0,0,0,0,.23.23.23,0,0,0,.33.06h0L24,30.09l7.29,5.1a.22.22,0,0,0,.22,0,.25.25,0,0,0,.16-.31h0L28.9,26.69l7.29-5.08a.26.26,0,0,0,.11-.21.25.25,0,0,0-.25-.25H27l-2.78-8.23a.21.21,0,0,0-.15-.14.23.23,0,0,0-.29.14L21,21.15Z" transform="translate(-11 -12.01)" /> <path fill="none" stroke="#6b7076" stroke-width="1.5px" class="stroke" d="M12,21.15a.23.23,0,0,0-.2.11.25.25,0,0,0,.06.35h0l7.29,5.08L16.31,34.9a.24.24,0,0,0,0,.23.23.23,0,0,0,.33.06h0L24,30.09l7.29,5.1a.22.22,0,0,0,.22,0,.26.26,0,0,0,.16-.32L28.9,26.69l7.29-5.08a.26.26,0,0,0,.11-.21.25.25,0,0,0-.25-.25H27l-2.78-8.23a.21.21,0,0,0-.15-.14.21.21,0,0,0-.28.13h0L21,21.15Z" transform="translate(-11 -12.01)" /> </svg> <label> <span v-text="$store.getters.favoriteCount"></span> </label> </a> </div> </div> <div class="header__login-box header__login-box--logged-off"> <a href="/identity/login/website/SitecoreIdentityServer?ReturnUrl=/en/flights/departures"> <svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"> <path id="Shape" class="cls-1" d="M24,23.25A4.25,4.25,0,1,0,19.75,19,4.25,4.25,0,0,0,24,23.25Zm0,1.5A5.75,5.75,0,1,1,29.75,19,5.74,5.74,0,0,1,24,24.75Zm9.25,8.5V31.5c0-2.23-5.05-4.25-9.25-4.25s-9.25,2-9.25,4.25v1.75ZM24,25.75c5,0,10.75,2.32,10.75,5.75v3.25H13.25V31.5C13.25,28.07,19,25.75,24,25.75Z" /> </svg> <span>Login</span> </a> </div> <div class="header__search-icon d-xl-none"> <svg data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"> <path d="M28.49 21.62a6.87 6.87 0 0 0-13.74-.17v.17a6.87 6.87 0 1 0 13.74 0zM28 27l6.49 6.49a.75.75 0 0 1-1.06 1.06L27 28a8.37 8.37 0 1 1 1-1z" fill="#6b7076" fill-rule="evenodd" /> </svg> </div> <div class="header__menu-box"> <div class="header__burger header__js-trigger-menu"> <span></span> <span></span> <span></span> <span></span> </div> </div> </div> </div> <div class="header__flyout-background"></div> <div class="header__flyout"> <div class="header__site-links"> <nav> <ul class="header__site-navigation-list"> <li> <a href="/en" class="header__nav-link is-active" onclick="window.econda.content('navigation-Passengers-clicked')"> Passengers </a> </li> <li> <a href="/en/corporation" class="header__nav-link " onclick="window.econda.content('navigation-Corporation-clicked')"> Corporation </a> </li> <li> <a href="/en/businesspartner" class="header__nav-link " onclick="window.econda.content('navigation-Businesspartner-clicked')"> Businesspartner </a> </li> </ul> </nav> </div> <div class="header__main-navigation"> <nav> <ul class="header__main-navigation-list"> <li class="header__main-navigation-list-item"> <a href="/en/flights" class="header__nav-link is-active has-child-nodes" onclick="window.econda.content('main-nav-Flights-clicked')"> Flights <i class="header__child-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="#6b7076" class="fill"><path d="M28.53 23.47a.75.75 0 0 1 0 1.06l-8 8a.75.75 0 1 1-1.1-1L26.94 24l-7.47-7.47a.75.75 0 1 1 1-1.08l8 8z"/></svg></i> </a> <ul class="header__child-navigation-list"> <li class="header__child-navigation-list-item header__child-navigation-list-item--back"> <a class="header__nav-link header__nav-link--back"> <span class="header__nav-link-content-wrap header__nav-link-content-wrap--back"> <i class="header__back-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="#6b7076" class="fill"><path d="M19.47 24.53a.75.75 0 0 1 0-1.06l8-8a.75.75 0 1 1 1.1 1L21.06 24l7.47 7.47a.75.75 0 0 1-1 1.08l-8-8z"/></svg></i>Back </span> </a> </li> <li class="header__child-navigation-list-item header__child-navigation-list-item--parent"> <a href="/en/flights" class="header__nav-link is-active "> <span class="header__nav-link-content-wrap header__nav-link-content-wrap--parent"> Flights </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/en/flights/arrivals" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Arrivals </span> </a> </li> <li class="header__child-navigation-list-item is-active "> <a href="/en/flights/departures" class="header__nav-link is-active "> <span class="header__nav-link-content-wrap"> Departures </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/en/flights/destinations" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Destinations </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/en/flights/airlines" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Airlines </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/en/flights/book-flights" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Book flights </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/en/flights/travel-agencies-at-the-airport" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Travel agencies at the airport </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/en/flights/transferring" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Transferring </span> </a> </li> </ul> </li> <li class="header__main-navigation-list-item"> <a href="/en/parking" class="header__nav-link has-child-nodes" onclick="window.econda.content('main-nav-Parking-clicked')"> Parking <i class="header__child-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="#6b7076" class="fill"><path d="M28.53 23.47a.75.75 0 0 1 0 1.06l-8 8a.75.75 0 1 1-1.1-1L26.94 24l-7.47-7.47a.75.75 0 1 1 1-1.08l8 8z"/></svg></i> </a> <ul class="header__child-navigation-list"> <li class="header__child-navigation-list-item header__child-navigation-list-item--back"> <a class="header__nav-link header__nav-link--back"> <span class="header__nav-link-content-wrap header__nav-link-content-wrap--back"> <i class="header__back-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="#6b7076" class="fill"><path d="M19.47 24.53a.75.75 0 0 1 0-1.06l8-8a.75.75 0 1 1 1.1 1L21.06 24l7.47 7.47a.75.75 0 0 1-1 1.08l-8-8z"/></svg></i>Back </span> </a> </li> <li class="header__child-navigation-list-item header__child-navigation-list-item--parent"> <a href="/en/parking" class="header__nav-link "> <span class="header__nav-link-content-wrap header__nav-link-content-wrap--parent"> Parking </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/en/parking/parkspecials" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Parkspecials </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/en/parking/parking-garages" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Parking garages </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/en/parking/information" class="header__nav-link "> <span class="header__nav-link-content-wrap"> information </span> </a> </li> </ul> </li> <li class="header__main-navigation-list-item"> <a href="/en/to-and-from" class="header__nav-link has-child-nodes" onclick="window.econda.content('main-nav-To and from-clicked')"> To and from <i class="header__child-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="#6b7076" class="fill"><path d="M28.53 23.47a.75.75 0 0 1 0 1.06l-8 8a.75.75 0 1 1-1.1-1L26.94 24l-7.47-7.47a.75.75 0 1 1 1-1.08l8 8z"/></svg></i> </a> <ul class="header__child-navigation-list"> <li class="header__child-navigation-list-item header__child-navigation-list-item--back"> <a class="header__nav-link header__nav-link--back"> <span class="header__nav-link-content-wrap header__nav-link-content-wrap--back"> <i class="header__back-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="#6b7076" class="fill"><path d="M19.47 24.53a.75.75 0 0 1 0-1.06l8-8a.75.75 0 1 1 1.1 1L21.06 24l7.47 7.47a.75.75 0 0 1-1 1.08l-8-8z"/></svg></i>Back </span> </a> </li> <li class="header__child-navigation-list-item header__child-navigation-list-item--parent"> <a href="/en/to-and-from" class="header__nav-link "> <span class="header__nav-link-content-wrap header__nav-link-content-wrap--parent"> To and from </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/en/to-and-from/arriving" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Arriving </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/en/to-and-from/bus-and-train" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Bus and Train </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/en/to-and-from/dus-sharing-hub" class="header__nav-link "> <span class="header__nav-link-content-wrap"> DUS sharing hub </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/en/to-and-from/ride-hailing" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Ride Hailing </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/en/to-and-from/car-rentals" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Car rentals </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/en/to-and-from/taxi" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Taxi </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/en/to-and-from/coaches" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Coaches </span> </a> </li> </ul> </li> <li class="header__main-navigation-list-item"> <a href="/en/inform" class="header__nav-link has-child-nodes" onclick="window.econda.content('main-nav-Inform-clicked')"> Inform <i class="header__child-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="#6b7076" class="fill"><path d="M28.53 23.47a.75.75 0 0 1 0 1.06l-8 8a.75.75 0 1 1-1.1-1L26.94 24l-7.47-7.47a.75.75 0 1 1 1-1.08l8 8z"/></svg></i> </a> <ul class="header__child-navigation-list"> <li class="header__child-navigation-list-item header__child-navigation-list-item--back"> <a class="header__nav-link header__nav-link--back"> <span class="header__nav-link-content-wrap header__nav-link-content-wrap--back"> <i class="header__back-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="#6b7076" class="fill"><path d="M19.47 24.53a.75.75 0 0 1 0-1.06l8-8a.75.75 0 1 1 1.1 1L21.06 24l7.47 7.47a.75.75 0 0 1-1 1.08l-8-8z"/></svg></i>Back </span> </a> </li> <li class="header__child-navigation-list-item header__child-navigation-list-item--parent"> <a href="/en/inform" class="header__nav-link "> <span class="header__nav-link-content-wrap header__nav-link-content-wrap--parent"> Inform </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/en/inform/tips-and-links-for-your-trip" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Tips and links for your trip </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/en/inform/baggage" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Baggage </span> <i class="header__child-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="#6b7076" class="fill"><path d="M28.53 23.47a.75.75 0 0 1 0 1.06l-8 8a.75.75 0 1 1-1.1-1L26.94 24l-7.47-7.47a.75.75 0 1 1 1-1.08l8 8z"/></svg></i> </a> <ul class="header__grandchild-navigation-list"> <li class="header__grandchild-navigation-list-item header__grandchild-navigation-list-item--back"> <a class="header__nav-link header__nav-link--back"> <span class="header__nav-link-content-wrap header__nav-link-content-wrap--back"> <i class="header__back-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="#6b7076" class="fill"><path d="M19.47 24.53a.75.75 0 0 1 0-1.06l8-8a.75.75 0 1 1 1.1 1L21.06 24l7.47 7.47a.75.75 0 0 1-1 1.08l-8-8z"/></svg></i>Back </span> </a> </li> <li class="header__grandchild-navigation-list-item header__grandchild-navigation-list-item--parent"> <a href="/en/inform/baggage" class="header__nav-link "> <span class="header__nav-link-content-wrap header__nav-link-content-wrap--parent"> Baggage </span> </a> </li> <li class="header__grandchild-navigation-list-item "> <a href="/en/inform/baggage/hand-luggage-and-checked-baggage" class="header__nav-link"> <span class="header__nav-link-content-wrap"> Hand luggage and checked baggage </span> </a> </li> <li class="header__grandchild-navigation-list-item "> <a href="/en/inform/baggage/bulky-baggage" class="header__nav-link"> <span class="header__nav-link-content-wrap"> Bulky baggage </span> </a> </li> <li class="header__grandchild-navigation-list-item "> <a href="/en/inform/baggage/transporting-animals" class="header__nav-link"> <span class="header__nav-link-content-wrap"> Transporting animals </span> </a> </li> <li class="header__grandchild-navigation-list-item "> <a href="/en/inform/baggage/storage" class="header__nav-link"> <span class="header__nav-link-content-wrap"> Storage </span> </a> </li> <li class="header__grandchild-navigation-list-item "> <a href="/en/inform/baggage/baggage-wrapping" class="header__nav-link"> <span class="header__nav-link-content-wrap"> Baggage wrapping </span> </a> </li> <li class="header__grandchild-navigation-list-item "> <a href="/en/inform/baggage/lost-or-damaged-baggage" class="header__nav-link"> <span class="header__nav-link-content-wrap"> Lost or damaged baggage </span> </a> </li> </ul> </li> <li class="header__child-navigation-list-item "> <a href="/en/inform/check-in" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Check-in </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/en/inform/security-control" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Security Control </span> <i class="header__child-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="#6b7076" class="fill"><path d="M28.53 23.47a.75.75 0 0 1 0 1.06l-8 8a.75.75 0 1 1-1.1-1L26.94 24l-7.47-7.47a.75.75 0 1 1 1-1.08l8 8z"/></svg></i> </a> <ul class="header__grandchild-navigation-list"> <li class="header__grandchild-navigation-list-item header__grandchild-navigation-list-item--back"> <a class="header__nav-link header__nav-link--back"> <span class="header__nav-link-content-wrap header__nav-link-content-wrap--back"> <i class="header__back-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="#6b7076" class="fill"><path d="M19.47 24.53a.75.75 0 0 1 0-1.06l8-8a.75.75 0 1 1 1.1 1L21.06 24l7.47 7.47a.75.75 0 0 1-1 1.08l-8-8z"/></svg></i>Back </span> </a> </li> <li class="header__grandchild-navigation-list-item header__grandchild-navigation-list-item--parent"> <a href="/en/inform/security-control" class="header__nav-link "> <span class="header__nav-link-content-wrap header__nav-link-content-wrap--parent"> Security Control </span> </a> </li> <li class="header__grandchild-navigation-list-item "> <a href="/en/inform/security-control/dus-gateway" class="header__nav-link"> <span class="header__nav-link-content-wrap"> DUS Gateway </span> </a> </li> </ul> </li> <li class="header__child-navigation-list-item "> <a href="/en/inform/lounges" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Lounges </span> <i class="header__child-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="#6b7076" class="fill"><path d="M28.53 23.47a.75.75 0 0 1 0 1.06l-8 8a.75.75 0 1 1-1.1-1L26.94 24l-7.47-7.47a.75.75 0 1 1 1-1.08l8 8z"/></svg></i> </a> <ul class="header__grandchild-navigation-list"> <li class="header__grandchild-navigation-list-item header__grandchild-navigation-list-item--back"> <a class="header__nav-link header__nav-link--back"> <span class="header__nav-link-content-wrap header__nav-link-content-wrap--back"> <i class="header__back-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="#6b7076" class="fill"><path d="M19.47 24.53a.75.75 0 0 1 0-1.06l8-8a.75.75 0 1 1 1.1 1L21.06 24l7.47 7.47a.75.75 0 0 1-1 1.08l-8-8z"/></svg></i>Back </span> </a> </li> <li class="header__grandchild-navigation-list-item header__grandchild-navigation-list-item--parent"> <a href="/en/inform/lounges" class="header__nav-link "> <span class="header__nav-link-content-wrap header__nav-link-content-wrap--parent"> Lounges </span> </a> </li> <li class="header__grandchild-navigation-list-item "> <a href="/en/inform/lounges/hugo-junkers-lounge" class="header__nav-link"> <span class="header__nav-link-content-wrap"> Hugo Junkers Lounge </span> </a> </li> <li class="header__grandchild-navigation-list-item "> <a href="/en/inform/lounges/open-sky-lounge" class="header__nav-link"> <span class="header__nav-link-content-wrap"> Open Sky Lounge </span> </a> </li> <li class="header__grandchild-navigation-list-item "> <a href="/en/inform/lounges/emirates-lounge" class="header__nav-link"> <span class="header__nav-link-content-wrap"> Emirates Lounge </span> </a> </li> <li class="header__grandchild-navigation-list-item "> <a href="/en/inform/lounges/lufthansa-lounges" class="header__nav-link"> <span class="header__nav-link-content-wrap"> Lufthansa Lounges </span> </a> </li> </ul> </li> <li class="header__child-navigation-list-item "> <a href="/en/inform/vip-service" class="header__nav-link "> <span class="header__nav-link-content-wrap"> VIP-Service </span> <i class="header__child-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="#6b7076" class="fill"><path d="M28.53 23.47a.75.75 0 0 1 0 1.06l-8 8a.75.75 0 1 1-1.1-1L26.94 24l-7.47-7.47a.75.75 0 1 1 1-1.08l8 8z"/></svg></i> </a> <ul class="header__grandchild-navigation-list"> <li class="header__grandchild-navigation-list-item header__grandchild-navigation-list-item--back"> <a class="header__nav-link header__nav-link--back"> <span class="header__nav-link-content-wrap header__nav-link-content-wrap--back"> <i class="header__back-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="#6b7076" class="fill"><path d="M19.47 24.53a.75.75 0 0 1 0-1.06l8-8a.75.75 0 1 1 1.1 1L21.06 24l7.47 7.47a.75.75 0 0 1-1 1.08l-8-8z"/></svg></i>Back </span> </a> </li> <li class="header__grandchild-navigation-list-item header__grandchild-navigation-list-item--parent"> <a href="/en/inform/vip-service" class="header__nav-link "> <span class="header__nav-link-content-wrap header__nav-link-content-wrap--parent"> VIP-Service </span> </a> </li> <li class="header__grandchild-navigation-list-item "> <a href="/en/inform/vip-service/vip-service-business" class="header__nav-link"> <span class="header__nav-link-content-wrap"> VIP-Service Business </span> </a> </li> <li class="header__grandchild-navigation-list-item "> <a href="/en/inform/vip-service/vip-service-premium" class="header__nav-link"> <span class="header__nav-link-content-wrap"> VIP-Service Premium </span> </a> </li> </ul> </li> <li class="header__child-navigation-list-item "> <a href="/en/inform/location-map" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Location Map </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/en/inform/airport-a-z" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Airport A-Z </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/en/inform/barrier-free-travel" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Barrier-free Travel </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/en/inform/traveling-with-children" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Traveling with children </span> </a> </li> </ul> </li> <li class="header__main-navigation-list-item"> <a href="/en/enjoy" class="header__nav-link has-child-nodes" onclick="window.econda.content('main-nav-Enjoy-clicked')"> Enjoy <i class="header__child-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="#6b7076" class="fill"><path d="M28.53 23.47a.75.75 0 0 1 0 1.06l-8 8a.75.75 0 1 1-1.1-1L26.94 24l-7.47-7.47a.75.75 0 1 1 1-1.08l8 8z"/></svg></i> </a> <ul class="header__child-navigation-list"> <li class="header__child-navigation-list-item header__child-navigation-list-item--back"> <a class="header__nav-link header__nav-link--back"> <span class="header__nav-link-content-wrap header__nav-link-content-wrap--back"> <i class="header__back-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="#6b7076" class="fill"><path d="M19.47 24.53a.75.75 0 0 1 0-1.06l8-8a.75.75 0 1 1 1.1 1L21.06 24l7.47 7.47a.75.75 0 0 1-1 1.08l-8-8z"/></svg></i>Back </span> </a> </li> <li class="header__child-navigation-list-item header__child-navigation-list-item--parent"> <a href="/en/enjoy" class="header__nav-link "> <span class="header__nav-link-content-wrap header__nav-link-content-wrap--parent"> Enjoy </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/en/enjoy/webcams" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Webcams </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/en/enjoy/destination-dus" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Destination DUS </span> </a> </li> </ul> </li> <li class="header__main-navigation-list-item"> <a href="/en/shop-and-dine" class="header__nav-link has-child-nodes" onclick="window.econda.content('main-nav-Shop and Dine-clicked')"> Shop and Dine <i class="header__child-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="#6b7076" class="fill"><path d="M28.53 23.47a.75.75 0 0 1 0 1.06l-8 8a.75.75 0 1 1-1.1-1L26.94 24l-7.47-7.47a.75.75 0 1 1 1-1.08l8 8z"/></svg></i> </a> <ul class="header__child-navigation-list"> <li class="header__child-navigation-list-item header__child-navigation-list-item--back"> <a class="header__nav-link header__nav-link--back"> <span class="header__nav-link-content-wrap header__nav-link-content-wrap--back"> <i class="header__back-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="#6b7076" class="fill"><path d="M19.47 24.53a.75.75 0 0 1 0-1.06l8-8a.75.75 0 1 1 1.1 1L21.06 24l7.47 7.47a.75.75 0 0 1-1 1.08l-8-8z"/></svg></i>Back </span> </a> </li> <li class="header__child-navigation-list-item header__child-navigation-list-item--parent"> <a href="/en/shop-and-dine" class="header__nav-link "> <span class="header__nav-link-content-wrap header__nav-link-content-wrap--parent"> Shop and Dine </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/en/shop-and-dine/shops" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Shops </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/en/shop-and-dine/gastro" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Gastro </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/en/shop-and-dine/duty-free" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Duty Free </span> </a> </li> </ul> </li> </ul> </nav> </div> </div> <div class="header__indicator-navigation-flyout"></div> <div class="header__shadow"></div> </div> <div class="header__flyout-search"> <div class="header__flyout-search__back-button"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="#6b7076" class="fill"> <path d="M19.47 24.53a.75.75 0 0 1 0-1.06l8-8a.75.75 0 1 1 1.1 1L21.06 24l7.47 7.47a.75.75 0 0 1-1 1.08l-8-8z"></path> </svg> </div> <div class="header__flyout-search__auto-complete"> <auto-complete ref="FlightSearchHeaderFlyout" placeholder="Flight Number/Search" on-line="true" show-search-icon="true" limit="6" max-characters="120" min-length="1" search-type="1" :items="suggest" auto-selection="false" show-result-and-data-message="false" keep-last-seach-term="true" v-on:changed="onChangedSuggest" v-on:selected="onSelectHeader" v-on:cleared="onClearedHeader" data-redirect1="/en/flights/arrivals" data-redirect2="/en/search" data-debounce="10"> </auto-complete> </div> </div> </header> <main class=""> <section class="breadcrumb bg-white"> <ul class="breadcrumb-wrap"> <li style="color:Black"> <a href="/en">Home</a> </li> <li style="color:Black"> <a href="/en/flights">Flights</a> </li> <li style="color:Black"> <span>Departures</span> </li> </ul> </section> <div class="flight-container"> <div class="flight-top-rocker-container bg-gray"> <section class="flight-top-rocker" v-bind:class="{'flight-top-rocker__destination' : isDestination}"> <div class="flight-top-rocker__image" style="background-image: url('/-/media/dus/reisende/fliegen/flugplan_2880x971.ashx');"></div> <div class="flight-top-rocker__content"> <div class="flight-top-rocker__headline"> </div> <div class="flight-top-rocker__tab"> <a href="/en/flights/arrivals" class="flight-top-rocker__tab-entry arrival-Tab" v-bind:class="{ 'is-active': isArrival }">Arrivals</a> <a href="/en/flights/departures" class="flight-top-rocker__tab-entry departure-tab" v-bind:class="{ 'is-active': !isArrival && !isDestination }">Departures</a> <a href="/en/flights/destinations" class="flight-top-rocker__tab-entry" v-bind:class="{'is-active': isDestination}">Destinations</a> <div class="clearfix"></div> </div> <template v-show="!isDestination"> <div class="flight-top-rocker__selection"> <form action="" method="get" autocomplete="off"> <div class="row"> <div class="col-lg-4 flight-top-rocker__field-group"> <div class="form-group"> <span class="flight-top-rocker__field-group-skeleton" v-if="!isVueReady"></span> <auto-complete ref="locationsAndFlightsAutoComplete" placeholder="" label="Flight No, City, Country" no-result="No Result" no-data="No Data" limit="6" min-length="1" :items="allLocationsAndFlights" :names="[ 'Flight Number', 'City, Country, Region, Airport' ]" v-on:selected="locationsAndFlightsSelection" v-on:cleared="locationsAndFlightsClear"> </auto-complete> </div> </div> <div class="col-lg-4 flight-top-rocker__field-group"> <div class="form-group"> <input v-datepicker="selectedDate" type="text" class="form-control has-flight-datepicker" placeholder=" " id="flight-top-rocker-date" name="d" readonly v-bind:value="selectedDate" /> <label for="flight-top-rocker-date"> Date </label> </div> <div class="form-group timepicker__wrapper"> <input v-timepicker="selectedTime" type="text" class="form-control has-timepicker-hours-only timepicker-flight-time bg-white" placeholder=" " id="flight-top-rocker-time" name="t" readonly v-bind:value="selectedTime" /> <label for="flight-top-rocker-time"> Time </label> <div class="swiper-timepicker tp-flyout tp-flyout--active d-none"> <div class="picker arrows tp-flyout__time"> <div class="swiper-container hours-only hours tp-flyout__hour"> <div class="tp-flyout__button tp-flyout__button--up hours-only"> <div class="hours-only hours-only-button"></div> </div> <div class="swiper-wrapper"> <div class="swiper-slide">00:00</div> <div class="swiper-slide">01:00</div> <div class="swiper-slide">02:00</div> <div class="swiper-slide">03:00</div> <div class="swiper-slide">04:00</div> <div class="swiper-slide">05:00</div> <div class="swiper-slide">06:00</div> <div class="swiper-slide">07:00</div> <div class="swiper-slide">08:00</div> <div class="swiper-slide">09:00</div> <div class="swiper-slide">10:00</div> <div class="swiper-slide">11:00</div> <div class="swiper-slide">12:00</div> <div class="swiper-slide">13:00</div> <div class="swiper-slide">14:00</div> <div class="swiper-slide">15:00</div> <div class="swiper-slide">16:00</div> <div class="swiper-slide">17:00</div> <div class="swiper-slide">18:00</div> <div class="swiper-slide">19:00</div> <div class="swiper-slide">20:00</div> <div class="swiper-slide">21:00</div> <div class="swiper-slide">22:00</div> <div class="swiper-slide">23:00</div> </div> <div class="tp-flyout__button tp-flyout__button--down hours-only"> <div class="hours-only hours-only-button"></div> </div> </div> <div class="vizor"></div> </div> <div class="datetimepicker-header timepicker-header"> <div class="datetimepicker-header__wrapper"> <a class="datetimepicker-header__back" href="#"> <svg data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M23 24l-7.42-7.43a.75.75 0 0 1 1.06-1.06L24 23l7.42-7.42a.75.75 0 0 1 1.08 1L25.08 24l7.42 7.43a.75.75 0 0 1-1 1.1L24 25.08l-7.41 7.42a.75.75 0 1 1-1.1-1L23 24z" fill="#6b7076" fill-rule="evenodd" class="fill" /></svg> </a> <p class="datetimepicker-header__field-name"></p> </div> </div> <div class="tp-flyout__confirmation"> <div class="tp-flyout__button--confirmation"></div> </div> </div> </div> </div> <div class="col-lg-4 flight-top-rocker__field-group"> <div class="form-group"> <span class="flight-top-rocker__field-group-skeleton" v-if="!isVueReady"></span> <auto-complete ref="airlinesComplete" placeholder="" label="Airline" no-result="No Result" no-data="No Data" limit="6" :items="allAirlines" v-on:selected="airlineSelection" v-on:cleared="airlineClear"> </auto-complete> </div> </div> </div> </form> </div> </template> </div> <template v-if="isDestination"> <div class="flight-top-rocker__destination-map"> <destinations-map info-window-link-text="To Detail Page"> <template v-slot:activate-external-content> <section class="activate-external-content bg-white"> <img class="activate-external-content__img" src="/Images/icon-videoplay.svg" alt="icon" /> <h3> Activate external content </h3> <div class="activate-external-content__desc"> <p> If you would like to see {externalcontent} on this website, you consent to the transmission of your personal data to the content provider. </p> </div> <div class="activate-external-content__footer"> <div> {switch} </div> <div> Activate content </div> </div> </section> <section class="activate-external-content--is-active"> <div class="activate-external-content__footer"> <div> {switch} </div> <div> Activate content </div> </div> </section> </template> <template v-slot:destinations> Destinations From Düsseldorf Airport </template> </destinations-map> </div> </template> </section> <div class="d-none"> {{isChanged}} </div> <section v-if="!isDestination && !isArrival && !hasError" class="waiting-times__section"> <div class="container"> <div class="row"> <div class="waiting-times__spacer col-12"> <div class="waiting-times__content"> <div class="waiting-times__icon"> <span> <svg class="fill" xmlns="http://www.w3.org/2000/svg" fill="#6b7076" viewBox="0 0 48 48"><path d="M30.68,22.23a.51.51,0,0,1-.23-.45.93.93,0,0,1,.12-.39l2-2.91a3.51,3.51,0,0,1-.69-1,3.05,3.05,0,0,1-.26-1.26A3.18,3.18,0,0,1,31.83,15a3.08,3.08,0,0,1,.7-1,3.56,3.56,0,0,1,1-.7A3.05,3.05,0,0,1,34.79,13a3.13,3.13,0,0,1,2.27.95A3.22,3.22,0,0,1,38,16.23a3.14,3.14,0,0,1-.25,1.25,3.4,3.4,0,0,1-.69,1,3.14,3.14,0,0,1-1,.68,3,3,0,0,1-1.25.26,4.41,4.41,0,0,1-.52,0,1.46,1.46,0,0,1-.49-.15l-2,2.94a.37.37,0,0,1-.22.22.62.62,0,0,1-.31.08.49.49,0,0,1-.27-.06Zm6.1-6a1.92,1.92,0,0,0-.58-1.42,1.89,1.89,0,0,0-1.41-.59,1.84,1.84,0,0,0-1.4.59,2,2,0,0,0-.56,1.42,1.93,1.93,0,0,0,2,2,2,2,0,0,0,1.41-.57A1.89,1.89,0,0,0,36.78,16.23Zm-18.65,15V24.33l-1.87,1.89v7.47a1.88,1.88,0,0,1-.86-.21,2.61,2.61,0,0,1-.73-.54,2.53,2.53,0,0,1-.49-.73,2,2,0,0,1-.18-.8V25.5a2.43,2.43,0,0,1,.12-.83,1.54,1.54,0,0,1,.36-.55l3.65-3.93,7.77,9.6V31.2Zm10.26-5.37L25.9,23.94v4l-6.76-8.34a3.53,3.53,0,0,1,.54-.14,3.62,3.62,0,0,1,.54,0h3.5a3.57,3.57,0,0,1,1.54.32,5.05,5.05,0,0,1,1.29.85l3.12,2.85h4.61a2.07,2.07,0,0,1-.21.89,2.71,2.71,0,0,1-.53.77,2.55,2.55,0,0,1-.73.55,1.79,1.79,0,0,1-.79.19ZM18.13,36V32.4H25.9V36Zm6.31-21.39V16a2.3,2.3,0,0,1-.7,1.69,2.34,2.34,0,0,1-3.36,0,2.3,2.3,0,0,1-.7-1.69V12h4.76v1.41h1.25v1.2Z" /></svg> </span> </div> <div class="waiting-times__text"> <span>Waiting times</span> </div> <div class="waiting-times__gates"> <template v-for="item in waitingTime"> <span class="gateTerminal">{{item.gateTerminal}}:</span> <span class="waitingTimeText">{{item.waitingTimeText}}</span> </template> <div class="skeleton-wrapper skeleton-wrapper__waiting" v-if="waitingTime.length == 0"> <p class="skeleton-wrapper__date"> </p> </div> </div> </div> </div> </div> </div> </section> <div class="advertising_top"> <div class="advertising__iqd-header"> <div id="iqd_mainAd"> <div id="iqd_align_Ad"> <div id="iqd_topAd"> <div class="ad-container ad-container-desktop" data-tile="1"></div> </div> <div id="iqd_leftAd"> <div class="ad-container ad-container-desktop" data-tile="20"></div> </div> <div id="iqd_rightAd"> <div class="ad-container ad-container-desktop" data-tile="2"></div> </div> </div> </div> </div> <div class="ad-container ad-container-mobile" data-tile="1"> </div> </div> <div id="siteWrapper" class="container" style="padding:0"> <template v-if="!isDestination"> <template v-if="isArrival"> <div v-if="!hasError" class="container"> <div class="flight-results-list flight-results-list--arrival" v-bind:class="{'d-block' : show }"> <div class="flight-results__desktop" v-if="device() === 'desktop'"> <div class="flight-results-list__content flight-results-list__content--header"> <div class="flight-results__desktop__head flight-results-list__center"> <div class="row"> <div class="col-3"> <ul> <li>Flight Nr.</li> <li>from</li> </ul> </div> <div class="col-5 flight-results__desktop--col-middle"> <div class="row"> <div class="col-3 flight-results__desktop--head-arrival">Planned</div> <div class="col-3 flight-results__desktop--head-estimated"> <div class="row flight-results__arrival"> <div class="flight-results__arrival--status-head"> <div class="col-10">Expected</div> <div class="col-2 flight-results__arrival--status-icon"> <tooltip headline="Expected" text="As soon as a flight has taken off or landed, the actual take-off or landing time is shown."><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M16,8a7.92,7.92,0,0,1-.62,3.11,8.06,8.06,0,0,1-4.27,4.27,8.11,8.11,0,0,1-6.22,0A8.06,8.06,0,0,1,.62,11.11,7.92,7.92,0,0,1,0,8,7.93,7.93,0,0,1,.62,4.88,8,8,0,0,1,2.34,2.33,8.28,8.28,0,0,1,4.89.62a8.11,8.11,0,0,1,6.22,0,8.28,8.28,0,0,1,2.55,1.71,8,8,0,0,1,1.72,2.55A7.93,7.93,0,0,1,16,8Zm-5.48,4.88v-1h-1V7H5.87V8h1v3.87h-1v1ZM8.08,3.07a1.53,1.53,0,0,0-.6.12A1.72,1.72,0,0,0,7,3.53,1.41,1.41,0,0,0,6.66,4a1.45,1.45,0,0,0,0,1.2A1.51,1.51,0,0,0,7,5.71,1.34,1.34,0,0,0,7.48,6a1.56,1.56,0,0,0,1.2,0,1.27,1.27,0,0,0,.49-.32,1.51,1.51,0,0,0,.33-.49A1.56,1.56,0,0,0,9.5,4a1.41,1.41,0,0,0-.33-.49,1.59,1.59,0,0,0-.49-.34A1.53,1.53,0,0,0,8.08,3.07Z" /></svg></tooltip> </div> </div> </div> </div> <div class="col-2 flight-results__desktop--head-exit">Exit</div> <div class="col-4 dus-offset-nowrap dus-ellipsis flight-results__desktop--head-bagagebelt">Baggage Belt</div> </div> </div> <div class="col-4 flight-results__desktop--col-remarks"> <span>Remarks</span> </div> </div> </div> </div> </div> <div class="skeleton-wrapper" v-if="loading && flightItems"> <p class="skeleton-wrapper__date"> </p> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> </div> <div v-for="dateObj in flightItems" class="flight-results__date"> <p v-if="!loading" v-text="dateObj.dateKey"></p> <div v-if="!loading" v-bind:style="[!item.codeshare ? {display:'block !important'} : {}]" v-for="item in dateObj.flights" class="flight-results-list__content d-none" v-bind:class="{'flight-results-list__content--ipad' : device() === 'tablet', 'flight-results-list__content--mobile' : device() === 'mobile'}"> <div v-if="device() === 'mobile'"> <div class="flight-results-list__top" v-if="item"> <div class="row"> <div class="col-9"> <div class="row flight-results-list__row"> <div class="flight-results-list__row--flightnumber col-4"> <a v-if="!item.codeshareFlights" v-text="item.flightNumber" :href='/en/flights/flightdetail?id='+item.id target="_blank"></a> <div v-if="item.codeshareFlights" class="flight-results-list__flightshare flight-results-list__codeshareAnimation"> <hooper style="height: 21px" :vertical="true" :items-to-show="1" :auto-play="true" :mouse-drag="false" :play-speed="2000" :infinite-scroll="true"> <slide> <a v-text="item.flightNumber" :href='/en/flights/flightdetail?id='+item.id target="_blank"></a> </slide> <slide v-for="flight in item.codeshareFlights"> <a v-text="flight.flightNumber" :href='/en/flights/flightdetail?id='+flight.id target="_blank"></a> </slide> </hooper> </div> </div> <div class="flight-results-list__row flight-results-list__row--destination flight-results-list__row--mobile col-8 dus-bold"> <span v-if="item.destination.name" v-text="item.destination.name"></span> </div> <div class="col-12 flight-results-list__animation-wrapper"> <div v-if="item.statusAnimation && item.status && item.status.publicStatus" class="flight-detail__status--animation"></div> <div v-if="item.status"> <div v-if="item.status.publicStatus"> <span v-text="item.status.publicStatus.name"></span> </div> </div> <div v-if="item.codeshareFlights" class="flight-detail__status--ul" v-on:click="tooltip = true"> <template v-if="item.status"> <template v-if="item.status.publicStatus"> <template v-text="item.status.publicStatus.name"> </template> <template v-if="item.codeshareFlights"> , </template> </template> </template> <span v-text="i18n.CodeSharing"></span> <tooltip headline="Code sharing" text="<p style="color: #2d363b; margin-bottom: 1rem; padding-top: 0px;">One speaks of code sharing when two or more airlines share a flight.<br /> <br /> Each of the airlines involved then offers the flight in question under its own flight number, but it is operated on the same aircraft. So there can be different flight numbers for a flight.</p>"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M16,8a7.92,7.92,0,0,1-.62,3.11,8.06,8.06,0,0,1-4.27,4.27,8.11,8.11,0,0,1-6.22,0A8.06,8.06,0,0,1,.62,11.11,7.92,7.92,0,0,1,0,8,7.93,7.93,0,0,1,.62,4.88,8,8,0,0,1,2.34,2.33,8.28,8.28,0,0,1,4.89.62a8.11,8.11,0,0,1,6.22,0,8.28,8.28,0,0,1,2.55,1.71,8,8,0,0,1,1.72,2.55A7.93,7.93,0,0,1,16,8Zm-5.48,4.88v-1h-1V7H5.87V8h1v3.87h-1v1ZM8.08,3.07a1.53,1.53,0,0,0-.6.12A1.72,1.72,0,0,0,7,3.53,1.41,1.41,0,0,0,6.66,4a1.45,1.45,0,0,0,0,1.2A1.51,1.51,0,0,0,7,5.71,1.34,1.34,0,0,0,7.48,6a1.56,1.56,0,0,0,1.2,0,1.27,1.27,0,0,0,.49-.32,1.51,1.51,0,0,0,.33-.49A1.56,1.56,0,0,0,9.5,4a1.41,1.41,0,0,0-.33-.49,1.59,1.59,0,0,0-.49-.34A1.53,1.53,0,0,0,8.08,3.07Z" /></svg></tooltip> </div> </div> </div> </div> <div class="col-3"> <div class="flight-results-list__favorite flight-results-list__favorite--mobile" v-on:click="toggleFavorite($event, item.id)" v-bind:class="{'flight-results-list__favorite--fill' : item.isFavorite }" :data-id="item.id" v-show="!isFlightExpired(item)"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26.05 23.97"> <path fill="#fff" class="fill" d="M12,21.15a.23.23,0,0,0-.2.11.25.25,0,0,0,.06.35h0l7.29,5.08L16.31,34.9a.24.24,0,0,0,0,.23.23.23,0,0,0,.33.06h0L24,30.09l7.29,5.1a.22.22,0,0,0,.22,0,.25.25,0,0,0,.16-.31h0L28.9,26.69l7.29-5.08a.26.26,0,0,0,.11-.21.25.25,0,0,0-.25-.25H27l-2.78-8.23a.21.21,0,0,0-.15-.14.23.23,0,0,0-.29.14L21,21.15Z" transform="translate(-11 -12.01)" /> <path fill="none" stroke="#6b7076" stroke-width="1.5px" class="stroke" d="M12,21.15a.23.23,0,0,0-.2.11.25.25,0,0,0,.06.35h0l7.29,5.08L16.31,34.9a.24.24,0,0,0,0,.23.23.23,0,0,0,.33.06h0L24,30.09l7.29,5.1a.22.22,0,0,0,.22,0,.26.26,0,0,0,.16-.32L28.9,26.69l7.29-5.08a.26.26,0,0,0,.11-.21.25.25,0,0,0-.25-.25H27l-2.78-8.23a.21.21,0,0,0-.15-.14.21.21,0,0,0-.28.13h0L21,21.15Z" transform="translate(-11 -12.01)" /> </svg> </div> </div> </div> </div> <div class="flight-results-list__bottom row"> <div class="container"> <div class="row"> <div class="col-6"> <div class="row dus-font-small"> <div class="col-4">Planned</div> <div class="col-8 flight-results-list__mobile--estimated-arrival" v-if="item.estimatedTime">Expected</div> </div> <div class="row"> <div class="col-4 dus-bold" v-if="item.scheduledTime"> {{ item.scheduledTime | hoursMinutes }} </div> <div class="col-8 flight-results-list__mobile--estimated-time" v-if="item.actualTime"> {{ item.actualTime | hoursMinutes }} </div> <div class="col-8 flight-results-list__mobile--estimated-time" v-else-if="item.estimatedTime"> {{ item.estimatedTime | hoursMinutes }} </div> </div> </div> <div class="col-6 flight-results-list__booking flight-results-list__booking--mobile"> <input type="button" class="btn btn-flight-list" v-on:click="bookFlight('/en/flights/book-flights', item)" v-if="enableBooking(item.scheduledTime)" value="To booking" /> <input v-else type="button" class="btn btn-flight-list is-invisible" /> </div> </div> </div> </div> </div> <div v-if="device() === 'tablet'"> <div class="row"> <div class="col-4"> <div class="row flight-results-list__row flight-results-list__row--tablet"> <div class="col-4 flight-results-list__row--flightnumber"> <a v-if="!item.codeshareFlights" v-text="item.flightNumber" :href='/en/flights/flightdetail?id='+item.id target="_blank"></a> <div v-if="item.codeshareFlights" class="flight-results-list__flightshare flight-results-list__codeshareAnimation"> <hooper style="height: 24px" :vertical="true" :items-to-show="1" :auto-play="true" :mouse-drag="false" :play-speed="2000" :infinite-scroll="true"> <slide> <a v-text="item.flightNumber" :href='/en/flights/flightdetail?id='+item.id target="_blank"></a> </slide> <slide v-for="flight in item.codeshareFlights"> <a v-text="flight.flightNumber" :href='/en/flights/flightdetail?id='+flight.id target="_blank"></a> </slide> </hooper> </div> </div> <div class="col-8 flight-results-list__row flight-results-list__row--destination"> <span v-text="item.destination.name"></span> </div> <div class="col-12 flight-results-list__animation-wrapper"> <div v-if="item.statusAnimation && item.status && item.status.publicStatus" class="flight-detail__status--animation"></div> <div v-if="item.status"> <div v-if="item.status.publicStatus"> <span v-text="item.status.publicStatus.name"></span> </div> </div> <div v-if="item.codeshareFlights" class="flight-detail__status--ul"> <template v-if="item.status"> <template v-if="item.status.publicStatus"> <template v-text="item.status.publicStatus.name"> </template> <template v-if="item.codeshareFlights"> , </template> </template> </template> <span v-text="i18n.CodeSharing"></span> <tooltip headline="Code sharing" text="<p style="color: #2d363b; margin-bottom: 1rem; padding-top: 0px;">One speaks of code sharing when two or more airlines share a flight.<br /> <br /> Each of the airlines involved then offers the flight in question under its own flight number, but it is operated on the same aircraft. So there can be different flight numbers for a flight.</p>"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M16,8a7.92,7.92,0,0,1-.62,3.11,8.06,8.06,0,0,1-4.27,4.27,8.11,8.11,0,0,1-6.22,0A8.06,8.06,0,0,1,.62,11.11,7.92,7.92,0,0,1,0,8,7.93,7.93,0,0,1,.62,4.88,8,8,0,0,1,2.34,2.33,8.28,8.28,0,0,1,4.89.62a8.11,8.11,0,0,1,6.22,0,8.28,8.28,0,0,1,2.55,1.71,8,8,0,0,1,1.72,2.55A7.93,7.93,0,0,1,16,8Zm-5.48,4.88v-1h-1V7H5.87V8h1v3.87h-1v1ZM8.08,3.07a1.53,1.53,0,0,0-.6.12A1.72,1.72,0,0,0,7,3.53,1.41,1.41,0,0,0,6.66,4a1.45,1.45,0,0,0,0,1.2A1.51,1.51,0,0,0,7,5.71,1.34,1.34,0,0,0,7.48,6a1.56,1.56,0,0,0,1.2,0,1.27,1.27,0,0,0,.49-.32,1.51,1.51,0,0,0,.33-.49A1.56,1.56,0,0,0,9.5,4a1.41,1.41,0,0,0-.33-.49,1.59,1.59,0,0,0-.49-.34A1.53,1.53,0,0,0,8.08,3.07Z" /></svg></tooltip> </div> </div> </div> </div> <div class="col-8"> <div class="row"> <div class="col-6"> <div class="row dus-font-small flight-results-list__content--head-text"> <div class="col-4">Planned</div> <div class="col-4">Expected</div> <div class="col-4" v-if="item.arrivalExit">Exit</div> </div> <div class="row"> <div class="col-4 dus-bold"> {{ item.scheduledTime | hoursMinutes }} </div> <div class="col-4"> <template v-if="item.actualTime"> {{ item.actualTime | hoursMinutes }} </template> <template v-else-if="item.estimatedTime"> {{ item.estimatedTime | hoursMinutes }} </template> <template v-else> </template> </div> <div class="col-4"> <span v-if="item.arrivalExit" v-text="item.arrivalExit"></span> </div> </div> </div> <div class="col-6"> <div class="row flight-results-list__tablet-wrapper"> <div class="col-8 flight-results-list__tablet-wrapper--right"> <input type="button" class="btn btn-flight-list" v-on:click="bookFlight('/en/flights/book-flights', item)" v-bind:class="{ 'is-invisible': !enableBooking(item.scheduledTime) }" value="To booking" /> </div> <div class="col-4"> <div class="flight-results-list__favorite flight-results-list__favorite--tablet" v-on:click="toggleFavorite($event, item.id)" v-bind:class="{'flight-results-list__favorite--fill' : item.isFavorite }" :data-id="item.id" v-show="!isFlightExpired(item)"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26.05 23.97"> <path fill="#fff" class="fill" d="M12,21.15a.23.23,0,0,0-.2.11.25.25,0,0,0,.06.35h0l7.29,5.08L16.31,34.9a.24.24,0,0,0,0,.23.23.23,0,0,0,.33.06h0L24,30.09l7.29,5.1a.22.22,0,0,0,.22,0,.25.25,0,0,0,.16-.31h0L28.9,26.69l7.29-5.08a.26.26,0,0,0,.11-.21.25.25,0,0,0-.25-.25H27l-2.78-8.23a.21.21,0,0,0-.15-.14.23.23,0,0,0-.29.14L21,21.15Z" transform="translate(-11 -12.01)" /> <path fill="none" stroke="#6b7076" stroke-width="1.5px" class="stroke" d="M12,21.15a.23.23,0,0,0-.2.11.25.25,0,0,0,.06.35h0l7.29,5.08L16.31,34.9a.24.24,0,0,0,0,.23.23.23,0,0,0,.33.06h0L24,30.09l7.29,5.1a.22.22,0,0,0,.22,0,.26.26,0,0,0,.16-.32L28.9,26.69l7.29-5.08a.26.26,0,0,0,.11-.21.25.25,0,0,0-.25-.25H27l-2.78-8.23a.21.21,0,0,0-.15-.14.21.21,0,0,0-.28.13h0L21,21.15Z" transform="translate(-11 -12.01)" /> </svg> </div> </div> </div> </div> </div> </div> </div> </div> <div v-if="device() === 'desktop'"> <div class="flight-results-list" v-if="item" v-bind:class="{'d-block' : show }"> <div class="row"> <div class="col-3 flight-results-list__center flight-results-list__row"> <div class="row"> <div class="col-4 flight-results-list__row--flightnumber"> <a v-if="!item.codeshareFlights" v-text="item.flightNumber" :href='/en/flights/flightdetail?id='+item.id target="_blank"></a> <div v-if="item.codeshareFlights" class="flight-results-list__flightshare flight-results-list__codeshareAnimation"> <hooper style="height: 24px" :vertical="true" :items-to-show="1" :auto-play="true" :mouse-drag="false" :play-speed="2000" :infinite-scroll="true"> <slide> <a v-text="item.flightNumber" :href='/en/flights/flightdetail?id='+item.id target="_blank"></a> </slide> <slide v-for="flight in item.codeshareFlights"> <a v-text="flight.flightNumber" :href='/en/flights/flightdetail?id='+flight.id target="_blank"></a> </slide> </hooper> </div> </div> <div class="col-8 flight-results-list__center"> <span v-text="item.destination.name" class="flight-results-list__destination--arrival"></span> </div> </div> </div> <div class="col-5 flight-results-list__content--padding flight-results-list__center"> <div class="row"> <div class="col-3"> {{ item.scheduledTime | hoursMinutes }} </div> <div class="col-3 flight-results-list__content--estimatedtime"> <template v-if="item.actualTime"> {{ item.actualTime | hoursMinutes }} </template> <template v-else-if="item.estimatedTime"> {{ item.estimatedTime | hoursMinutes }} </template> <template v-else> </template> </div> <div class="col-2 flight-results-list__content--exit"> <span v-if="item.arrivalExit" v-text="item.arrivalExit"></span> </div> <div class="col-4 flight-results-list__content--belt"> <span v-if="item.belt" v-text="item.belt[0]"></span> </div> </div> </div> <div class="col flight-results-list__center--remarks"> <div class="row"> <div class="col-7 flight-results-list__center"> <div class="row"> <div class="col-2 flight-results-list__status--arrival" v-if="item.statusAnimation && item.status.publicStatus"> <div class="flight-detail__status--animation"></div> </div> <div class="col-10"> <ul class="flight-detail__status--ul"> <li v-if="item.status && item.status.publicStatus"> <span v-text="item.status.publicStatus.name"></span><span v-if="item.codeshareFlights">, </span> </li> <li v-if="item.codeshareFlights" class="flight-detail__status--codeshare"> <span v-text="i18n.CodeSharing"></span> <tooltip headline="Code sharing" text="<p style="color: #2d363b; margin-bottom: 1rem; padding-top: 0px;">One speaks of code sharing when two or more airlines share a flight.<br /> <br /> Each of the airlines involved then offers the flight in question under its own flight number, but it is operated on the same aircraft. So there can be different flight numbers for a flight.</p>"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M16,8a7.92,7.92,0,0,1-.62,3.11,8.06,8.06,0,0,1-4.27,4.27,8.11,8.11,0,0,1-6.22,0A8.06,8.06,0,0,1,.62,11.11,7.92,7.92,0,0,1,0,8,7.93,7.93,0,0,1,.62,4.88,8,8,0,0,1,2.34,2.33,8.28,8.28,0,0,1,4.89.62a8.11,8.11,0,0,1,6.22,0,8.28,8.28,0,0,1,2.55,1.71,8,8,0,0,1,1.72,2.55A7.93,7.93,0,0,1,16,8Zm-5.48,4.88v-1h-1V7H5.87V8h1v3.87h-1v1ZM8.08,3.07a1.53,1.53,0,0,0-.6.12A1.72,1.72,0,0,0,7,3.53,1.41,1.41,0,0,0,6.66,4a1.45,1.45,0,0,0,0,1.2A1.51,1.51,0,0,0,7,5.71,1.34,1.34,0,0,0,7.48,6a1.56,1.56,0,0,0,1.2,0,1.27,1.27,0,0,0,.49-.32,1.51,1.51,0,0,0,.33-.49A1.56,1.56,0,0,0,9.5,4a1.41,1.41,0,0,0-.33-.49,1.59,1.59,0,0,0-.49-.34A1.53,1.53,0,0,0,8.08,3.07Z" /></svg></tooltip> </li> </ul> </div> </div> </div> <div class="col-3 flight-results-list__to-booking"> <input type="button" class="btn btn-flight-list" v-on:click="bookFlight('/en/flights/book-flights', item)" v-if="enableBooking(item.scheduledTime)" value="To booking" /> <input v-else type="button" class="btn btn-flight-list is-invisible" /> </div> <div class="col-2 flight-results-list__center"> <div class="flight-results-list__favorite" v-on:click="toggleFavorite($event, item.id)" v-bind:class="{'flight-results-list__favorite--fill' : item.isFavorite }" :data-id="item.id" v-show="!isFlightExpired(item)"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26.05 23.97"> <path fill="#fff" class="fill" d="M12,21.15a.23.23,0,0,0-.2.11.25.25,0,0,0,.06.35h0l7.29,5.08L16.31,34.9a.24.24,0,0,0,0,.23.23.23,0,0,0,.33.06h0L24,30.09l7.29,5.1a.22.22,0,0,0,.22,0,.25.25,0,0,0,.16-.31h0L28.9,26.69l7.29-5.08a.26.26,0,0,0,.11-.21.25.25,0,0,0-.25-.25H27l-2.78-8.23a.21.21,0,0,0-.15-.14.23.23,0,0,0-.29.14L21,21.15Z" transform="translate(-11 -12.01)" /> <path fill="none" stroke="#6b7076" stroke-width="1.5px" class="stroke" d="M12,21.15a.23.23,0,0,0-.2.11.25.25,0,0,0,.06.35h0l7.29,5.08L16.31,34.9a.24.24,0,0,0,0,.23.23.23,0,0,0,.33.06h0L24,30.09l7.29,5.1a.22.22,0,0,0,.22,0,.26.26,0,0,0,.16-.32L28.9,26.69l7.29-5.08a.26.26,0,0,0,.11-.21.25.25,0,0,0-.25-.25H27l-2.78-8.23a.21.21,0,0,0-.15-.14.21.21,0,0,0-.28.13h0L21,21.15Z" transform="translate(-11 -12.01)" /> </svg> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div v-if="!flightItems"> <p>No flights for this period</p> </div> </div> <div class="flight-results-list__loadmore" v-if="show && !maxFlightsLoaded"> <button :disabled="loading" v-on:click="loadMore" class="btn btn-primary">More flights</button> </div> <div class="flight-results-list__loadmore" v-if="show && maxFlightsLoaded"> <div class="change-parameters">To display more flights please change your search parameters.</div> <button v-on:click="scrollToTop" class="btn btn-primary btn-back-to-search">Back to Search <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="#6b7076" fill-rule="evenodd"><path d="M23.48 19.47a.75.75 0 0 1 1.06 0l8 8a.76.76 0 0 1 0 1.06.75.75 0 0 1-1.06 0L24 21.06l-7.47 7.47a.75.75 0 0 1-1.08-1l8-8z" /></svg></button> </div> </div> </template> <template v-else> <div v-if="!hasError" class="container"> <div class="flight-results-list flight-results-list--destination" v-bind:class="{'d-block' : show }"> <div class="flight-results__desktop" v-if="device() === 'desktop'"> <div class="flight-results-list__content flight-results-list__content--header"> <div class="flight-results__desktop__head"> <div class="row"> <div class="col-3"> <ul> <li>Flight Nr.</li> <li>to</li> </ul> </div> <div class="col-4"> <div class="row"> <div class="col-3">Planned</div> <div class="col-3 flight-results__departure"> <div class="flight-results__departure--status-head"> <div class="col-10">Expected</div> <div class="col-2 flight-results__departure--status-icon"> <tooltip headline="Expected" text="As soon as a flight has taken off or landed, the actual take-off or landing time is shown."><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M16,8a7.92,7.92,0,0,1-.62,3.11,8.06,8.06,0,0,1-4.27,4.27,8.11,8.11,0,0,1-6.22,0A8.06,8.06,0,0,1,.62,11.11,7.92,7.92,0,0,1,0,8,7.93,7.93,0,0,1,.62,4.88,8,8,0,0,1,2.34,2.33,8.28,8.28,0,0,1,4.89.62a8.11,8.11,0,0,1,6.22,0,8.28,8.28,0,0,1,2.55,1.71,8,8,0,0,1,1.72,2.55A7.93,7.93,0,0,1,16,8Zm-5.48,4.88v-1h-1V7H5.87V8h1v3.87h-1v1ZM8.08,3.07a1.53,1.53,0,0,0-.6.12A1.72,1.72,0,0,0,7,3.53,1.41,1.41,0,0,0,6.66,4a1.45,1.45,0,0,0,0,1.2A1.51,1.51,0,0,0,7,5.71,1.34,1.34,0,0,0,7.48,6a1.56,1.56,0,0,0,1.2,0,1.27,1.27,0,0,0,.49-.32,1.51,1.51,0,0,0,.33-.49A1.56,1.56,0,0,0,9.5,4a1.41,1.41,0,0,0-.33-.49,1.59,1.59,0,0,0-.49-.34A1.53,1.53,0,0,0,8.08,3.07Z" /></svg></tooltip> </div> </div> </div> <div class="col-4 text-center dus-offset-nowrap flight-results__desktop--head-checkin">Checkin</div> <div class="col-2 flight-results__desktop--head-gate">Gate</div> </div> </div> <div class="col-5 flight-results__desktop--head-remarks"> <span>Remarks</span> </div> </div> </div> </div> </div> <div class="skeleton-wrapper" v-if="loading && flightItems"> <p class="skeleton-wrapper__date"> </p> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> </div> <div v-for="dateObj in flightItems" class="flight-results__date"> <p v-if="!loading" v-text="dateObj.dateKey"></p> <div v-if="!loading" v-bind:style="[!item.codeshare ? {display:'block !important'} : {}]" v-for="item in dateObj.flights" class="flight-results-list__content d-none" v-bind:class="{'flight-results-list__content--ipad' : device() === 'tablet', 'flight-results-list__content--mobile' : device() === 'mobile'}"> <div v-if="device() === 'mobile'"> <div class="flight-results-list__top" v-if="item"> <div class="row"> <div class="col-9"> <div class="row flight-results-list__row"> <div class="flight-results-list__row--flightnumber col-4"> <a v-if="!item.codeshareFlights" v-text="item.flightNumber" :href='/en/flights/flightdetail?id='+item.id target="_blank"></a> <div v-if="item.codeshareFlights" class="flight-results-list__flightshare flight-results-list__codeshareAnimation"> <hooper style="height: 21px" :vertical="true" :items-to-show="1" :auto-play="true" :mouse-drag="false" :play-speed="2000" :infinite-scroll="true"> <slide> <a v-text="item.flightNumber" :href='/en/flights/flightdetail?id='+item.id target="_blank"></a> </slide> <slide v-for="flight in item.codeshareFlights"> <a v-text="flight.flightNumber" :href='/en/flights/flightdetail?id='+flight.id target="_blank"></a> </slide> </hooper> </div> </div> <div class="flight-results-list__row flight-results-list__row--destination flight-results-list__row--mobile col-8 dus-bold"> <span v-if="item.destination.name" v-text="item.destination.name"></span> </div> <div class="col-12 flight-results-list__animation-wrapper"> <div v-if="item.statusAnimation && getComments(item)" class="flight-detail__status--animation"></div> <div v-if="getComments(item)"> <span v-text="getComments(item)"></span><span v-if="item.codeshareFlights">, </span> </div> <div v-if="item.codeshareFlights" class="flight-detail__status--ul" v-on:click="tooltip = true"> <span v-text="i18n.CodeSharing"></span> <tooltip headline="Code sharing" text="<p style="color: #2d363b; margin-bottom: 1rem; padding-top: 0px;">One speaks of code sharing when two or more airlines share a flight.<br /> <br /> Each of the airlines involved then offers the flight in question under its own flight number, but it is operated on the same aircraft. So there can be different flight numbers for a flight.</p>"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M16,8a7.92,7.92,0,0,1-.62,3.11,8.06,8.06,0,0,1-4.27,4.27,8.11,8.11,0,0,1-6.22,0A8.06,8.06,0,0,1,.62,11.11,7.92,7.92,0,0,1,0,8,7.93,7.93,0,0,1,.62,4.88,8,8,0,0,1,2.34,2.33,8.28,8.28,0,0,1,4.89.62a8.11,8.11,0,0,1,6.22,0,8.28,8.28,0,0,1,2.55,1.71,8,8,0,0,1,1.72,2.55A7.93,7.93,0,0,1,16,8Zm-5.48,4.88v-1h-1V7H5.87V8h1v3.87h-1v1ZM8.08,3.07a1.53,1.53,0,0,0-.6.12A1.72,1.72,0,0,0,7,3.53,1.41,1.41,0,0,0,6.66,4a1.45,1.45,0,0,0,0,1.2A1.51,1.51,0,0,0,7,5.71,1.34,1.34,0,0,0,7.48,6a1.56,1.56,0,0,0,1.2,0,1.27,1.27,0,0,0,.49-.32,1.51,1.51,0,0,0,.33-.49A1.56,1.56,0,0,0,9.5,4a1.41,1.41,0,0,0-.33-.49,1.59,1.59,0,0,0-.49-.34A1.53,1.53,0,0,0,8.08,3.07Z" /></svg></tooltip> </div> </div> </div> </div> <div class="col-3"> <div class="flight-results-list__favorite flight-results-list__favorite--mobile" v-on:click="toggleFavorite($event, item.id)" v-bind:class="{'flight-results-list__favorite--fill' : item.isFavorite }" :data-id="item.id" v-show="!isFlightExpired(item)"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26.05 23.97"> <path fill="#fff" class="fill" d="M12,21.15a.23.23,0,0,0-.2.11.25.25,0,0,0,.06.35h0l7.29,5.08L16.31,34.9a.24.24,0,0,0,0,.23.23.23,0,0,0,.33.06h0L24,30.09l7.29,5.1a.22.22,0,0,0,.22,0,.25.25,0,0,0,.16-.31h0L28.9,26.69l7.29-5.08a.26.26,0,0,0,.11-.21.25.25,0,0,0-.25-.25H27l-2.78-8.23a.21.21,0,0,0-.15-.14.23.23,0,0,0-.29.14L21,21.15Z" transform="translate(-11 -12.01)" /> <path fill="none" stroke="#6b7076" stroke-width="1.5px" class="stroke" d="M12,21.15a.23.23,0,0,0-.2.11.25.25,0,0,0,.06.35h0l7.29,5.08L16.31,34.9a.24.24,0,0,0,0,.23.23.23,0,0,0,.33.06h0L24,30.09l7.29,5.1a.22.22,0,0,0,.22,0,.26.26,0,0,0,.16-.32L28.9,26.69l7.29-5.08a.26.26,0,0,0,.11-.21.25.25,0,0,0-.25-.25H27l-2.78-8.23a.21.21,0,0,0-.15-.14.21.21,0,0,0-.28.13h0L21,21.15Z" transform="translate(-11 -12.01)" /> </svg> </div> </div> </div> </div> <div class="flight-results-list__bottom row"> <div class="container"> <div class="row"> <div class="col-6"> <div class="row dus-font-small"> <div class="col-4">Planned</div> <div class="col-8" v-if="item.actualTime">Expected</div> </div> <div class="row"> <div class="col-4 dus-bold" v-if="item.scheduledTime"> {{ item.scheduledTime | hoursMinutes }} </div> <div class="col-8" v-if="item.actualTime"> {{ item.actualTime | hoursMinutes }} </div> <div class="col-8" v-else-if="item.estimatedTime"> {{ item.estimatedTime | hoursMinutes }} </div> </div> </div> <div class="col-6 flight-results-list__booking flight-results-list__booking--mobile"> <input type="button" class="btn btn-flight-list" v-on:click="bookFlight('/en/flights/book-flights', item)" v-if="enableBooking(item.scheduledTime)" value="To booking" /> <input v-else type="button" class="btn btn-flight-list is-invisible" /> </div> </div> </div> </div> </div> <div v-if="device() === 'tablet'"> <div class="row"> <div class="col-4"> <div class="row flight-results-list__row flight-results-list__row--tablet"> <div class="col-4 flight-results-list__row--flightnumber"> <a v-if="!item.codeshareFlights" v-text="item.flightNumber" :href='/en/flights/flightdetail?id='+item.id target="_blank"></a> <div v-if="item.codeshareFlights" class="flight-results-list__flightshare flight-results-list__codeshareAnimation"> <hooper style="height: 24px" :vertical="true" :items-to-show="1" :auto-play="true" :mouse-drag="false" :play-speed="2000" :infinite-scroll="true"> <slide> <a v-text="item.flightNumber" :href='/en/flights/flightdetail?id='+item.id target="_blank"></a> </slide> <slide v-for="flight in item.codeshareFlights"> <a v-text="flight.flightNumber" :href='/en/flights/flightdetail?id='+flight.id target="_blank"></a> </slide> </hooper> </div> </div> <div class="col-8 flight-results-list__row flight-results-list__row--destination"> <span v-text="item.destination.name"></span> </div> <div class="col-12 flight-results-list__animation-wrapper"> <div v-if="item.statusAnimation && getComments(item)" class="flight-detail__status--animation"></div> <div v-if="getComments(item)"> <span v-text="getComments(item)"></span><span v-if="item.codeshareFlights">, </span> </div> <div v-if="item.codeshareFlights" class="flight-detail__status--ul"> <span v-text="i18n.CodeSharing"></span> <tooltip headline="Code sharing" text="<p style="color: #2d363b; margin-bottom: 1rem; padding-top: 0px;">One speaks of code sharing when two or more airlines share a flight.<br /> <br /> Each of the airlines involved then offers the flight in question under its own flight number, but it is operated on the same aircraft. So there can be different flight numbers for a flight.</p>"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M16,8a7.92,7.92,0,0,1-.62,3.11,8.06,8.06,0,0,1-4.27,4.27,8.11,8.11,0,0,1-6.22,0A8.06,8.06,0,0,1,.62,11.11,7.92,7.92,0,0,1,0,8,7.93,7.93,0,0,1,.62,4.88,8,8,0,0,1,2.34,2.33,8.28,8.28,0,0,1,4.89.62a8.11,8.11,0,0,1,6.22,0,8.28,8.28,0,0,1,2.55,1.71,8,8,0,0,1,1.72,2.55A7.93,7.93,0,0,1,16,8Zm-5.48,4.88v-1h-1V7H5.87V8h1v3.87h-1v1ZM8.08,3.07a1.53,1.53,0,0,0-.6.12A1.72,1.72,0,0,0,7,3.53,1.41,1.41,0,0,0,6.66,4a1.45,1.45,0,0,0,0,1.2A1.51,1.51,0,0,0,7,5.71,1.34,1.34,0,0,0,7.48,6a1.56,1.56,0,0,0,1.2,0,1.27,1.27,0,0,0,.49-.32,1.51,1.51,0,0,0,.33-.49A1.56,1.56,0,0,0,9.5,4a1.41,1.41,0,0,0-.33-.49,1.59,1.59,0,0,0-.49-.34A1.53,1.53,0,0,0,8.08,3.07Z" /></svg></tooltip> </div> </div> </div> </div> <div class="col-8"> <div class="row"> <div class="col-6"> <div class="row dus-font-small flight-results-list__content--head-text"> <div class="col-4">Planned</div> <div class="col-4">Expected</div> <div class="col-4">Gate</div> </div> <div class="row"> <div class="col-4 dus-bold"> {{ item.scheduledTime | hoursMinutes }} </div> <div class="col-4"> <template v-if="item.actualTime"> {{ item.actualTime | hoursMinutes }} </template> <template v-else-if="item.estimatedTime"> {{ item.estimatedTime | hoursMinutes }} </template> </div> <div class="col-4"> <span v-if="item.gate">{{ item.gate[0] }}</span> </div> </div> </div> <div class="col-6"> <div class="row flight-results-list__tablet-wrapper"> <div class="col-8 flight-results-list__tablet-wrapper--right"> <input type="button" class="btn btn-flight-list" target="_blank" v-on:click="bookFlight('/en/flights/book-flights', item)" v-bind:class="{ 'is-invisible': !enableBooking(item.scheduledTime) }" value="To booking" /> </div> <div class="col-4"> <div class="flight-results-list__favorite flight-results-list__favorite--tablet" v-on:click="toggleFavorite($event, item.id)" v-bind:class="{'flight-results-list__favorite--fill' : item.isFavorite }" :data-id="item.id" v-show="!isFlightExpired(item)"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26.05 23.97"> <path fill="#fff" class="fill" d="M12,21.15a.23.23,0,0,0-.2.11.25.25,0,0,0,.06.35h0l7.29,5.08L16.31,34.9a.24.24,0,0,0,0,.23.23.23,0,0,0,.33.06h0L24,30.09l7.29,5.1a.22.22,0,0,0,.22,0,.25.25,0,0,0,.16-.31h0L28.9,26.69l7.29-5.08a.26.26,0,0,0,.11-.21.25.25,0,0,0-.25-.25H27l-2.78-8.23a.21.21,0,0,0-.15-.14.23.23,0,0,0-.29.14L21,21.15Z" transform="translate(-11 -12.01)" /> <path fill="none" stroke="#6b7076" stroke-width="1.5px" class="stroke" d="M12,21.15a.23.23,0,0,0-.2.11.25.25,0,0,0,.06.35h0l7.29,5.08L16.31,34.9a.24.24,0,0,0,0,.23.23.23,0,0,0,.33.06h0L24,30.09l7.29,5.1a.22.22,0,0,0,.22,0,.26.26,0,0,0,.16-.32L28.9,26.69l7.29-5.08a.26.26,0,0,0,.11-.21.25.25,0,0,0-.25-.25H27l-2.78-8.23a.21.21,0,0,0-.15-.14.21.21,0,0,0-.28.13h0L21,21.15Z" transform="translate(-11 -12.01)" /> </svg> </div> </div> </div> </div> </div> </div> </div> </div> <div v-if="device() === 'desktop'"> <div class="flight-results-list" v-if="item" v-bind:class="{'d-block' : show }"> <div class="row"> <div class="col-3 flight-results-list__center flight-results-list__row"> <div class="row"> <div class="col-4 flight-results-list__row--flightnumber"> <a v-if="!item.codeshareFlights" v-text="item.flightNumber" :href='/en/flights/flightdetail?id='+item.id target="_blank"></a> <div v-if="item.codeshareFlights" class="flight-results-list__flightshare flight-results-list__codeshareAnimation"> <hooper style="height: 24px" :vertical="true" :items-to-show="1" :auto-play="true" :mouse-drag="false" :play-speed="2000" :infinite-scroll="true"> <slide> <a v-text="item.flightNumber" :href='/en/flights/flightdetail?id='+item.id target="_blank"></a> </slide> <slide v-for="flight in item.codeshareFlights"> <a v-text="flight.flightNumber" :href='/en/flights/flightdetail?id='+flight.id target="_blank"></a> </slide> </hooper> </div> </div> <div class="col-7 flight-results-list__center"> <span v-if="item.destination" v-text="item.destination.name" class="flight-results-list__destination"></span> </div> </div> </div> <div class="col-4 flight-results-list__center"> <div class="row"> <div class="col-3"> {{ item.scheduledTime | hoursMinutes }} </div> <div class="col-3"> <template v-if="item.actualTime"> {{ item.actualTime | hoursMinutes }} </template> <template v-else-if="item.estimatedTime"> {{ item.estimatedTime | hoursMinutes }} </template> </div> <div class="col-4"> <template v-if="item.checkInCounter != null"> <span v-if="item.checkInCounter" v-text="item.checkInCounter[0]"></span> <template v-if="item.checkInCounter.length > 1"> <span>-</span> <span v-text="item.checkInCounter[1]"></span> </template> </template> </div> <div class="col-2 flight-results-list__gate"> <span v-if="item.gate">{{ item.gate[0] }}</span> </div> </div> </div> <div class="col flight-results-list__center"> <div class="row"> <div class="col-7 flight-results-list__center"> <div class="row"> <div class="col-2 flight-results-list__status--departure" v-if="item.statusAnimation && getComments(item)"> <div class="flight-detail__status--animation"></div> </div> <div class="col-10 flight-detail__status--desktop"> <ul class="flight-detail__status--ul"> <li v-if="getComments(item)"> <span v-text="getComments(item)"></span><span v-if="item.codeshareFlights">, </span> </li> <li v-if="item.codeshareFlights" class="flight-detail__status--codeshare"> <span v-text="i18n.CodeSharing"></span> <tooltip headline="Code sharing" text="<p style="color: #2d363b; margin-bottom: 1rem; padding-top: 0px;">One speaks of code sharing when two or more airlines share a flight.<br /> <br /> Each of the airlines involved then offers the flight in question under its own flight number, but it is operated on the same aircraft. So there can be different flight numbers for a flight.</p>"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M16,8a7.92,7.92,0,0,1-.62,3.11,8.06,8.06,0,0,1-4.27,4.27,8.11,8.11,0,0,1-6.22,0A8.06,8.06,0,0,1,.62,11.11,7.92,7.92,0,0,1,0,8,7.93,7.93,0,0,1,.62,4.88,8,8,0,0,1,2.34,2.33,8.28,8.28,0,0,1,4.89.62a8.11,8.11,0,0,1,6.22,0,8.28,8.28,0,0,1,2.55,1.71,8,8,0,0,1,1.72,2.55A7.93,7.93,0,0,1,16,8Zm-5.48,4.88v-1h-1V7H5.87V8h1v3.87h-1v1ZM8.08,3.07a1.53,1.53,0,0,0-.6.12A1.72,1.72,0,0,0,7,3.53,1.41,1.41,0,0,0,6.66,4a1.45,1.45,0,0,0,0,1.2A1.51,1.51,0,0,0,7,5.71,1.34,1.34,0,0,0,7.48,6a1.56,1.56,0,0,0,1.2,0,1.27,1.27,0,0,0,.49-.32,1.51,1.51,0,0,0,.33-.49A1.56,1.56,0,0,0,9.5,4a1.41,1.41,0,0,0-.33-.49,1.59,1.59,0,0,0-.49-.34A1.53,1.53,0,0,0,8.08,3.07Z" /></svg></tooltip> </li> </ul> </div> </div> </div> <div class="col-3"> <input type="button" class="btn btn-flight-list" v-on:click="bookFlight('/en/flights/book-flights', item)" v-if="enableBooking(item.scheduledTime)" value="To booking" /> <input v-else type="button" class="btn btn-flight-list is-invisible" /> </div> <div class="col-2 flight-results-list__center"> <div class="flight-results-list__favorite" v-on:click="toggleFavorite($event, item.id)" v-bind:class="{'flight-results-list__favorite--fill' : item.isFavorite }" :data-id="item.id" v-show="!isFlightExpired(item)"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26.05 23.97"> <path fill="#fff" class="fill" d="M12,21.15a.23.23,0,0,0-.2.11.25.25,0,0,0,.06.35h0l7.29,5.08L16.31,34.9a.24.24,0,0,0,0,.23.23.23,0,0,0,.33.06h0L24,30.09l7.29,5.1a.22.22,0,0,0,.22,0,.25.25,0,0,0,.16-.31h0L28.9,26.69l7.29-5.08a.26.26,0,0,0,.11-.21.25.25,0,0,0-.25-.25H27l-2.78-8.23a.21.21,0,0,0-.15-.14.23.23,0,0,0-.29.14L21,21.15Z" transform="translate(-11 -12.01)" /> <path fill="none" stroke="#6b7076" stroke-width="1.5px" class="stroke" d="M12,21.15a.23.23,0,0,0-.2.11.25.25,0,0,0,.06.35h0l7.29,5.08L16.31,34.9a.24.24,0,0,0,0,.23.23.23,0,0,0,.33.06h0L24,30.09l7.29,5.1a.22.22,0,0,0,.22,0,.26.26,0,0,0,.16-.32L28.9,26.69l7.29-5.08a.26.26,0,0,0,.11-.21.25.25,0,0,0-.25-.25H27l-2.78-8.23a.21.21,0,0,0-.15-.14.21.21,0,0,0-.28.13h0L21,21.15Z" transform="translate(-11 -12.01)" /> </svg> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div v-if="!flightItems"> <p>No flights for this period</p> </div> </div> <div class="flight-results-list__loadmore" v-if="show && !maxFlightsLoaded"> <button v-on:click="loadMore" :disabled="loading" class="btn btn-primary">More flights</button> </div> <div class="flight-results-list__loadmore" v-if="show && maxFlightsLoaded"> <div class="change-parameters">To display more flights please change your search parameters.</div> <button v-on:click="scrollToTop" class="btn btn-primary btn-back-to-search">Back to Search <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="#6b7076" fill-rule="evenodd"><path d="M23.48 19.47a.75.75 0 0 1 1.06 0l8 8a.76.76 0 0 1 0 1.06.75.75 0 0 1-1.06 0L24 21.06l-7.47 7.47a.75.75 0 0 1-1.08-1l8-8z" /></svg></button> </div> </div> </template> <div class="container"> <div v-if="hasSeasonError" class="flight-top-rocker__error" v-bind:style="{display:'block'}"> <h3>Unfortunately, we are currently unable to offer flights for the desired period.</h3> <div>The flight season changes at the end of March and the end of October. If your desired time period overlaps with any of these seasonal changes, we can only provide you with the new schedule data approximately six weeks before the start of the new season.</div> </div> <div v-else-if="hasNoFlightError" class="flight-top-rocker__error" v-bind:style="{display:'block'}"> <h3>Ups...</h3> <div>On this day, there is no flight with the specified airline or to the desired destination. Please check your details.</div> </div> <div v-else-if="hasError && !hasNoFlightError && !hasSeasonError" class="flight-top-rocker__error" v-bind:style="{display:'block'}"> <h3>Ups...</h3> <div>Server is not responding, please try again later!</div> </div> </div> </template> <template v-else> <div class="departure-airlines"> <template> <div class="destination-background"> <div class="container"> <div class="destination-container"> <div class="destination-filter__list destination-filter__list--headline"> <h2> {{flightDestinations.length}} {{i18n.DestinationsHeadlineMobile}} </h2> </div> <div v-if="device()=== 'mobile'"> </div> <div class="destination-filter"> <div class="destination-filter__toggle" v-if="device() === 'desktop'"> <div class="destination-filter" v-if="!loadingDestination"> <span class="destinationsFilter" v-bind:class="{'is-active' : index === selected }" v-on:click="filterOption(filter, index, initialLoad = false)" v-for="(filter, index, initialLoad) in filterOptions"> <template> {{filter}} </template> </span> </div> <div class="airline-filter airline-filter--skeleton" v-if="loadingDestination" style="margin-bottom: 10px;"> <span class="skeleton-airlines__value airlinesFilter is-active"></span> <span class="skeleton-airlines__value airlinesFilter"></span> <span class="skeleton-airlines__value airlinesFilter"></span> <span class="skeleton-airlines__value airlinesFilter"></span> </div> </div> <template v-else> <div class="destination-filter__list"> <div class="ss-27291 ss-main ss-main--theme-light " style="" v-if="!loadingDestination" v-on:blur="dropdownOffClick" tabindex="0" v-on:keydown.esc="sortDropdownMobile = false"> <div class="ss-single-selected ss-single-selected--with-label" v-on:click="sortDropdownMobile = !sortDropdownMobile, sortDropdown = false"> <span class="ss-single-selected__label">Filter</span> <span class="placeholder" v-text="sortChoosedMobile"></span> <span class="ss-deselect ss-hide">x</span> <span class="ss-arrow" v-bind:class="{'d-flex' : sortDropdownMobile}"><span v-bind:class="{'arrow-down' : !sortDropdownMobile, 'arrow-up' : sortDropdownMobile}"></span></span> </div> <div class="ss-content" v-bind:class="{'ss-open' : sortDropdownMobile}"> <div class="ss-list d-block"> <div class="ss-option" v-for="(filter, index) in filterOptions" v-on:click="filterOption(filter, index)"> <template> {{filter}} </template> </div> </div> </div> </div> </div> </template> <div class="ss-27291 ss-main ss-main--theme-light " style="" v-if="!loadingDestination" tabindex="0" v-on:blur="dropdownOffClick" v-on:keydown.esc="sortDropdown = false"> <div class="ss-single-selected ss-single-selected--with-label" v-on:keydown.esc="sortDropdown = false" v-on:click="sortDropdown = !sortDropdown, sortDropdownMobile = false"> <span class="ss-single-selected__label" v-text="i18n.DestinationsDropdown"></span> <span class="placeholder" v-text="sortChoosed"></span> <span class="ss-deselect ss-hide">x</span> <span class="ss-arrow" v-bind:class="{'d-flex' : sortDropdown}"><span v-bind:class="{'arrow-down' : !sortDropdown, 'arrow-up' : sortDropdown}"></span></span> </div> <div class="ss-content" v-bind:class="{'ss-open' : sortDropdown}"> <div class="ss-list d-block"> <div class="ss-option" v-on:click="sortAZ(i18n.DestinationsAZ)" v-text="i18n.DestinationsAZ"></div> <div class="ss-option" v-on:click="distance(i18n.DestinationsDistance)" v-text="i18n.DestinationsDistance"></div> <div class="ss-option" v-on:click="recommendation(i18n.DestinationsSortEditiorialStaff)" v-text="i18n.DestinationsSortEditiorialStaff"></div> </div> </div> </div> </div> <div class="destination-container__results"> <p v-if="!loadingDestination"> {{filteredList.length}} <span v-if="filteredList.length === 1" v-text="i18n.DestinationsResult"></span> <span v-else v-text="i18n.DestinationsResultMany"></span> </p> <p v-else class="skeleton-airlines__value"></p> </div> <div class="destination-container__wrapper row"> <div v-for="destination in skeleton" v-if="!filteredList.length && loadingDestination" class="col-6 col-lg-3 col-md-4 skeleton"> <skeleton-airlines></skeleton-airlines> </div> <div v-bind:class="{'d-block' : !loadingDestination}" v-for="(destination,index) in filteredList" class="col-6 col-lg-3 col-md-4 d-none"> <a v-on:click="trackAndRedirectToDetailPage(destination)"> <div class="destination-container__wrapper__spacer"> <div class="destination-container__wrapper__img" v-bind:style="{backgroundImage:'url(' + destination.Image + ')' }"> </div> <div class="destination-container__wrapper__destinationname row"> <span v-text="destination.Destination.country.name"></span> <h3 v-text="destination.Name"></h3> </div> </div> </a> </div> </div> <div v-if="!filteredList.length" v-bind:class="{'d-flex' : !loadingDestination}" class="d-none airline-container__empty"> <div class="airline-container__empty__text"> <h1 v-text="i18n.DestinationsFilterHeadline"></h1> <p v-text="i18n.DestinationsFilterText"></p> </div> <div class="airline-container__empty__button"> <button class="btn btn-primary" v-on:click="resetList" v-text="i18n.DestinationsFilterReset"></button> </div> </div> </div> </div> </div> </template> </div> </template> </div> </div> </div> <script> window.selectedDate = '23.11.2024'; window.selectedTime = '00:00'; window.isArrival = false; window.isDestination = false; window.updateTimer = 300000; window.debounceTimer = 1000; window.pageSize = 20; window.arrivalUrl = '/en/flights/arrivals'; window.arrivalLinks = [{"Name":"Deutsch","Url":"/de-de/fliegen/ankunft","IsActive":false},{"Name":"English","Url":"/en/flights/arrivals","IsActive":true}]; window.depatureUrl = '/en/flights/departures'; window.departureLinks = [{"Name":"Deutsch","Url":"/de-de/fliegen/abflug","IsActive":false},{"Name":"English","Url":"/en/flights/departures","IsActive":true}]; window.destinationUrl = '/en/flights/destinations'; window.destinationLinks = [{"Name":"Deutsch","Url":"/de-de/fliegen/flugziele","IsActive":false},{"Name":"English","Url":"/en/flights/destinations","IsActive":true}]; </script> <section class="image-text image-text--text-only content-section space-bottom headline bg-gray"> <div class="container"> <div class="row"> <div class="image-text__text-container col-12"> <h3>Remarks</h3> <div class="image-text__rte"><p>All statements without guarantee. If there are any deviations from your ticket, please contact your <a href="/en/flights/airlines">airline</a>.</p> <p>All waiting times beyond 40 minutes this are published with <strong>> 40</strong>. The waiting time can be significantly longer. Please consider this when planning your trip.</p></div> </div> </div> </div> </section> <div class="advertising_foot"> <div class="ad-container ad-container-desktop" data-tile="5"> </div> <div class="ad-container ad-container-mobile" data-tile="4"> </div> </div> </main> <footer> <div class="footer"> <div class="container"> <div class="row"> <div class="col-lg"> <div class="row"> <div class="col"> <div class="footer__menu-section"> <h6>Corporation</h6> <ul> <li onclick="window.econda.content('footer-Company-clicked')"> <a Class="footer__link" href="https://www.dus.com/en/corporation/company" title="Company">Company</a> </li> <li onclick="window.econda.content('footer-Jobs-clicked')"> <a Class="footer__link" href="https://www.dus.com/en/corporation/jobs" title="Jobs">Jobs</a> </li> <li onclick="window.econda.content('footer-Press-clicked')"> <a Class="footer__link" href="https://www.dus.com/en/corporation/presse" title="Press">Press</a> </li> <li onclick="window.econda.content('footer-Neighbours-clicked')"> <a Class="footer__link" href="https://www.dus.com/en/corporation/neighbors" title="Neighbours">Neighbours</a> </li> </ul> </div> </div> <div class="col"> <div class="footer__menu-section"> <h6>Business Partner</h6> <ul> <li onclick="window.econda.content('footer--clicked')"> <a Class="footer__link" href="/en/businesspartner/aviation" target="|Custom">Aviation</a> </li> <li onclick="window.econda.content('footer-Travel Agencies-clicked')"> <a Class="footer__link" href="https://www.dus.com/de-de/businesspartner/reisebueros" title="Travel Agencies">Travel Agencies</a> </li> <li onclick="window.econda.content('footer--clicked')"> <a Class="footer__link" href="/en/businesspartner/services" target="|Custom">Services</a> </li> <li onclick="window.econda.content('footer-Airport City-clicked')"> <a Class="footer__link" href="https://www.dus.com/en/businesspartner/airport-city" title="Airport City">Airport City</a> </li> <li onclick="window.econda.content('footer--clicked')"> <a Class="footer__link" href="/en/businesspartner/rentals-,-a-,-ads/airport-media" target="|Custom">Airport Media</a> </li> </ul> </div> </div> </div> </div> <div class="col-lg"> <div class="row"> <div class="col"> <div class="footer__menu-section"> <h6>General</h6> <ul> <li onclick="window.econda.content('footer--clicked')"> <a Class="footer__link" href="/en/imprint">Imprint</a> </li> <li onclick="window.econda.content('footer--clicked')"> </li> <li onclick="window.econda.content('footer--clicked')"> <a Class="footer__link" href="/en/help-and-contact">Help and Contact</a> </li> <li onclick="window.econda.content('footer--clicked')"> </li> <li onclick="window.econda.content('footer-Data protection & legal notice-clicked')"> <a Class="footer__link" href="/en/data-protection">Data protection & legal notice</a> </li> <li onclick="window.econda.content('footer--clicked')"> </li> <li onclick="window.econda.content('footer--clicked')"> </li> <li onclick="window.econda.content('footer--clicked')"> </li> </ul> </div> </div> <div class="col"> <div class="footer__menu-section"> <h6>Social Media</h6> <ul> <li onclick="window.econda.content('footer-Facebook-clicked')"> <a href="https://www.facebook.com/dus" Class="footer__icon-link" rel="noopener noreferrer" title="Facebook" DisableWebEdit="True" target="_blank"><img src=/-/media/dus/global-media/social-media-icons/facebook_neu.ashx />Facebook</a> </li> <li onclick="window.econda.content('footer-Instagram-clicked')"> <a href="https://www.instagram.com/dusairport/" Class="footer__icon-link" rel="noopener noreferrer" title="Instagram" DisableWebEdit="True" target="_blank"><img src=/-/media/dus/global-media/social-media-icons/instagram.ashx />Instagram</a> </li> <li onclick="window.econda.content('footer-Youtube-clicked')"> <a href="https://www.youtube.com/user/flughafendus" Class="footer__icon-link" rel="noopener noreferrer" title="Youtube" DisableWebEdit="True" target="_blank"><img src=/-/media/dus/global-media/social-media-icons/youtube.ashx />Youtube</a> </li> <li onclick="window.econda.content('footer-Twitter-clicked')"> <a href="https://twitter.com/dusairport/" Class="footer__icon-link" rel="noopener noreferrer" title="Twitter" DisableWebEdit="True" target="_blank"><img src=/-/media/dus/global-media/social-media-icons/x.ashx />Twitter</a> </li> <li onclick="window.econda.content('footer-LinkedIn-clicked')"> <a href="https://www.linkedin.com/company/dusairport/" Class="footer__icon-link" rel="noopener noreferrer" DisableWebEdit="True" target="_blank"><img src=/-/media/dus/global-media/social-media-icons/linkedin.ashx />LinkedIn</a> </li> </ul> </div> </div> </div> </div> <div class="col-lg"> <div class="row"> <div class="col-md col-lg-12 col-xl-5"> </div> <div class="col-md col-lg-12 col-xl-7"> <div class="footer__menu-section"> <strong>Language</strong> <select class="footer__language-select"> <option data-link="/de-de/fliegen/abflug">Deutsch</option> <option selected data-link="/en/flights/departures">English</option> </select> </div> </div> </div> </div> </div> </div> </div> </footer> </div> <div id="loading-layer" class="is-hidden"> Loading... </div> <div id="modal-layer" class="is-hidden"></div> <div id="js-lightbox-container"></div> <div id="breakpoint-indicator-xs"></div> <div id="breakpoint-indicator-sm"></div> <div id="breakpoint-indicator-md"></div> <div id="breakpoint-indicator-lg"></div> <div id="breakpoint-indicator-xl"></div> <div id="breakpoint-indicator-xxl"></div> <div id="datepicker-header-template" class="datetimepicker-header"> <div class="datetimepicker-header__wrapper"> <a class="datetimepicker-header__back" href="#"> <svg data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M23 24l-7.42-7.43a.75.75 0 0 1 1.06-1.06L24 23l7.42-7.42a.75.75 0 0 1 1.08 1L25.08 24l7.42 7.43a.75.75 0 0 1-1 1.1L24 25.08l-7.41 7.42a.75.75 0 1 1-1.1-1L23 24z" fill="#6b7076" fill-rule="evenodd" class="fill" /></svg> </a> <p class="datetimepicker-header__field-name"></p> <div class="datetimepicker-header__names"> <div>Mo</div> <div>Tu</div> <div>We</div> <div>Th</div> <div>Fr</div> <div>Sa</div> <div>Su</div> </div> </div> </div> <script type="text/plain" data-cookieconsent="marketing"> window.bingId = 56018141; (function (w, d, t, r, u) { var f, n, i; w[u] = w[u] || [], f = function () { var o = { ti: window.bingId } ; o.q = w[u], w[u] = new UET(o), w[u].push("pageLoad") }, n = d.createElement(t), n.src = r, n.async = 1, n.onload = n.onreadystatechange = function () { var s = this.readyState; s && s !== "loaded" && s !== "complete" || (f(), n.onload = n.onreadystatechange = null) } , i = d.getElementsByTagName(t)[0], i.parentNode.insertBefore(n, i) })(window, document, "script", " //bat.bing.com/bat.js", "uetq"); </script> <!-- advertising --> <script type="text/plain" data-cookieconsent="statistics" src="https://script.ioam.de/iam.js?m=1"> </script> <script type="text/javascript"> window.IVWCode = 'r_abflug.ankunft_abflug_en'; window.SVTag = 'i2'; window.SVTagMob = 'mo'; </script> <script type="text/plain" data-cookieconsent="statistics"> const isMobile = (navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/Windows Phone/i)) != null; const rangeIdentifier = isMobile ? 'mobduis' : 'dusint'; const svTag = isMobile ? window.SVTagMob : window.SVTag; const pageCode = window.IVWCode; if (window.iom) { const iamData = { st: rangeIdentifier, /* site/domain */ cp: pageCode, /* code */ sv: svTag, /* Es wird keine Befragungseinladung ausgeliefert */ co: '', /* comment */ sc: 'yes' /* MCVD activation */ }; window.iom.c(iamData, 1); } </script> <script type="application/javascript"> let IQDigitalSetting = {}; IQDigitalSetting.Enabled = true; IQDigitalSetting.Handle = "index"; IQDigitalSetting.Level2 = "fliegen"; IQDigitalSetting.Keywords = "Düsseldorf airport, departures, Düsseldorf, takeoff, takeoffs, flight plan, flight times, schedule"; window.IQDigitalSetting = IQDigitalSetting; </script> <script> const propName = 'emos_privacy'; if (localStorage.getItem(propName) == null) { localStorage.setItem(propName, '2'); } window.emos3 = { defaults: { siteid : 'DUSCOM', countryid: 'DE', langid : 'de' }, pageId: 'D3DD0BAED9944961A20850E85E17643E', trackClicks: true, stored : [], send : function(p){this.stored.push(p);} }; window.econdaParam = { content : '/DUS/Internet/Home/Fliegen/Departures' } window.facebookAppId = 786387931879658; window.googleMapId = 'AIzaSyC1HHcmLpmeaRPiMPVXMU_8ZHmo3Yy_v5c'; window.addEventListener('CookiebotOnAccept', function (e) { if (localStorage.getItem(propName) != '3') { localStorage.setItem(propName, '3'); window.emos3.PRIV_MODE = '3'; } }, false); window.addEventListener('CookiebotOnDecline', function (e) { if (localStorage.getItem(propName) != '2') { localStorage.setItem(propName, '2'); window.emos3.PRIV_MODE = '2'; } }, false); window.addEventListener('CookiebotOnDialogDisplay', function (data) { var value = document.querySelector('#CybotCookiebotDialogBodyContentTextToggleDetails').text; document.querySelector('#CybotCookiebotDialogBodyContentTextToggleDetails').text = value.replace("Abschnitt Einzelheiten", "Abschnitt Details"); }, false); window.addEventListener('CookiebotOnDialogInit', function () { Cookiebot.dialog.IABDeselectPurposes = function () { for (var o = document.getElementsByClassName("CybotCookiebotDialogBodyIABButtonPurposes"), t = 0; t < o.length; t++) o[t].checked = !1; o = document.getElementsByClassName("CybotCookiebotDialogBodyIABButtonPurposesLegitimateInterestSelection"); for (t = 0; t < o.length; t++) o[t].checked = !1; } Cookiebot.dialog.IABDeselectVendors = function () { for (var o = document.getElementsByClassName("CybotCookiebotDialogBodyIABButtonVendors"), t = 0; t < o.length; t++) o[t].checked = !1; o = document.getElementsByClassName("CybotCookiebotDialogBodyIABButtonVendorsLegitimateInterestSelection"); for (t = 0; t < o.length; t++) o[t].checked = !1; } }); </script> <script id="CookiebotConfiguration" type="application/json" data-cookieconsent="ignore"> { "Frameworks": { "IABTCF2": { "AllowedVendors": [452,61,647,783,1126,293,795,183,1061,771,184,812,539,50,39,507,93,264,565,6,66,195,793,23,394,598,801,12,128,625,792,315,416,91,209,885,126,110,796,168,213,312,120,100,78,328,758,755,98,253,10,730,278,252,424,97,101,302,34,373,832,602,69,488,385,772,559,164,139,140,177,297,226,76,11,60,787,759,36,71,16,84,111,68,82,45,115,246,134,13,655,275,42,89,132,202,44,345,382,52,21,423,28,242,25,276,284,281,32,70,301,290,612,57,703,855,138,440,131,282,1213], "AllowedGoogleACVendors": [], "AllowedPurposes": [1,2,3,4,5,6,7,8,9,10], "AllowedSpecialPurposes": [], "AllowedFeatures": [1], "AllowedSpecialFeatures": [1], "VendorRestrictions": [] } } } </script> <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="5d466817-5865-41df-b3bb-094d9e0dd396" data-framework="TCFv2.2"></script> <script src="/Assets/vendor.74cb3125d22fe7891212.js"></script> <script src="/Assets/dus.74cb3125d22fe7891212.js"></script> <script defer="defer" src="https://l.ecn-ldr.de/loader/loader.js" client-key="00002a5e-150d6b79-c500-34f0-a5d0-b7e5de563284" container-id="4795"></script> <script type="text/plain" data-cookieconsent="marketing" src="https://cdn.recognified.net/rd.loader.php?pub_id=1301" async></script> </body> </html>