CINXE.COM

Ankunft

<!DOCTYPE html> <html lang="de"> <head> <meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,user-scalable=no"> <meta http-equiv="content-language" content="de-DE"> <meta name="title" content="Ankunft"> <meta name="description" content="Alle aktuellen Ank&#252;nfte und der gesamte Flugplan im &#220;berblick"> <meta name="keywords" content="Flughafen D&#252;sseldorf, Ankunft, D&#252;sseldorf, Ank&#252;nfte, Landung, Landungen, Flugplan"> <link rel="apple-touch-icon" sizes="180x180" href="/Images/apple-touch-icon.png"> <link rel="icon" href="/Images/favicon.svg" color="#002f6c"> <title> Ankunft </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="/de-de/fliegen/favoriten"> <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=/de-de/fliegen/ankunft"> <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>Anmelden</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="/de-de" class="header__nav-link is-active" onclick="window.econda.content('navigation-Reisende-clicked')"> Reisende </a> </li> <li> <a href="/de-de/konzern" class="header__nav-link " onclick="window.econda.content('navigation-Konzern-clicked')"> Konzern </a> </li> <li> <a href="/de-de/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="/de-de/fliegen" class="header__nav-link is-active has-child-nodes" onclick="window.econda.content('main-nav-Fliegen-clicked')"> Fliegen <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>Zur&#252;ck </span> </a> </li> <li class="header__child-navigation-list-item header__child-navigation-list-item--parent"> <a href="/de-de/fliegen" class="header__nav-link is-active "> <span class="header__nav-link-content-wrap header__nav-link-content-wrap--parent"> Fliegen </span> </a> </li> <li class="header__child-navigation-list-item is-active "> <a href="/de-de/fliegen/ankunft" class="header__nav-link is-active "> <span class="header__nav-link-content-wrap"> Ankunft </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/de-de/fliegen/abflug" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Abflug </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/de-de/fliegen/flugziele" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Flugziele </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/de-de/fliegen/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="/de-de/fliegen/flug-buchen" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Flug buchen </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/de-de/fliegen/reise-buchen" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Reise buchen </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/de-de/fliegen/reiseb&#252;ros-am-airport" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Reiseb&#252;ros am Airport </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/de-de/fliegen/umsteigen" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Umsteigen </span> </a> </li> </ul> </li> <li class="header__main-navigation-list-item"> <a href="/de-de/parken" class="header__nav-link has-child-nodes" onclick="window.econda.content('main-nav-Parken-clicked')"> Parken <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>Zur&#252;ck </span> </a> </li> <li class="header__child-navigation-list-item header__child-navigation-list-item--parent"> <a href="/de-de/parken" class="header__nav-link "> <span class="header__nav-link-content-wrap header__nav-link-content-wrap--parent"> Parken </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/de-de/parken/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="/de-de/parken/parkh&#228;user" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Parkh&#228;user </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/de-de/parken/informationen" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Informationen </span> </a> </li> </ul> </li> <li class="header__main-navigation-list-item"> <a href="/de-de/anreisen" class="header__nav-link has-child-nodes" onclick="window.econda.content('main-nav-Anreisen-clicked')"> Anreisen <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>Zur&#252;ck </span> </a> </li> <li class="header__child-navigation-list-item header__child-navigation-list-item--parent"> <a href="/de-de/anreisen" class="header__nav-link "> <span class="header__nav-link-content-wrap header__nav-link-content-wrap--parent"> Anreisen </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/de-de/anreisen/anfahrt" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Anfahrt </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/de-de/anreisen/bus-und-bahn" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Bus und Bahn </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/de-de/anreisen/dussharing-hub" class="header__nav-link "> <span class="header__nav-link-content-wrap"> DUSsharing hub </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/de-de/anreisen/fahrdienste" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Fahrdienste </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/de-de/anreisen/mietwagen" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Mietwagen </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/de-de/anreisen/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="/de-de/anreisen/reisebusse" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Reisebusse </span> </a> </li> </ul> </li> <li class="header__main-navigation-list-item"> <a href="/de-de/informieren" class="header__nav-link has-child-nodes" onclick="window.econda.content('main-nav-Informieren-clicked')"> Informieren <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>Zur&#252;ck </span> </a> </li> <li class="header__child-navigation-list-item header__child-navigation-list-item--parent"> <a href="/de-de/informieren" class="header__nav-link "> <span class="header__nav-link-content-wrap header__nav-link-content-wrap--parent"> Informieren </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/de-de/informieren/gep&#228;ck" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Gep&#228;ck </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>Zur&#252;ck </span> </a> </li> <li class="header__grandchild-navigation-list-item header__grandchild-navigation-list-item--parent"> <a href="/de-de/informieren/gep&#228;ck" class="header__nav-link "> <span class="header__nav-link-content-wrap header__nav-link-content-wrap--parent"> Gep&#228;ck </span> </a> </li> <li class="header__grandchild-navigation-list-item "> <a href="/de-de/informieren/gep&#228;ck/hand-und-reisegep&#228;ck" class="header__nav-link"> <span class="header__nav-link-content-wrap"> Hand-und-Reisegep&#228;ck </span> </a> </li> <li class="header__grandchild-navigation-list-item "> <a href="/de-de/informieren/gep&#228;ck/sport--und-sperrgep&#228;ck" class="header__nav-link"> <span class="header__nav-link-content-wrap"> Sport- und Sperrgep&#228;ck </span> </a> </li> <li class="header__grandchild-navigation-list-item "> <a href="/de-de/informieren/gep&#228;ck/transport-von-tieren" class="header__nav-link"> <span class="header__nav-link-content-wrap"> Transport von Tieren </span> </a> </li> <li class="header__grandchild-navigation-list-item "> <a href="/de-de/informieren/gep&#228;ck/gep&#228;ckaufbewahrung" class="header__nav-link"> <span class="header__nav-link-content-wrap"> Gep&#228;ckaufbewahrung </span> </a> </li> <li class="header__grandchild-navigation-list-item "> <a href="/de-de/informieren/gep&#228;ck/gep&#228;ckversiegelung" class="header__nav-link"> <span class="header__nav-link-content-wrap"> Gep&#228;ckversiegelung </span> </a> </li> <li class="header__grandchild-navigation-list-item "> <a href="/de-de/informieren/gep&#228;ck/verlorenes-gep&#228;ck" class="header__nav-link"> <span class="header__nav-link-content-wrap"> Verlorenes Gep&#228;ck </span> </a> </li> </ul> </li> <li class="header__child-navigation-list-item "> <a href="/de-de/informieren/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="/de-de/informieren/sicherheitskontrolle" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Sicherheitskontrolle </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>Zur&#252;ck </span> </a> </li> <li class="header__grandchild-navigation-list-item header__grandchild-navigation-list-item--parent"> <a href="/de-de/informieren/sicherheitskontrolle" class="header__nav-link "> <span class="header__nav-link-content-wrap header__nav-link-content-wrap--parent"> Sicherheitskontrolle </span> </a> </li> <li class="header__grandchild-navigation-list-item "> <a href="/de-de/informieren/sicherheitskontrolle/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="/de-de/informieren/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>Zur&#252;ck </span> </a> </li> <li class="header__grandchild-navigation-list-item header__grandchild-navigation-list-item--parent"> <a href="/de-de/informieren/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="/de-de/informieren/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="/de-de/informieren/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="/de-de/informieren/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="/de-de/informieren/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="/de-de/informieren/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>Zur&#252;ck </span> </a> </li> <li class="header__grandchild-navigation-list-item header__grandchild-navigation-list-item--parent"> <a href="/de-de/informieren/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="/de-de/informieren/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="/de-de/informieren/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="/de-de/informieren/lageplan" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Lageplan </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/de-de/informieren/flughafen-a-bis-z" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Flughafen A bis Z </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/de-de/informieren/barrierefreies-reisen" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Barrierefreies Reisen </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/de-de/informieren/reisen-mit-kindern" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Reisen mit Kindern </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/de-de/informieren/ankommen-am-flughafen" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Ankommen am Flughafen </span> </a> </li> </ul> </li> <li class="header__main-navigation-list-item"> <a href="/de-de/erleben" class="header__nav-link has-child-nodes" onclick="window.econda.content('main-nav-Erleben-clicked')"> Erleben <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>Zur&#252;ck </span> </a> </li> <li class="header__child-navigation-list-item header__child-navigation-list-item--parent"> <a href="/de-de/erleben" class="header__nav-link "> <span class="header__nav-link-content-wrap header__nav-link-content-wrap--parent"> Erleben </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/de-de/erleben/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="/de-de/erleben/dusmomente" class="header__nav-link "> <span class="header__nav-link-content-wrap"> DUSmomente </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>Zur&#252;ck </span> </a> </li> <li class="header__grandchild-navigation-list-item header__grandchild-navigation-list-item--parent"> <a href="/de-de/erleben/dusmomente" class="header__nav-link "> <span class="header__nav-link-content-wrap header__nav-link-content-wrap--parent"> DUSmomente </span> </a> </li> <li class="header__grandchild-navigation-list-item "> <a href="/de-de/erleben/dusmomente/alle-artikel" class="header__nav-link"> <span class="header__nav-link-content-wrap"> Alle Artikel </span> </a> </li> </ul> </li> <li class="header__child-navigation-list-item "> <a href="/de-de/erleben/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="/de-de/shoppen-und-genie&#223;en" class="header__nav-link has-child-nodes" onclick="window.econda.content('main-nav-Shoppen und Genie&#223;en-clicked')"> Shoppen und Genie&#223;en <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>Zur&#252;ck </span> </a> </li> <li class="header__child-navigation-list-item header__child-navigation-list-item--parent"> <a href="/de-de/shoppen-und-genie&#223;en" class="header__nav-link "> <span class="header__nav-link-content-wrap header__nav-link-content-wrap--parent"> Shoppen und Genie&#223;en </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/de-de/shoppen-und-genie&#223;en/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="/de-de/shoppen-und-genie&#223;en/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="/de-de/shoppen-und-genie&#223;en/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="Flugnummer/Suche" 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="/de-de/fliegen/ankunft" data-redirect2="/de-de/suche" 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="/de-de">Startseite</a> </li> <li style="color:Black"> <a href="/de-de/fliegen">Fliegen</a> </li> <li style="color:Black"> <span>Ankunft</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="/de-de/fliegen/ankunft" class="flight-top-rocker__tab-entry arrival-Tab" v-bind:class="{ 'is-active': isArrival }">Ankunft</a> <a href="/de-de/fliegen/abflug" class="flight-top-rocker__tab-entry departure-tab" v-bind:class="{ 'is-active': !isArrival && !isDestination }">Abflug</a> <a href="/de-de/fliegen/flugziele" class="flight-top-rocker__tab-entry" v-bind:class="{'is-active': isDestination}">Flugziele</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="Flugnummer, Stadt, Land" no-result="Kein Ergebnis" no-data="Keine Daten" limit="6" min-length="1" :items="allLocationsAndFlights" :names="[ 'Flugnummer', 'Stadt, Land, Region, Flughafen' ]" 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"> Datum </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"> Uhrzeit </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="Kein Ergebnis" no-data="Keine Daten" 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="Zur Detailseite"> <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> Externe Inhalte aktivieren </h3> <div class="activate-external-content__desc"> <p> Möchten Sie Youtube Inhalte auf dieser Website sehen? Mit dem Aktivieren der Ansicht stimmen Sie einer Datenübermittlung an den Dienstanbieter zu. </p> </div> <div class="activate-external-content__footer"> <div> {switch} </div> <div> Inhalt aktivieren </div> </div> </section> <section class="activate-external-content--is-active"> <div class="activate-external-content__footer"> <div> {switch} </div> <div> Inhalt aktivieren </div> </div> </section> </template> <template v-slot:destinations> Flugziele vom Flughafen D&#252;sseldorf </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>Aktuelle Wartezeiten an Flugsteig</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">&nbsp;</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>Flug Nr.</li> <li>aus</li> </ul> </div> <div class="col-5 flight-results__desktop--col-middle"> <div class="row"> <div class="col-3 flight-results__desktop--head-arrival">Geplant</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">Erwartet</div> <div class="col-2 flight-results__arrival--status-icon"> <tooltip headline="Erwartet" text="Sobald ein Flug gestartet bzw. gelandet ist, erscheint hier die tats&amp;auml;chliche Start- bzw. Landezeit."><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">Ausgang</div> <div class="col-4 dus-offset-nowrap dus-ellipsis flight-results__desktop--head-bagagebelt">Gep&#228;ckband</div> </div> </div> <div class="col-4 flight-results__desktop--col-remarks"> <span>Bemerkung</span> </div> </div> </div> </div> </div> <div class="skeleton-wrapper" v-if="loading && flightItems"> <p class="skeleton-wrapper__date">&nbsp;</p> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-3"><span>&nbsp;</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>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-3"><span>&nbsp;</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>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-3"><span>&nbsp;</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>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-3"><span>&nbsp;</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>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-3"><span>&nbsp;</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>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-3"><span>&nbsp;</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>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-3"><span>&nbsp;</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>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-3"><span>&nbsp;</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>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-3"><span>&nbsp;</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>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-3"><span>&nbsp;</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=&#39;/de-de/fliegen/flightdetail?id=&#39;+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=&#39;/de-de/fliegen/flightdetail?id=&#39;+item.id target="_blank"></a> </slide> <slide v-for="flight in item.codeshareFlights"> <a v-text="flight.flightNumber" :href=&#39;/de-de/fliegen/flightdetail?id=&#39;+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="Man spricht von Code Sharing, wenn sich zwei oder mehrere Fluggesellschaften einen Flug teilen.&lt;br /&gt; &lt;br /&gt; Jede der beteiligten Airlines bietet den betreffenden Flug dann unter &lt;strong&gt;einer eigenen Flugnummer&lt;/strong&gt; an, er wird jedoch mit ein und demselben Flugzeug durchgef&amp;uuml;hrt. So kann es also f&amp;uuml;r einen Flug unterschiedliche Flugnummern geben. &lt;div id=&quot;gtx-trans&quot; style=&quot;position: absolute; left: 407px; top: 11px;&quot;&gt; &lt;div class=&quot;gtx-trans-icon&quot;&gt;&amp;nbsp;&lt;/div&gt; &lt;/div&gt;"><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">Geplant</div> <div class="col-8 flight-results-list__mobile--estimated-arrival" v-if="item.estimatedTime">Erwartet</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('/de-de/fliegen/flug-buchen', item)" v-if="enableBooking(item.scheduledTime)" value="Zur Buchung" /> <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=&#39;/de-de/fliegen/flightdetail?id=&#39;+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=&#39;/de-de/fliegen/flightdetail?id=&#39;+item.id target="_blank"></a> </slide> <slide v-for="flight in item.codeshareFlights"> <a v-text="flight.flightNumber" :href=&#39;/de-de/fliegen/flightdetail?id=&#39;+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="Man spricht von Code Sharing, wenn sich zwei oder mehrere Fluggesellschaften einen Flug teilen.&lt;br /&gt; &lt;br /&gt; Jede der beteiligten Airlines bietet den betreffenden Flug dann unter &lt;strong&gt;einer eigenen Flugnummer&lt;/strong&gt; an, er wird jedoch mit ein und demselben Flugzeug durchgef&amp;uuml;hrt. So kann es also f&amp;uuml;r einen Flug unterschiedliche Flugnummern geben. &lt;div id=&quot;gtx-trans&quot; style=&quot;position: absolute; left: 407px; top: 11px;&quot;&gt; &lt;div class=&quot;gtx-trans-icon&quot;&gt;&amp;nbsp;&lt;/div&gt; &lt;/div&gt;"><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">Geplant</div> <div class="col-4">Erwartet</div> <div class="col-4" v-if="item.arrivalExit">Ausgang</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('/de-de/fliegen/flug-buchen', item)" v-bind:class="{ 'is-invisible': !enableBooking(item.scheduledTime) }" value="Zur Buchung" /> </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=&#39;/de-de/fliegen/flightdetail?id=&#39;+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=&#39;/de-de/fliegen/flightdetail?id=&#39;+item.id target="_blank"></a> </slide> <slide v-for="flight in item.codeshareFlights"> <a v-text="flight.flightNumber" :href=&#39;/de-de/fliegen/flightdetail?id=&#39;+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="Man spricht von Code Sharing, wenn sich zwei oder mehrere Fluggesellschaften einen Flug teilen.&lt;br /&gt; &lt;br /&gt; Jede der beteiligten Airlines bietet den betreffenden Flug dann unter &lt;strong&gt;einer eigenen Flugnummer&lt;/strong&gt; an, er wird jedoch mit ein und demselben Flugzeug durchgef&amp;uuml;hrt. So kann es also f&amp;uuml;r einen Flug unterschiedliche Flugnummern geben. &lt;div id=&quot;gtx-trans&quot; style=&quot;position: absolute; left: 407px; top: 11px;&quot;&gt; &lt;div class=&quot;gtx-trans-icon&quot;&gt;&amp;nbsp;&lt;/div&gt; &lt;/div&gt;"><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('/de-de/fliegen/flug-buchen', item)" v-if="enableBooking(item.scheduledTime)" value="Zur Buchung" /> <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>Keine Fl&#252;ge f&#252;r diesen Zeitraum</p> </div> </div> <div class="flight-results-list__loadmore" v-if="show && !maxFlightsLoaded"> <button :disabled="loading" v-on:click="loadMore" class="btn btn-primary">Weitere Fl&#252;ge</button> </div> <div class="flight-results-list__loadmore" v-if="show && maxFlightsLoaded"> <div class="change-parameters">Um weitere Fl&#252;ge sehen zu k&#246;nnen &#228;ndern Sie bitte Ihre Suchparameter.</div> <button v-on:click="scrollToTop" class="btn btn-primary btn-back-to-search">Zur&#252;ck zur Suche <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>Flug Nr.</li> <li>nach</li> </ul> </div> <div class="col-4"> <div class="row"> <div class="col-3">Geplant</div> <div class="col-3 flight-results__departure"> <div class="flight-results__departure--status-head"> <div class="col-10">Erwartet</div> <div class="col-2 flight-results__departure--status-icon"> <tooltip headline="Erwartet" text="Sobald ein Flug gestartet bzw. gelandet ist, erscheint hier die tats&amp;auml;chliche Start- bzw. Landezeit."><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">Check-in</div> <div class="col-2 flight-results__desktop--head-gate">Gate</div> </div> </div> <div class="col-5 flight-results__desktop--head-remarks"> <span>Bemerkung</span> </div> </div> </div> </div> </div> <div class="skeleton-wrapper" v-if="loading && flightItems"> <p class="skeleton-wrapper__date">&nbsp;</p> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-3"><span>&nbsp;</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>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-3"><span>&nbsp;</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>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-3"><span>&nbsp;</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>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-3"><span>&nbsp;</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>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-3"><span>&nbsp;</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>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-3"><span>&nbsp;</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>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-3"><span>&nbsp;</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>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-3"><span>&nbsp;</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>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-3"><span>&nbsp;</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>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-1"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-2"><span>&nbsp;</span></div> <div class="col-3"><span>&nbsp;</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=&#39;/de-de/fliegen/flightdetail?id=&#39;+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=&#39;/de-de/fliegen/flightdetail?id=&#39;+item.id target="_blank"></a> </slide> <slide v-for="flight in item.codeshareFlights"> <a v-text="flight.flightNumber" :href=&#39;/de-de/fliegen/flightdetail?id=&#39;+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="Man spricht von Code Sharing, wenn sich zwei oder mehrere Fluggesellschaften einen Flug teilen.&lt;br /&gt; &lt;br /&gt; Jede der beteiligten Airlines bietet den betreffenden Flug dann unter &lt;strong&gt;einer eigenen Flugnummer&lt;/strong&gt; an, er wird jedoch mit ein und demselben Flugzeug durchgef&amp;uuml;hrt. So kann es also f&amp;uuml;r einen Flug unterschiedliche Flugnummern geben. &lt;div id=&quot;gtx-trans&quot; style=&quot;position: absolute; left: 407px; top: 11px;&quot;&gt; &lt;div class=&quot;gtx-trans-icon&quot;&gt;&amp;nbsp;&lt;/div&gt; &lt;/div&gt;"><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">Geplant</div> <div class="col-8" v-if="item.actualTime">Erwartet</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('/de-de/fliegen/flug-buchen', item)" v-if="enableBooking(item.scheduledTime)" value="Zur Buchung" /> <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=&#39;/de-de/fliegen/flightdetail?id=&#39;+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=&#39;/de-de/fliegen/flightdetail?id=&#39;+item.id target="_blank"></a> </slide> <slide v-for="flight in item.codeshareFlights"> <a v-text="flight.flightNumber" :href=&#39;/de-de/fliegen/flightdetail?id=&#39;+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="Man spricht von Code Sharing, wenn sich zwei oder mehrere Fluggesellschaften einen Flug teilen.&lt;br /&gt; &lt;br /&gt; Jede der beteiligten Airlines bietet den betreffenden Flug dann unter &lt;strong&gt;einer eigenen Flugnummer&lt;/strong&gt; an, er wird jedoch mit ein und demselben Flugzeug durchgef&amp;uuml;hrt. So kann es also f&amp;uuml;r einen Flug unterschiedliche Flugnummern geben. &lt;div id=&quot;gtx-trans&quot; style=&quot;position: absolute; left: 407px; top: 11px;&quot;&gt; &lt;div class=&quot;gtx-trans-icon&quot;&gt;&amp;nbsp;&lt;/div&gt; &lt;/div&gt;"><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">Geplant</div> <div class="col-4">Erwartet</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('/de-de/fliegen/flug-buchen', item)" v-bind:class="{ 'is-invisible': !enableBooking(item.scheduledTime) }" value="Zur Buchung" /> </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=&#39;/de-de/fliegen/flightdetail?id=&#39;+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=&#39;/de-de/fliegen/flightdetail?id=&#39;+item.id target="_blank"></a> </slide> <slide v-for="flight in item.codeshareFlights"> <a v-text="flight.flightNumber" :href=&#39;/de-de/fliegen/flightdetail?id=&#39;+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="Man spricht von Code Sharing, wenn sich zwei oder mehrere Fluggesellschaften einen Flug teilen.&lt;br /&gt; &lt;br /&gt; Jede der beteiligten Airlines bietet den betreffenden Flug dann unter &lt;strong&gt;einer eigenen Flugnummer&lt;/strong&gt; an, er wird jedoch mit ein und demselben Flugzeug durchgef&amp;uuml;hrt. So kann es also f&amp;uuml;r einen Flug unterschiedliche Flugnummern geben. &lt;div id=&quot;gtx-trans&quot; style=&quot;position: absolute; left: 407px; top: 11px;&quot;&gt; &lt;div class=&quot;gtx-trans-icon&quot;&gt;&amp;nbsp;&lt;/div&gt; &lt;/div&gt;"><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('/de-de/fliegen/flug-buchen', item)" v-if="enableBooking(item.scheduledTime)" value="Zur Buchung" /> <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>Keine Fl&#252;ge f&#252;r diesen Zeitraum</p> </div> </div> <div class="flight-results-list__loadmore" v-if="show && !maxFlightsLoaded"> <button v-on:click="loadMore" :disabled="loading" class="btn btn-primary">Weitere Fl&#252;ge</button> </div> <div class="flight-results-list__loadmore" v-if="show && maxFlightsLoaded"> <div class="change-parameters">Um weitere Fl&#252;ge sehen zu k&#246;nnen &#228;ndern Sie bitte Ihre Suchparameter.</div> <button v-on:click="scrollToTop" class="btn btn-primary btn-back-to-search">Zur&#252;ck zur Suche <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>Suche au&#223;erhalb der Flugsaison</h3> <div>Die Flugplansaison &#228;ndert sich Ende M&#228;rz und Ende Oktober. Wenn sich Ihre gew&#252;nschte Zeitspanne mit einer dieser saisonalen &#196;nderungen &#252;berschneidet, k&#246;nnen wir Ihnen die neuen Flugplandaten nur etwa sechs Wochen vor Beginn der neuen Saison zur Verf&#252;gung stellen.</div> <a class="btn btn-primary" href="#" v-on:click="bookFlight('/de-de/fliegen/flug-buchen')">Zur Flugbuchung</a> </div> <div v-else-if="hasNoFlightError" class="flight-top-rocker__error" v-bind:style="{display:'block'}"> <h3>Keine passenden Fl&#252;ge gefunden</h3> <div>An diesem Tag gibt es keinen Flug mit der angegebenen Airline oder zum gew&#252;nschten Flugziel. Bitte pr&#252;fen Sie Ihre Angaben.</div> </div> <div v-else-if="hasError && !hasNoFlightError && !hasSeasonError" class="flight-top-rocker__error" v-bind:style="{display:'block'}"> <h3>Ups...</h3> <div>Server antwortet nicht, bitte versuchen Sie es sp&#228;ter noch einmal!</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 = '24.11.2024'; window.selectedTime = '03:00'; window.isArrival = true; window.isDestination = false; window.updateTimer = 300000; window.debounceTimer = 1000; window.pageSize = 20; window.arrivalUrl = '/de-de/fliegen/ankunft'; window.arrivalLinks = [{"Name":"Deutsch","Url":"/de-de/fliegen/ankunft","IsActive":true},{"Name":"English","Url":"/en/flights/arrivals","IsActive":false}]; window.depatureUrl = '/de-de/fliegen/abflug'; window.departureLinks = [{"Name":"Deutsch","Url":"/de-de/fliegen/abflug","IsActive":true},{"Name":"English","Url":"/en/flights/departures","IsActive":false}]; window.destinationUrl = '/de-de/fliegen/flugziele'; window.destinationLinks = [{"Name":"Deutsch","Url":"/de-de/fliegen/flugziele","IsActive":true},{"Name":"English","Url":"/en/flights/destinations","IsActive":false}]; </script> <section class="image-text image-text--text-only content-section space-top space-bottom bg-gray"> <div class="container"> <div class="row"> <div class="image-text__text-container col-12"> <div class="image-text__rte">Alle Angaben ohne Gewähr. Bei Abweichungen zu Ihrem Ticket, kontaktieren Sie bitte Ihre Fluggesellschaft.</div> </div> </div> </div> </section> <section class="teaser content-section space-top space-bottom bg-white "> <div class="container teaser__container "> <div class="swiper-arrow-container"> <div class=" teaser__swiper TeaserSectionSingle "> <div class="row teaser__row"> <div class="teaser__col col-12"> <div class="teaser__wrapper teaser__wrapper__single teaser__link"> <a href="/de-de/informieren/ankommen-am-flughafen" target="" class="teaser__spacer"> <div class="col-md-6 col-12 teaser__column"> <div class="teaser__image" style="background-image: url(/-/media/dus/reisende/informieren/ankommen/ankommen_1920x1080.ashx)" onclick="window.econda.content('teaser-/de-de/informieren/ankommen-am-flughafen-clicked')"> </div> </div> <div class="col-md-6 col-12 teaser__column d-flex"> <div class="teaser__text" onclick="window.econda.content('teaser-/de-de/informieren/ankommen-am-flughafen-clicked')"> <div class="teaser__content has-button"> <h3>Ankommen am Flughafen Düsseldorf</h3> Passkontrolle, Gepäckausgabe, Lost & Found – alle wichtigen Informationen für ankommende Passagiere im Überblick </div> <div><span class="teaser__wrapper-link maxlength-link-button btn btn-primary">Mehr erfahren</span></div> </div> </div> </a> </div> </div> </div> </div> </div> </div> </section> <section class="newsletter-teaser content-section headline space-top space-bottom bg-dark-blue" style=""> <div class="container"> <div class="row"> <div class="col"> <div class="newsletter-teaser__headline"> <h2>Abonnieren Sie den DUS Newsletter</h2> </div> <div class="newsletter-teaser__button"> <a class="btn btn-primary newsletter-teaser__link-button" href="/de-de/informieren/dus-newsletter" onclick="window.econda.content('newsletter-button-clicked')">Jetzt anmelden</a> </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>Konzern</h6> <ul> <li onclick="window.econda.content('footer-Unternehmen-clicked')"> <a Class="footer__link" href="https://www.dus.com/de-de/konzern/unternehmen" title="Unternehmen">Unternehmen</a> </li> <li onclick="window.econda.content('footer-Jobs-clicked')"> <a Class="footer__link" href="https://www.dus.com/de-de/konzern/jobs" title="Jobs">Jobs</a> </li> <li onclick="window.econda.content('footer-Presse-clicked')"> <a Class="footer__link" href="https://www.dus.com/de-de/konzern/presse" title="Presse">Presse</a> </li> <li onclick="window.econda.content('footer-Nachbar Flughafen-clicked')"> <a Class="footer__link" href="https://www.dus.com/de-de/konzern/nachbarn" title="Nachbar Flughafen">Nachbar Flughafen</a> </li> </ul> </div> </div> <div class="col"> <div class="footer__menu-section"> <h6>Partner</h6> <ul> <li onclick="window.econda.content('footer-Aviation-clicked')"> <a Class="footer__link" href="https://www.dus.com/de-de/businesspartner/aviation" title="Aviation">Aviation</a> </li> <li onclick="window.econda.content('footer-Reiseb&#252;ros-clicked')"> <a Class="footer__link" href="https://www.dus.com/de-de/businesspartner/reiseb%C3%BCros" title="Reisebüros">Reiseb&#252;ros</a> </li> <li onclick="window.econda.content('footer-Businessstandort-clicked')"> <a Class="footer__link" href="https://www.dus.com/de-de/businesspartner/businessstandort" title="Businessstandort">Businessstandort</a> </li> <li onclick="window.econda.content('footer-Airport City-clicked')"> <a Class="footer__link" href="https://www.dus.com/de-de/businesspartner/airport-city" title="Airport City">Airport City</a> </li> <li onclick="window.econda.content('footer--clicked')"> <a Class="footer__link" href="/de-de/businesspartner/vermietung-,-a-,-werbung/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>Allgemeines</h6> <ul> <li onclick="window.econda.content('footer--clicked')"> <a Class="footer__link" href="/de-de/impressum">Impressum</a> </li> <li onclick="window.econda.content('footer-FAQ-clicked')"> <a Class="footer__link" href="/de-de/faq">FAQ</a> </li> <li onclick="window.econda.content('footer--clicked')"> <a Class="footer__link" href="/de-de/hilfe-und-kontakt">Hilfe und Kontakt</a> </li> <li onclick="window.econda.content('footer--clicked')"> <a Class="footer__link" href="/de-de/downloadcenter">Downloadcenter</a> </li> <li onclick="window.econda.content('footer-Datenschutz &amp; rechtliche Hinweise-clicked')"> <a Class="footer__link" href="/de-de/datenschutz">Datenschutz &amp; rechtliche Hinweise</a> </li> <li onclick="window.econda.content('footer-Informationen f&#252;r Hinweisgebende-clicked')"> <a Class="footer__link" href="/de-de/informationen-fuer-hinweisgeber" title="Informationen für Hinweisgebende">Informationen f&#252;r Hinweisgebende</a> </li> <li onclick="window.econda.content('footer-Verantwortung in Lieferketten-clicked')"> <a Class="footer__link" href="/de-de/verantwortung-in-lieferketten" title="Verantwortung in Lieferketten">Verantwortung in Lieferketten</a> </li> <li onclick="window.econda.content('footer-DUS Newsletter-clicked')"> <a Class="footer__link" href="/de-de/informieren/dus-newsletter" target="|Custom">DUS Newsletter</a> </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-X-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 />X</a> </li> <li onclick="window.econda.content('footer-LinkedIn-clicked')"> <a href="https://www.linkedin.com/company/715593" 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>Sprache</strong> <select class="footer__language-select"> <option selected data-link="/de-de/fliegen/ankunft">Deutsch</option> <option data-link="/en/flights/arrivals">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>Di</div> <div>Mi</div> <div>Do</div> <div>Fr</div> <div>Sa</div> <div>So</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'; 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 = "Flughafen D&#252;sseldorf, Ankunft, D&#252;sseldorf, Ank&#252;nfte, Landung, Landungen, Flugplan"; 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: '26B6C99A50DB4D379CDCAFA07C1A4B89', trackClicks: true, stored : [], send : function(p){this.stored.push(p);} }; window.econdaParam = { content : '/DUS/Internet/Home/Fliegen/Arrivals' } 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>

Pages: 1 2 3 4 5 6 7 8 9 10