CINXE.COM
Abflug
<!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="Abflug"> <meta name="description" content="Alle Flüge ab Düsseldorf im Überblick - planen Sie Ihren nächsten Flug"> <meta name="keywords" content="Flughafen Düsseldorf, Abflug, Düsseldorf, Abflüge, Start, Starts, Flugplan, Flugzeiten"> <link rel="apple-touch-icon" sizes="180x180" href="/Images/apple-touch-icon.png"> <link rel="icon" href="/Images/favicon.svg" color="#002f6c"> <title> Abflug </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/abflug"> <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ü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 "> <a href="/de-de/fliegen/ankunft" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Ankunft </span> </a> </li> <li class="header__child-navigation-list-item is-active "> <a href="/de-de/fliegen/abflug" class="header__nav-link is-active "> <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üros-am-airport" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Reisebü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ü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äuser" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Parkhä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ü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ü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äck" class="header__nav-link "> <span class="header__nav-link-content-wrap"> Gepä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ück </span> </a> </li> <li class="header__grandchild-navigation-list-item header__grandchild-navigation-list-item--parent"> <a href="/de-de/informieren/gepäck" class="header__nav-link "> <span class="header__nav-link-content-wrap header__nav-link-content-wrap--parent"> Gepäck </span> </a> </li> <li class="header__grandchild-navigation-list-item "> <a href="/de-de/informieren/gepäck/hand-und-reisegepäck" class="header__nav-link"> <span class="header__nav-link-content-wrap"> Hand-und-Reisegepäck </span> </a> </li> <li class="header__grandchild-navigation-list-item "> <a href="/de-de/informieren/gepäck/sport--und-sperrgepäck" class="header__nav-link"> <span class="header__nav-link-content-wrap"> Sport- und Sperrgepäck </span> </a> </li> <li class="header__grandchild-navigation-list-item "> <a href="/de-de/informieren/gepä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äck/gepäckaufbewahrung" class="header__nav-link"> <span class="header__nav-link-content-wrap"> Gepäckaufbewahrung </span> </a> </li> <li class="header__grandchild-navigation-list-item "> <a href="/de-de/informieren/gepäck/gepäckversiegelung" class="header__nav-link"> <span class="header__nav-link-content-wrap"> Gepäckversiegelung </span> </a> </li> <li class="header__grandchild-navigation-list-item "> <a href="/de-de/informieren/gepäck/verlorenes-gepäck" class="header__nav-link"> <span class="header__nav-link-content-wrap"> Verlorenes Gepä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ü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ü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ü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ü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ü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ßen" class="header__nav-link has-child-nodes" onclick="window.econda.content('main-nav-Shoppen und Genießen-clicked')"> Shoppen und Genieß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ück </span> </a> </li> <li class="header__child-navigation-list-item header__child-navigation-list-item--parent"> <a href="/de-de/shoppen-und-genießen" class="header__nav-link "> <span class="header__nav-link-content-wrap header__nav-link-content-wrap--parent"> Shoppen und Genießen </span> </a> </li> <li class="header__child-navigation-list-item "> <a href="/de-de/shoppen-und-genieß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ß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ß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>Abflug</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ü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"> </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&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ä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"> </p> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> </div> <div v-for="dateObj in flightItems" class="flight-results__date"> <p v-if="!loading" v-text="dateObj.dateKey"></p> <div v-if="!loading" v-bind:style="[!item.codeshare ? {display:'block !important'} : {}]" v-for="item in dateObj.flights" class="flight-results-list__content d-none" v-bind:class="{'flight-results-list__content--ipad' : device() === 'tablet', 'flight-results-list__content--mobile' : device() === 'mobile'}"> <div v-if="device() === 'mobile'"> <div class="flight-results-list__top" v-if="item"> <div class="row"> <div class="col-9"> <div class="row flight-results-list__row"> <div class="flight-results-list__row--flightnumber col-4"> <a v-if="!item.codeshareFlights" v-text="item.flightNumber" :href='/de-de/fliegen/flightdetail?id='+item.id target="_blank"></a> <div v-if="item.codeshareFlights" class="flight-results-list__flightshare flight-results-list__codeshareAnimation"> <hooper style="height: 21px" :vertical="true" :items-to-show="1" :auto-play="true" :mouse-drag="false" :play-speed="2000" :infinite-scroll="true"> <slide> <a v-text="item.flightNumber" :href='/de-de/fliegen/flightdetail?id='+item.id target="_blank"></a> </slide> <slide v-for="flight in item.codeshareFlights"> <a v-text="flight.flightNumber" :href='/de-de/fliegen/flightdetail?id='+flight.id target="_blank"></a> </slide> </hooper> </div> </div> <div class="flight-results-list__row flight-results-list__row--destination flight-results-list__row--mobile col-8 dus-bold"> <span v-if="item.destination.name" v-text="item.destination.name"></span> </div> <div class="col-12 flight-results-list__animation-wrapper"> <div v-if="item.statusAnimation && item.status && item.status.publicStatus" class="flight-detail__status--animation"></div> <div v-if="item.status"> <div v-if="item.status.publicStatus"> <span v-text="item.status.publicStatus.name"></span> </div> </div> <div v-if="item.codeshareFlights" class="flight-detail__status--ul" v-on:click="tooltip = true"> <template v-if="item.status"> <template v-if="item.status.publicStatus"> <template v-text="item.status.publicStatus.name"> </template> <template v-if="item.codeshareFlights"> , </template> </template> </template> <span v-text="i18n.CodeSharing"></span> <tooltip headline="Code Sharing" text="Man spricht von Code Sharing, wenn sich zwei oder mehrere Fluggesellschaften einen Flug teilen.<br /> <br /> Jede der beteiligten Airlines bietet den betreffenden Flug dann unter <strong>einer eigenen Flugnummer</strong> an, er wird jedoch mit ein und demselben Flugzeug durchgef&uuml;hrt. So kann es also f&uuml;r einen Flug unterschiedliche Flugnummern geben. <div id="gtx-trans" style="position: absolute; left: 407px; top: 11px;"> <div class="gtx-trans-icon">&nbsp;</div> </div>"><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='/de-de/fliegen/flightdetail?id='+item.id target="_blank"></a> <div v-if="item.codeshareFlights" class="flight-results-list__flightshare flight-results-list__codeshareAnimation"> <hooper style="height: 24px" :vertical="true" :items-to-show="1" :auto-play="true" :mouse-drag="false" :play-speed="2000" :infinite-scroll="true"> <slide> <a v-text="item.flightNumber" :href='/de-de/fliegen/flightdetail?id='+item.id target="_blank"></a> </slide> <slide v-for="flight in item.codeshareFlights"> <a v-text="flight.flightNumber" :href='/de-de/fliegen/flightdetail?id='+flight.id target="_blank"></a> </slide> </hooper> </div> </div> <div class="col-8 flight-results-list__row flight-results-list__row--destination"> <span v-text="item.destination.name"></span> </div> <div class="col-12 flight-results-list__animation-wrapper"> <div v-if="item.statusAnimation && item.status && item.status.publicStatus" class="flight-detail__status--animation"></div> <div v-if="item.status"> <div v-if="item.status.publicStatus"> <span v-text="item.status.publicStatus.name"></span> </div> </div> <div v-if="item.codeshareFlights" class="flight-detail__status--ul"> <template v-if="item.status"> <template v-if="item.status.publicStatus"> <template v-text="item.status.publicStatus.name"> </template> <template v-if="item.codeshareFlights"> , </template> </template> </template> <span v-text="i18n.CodeSharing"></span> <tooltip headline="Code Sharing" text="Man spricht von Code Sharing, wenn sich zwei oder mehrere Fluggesellschaften einen Flug teilen.<br /> <br /> Jede der beteiligten Airlines bietet den betreffenden Flug dann unter <strong>einer eigenen Flugnummer</strong> an, er wird jedoch mit ein und demselben Flugzeug durchgef&uuml;hrt. So kann es also f&uuml;r einen Flug unterschiedliche Flugnummern geben. <div id="gtx-trans" style="position: absolute; left: 407px; top: 11px;"> <div class="gtx-trans-icon">&nbsp;</div> </div>"><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='/de-de/fliegen/flightdetail?id='+item.id target="_blank"></a> <div v-if="item.codeshareFlights" class="flight-results-list__flightshare flight-results-list__codeshareAnimation"> <hooper style="height: 24px" :vertical="true" :items-to-show="1" :auto-play="true" :mouse-drag="false" :play-speed="2000" :infinite-scroll="true"> <slide> <a v-text="item.flightNumber" :href='/de-de/fliegen/flightdetail?id='+item.id target="_blank"></a> </slide> <slide v-for="flight in item.codeshareFlights"> <a v-text="flight.flightNumber" :href='/de-de/fliegen/flightdetail?id='+flight.id target="_blank"></a> </slide> </hooper> </div> </div> <div class="col-8 flight-results-list__center"> <span v-text="item.destination.name" class="flight-results-list__destination--arrival"></span> </div> </div> </div> <div class="col-5 flight-results-list__content--padding flight-results-list__center"> <div class="row"> <div class="col-3"> {{ item.scheduledTime | hoursMinutes }} </div> <div class="col-3 flight-results-list__content--estimatedtime"> <template v-if="item.actualTime"> {{ item.actualTime | hoursMinutes }} </template> <template v-else-if="item.estimatedTime"> {{ item.estimatedTime | hoursMinutes }} </template> <template v-else> </template> </div> <div class="col-2 flight-results-list__content--exit"> <span v-if="item.arrivalExit" v-text="item.arrivalExit"></span> </div> <div class="col-4 flight-results-list__content--belt"> <span v-if="item.belt" v-text="item.belt[0]"></span> </div> </div> </div> <div class="col flight-results-list__center--remarks"> <div class="row"> <div class="col-7 flight-results-list__center"> <div class="row"> <div class="col-2 flight-results-list__status--arrival" v-if="item.statusAnimation && item.status.publicStatus"> <div class="flight-detail__status--animation"></div> </div> <div class="col-10"> <ul class="flight-detail__status--ul"> <li v-if="item.status && item.status.publicStatus"> <span v-text="item.status.publicStatus.name"></span><span v-if="item.codeshareFlights">, </span> </li> <li v-if="item.codeshareFlights" class="flight-detail__status--codeshare"> <span v-text="i18n.CodeSharing"></span> <tooltip headline="Code Sharing" text="Man spricht von Code Sharing, wenn sich zwei oder mehrere Fluggesellschaften einen Flug teilen.<br /> <br /> Jede der beteiligten Airlines bietet den betreffenden Flug dann unter <strong>einer eigenen Flugnummer</strong> an, er wird jedoch mit ein und demselben Flugzeug durchgef&uuml;hrt. So kann es also f&uuml;r einen Flug unterschiedliche Flugnummern geben. <div id="gtx-trans" style="position: absolute; left: 407px; top: 11px;"> <div class="gtx-trans-icon">&nbsp;</div> </div>"><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üge fü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üge</button> </div> <div class="flight-results-list__loadmore" v-if="show && maxFlightsLoaded"> <div class="change-parameters">Um weitere Flüge sehen zu können ändern Sie bitte Ihre Suchparameter.</div> <button v-on:click="scrollToTop" class="btn btn-primary btn-back-to-search">Zurü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&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"> </p> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> <div class="flight-results-skeleton flight-results-list__content"> <div class="row flight-results-skeleton__list"> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-1"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-2"><span> </span></div> <div class="col-3"><span> </span></div> </div> </div> </div> <div v-for="dateObj in flightItems" class="flight-results__date"> <p v-if="!loading" v-text="dateObj.dateKey"></p> <div v-if="!loading" v-bind:style="[!item.codeshare ? {display:'block !important'} : {}]" v-for="item in dateObj.flights" class="flight-results-list__content d-none" v-bind:class="{'flight-results-list__content--ipad' : device() === 'tablet', 'flight-results-list__content--mobile' : device() === 'mobile'}"> <div v-if="device() === 'mobile'"> <div class="flight-results-list__top" v-if="item"> <div class="row"> <div class="col-9"> <div class="row flight-results-list__row"> <div class="flight-results-list__row--flightnumber col-4"> <a v-if="!item.codeshareFlights" v-text="item.flightNumber" :href='/de-de/fliegen/flightdetail?id='+item.id target="_blank"></a> <div v-if="item.codeshareFlights" class="flight-results-list__flightshare flight-results-list__codeshareAnimation"> <hooper style="height: 21px" :vertical="true" :items-to-show="1" :auto-play="true" :mouse-drag="false" :play-speed="2000" :infinite-scroll="true"> <slide> <a v-text="item.flightNumber" :href='/de-de/fliegen/flightdetail?id='+item.id target="_blank"></a> </slide> <slide v-for="flight in item.codeshareFlights"> <a v-text="flight.flightNumber" :href='/de-de/fliegen/flightdetail?id='+flight.id target="_blank"></a> </slide> </hooper> </div> </div> <div class="flight-results-list__row flight-results-list__row--destination flight-results-list__row--mobile col-8 dus-bold"> <span v-if="item.destination.name" v-text="item.destination.name"></span> </div> <div class="col-12 flight-results-list__animation-wrapper"> <div v-if="item.statusAnimation && getComments(item)" class="flight-detail__status--animation"></div> <div v-if="getComments(item)"> <span v-text="getComments(item)"></span><span v-if="item.codeshareFlights">, </span> </div> <div v-if="item.codeshareFlights" class="flight-detail__status--ul" v-on:click="tooltip = true"> <span v-text="i18n.CodeSharing"></span> <tooltip headline="Code Sharing" text="Man spricht von Code Sharing, wenn sich zwei oder mehrere Fluggesellschaften einen Flug teilen.<br /> <br /> Jede der beteiligten Airlines bietet den betreffenden Flug dann unter <strong>einer eigenen Flugnummer</strong> an, er wird jedoch mit ein und demselben Flugzeug durchgef&uuml;hrt. So kann es also f&uuml;r einen Flug unterschiedliche Flugnummern geben. <div id="gtx-trans" style="position: absolute; left: 407px; top: 11px;"> <div class="gtx-trans-icon">&nbsp;</div> </div>"><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='/de-de/fliegen/flightdetail?id='+item.id target="_blank"></a> <div v-if="item.codeshareFlights" class="flight-results-list__flightshare flight-results-list__codeshareAnimation"> <hooper style="height: 24px" :vertical="true" :items-to-show="1" :auto-play="true" :mouse-drag="false" :play-speed="2000" :infinite-scroll="true"> <slide> <a v-text="item.flightNumber" :href='/de-de/fliegen/flightdetail?id='+item.id target="_blank"></a> </slide> <slide v-for="flight in item.codeshareFlights"> <a v-text="flight.flightNumber" :href='/de-de/fliegen/flightdetail?id='+flight.id target="_blank"></a> </slide> </hooper> </div> </div> <div class="col-8 flight-results-list__row flight-results-list__row--destination"> <span v-text="item.destination.name"></span> </div> <div class="col-12 flight-results-list__animation-wrapper"> <div v-if="item.statusAnimation && getComments(item)" class="flight-detail__status--animation"></div> <div v-if="getComments(item)"> <span v-text="getComments(item)"></span><span v-if="item.codeshareFlights">, </span> </div> <div v-if="item.codeshareFlights" class="flight-detail__status--ul"> <span v-text="i18n.CodeSharing"></span> <tooltip headline="Code Sharing" text="Man spricht von Code Sharing, wenn sich zwei oder mehrere Fluggesellschaften einen Flug teilen.<br /> <br /> Jede der beteiligten Airlines bietet den betreffenden Flug dann unter <strong>einer eigenen Flugnummer</strong> an, er wird jedoch mit ein und demselben Flugzeug durchgef&uuml;hrt. So kann es also f&uuml;r einen Flug unterschiedliche Flugnummern geben. <div id="gtx-trans" style="position: absolute; left: 407px; top: 11px;"> <div class="gtx-trans-icon">&nbsp;</div> </div>"><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='/de-de/fliegen/flightdetail?id='+item.id target="_blank"></a> <div v-if="item.codeshareFlights" class="flight-results-list__flightshare flight-results-list__codeshareAnimation"> <hooper style="height: 24px" :vertical="true" :items-to-show="1" :auto-play="true" :mouse-drag="false" :play-speed="2000" :infinite-scroll="true"> <slide> <a v-text="item.flightNumber" :href='/de-de/fliegen/flightdetail?id='+item.id target="_blank"></a> </slide> <slide v-for="flight in item.codeshareFlights"> <a v-text="flight.flightNumber" :href='/de-de/fliegen/flightdetail?id='+flight.id target="_blank"></a> </slide> </hooper> </div> </div> <div class="col-7 flight-results-list__center"> <span v-if="item.destination" v-text="item.destination.name" class="flight-results-list__destination"></span> </div> </div> </div> <div class="col-4 flight-results-list__center"> <div class="row"> <div class="col-3"> {{ item.scheduledTime | hoursMinutes }} </div> <div class="col-3"> <template v-if="item.actualTime"> {{ item.actualTime | hoursMinutes }} </template> <template v-else-if="item.estimatedTime"> {{ item.estimatedTime | hoursMinutes }} </template> </div> <div class="col-4"> <template v-if="item.checkInCounter != null"> <span v-if="item.checkInCounter" v-text="item.checkInCounter[0]"></span> <template v-if="item.checkInCounter.length > 1"> <span>-</span> <span v-text="item.checkInCounter[1]"></span> </template> </template> </div> <div class="col-2 flight-results-list__gate"> <span v-if="item.gate">{{ item.gate[0] }}</span> </div> </div> </div> <div class="col flight-results-list__center"> <div class="row"> <div class="col-7 flight-results-list__center"> <div class="row"> <div class="col-2 flight-results-list__status--departure" v-if="item.statusAnimation && getComments(item)"> <div class="flight-detail__status--animation"></div> </div> <div class="col-10 flight-detail__status--desktop"> <ul class="flight-detail__status--ul"> <li v-if="getComments(item)"> <span v-text="getComments(item)"></span><span v-if="item.codeshareFlights">, </span> </li> <li v-if="item.codeshareFlights" class="flight-detail__status--codeshare"> <span v-text="i18n.CodeSharing"></span> <tooltip headline="Code Sharing" text="Man spricht von Code Sharing, wenn sich zwei oder mehrere Fluggesellschaften einen Flug teilen.<br /> <br /> Jede der beteiligten Airlines bietet den betreffenden Flug dann unter <strong>einer eigenen Flugnummer</strong> an, er wird jedoch mit ein und demselben Flugzeug durchgef&uuml;hrt. So kann es also f&uuml;r einen Flug unterschiedliche Flugnummern geben. <div id="gtx-trans" style="position: absolute; left: 407px; top: 11px;"> <div class="gtx-trans-icon">&nbsp;</div> </div>"><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üge fü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üge</button> </div> <div class="flight-results-list__loadmore" v-if="show && maxFlightsLoaded"> <div class="change-parameters">Um weitere Flüge sehen zu können ändern Sie bitte Ihre Suchparameter.</div> <button v-on:click="scrollToTop" class="btn btn-primary btn-back-to-search">Zurü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ßerhalb der Flugsaison</h3> <div>Die Flugplansaison ändert sich Ende März und Ende Oktober. Wenn sich Ihre gewünschte Zeitspanne mit einer dieser saisonalen Änderungen überschneidet, können wir Ihnen die neuen Flugplandaten nur etwa sechs Wochen vor Beginn der neuen Saison zur Verfü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üge gefunden</h3> <div>An diesem Tag gibt es keinen Flug mit der angegebenen Airline oder zum gewünschten Flugziel. Bitte prü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ä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 = false; 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-bottom headline bg-gray"> <div class="container"> <div class="row"> <div class="image-text__text-container col-12"> <h3>Anmerkungen</h3> <div class="image-text__rte"><p>Alle Angaben ohne Gew盲hr. Bei Abweichungen zu Ihrem Ticket, kontaktieren Sie bitte Ihre <a href="/de-de/fliegen/airlines">Fluggesellschaft</a>.</p> <p>Alle 眉ber 40 Minuten hinaus gehenden Wartezeiten werden mit <strong>> 40</strong> ver枚ffentlicht. Die <strong>tats盲chliche Wartezeit</strong> kann also unter Umst盲nden h枚her sein. Bitte beachten Sie das bei Ihrer Zeitplanung.</p></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 TeaserSectionDouble "> <div class="row teaser__row"> <div class="teaser__col col-md-6 col-12 d-flex"> <div class="teaser__wrapper teaser__wrapper__double teaser__link"> <a href="/de-de/parken/abholer-und-bringer" target="" class="teaser__wrapper__double__content"> <div> <div class="teaser__image" style="background-image: url(/-/media/dus/reisende/parken/abholer-und-bringer/abholer-bringer-teaser_202410_1920x1080.ashx)" onclick="window.econda.content('teaser-/de-de/parken/abholer-und-bringer-clicked')"> </div> </div> <div class="teaser__column"> <div class="teaser__text" onclick="window.econda.content('teaser-/de-de/parken/abholer-und-bringer-clicked')"> <div class="teaser__content has-button"> <h3>Abholer, Bringer und Besucher-Parken</h3> Einfach n盲her. Einfach schneller. Einfach bequemer. </div> <div><span class="teaser__wrapper-link maxlength-link-button btn btn-primary">Mehr Informationen</span></div> </div> </div> </a> </div> </div> <div class="teaser__col col-md-6 col-12 d-flex"> <div class="teaser__wrapper teaser__wrapper__double teaser__link"> <a href="/de-de/fliegen/reiseb眉ros-am-airport" target="" class="teaser__wrapper__double__content"> <div> <div class="teaser__image" style="background-image: url(/-/media/dus/reisende/fliegen/reisebueros-am-airport/reisemarkt-paerchen_1920x1080.ashx)" onclick="window.econda.content('teaser-/de-de/fliegen/reisebüros-am-airport-clicked')"> </div> </div> <div class="teaser__column"> <div class="teaser__text" onclick="window.econda.content('teaser-/de-de/fliegen/reisebüros-am-airport-clicked')"> <div class="teaser__content has-button"> <h3>Reisemarkt am Airport</h3> Der Reisemarkt bietet 7 Tage die Woche von mindestens 10-18 Uhr ein riesiges Angebot an Urlaubsm枚glichkeiten. </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üros-clicked')"> <a Class="footer__link" href="https://www.dus.com/de-de/businesspartner/reiseb%C3%BCros" title="Reiseb眉ros">Reisebü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 & rechtliche Hinweise-clicked')"> <a Class="footer__link" href="/de-de/datenschutz">Datenschutz & rechtliche Hinweise</a> </li> <li onclick="window.econda.content('footer-Informationen für Hinweisgebende-clicked')"> <a Class="footer__link" href="/de-de/informationen-fuer-hinweisgeber" title="Informationen f眉r Hinweisgebende">Informationen fü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/abflug">Deutsch</option> <option data-link="/en/flights/departures">English</option> </select> </div> </div> </div> </div> </div> </div> </div> </footer> </div> <div id="loading-layer" class="is-hidden"> Loading... </div> <div id="modal-layer" class="is-hidden"></div> <div id="js-lightbox-container"></div> <div id="breakpoint-indicator-xs"></div> <div id="breakpoint-indicator-sm"></div> <div id="breakpoint-indicator-md"></div> <div id="breakpoint-indicator-lg"></div> <div id="breakpoint-indicator-xl"></div> <div id="breakpoint-indicator-xxl"></div> <div id="datepicker-header-template" class="datetimepicker-header"> <div class="datetimepicker-header__wrapper"> <a class="datetimepicker-header__back" href="#"> <svg data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M23 24l-7.42-7.43a.75.75 0 0 1 1.06-1.06L24 23l7.42-7.42a.75.75 0 0 1 1.08 1L25.08 24l7.42 7.43a.75.75 0 0 1-1 1.1L24 25.08l-7.41 7.42a.75.75 0 1 1-1.1-1L23 24z" fill="#6b7076" fill-rule="evenodd" class="fill" /></svg> </a> <p class="datetimepicker-header__field-name"></p> <div class="datetimepicker-header__names"> <div>Mo</div> <div>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üsseldorf, Abflug, Düsseldorf, Abflüge, Start, Starts, Flugplan, Flugzeiten"; window.IQDigitalSetting = IQDigitalSetting; </script> <script> const propName = 'emos_privacy'; if (localStorage.getItem(propName) == null) { localStorage.setItem(propName, '2'); } window.emos3 = { defaults: { siteid : 'DUSCOM', countryid: 'DE', langid : 'de' }, pageId: 'D3DD0BAED9944961A20850E85E17643E', trackClicks: true, stored : [], send : function(p){this.stored.push(p);} }; window.econdaParam = { content : '/DUS/Internet/Home/Fliegen/Departures' } window.facebookAppId = 786387931879658; window.googleMapId = 'AIzaSyC1HHcmLpmeaRPiMPVXMU_8ZHmo3Yy_v5c'; window.addEventListener('CookiebotOnAccept', function (e) { if (localStorage.getItem(propName) != '3') { localStorage.setItem(propName, '3'); window.emos3.PRIV_MODE = '3'; } }, false); window.addEventListener('CookiebotOnDecline', function (e) { if (localStorage.getItem(propName) != '2') { localStorage.setItem(propName, '2'); window.emos3.PRIV_MODE = '2'; } }, false); window.addEventListener('CookiebotOnDialogDisplay', function (data) { var value = document.querySelector('#CybotCookiebotDialogBodyContentTextToggleDetails').text; document.querySelector('#CybotCookiebotDialogBodyContentTextToggleDetails').text = value.replace("Abschnitt Einzelheiten", "Abschnitt Details"); }, false); window.addEventListener('CookiebotOnDialogInit', function () { Cookiebot.dialog.IABDeselectPurposes = function () { for (var o = document.getElementsByClassName("CybotCookiebotDialogBodyIABButtonPurposes"), t = 0; t < o.length; t++) o[t].checked = !1; o = document.getElementsByClassName("CybotCookiebotDialogBodyIABButtonPurposesLegitimateInterestSelection"); for (t = 0; t < o.length; t++) o[t].checked = !1; } Cookiebot.dialog.IABDeselectVendors = function () { for (var o = document.getElementsByClassName("CybotCookiebotDialogBodyIABButtonVendors"), t = 0; t < o.length; t++) o[t].checked = !1; o = document.getElementsByClassName("CybotCookiebotDialogBodyIABButtonVendorsLegitimateInterestSelection"); for (t = 0; t < o.length; t++) o[t].checked = !1; } }); </script> <script id="CookiebotConfiguration" type="application/json" data-cookieconsent="ignore"> { "Frameworks": { "IABTCF2": { "AllowedVendors": [452,61,647,783,1126,293,795,183,1061,771,184,812,539,50,39,507,93,264,565,6,66,195,793,23,394,598,801,12,128,625,792,315,416,91,209,885,126,110,796,168,213,312,120,100,78,328,758,755,98,253,10,730,278,252,424,97,101,302,34,373,832,602,69,488,385,772,559,164,139,140,177,297,226,76,11,60,787,759,36,71,16,84,111,68,82,45,115,246,134,13,655,275,42,89,132,202,44,345,382,52,21,423,28,242,25,276,284,281,32,70,301,290,612,57,703,855,138,440,131,282,1213], "AllowedGoogleACVendors": [], "AllowedPurposes": [1,2,3,4,5,6,7,8,9,10], "AllowedSpecialPurposes": [], "AllowedFeatures": [1], "AllowedSpecialFeatures": [1], "VendorRestrictions": [] } } } </script> <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="5d466817-5865-41df-b3bb-094d9e0dd396" data-framework="TCFv2.2"></script> <script src="/Assets/vendor.74cb3125d22fe7891212.js"></script> <script src="/Assets/dus.74cb3125d22fe7891212.js"></script> <script defer="defer" src="https://l.ecn-ldr.de/loader/loader.js" client-key="00002a5e-150d6b79-c500-34f0-a5d0-b7e5de563284" container-id="4795"></script> <script type="text/plain" data-cookieconsent="marketing" src="https://cdn.recognified.net/rd.loader.php?pub_id=1301" async></script> </body> </html>