<a href='#maincontent' class='c-skip-navigation'>
Passa al contenuto principale
</a>
<header class="c-header ">
<div class="c-header__inner">
<div class="c-header_orientation">
<div class="c-orientation ">
<div class="c-orientation__inner">
<ul class="c-site-areas " aria-hidden="true">
<li>
<a href="/components/preview/page-home-travel--default" class="is-active">Viaggiare</a>
</li>
<li>
<a href="/components/preview/page-society-home">Società</a>
</li>
<li>
<a href="/components/preview/page-investor-home">Investor relations</a>
</li>
<li>
<a href="/components/preview/page-innovability-home">Innovability</a>
</li>
<li>
<a href="" class="c-sites-areas__link">Lavora con noi</a>
</li>
</ul>
<div class="c-orientation__utilities">
<a class="c-orientation__assistance " href="../preview/page-home-customer-care.html">
Hai bisogno di aiuto?
</a>
<div class="c-menu">
<input type="checkbox" role="button" aria-haspopup="true" id="toggle" class="u-visuallyhidden">
<label for="toggle" data-opens-menu>
<span>Accedi a MyBLQ</span>
<img src="../../images/svgs/stk_generic-user.svg" alt="" role="presentation" aria-hidden="true" width="24">
<svg class="expanded-text c-icon c-icon--24">
<use xlink:href="#ic_arrow_drop_up_black_24px"></use>
</svg> <svg class="collapsed-text c-icon c-icon--24">
<use xlink:href="#ic_arrow_drop_down_black_24px"></use>
</svg> <span class="u-visuallyhidden expanded-text">Menù aperto</span>
<span class="u-visuallyhidden collapsed-text">Menù chiuso</span>
</label>
<div role="menu" data-menu-origin="right">
<div class="c-menu__img">
<img src="../../images/svgs/stk_generic-user.svg" alt="Accedi alla MyBLQ" aria-hidden="true" width="80">
</div>
<p class="c-menu__title">Accedi alla tua area MyBLQ</p>
<form action="" class="c-form c-form--menu">
<label for="login_email" class="" aria-label="">
e-mail
<input id="login_email" type="email" class="" placeholder="Inserisci il tuo indirizzo e-mail" value="" aria-describedby="email-login-note">
<p class="c-field__note u-visuallyhidden" id="email-login-note">
Compila il campo inserendo il tuo indirizzo e-mail
</p>
</label>
<label for="login-psw" class="has-password-button" aria-label="">
password
<input id="login-psw" type="password" class="" placeholder="Inserisci la tua password" value="" aria-describedby="psw-login-note" autocomplete="current-password">
<button type="button" class="js-pwd-button" data-show-text="Mostra" data-hide-text="Nascondi" aria-label="Mostra password">Mostra</button>
<p class="c-field__note u-visuallyhidden" id="psw-login-note">
Compila il campo inserendo la password del tuo account
</p>
</label>
<a href="/components/preview/insert-email" class="forgetful">Non ricordi la tua password?</a>
<button type="button" class="c-button c-button--submit">
Accedi
</button>
</form>
<a href="/components/preview/page-choice-profile" class="c-menu__invite">Non hai un profilo MyBLQ? Registrati ora</a>
</div>
</div>
<a class="c-orientation__assistance " href="../preview/page-home-assistenze.html">
<span class="u-visuallyhidden">Assistenze speciali</span>
<img src="../../images/svgs/icon_ special_assistance_24px.svg" class="prm-icon" alt="">
</a>
<div class="c-languages__dropdown">
<input type="checkbox" id="checkbox_language_toggle" class="c-languages__switch">
<label for="checkbox_language_toggle">
ita
<svg class="c-icon c-icon--24 chevron--up">
<use xlink:href="#ic_arrow_drop_up_black_24px"></use>
</svg> <svg class="c-icon c-icon--24 chevron--down">
<use xlink:href="#ic_arrow_drop_down_black_24px"></use>
</svg>
<ul class="c-languages__dropdown-content" aria-label="Seleziona la lingua del sito">
<li>
<a href="#" aria-label="Inglese">eng</a>
</li>
<li>
<a href="#" aria-label="Cinese">zh</a>
</li>
</ul>
</label>
</div>
</div>
</div>
</div>
</div>
<div class="c-header__toolbar">
<div class="c-toolbar">
<div class="c-toolbar__inner">
<div class="c-toolbar__left">
<a href="/components/preview/page-home-travel--default" class="c-toolbar__logo">
<img src="../../images/svgs/logo-adb.svg" class="c-logo" alt="Homepage aeroporto di Bologna">
</a>
<a href="/components/preview/page-home-travel--default" class="c-toolbar__logo c-toolbar__logo--innovability">
<img src="../../images/svgs/logo-innovability.svg" class="c-logo c-logo--innovability" alt="Homepage aeroporto di Bologna">
</a>
</div>
<div class="c-toolbar__center" aria-hidden="true">
<div class="c-header__shortcuts" aria-hidden="true">
<nav class="c-navigation-shortcuts">
<ul>
<li class="has-dropdown is-active">
<div class="c-navigation-shortcuts__dropdown o-collapsible">
<div class="o-collapsible__title js-collapsible-title ">
<strong>Voli</strong>
<span>Orari, destinazioni e info</span>
</div>
<div class="c-navigation-shortcuts__megamenu">
<div class="c-megamenu">
<div class="c-megamenu__card">
<div class="c-megamenu__card-overlay">
</div>
<div class="c-megamenu__card-content">
<p class="c-megamenu__card-title">Vola da Bologna</p>
<div class="c-megamenu__card-abstract">
Cerca il tuo volo o vai alla sezione <a href="#">Arrivi e partenze</a>
</div>
<div class="c-megamenu__card-form c-form">
<div class="c-megamenu__card-input">
<label for="flight-label" class="" aria-label="">
Inserisci numero volo <span class="required-marker" aria-hidden="true">*</span>
<input id="flight-id" type="text" class="" placeholder="" value="" aria-describedby="flight-note">
<p class="c-field__note " id="flight-note">
Es. AZ234 oppure Parigi
</p>
</label>
</div>
<button type="button" class="c-button ">
Cerca
</button>
</div>
</div>
</div>
<div class="c-megamenu__main">
<div class="c-megamenu__lists">
<ul>
<strong class="c-megamenu__listtitle">Vola da Bologna</strong>
<li><a href="/components/preview/page-arrivals-departures--default">Arrivi e partenze</a></li>
<li><a href="/components/preview/page-flights-buy-flight">Acquisto Volo</a></li>
<li><a href="/components/preview/page-flights-landing-destinations">Destinazioni</a></li>
<li><a href="/components/preview/page-flight-companies">Le nostre compagnie aeree</a></li>
<li><a href="/components/preview/page-tickets-phone">Biglietteria telefonica</a></li>
</ul>
<ul>
<strong class="c-megamenu__listtitle">Prepara il tuo viaggio</strong>
<li><a href="/components/preview/page-routes-luggage">Bagagli</a></li>
<li><a href="/components/preview/page-routes-documents">Documenti</a></li>
<li><a href="#">Fast Track</a></li>
<li><a href="#">Viaggi e Covid-19</a></li>
<li><a href="/components/preview/page-parkings-home">Prenota un parcheggio</a></li>
</ul>
<ul>
<strong class="c-megamenu__listtitle">Controlli in aeroporto</strong>
<li><a href="#">Controlli in partenza</a></li>
<li><a href="#">Controlli in arrivo</a></li>
</ul>
</div>
<div class="c-megamenu__crossell">
<p>Vola da Bologna e <a href="#">acquista online il tuo parcheggio</a> ad un prezzo scontato </p>
</div>
</div>
<button type="button" class="c-navigation-shortcuts__closemegamenu js-closeMegaMenu" aria-label="Chiudi la guida del passeggero">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
<div class="c-megamenu__overlay"></div>
</div>
</div>
</li>
<li class="has-dropdown ">
<div class="c-navigation-shortcuts__dropdown o-collapsible">
<div class="o-collapsible__title js-collapsible-title ">
<strong>Parcheggi</strong>
<span>Soste brevi e lunghe</span>
</div>
<div class="c-navigation-shortcuts__megamenu">
<div class="c-megamenu">
<div class="c-megamenu__card">
<div class="c-megamenu__card-overlay">
</div>
<div class="c-megamenu__card-content">
<p class="c-megamenu__card-title">Parcheggia in aeroporto:</p>
<div class="c-megamenu__card-abstract">
Qualità e sicurezza al miglior prezzo
</div>
<a href="#" class="c-link c-link--primary">
<span>Acquista ora</span>
<svg class="svg-24">
<use xlink:href="#ic_chevron_right_black_24px"></use>
</svg></a>
</div>
</div>
<div class="c-megamenu__main">
<div class="c-megamenu__lists">
<ul>
<strong class="c-megamenu__listtitle">Parcheggia per volare</strong>
<li><a href="/components/preview/page-parkings-home">Acquista parcheggi</a></li>
<li><a href="/components/preview/page-meet-greet">Soste brevi</a></li>
<li><a href="/components/preview/page-where-to-pay">Come e dove pagare</a></li>
<li><a href="/components/preview/page-rates-conventions">Tariffe e convenzioni</a></li>
<li><a href="/components/preview/page-home-assistenze">Passeggeri a ridotta mobilità</a></li>
</ul>
<ul>
<strong class="c-megamenu__listtitle">Parcheggia e raggiungi la città</strong>
<li><a href="#">Park & Mex</a></li>
<li><a href="/components/preview/page-transports-mex">Marconi Express</a></li>
</ul>
</div>
<div class="c-megamenu__crossell">
<p>Fino al 30% di sconto su tariffe e ingressi Vip Lounge <a href="#">acquistando online il tuo parcheggio</a></p>
</div>
</div>
<button type="button" class="c-navigation-shortcuts__closemegamenu js-closeMegaMenu" aria-label="Chiudi la guida del passeggero">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
<div class="c-megamenu__overlay"></div>
</div>
</div>
</li>
<li class="has-dropdown ">
<div class="c-navigation-shortcuts__dropdown o-collapsible">
<div class="o-collapsible__title js-collapsible-title ">
<strong>In aeroporto</strong>
<span>Lounge, shopping e servizi</span>
</div>
<div class="c-navigation-shortcuts__megamenu">
<div class="c-megamenu">
<div class="c-megamenu__card">
<div class="c-megamenu__card-overlay">
</div>
<div class="c-megamenu__card-content">
<p class="c-megamenu__card-title">MBL Lounge per partire rilassati</p>
<div class="c-megamenu__card-abstract">
Area relax e ristoro, wifi, fast-track dedicato e parcheggi a tariffe scontate
</div>
<a href="/components/preview/page-lounge" class="c-link c-link--primary">
<span>Prenota VIP Lounge</span>
<svg class="svg-24">
<use xlink:href="#ic_chevron_right_black_24px"></use>
</svg></a>
</div>
</div>
<div class="c-megamenu__main">
<div class="c-megamenu__lists">
<ul>
<strong class="c-megamenu__listtitle">Lounge e Servizi Premium</strong>
<li><a href="/components/preview/page-lounge">MBL VIP Lounge</a></li>
<li><a href="/components/preview/page-youfirst">Youfirst</a></li>
<li><a href="/components/preview/page-area-meeting">Meeting area</a></li>
<li><a href="/components/preview/page-fitness">Palestre</a></li>
</ul>
<ul>
<strong class="c-megamenu__listtitle">Negozi e Ristoranti</strong>
<li><a href="/components/preview/page-shopping-listing">Fashion & Style</a></li>
<li><a href="/components/preview/page-shopping-listing">General stores</a></li>
<li><a href="/components/preview/page-shopping-listing">Bar</a></li>
<li><a href="/components/preview/page-shopping-listing">Ristoranti</a></li>
</ul>
<ul>
<strong class="c-megamenu__listtitle">Servizi</strong>
<li><a href="/components/preview/page-home-customer-care">Bagagli Smarriti</a></li>
<li><a href="/components/preview/page-home-customer-care">Cambio valuta</a></li>
<li><a href="/components/preview/page-home-customer-care">Tutti i servizi al passeggero</a></li>
</ul>
</div>
<div class="c-megamenu__crossell">
<p><a href="#">Acquista online Ingressi Vip Lounge</a> e avrai tariffe deicate per il tuo parcheggio</p>
</div>
</div>
<button type="button" class="c-navigation-shortcuts__closemegamenu js-closeMegaMenu" aria-label="Chiudi la guida del passeggero">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
<div class="c-megamenu__overlay"></div>
</div>
</div>
</li>
<li class="has-dropdown ">
<div class="c-navigation-shortcuts__dropdown o-collapsible">
<div class="o-collapsible__title js-collapsible-title ">
<strong>Da e per l’aeroporto</strong>
<span>Trasporti pubblici e auto</span>
</div>
<div class="c-navigation-shortcuts__megamenu">
<div class="c-megamenu">
<div class="c-megamenu__card">
<div class="c-megamenu__card-overlay">
</div>
<div class="c-megamenu__card-content">
<p class="c-megamenu__card-title">Raggiungi la città in una manciata di minuti</p>
<div class="c-megamenu__card-abstract">
</div>
<a href="#" class="c-link c-link--primary">
<span>Scopri</span>
<svg class="svg-24">
<use xlink:href="#ic_chevron_right_black_24px"></use>
</svg></a>
</div>
</div>
<div class="c-megamenu__main">
<div class="c-megamenu__lists">
<ul>
<strong class="c-megamenu__listtitle">Trasporti pubblici da e per BLQ</strong>
<li><a href="/components/preview/page-transports-bus">Bus</a></li>
<li><a href="/components/preview/page-transports-taxi">Taxi</a></li>
<li><a href="/components/preview/page-transports-mex">Navetta Marconi Express</a></li>
<li><a href="/components/preview/page-transports-train">Treni</a></li>
</ul>
<ul>
<strong class="c-megamenu__listtitle">Auto e trasporti privati</strong>
<li><a href="/components/preview/page-transports-car">Arrivare con l’auto</a></li>
<li><a href="/components/preview/page-transports-rent-car">Noleggio auto</a></li>
<li><a href="/components/preview/page-transports-rent-car">Noleggio con conducente</a></li>
</ul>
</div>
</div>
<button type="button" class="c-navigation-shortcuts__closemegamenu js-closeMegaMenu" aria-label="Chiudi la guida del passeggero">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
<div class="c-megamenu__overlay"></div>
</div>
</div>
</li>
<li class="has-dropdown ">
<div class="c-navigation-shortcuts__dropdown o-collapsible">
<div class="o-collapsible__title js-collapsible-title ">
<strong>Necessità particolari</strong>
<span>Accessibilità, Famiglie, Animali</span>
</div>
<div class="c-navigation-shortcuts__megamenu">
<div class="c-megamenu">
<div class="c-megamenu__card">
<div class="c-megamenu__card-overlay">
</div>
<div class="c-megamenu__card-content">
<p class="c-megamenu__card-title">Siamo a tua disposizione</p>
<div class="c-megamenu__card-abstract">
</div>
<a href="#" class="c-link c-link--primary">
<span>Hai bisogno di aiuto?</span>
<svg class="svg-24">
<use xlink:href="#ic_chevron_right_black_24px"></use>
</svg></a>
</div>
</div>
<div class="c-megamenu__main">
<div class="c-megamenu__lists">
<ul>
<strong class="c-megamenu__listtitle">Assistenze speciali</strong>
<li><a href="/components/preview/page-routes-prm">Modalità di richiesta assistenza</a></li>
<li><a href="/components/preview/page-routes-prm-airport">Arrivo in aeroporto</a></li>
<li><a href="/components/preview/page-routes-prm-services">Servizi dedicati</a></li>
<li><a href="/components/preview/page-routes-prm-rights">Diritti e qualità del servizio</a></li>
<li><a href="/components/preview/page-home-assistenze">Autismo</a></li>
<li><a href="/components/preview/page-home-assistenze">Sordità - Servizio Tellis</a></li>
</ul>
<ul>
<strong class="c-megamenu__listtitle">Famiglie e minori</strong>
<li><a href="/components/preview/page-home-assistenze">In aeroporto</a></li>
<li><a href="/components/preview/page-home-assistenze">Minori che viaggiano da soli</a></li>
</ul>
<ul>
<strong class="c-megamenu__listtitle">Animali al seguito</strong>
<li><a href="/components/preview/page-routes-animals">Regole per il trasporto</a></li>
<li><a href="/components/preview/page-routes-animals-ue">Paesi U.E.</a></li>
<li><a href="/components/preview/page-routes-animals-xue">Paesi Extra U.E.</a></li>
</ul>
</div>
</div>
<button type="button" class="c-navigation-shortcuts__closemegamenu js-closeMegaMenu" aria-label="Chiudi la guida del passeggero">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
<div class="c-megamenu__overlay"></div>
</div>
</div>
</li>
</ul>
</nav>
</div>
</div>
<div class="c-toolbar__right">
<a class="c-toolbar__assistance" href="../preview/page-home-assistenze.html">
<span class="u-visuallyhidden">Assistenze speciali</span>
<img src="../../images/svgs/icon_ special_assistance_24px.svg" class="prm-icon" alt="">
</a>
<div class="c-menu">
<input type="checkbox" role="button" aria-haspopup="true" id="mtoggle" class="u-visuallyhidden">
<label for="mtoggle" data-opens-menu>
<img src="../../images/svgs/stk_generic-user-white.svg" alt="" role="presentation" aria-hidden="true" width="24">
</label>
<div role="menu" data-menu-origin="right">
<div class="c-menu__img">
<img src="../../images/svgs/stk_generic-user.svg" alt="Accedi alla MyBLQ" aria-hidden="true" width="80">
</div>
<p class="c-menu__title">Accedi alla tua area MyBLQ</p>
<form action="" class="c-form c-form--menu">
<label for="login_email" class="" aria-label="">
e-mail
<input id="login_email" type="email" class="" placeholder="Inserisci il tuo indirizzo e-mail" value="" aria-describedby="email-login-note">
<p class="c-field__note u-visuallyhidden" id="email-login-note">
Compila il campo inserendo il tuo indirizzo e-mail
</p>
</label>
<label for="login-psw" class="has-password-button" aria-label="">
password
<input id="login-psw" type="password" class="" placeholder="Inserisci la tua password" value="" aria-describedby="psw-login-note" autocomplete="current-password">
<button type="button" class="js-pwd-button" data-show-text="Mostra" data-hide-text="Nascondi" aria-label="Mostra password">Mostra</button>
<p class="c-field__note u-visuallyhidden" id="psw-login-note">
Compila il campo inserendo la password del tuo account
</p>
</label>
<a href="/components/preview/insert-email" class="forgetful">Non ricordi la tua password?</a>
<button type="button" class="c-button c-button--submit">
Accedi
</button>
</form>
<a href="/components/preview/page-choice-profile" class="c-menu__invite">Non hai un profilo MyBLQ? Registrati ora</a>
</div>
</div>
<button type="button" class="c-button c-toolbar__icon is-clickable js-fr-dialogmodal-open" aria-label="Cerca nel sito" aria-controls="dialog-search">
<svg class="c-icon c-icon--18">
<use xlink:href="#ic_search_black_24px"></use>
</svg>
</button>
<div class="c-notifications ">
<button type="button" class="c-notifications__button has-indicator js-toggleNotificationsBtn" aria-expanded="false" aria-label="Notifiche" aria-controls="aria-notifications">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_notifications_active_black_24px"></use>
</svg>
<p class="c-notifications__indicator" aria-hidden="true">2</p>
</button>
<div class="c-notifications__box is-narrow has-indicator js-notificationsBox" aria-live="polite" id="aria-notifications">
<div class="c-notifications__head">
<div class="c-notifications__title">
Centro notifiche
</div>
<button type="button" class="c-notifications__closeBtn js-toggleNotificationsBtn" aria-expanded="false" aria-label="Chiudi" aria-controls="aria-notifications">
Chiudi <svg class="c-icon c-icon--16">
<use xlink:href="#ic_close_black_24px"></use>
</svg>
</button>
</div>
<ul class="c-notifications__list">
<li class="important not-read">
<span class="c-notifications__title">Lorem ipsum dolor sit amet</span>
<p><strong>Prevista forte nevicata il 5 Dicembre</strong> dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
<a class="c-notifications__link" href="#">></a>
</li>
<li class="not-read">
<span class="c-notifications__title"></span>
<p><strong>Prevista forte nevicata il 5 Dicembre</strong> dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
<a class="c-notifications__link" href="#">></a>
</li>
<li class="">
<span class="c-notifications__title"></span>
<p><strong>Prevista forte nevicata il 5 Dicembre</strong> dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
<p>Prevista forte nevicata il 5 Dicembre dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
<a class="c-notifications__link" href="#">></a>
</li>
<li class="">
<span class="c-notifications__title"></span>
<p><strong>Prevista forte nevicata il 5 Dicembre</strong> dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
<a class="c-notifications__link" href="#">></a>
</li>
<li class="">
<span class="c-notifications__title"></span>
<p><strong>Prevista forte nevicata il 5 Dicembre</strong> dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
<a class="c-notifications__link" href="#">></a>
</li>
</ul>
</div>
</div>
<div class="c-header__switch c-toolbar__icon c-toolbar__switch is-clickable">
<div data-menu-component class='c-navigation-switch'>
<input type='checkbox' role='button' aria-haspopup='true' id='toggle-extended-nav' class='u-visuallyhidden' aria-hidden='true' />
<label for='toggle-extended-nav' data-opens-menu aria-hidden='true'>
<span class='u-visuallyhidden expanded-text'>
Chiudi menù
</span>
<span class='u-visuallyhidden collapsed-text'>
Apri menù
</span>
</label>
</div>
</div>
</div>
</div>
</div>
<div class="c-dialog c-dialog--search js-fr-dialogmodal " id="dialog-search">
<div class="js-fr-dialogmodal-modal">
<div role="document">
<div class="c-expanded-search ">
<form class="c-expanded-search__searchWrapper c-form">
<label for="search-field" class=" has-button" aria-label="">
Cerca nel sito
<input id="search-field" type="text" class="js-combobox " placeholder="" value="" aria-describedby="search-field-note" list="search-destinations" data-combobox-prefix-class="combobox" data-combobox-case-sensitive="no" data-combobox-search-option="containing" data-combobox-help-text="Premi il tasto TAB o le frecce direzionali per accedere e navigare attraverso i suggerimenti. Conferma la tua scelta col tasto INVIO, oppure premi il tasto ESC per chiudere la lista dei suggerimenti." data-suggestion-single="C'è " data-suggestion-plural="Ci sono " data-suggestion-word="Suggerimento" data-suggestion-word-plural="Suggerimenti" data-combobox-see-more-text="Guarda più risultati">
<button type="submit" class="c-button c-button--submit c-button--searchIcon " aria-label="Avvia la ricerca">
<svg class="c-icon c-icon--18">
<use xlink:href="#ic_search_black_24px"></use>
</svg> </button>
<datalist id="search-destinations">
<option value="Check in A">
<option value="Check in B">
<option value="Check in C">
<option value="Accettazione">
<option value="Cafè">
<option value="Bagagli">
<option value="Bar centrale">
</datalist>
<p class="c-field__note " id="search-field-note">
Scrivi ciò che vuoi cercare es: <strong>arrivi</strong>, <strong>bagagli</strong>, <strong>VIP lounge</strong>, etc …
</p>
</label>
<p class="c-expanded-search__search-flight">
<a href="../preview/page-arrivals-departures--default.html">Stai cercando un volo?→</a>
</p>
<div class="c-search-suggestions">
<h3>Potrebbero esserti utili</h3>
<ul class="c-search-suggestions__list">
<li class="c-search-suggestions__item">
<a href="#">Ultimi aggiornamenti covid <span aria-hidden="true">→</span></a>
</li>
<li class="c-search-suggestions__item">
<a href="#">Parcheggia in aeroporto <span aria-hidden="true">→</span></a>
</li>
<li class="c-search-suggestions__item">
<a href="#">Contatti e supporto <span aria-hidden="true">→</span></a>
</li>
<li class="c-search-suggestions__item">
<a href="#">Fast track <span aria-hidden="true">→</span></a>
</li>
</ul>
</div>
</form>
<button type="button" class="c-expanded-search__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
Chiudi
<svg class="c-icon c-icon--18">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
</div>
</div>
</div>
<div role="menu" data-menu-origin="top" class="c-header__primary-navigation">
<nav class="c-primary-navigation">
<ul class="c-site-areas c-primary-navigation__areas" aria-hidden="false">
<li>
<a href="/components/preview/page-home-travel--default.html" class="is-active">Viaggiare</a>
</li>
<li>
<a href="/components/preview/page-society-home.html">Società</a>
</li>
<li>
<a href="/components/preview/page-investor-home.html">Investor relations</a>
</li>
<li>
<a href="/components/preview/papage-innovability-home.html">Innovability</a>
</li>
</ul>
<ul class="c-primary-navigation__biz">
<li>
<div class="c-primary-navigation__accordion o-collapsible">
<p class="c-primary-navigation__toggle o-collapsible__title js-collapsible-title">
<strong>Voli</strong>
<span>Orari, destinazioni e info</span>
</p>
<ul class="sub-level">
<p class="sub-title">Vola da Bologna</p>
<li>
<a href="/components/preview/page-arrivals-departures--default">Arrivi e partenze</a>
</li>
<li>
<a href="/components/preview/page-flights-buy-flight">Acquisto Volo</a>
</li>
<li>
<a href="/components/preview/page-flights-landing-destinations">Destinazioni</a>
</li>
<li>
<a href="/components/preview/page-flight-companies">Le nostre compagnie aeree</a>
</li>
<li>
<a href="/components/preview/page-tickets-phone">Biglietteria telefonica</a>
</li>
</ul>
<ul class="sub-level">
<p class="sub-title">Prepara il tuo viaggio</p>
<li>
<a href="/components/preview/page-routes-luggage">Bagagli</a>
</li>
<li>
<a href="/components/preview/page-routes-documents">Documenti</a>
</li>
<li>
<a href="#">Fast Track</a>
</li>
<li>
<a href="#">Viaggi e Covid-19</a>
</li>
<li>
<a href="/components/preview/page-parkings-home">Prenota un parcheggio</a>
</li>
</ul>
<ul class="sub-level">
<p class="sub-title">Controlli in aeroporto</p>
<li>
<a href="#">Controlli in partenza</a>
</li>
<li>
<a href="#">Controlli in arrivo</a>
</li>
</ul>
</div>
</li>
<li>
<div class="c-primary-navigation__accordion o-collapsible">
<p class="c-primary-navigation__toggle o-collapsible__title js-collapsible-title">
<strong>Parcheggi</strong>
<span>Soste brevi e lunghe</span>
</p>
<ul class="sub-level">
<p class="sub-title">Parcheggia per volare</p>
<li>
<a href="/components/preview/page-parkings-home">Acquista parcheggi</a>
</li>
<li>
<a href="/components/preview/page-meet-greet">Soste brevi</a>
</li>
<li>
<a href="/components/preview/page-where-to-pay">Come e dove pagare</a>
</li>
<li>
<a href="/components/preview/page-rates-conventions">Tariffe e convenzioni</a>
</li>
<li>
<a href="/components/preview/page-home-assistenze">Passeggeri a ridotta mobilità</a>
</li>
</ul>
<ul class="sub-level">
<p class="sub-title">Parcheggia e raggiungi la città</p>
<li>
<a href="#">Park & Mex</a>
</li>
<li>
<a href="/components/preview/page-transports-mex">Marconi Express</a>
</li>
</ul>
</div>
</li>
<li>
<div class="c-primary-navigation__accordion o-collapsible">
<p class="c-primary-navigation__toggle o-collapsible__title js-collapsible-title">
<strong>In aeroporto</strong>
<span>Lounge, shopping e servizi</span>
</p>
<ul class="sub-level">
<p class="sub-title">Lounge e Servizi Premium</p>
<li>
<a href="/components/preview/page-lounge">MBL VIP Lounge</a>
</li>
<li>
<a href="/components/preview/page-youfirst">Youfirst</a>
</li>
<li>
<a href="/components/preview/page-area-meeting">Meeting area</a>
</li>
<li>
<a href="/components/preview/page-fitness">Palestre</a>
</li>
</ul>
<ul class="sub-level">
<p class="sub-title">Negozi e Ristoranti</p>
<li>
<a href="/components/preview/page-shopping-listing">Fashion & Style</a>
</li>
<li>
<a href="/components/preview/page-shopping-listing">General stores</a>
</li>
<li>
<a href="/components/preview/page-shopping-listing">Bar</a>
</li>
<li>
<a href="/components/preview/page-shopping-listing">Ristoranti</a>
</li>
</ul>
<ul class="sub-level">
<p class="sub-title">Servizi</p>
<li>
<a href="/components/preview/page-home-customer-care">Bagagli Smarriti</a>
</li>
<li>
<a href="/components/preview/page-home-customer-care">Cambio valuta</a>
</li>
<li>
<a href="/components/preview/page-home-customer-care">Tutti i servizi al passeggero</a>
</li>
</ul>
</div>
</li>
<li>
<div class="c-primary-navigation__accordion o-collapsible">
<p class="c-primary-navigation__toggle o-collapsible__title js-collapsible-title">
<strong>Da e per l’aeroporto</strong>
<span>Trasporti pubblici e auto</span>
</p>
<ul class="sub-level">
<p class="sub-title">Trasporti pubblici da e per BLQ</p>
<li>
<a href="/components/preview/page-transports-bus">Bus</a>
</li>
<li>
<a href="/components/preview/page-transports-taxi">Taxi</a>
</li>
<li>
<a href="/components/preview/page-transports-mex">Navetta Marconi Express</a>
</li>
<li>
<a href="/components/preview/page-transports-train">Treni</a>
</li>
</ul>
<ul class="sub-level">
<p class="sub-title">Auto e trasporti privati</p>
<li>
<a href="/components/preview/page-transports-car">Arrivare con l’auto</a>
</li>
<li>
<a href="/components/preview/page-transports-rent-car">Noleggio auto</a>
</li>
<li>
<a href="/components/preview/page-transports-rent-car">Noleggio con conducente</a>
</li>
</ul>
</div>
</li>
<li>
<div class="c-primary-navigation__accordion o-collapsible">
<p class="c-primary-navigation__toggle o-collapsible__title js-collapsible-title">
<strong>Necessità particolari</strong>
<span>Accessibilità, Famiglie, Animali</span>
</p>
<ul class="sub-level">
<p class="sub-title">Assistenze speciali</p>
<li>
<a href="/components/preview/page-routes-prm">Modalità di richiesta assistenza</a>
</li>
<li>
<a href="/components/preview/page-routes-prm-airport">Arrivo in aeroporto</a>
</li>
<li>
<a href="/components/preview/page-routes-prm-services">Servizi dedicati</a>
</li>
<li>
<a href="/components/preview/page-routes-prm-rights">Diritti e qualità del servizio</a>
</li>
<li>
<a href="/components/preview/page-home-assistenze">Autismo</a>
</li>
<li>
<a href="/components/preview/page-home-assistenze">Sordità - Servizio Tellis</a>
</li>
</ul>
<ul class="sub-level">
<p class="sub-title">Famiglie e minori</p>
<li>
<a href="/components/preview/page-home-assistenze">In aeroporto</a>
</li>
<li>
<a href="/components/preview/page-home-assistenze">Minori che viaggiano da soli</a>
</li>
</ul>
<ul class="sub-level">
<p class="sub-title">Animali al seguito</p>
<li>
<a href="/components/preview/page-routes-animals">Regole per il trasporto</a>
</li>
<li>
<a href="/components/preview/page-routes-animals-ue">Paesi U.E.</a>
</li>
<li>
<a href="/components/preview/page-routes-animals-xue">Paesi Extra U.E.</a>
</li>
</ul>
</div>
</li>
</ul>
<div class="c-primary-navigation__remote">
<a href="#">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_flight_takeoff_black_24px"></use>
</svg> <span>Arrivi e partenze</span>
</a>
<a href="#">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-parking-sign-24px"></use>
</svg> <span>Prenota parcheggio</span>
</a>
<a href="#">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_weekend_black_24px"></use>
</svg> <span>Prenota LOUNGE</span>
</a>
<a href="#">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-marconi-express-24px"></use>
</svg> <span>Treni per centro città</span>
</a>
<a href="#">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_help_black_24px"></use>
</svg> <span>Hai bisogno di aiuto?</span>
</a>
</div>
<div class="c-primary-navigation__utils">
<ul class="c-languages" aria-label="Seleziona la lingua del sito">
<li>
<a href="#" aria-label="ita">
<img src="../../images/svgs/flag_it.svg" class="c-language__img" alt="Lingua italiana" aria-hidden="true" />
ita
</a>
</li>
<li>
<a href="#" aria-label="eng">
<img src="../../images/svgs/flag_en.svg" class="c-language__img" alt="English language" aria-hidden="true" />
eng
</a>
</li>
</ul>
<a class="c-primary-navigation__assistance " href="../preview/page-home-assistenze.html">
Lavora con noi
</a>
</div>
</nav>
</div>
</header>
<div class="c-slim-alert c-slim-alert--generic c-slim-alert--mid-size-text">
<div class="c-slim-alert__inner">
<div class="c-slim-alert__content">
<div class="c-slim-alert__label">
<img src="../../images/svgs/stk_operaio_dark.svg" alt="Alt text sample" aria-hidden="true" width="24">
</div>
<div class="c-slim-alert__text">
<p><a href="#">Lavori infrastrutturali</a></p>
</div>
<div class="c-slim-alert__notifications">
<div class="c-notifications ">
<button type="button" class="c-notifications__button has-indicator js-toggleNotificationsBtn" aria-expanded="false" aria-label="Notifiche" aria-controls="aria-notifications">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_notifications_active_black_24px"></use>
</svg>
<p class="c-notifications__indicator" aria-hidden="true">2</p>
</button>
<div class="c-notifications__box is-narrow has-indicator js-notificationsBox" aria-live="polite" id="aria-notifications">
<div class="c-notifications__head">
<div class="c-notifications__title">
Centro notifiche
</div>
<button type="button" class="c-notifications__closeBtn js-toggleNotificationsBtn" aria-expanded="false" aria-label="Chiudi" aria-controls="aria-notifications">
Chiudi <svg class="c-icon c-icon--16">
<use xlink:href="#ic_close_black_24px"></use>
</svg>
</button>
</div>
<ul class="c-notifications__list">
<li class="important not-read">
<span class="c-notifications__title">Lorem ipsum dolor sit amet</span>
<p><strong>Prevista forte nevicata il 5 Dicembre</strong> dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
<a class="c-notifications__link" href="#">></a>
</li>
<li class="not-read">
<span class="c-notifications__title"></span>
<p><strong>Prevista forte nevicata il 5 Dicembre</strong> dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
<a class="c-notifications__link" href="#">></a>
</li>
<li class="">
<span class="c-notifications__title"></span>
<p><strong>Prevista forte nevicata il 5 Dicembre</strong> dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
<p>Prevista forte nevicata il 5 Dicembre dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
<a class="c-notifications__link" href="#">></a>
</li>
<li class="">
<span class="c-notifications__title"></span>
<p><strong>Prevista forte nevicata il 5 Dicembre</strong> dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
<a class="c-notifications__link" href="#">></a>
</li>
<li class="">
<span class="c-notifications__title"></span>
<p><strong>Prevista forte nevicata il 5 Dicembre</strong> dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
<a class="c-notifications__link" href="#">></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class='c-overlay'></div>
<main class="c-main--flights-destination" id='maincontent'>
<div class="c-superhero c-superhero--mask " style="background-image: url(../../images/destinations/atene-hero.jpg)">
<div class="o-back c-back is-dark">
<a href="../preview/page-flights-buy-flight.html"><span aria-hidden="true">‹</span> Torna indietro</a>
</div>
<h1 class="l-travel-home__pagetitle">Raggiungi <strong>Isola d’Elba</strong> da Bologna</h1>
<div class="c-superhero__formwrapper">
<form action="../../#.html" class="c-form c-form--flights " onsubmit="return false">
<button class="js-close-overlay" aria-label="close">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
<div class="wrapper wrapper--extended">
<div role="radiogroup" aria-label="seleziona volo in economy o business class">
<label for="select-economy-business-selection" class="" aria-label="">
Tipo di viaggio:
<select id="select-economy-business-selection" class="is-small is-inline" aria-describedby="select-economy-business-selection-note">
<option value="" disabled selected></option>
<option value="option-1" selected>Economy</option>
<option value="option-2">Business Class</option>
</select>
<em class="c-field__note u-visuallyhidden" id="select-economy-business-selection-note">
Seleziona il tipo di viaggio
</em>
</label> <label for="select-round-trip-selection" class="" aria-label="">
<select id="select-round-trip-selection" class="is-small is-inline" aria-describedby="select-round-trip-selection-note">
<option value="" disabled selected></option>
<option value="option-1" selected>Andata e ritorno</option>
<option value="option-2">Solo andata</option>
</select>
<em class="c-field__note u-visuallyhidden" id="select-round-trip-selection-note">
</em>
</label>
</div>
</div>
<div class="wrapper wrapper--localities">
<div class="c-form__el c-form__el--pair">
<label for="from" class=" " aria-label="">
Da <span class="required-marker" aria-hidden="true">*</span>
<input id="from" type="text" class="js-combobox " placeholder="" value="" required aria-required="true" aria-describedby="from-note" list="departures" data-combobox-prefix-class="combobox" data-combobox-case-sensitive="no" data-combobox-search-option="containing" data-combobox-help-text="Premi il tasto TAB o le frecce direzionali per accedere e navigare attraverso i suggerimenti. Conferma la tua scelta col tasto INVIO, oppure premi il tasto ESC per chiudere la lista dei suggerimenti." data-suggestion-single="C'è " data-suggestion-plural="Ci sono " data-suggestion-word="Suggerimento" data-suggestion-word-plural="Suggerimenti" data-combobox-see-more-text="Guarda più risultati">
<datalist id="departures">
<option value="Dubai, Al Maktoum Intl [DWC] (EMIRATI ARABI)">
<option value="Roma, Fiumicino [FCO] (ITALIA)">
<option value="New York Ny, John F Kennedy Intl [JFK] (STATI UNITI)">
<option value="Parigi, Charles De Gaulle [CDG] (FRANCIA)">
<option value="Berlino, Schoenefeld [SXF] (GERMANIA)">
<option value="Londra, Heathrow [LHR] (REGNO UNITO)">
<option value="Los Angeles Ca, International [LAX] (STATI UNITI)">
<option value="Cana Brava Mg [NBV] (BRASILE)">
<option value="Pecs, Pogany [PEV] (UNGHERIA)">
</datalist>
<p class="c-field__note " id="from-note">
Digita e scegli la partenza
</p>
</label>
</div>
<div class="c-form__el c-form__el--icon">
<button type="button" class="switch-round-trip js-switch-btn" aria-label="Inverti origine e destinazione">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-switch-arrows-black-24px"></use>
</svg> </button>
</div>
<div class="c-form__el c-form__el--pair">
<label for="to" class=" " aria-label="">
A <span class="required-marker" aria-hidden="true">*</span>
<input id="to" type="text" class="js-combobox " placeholder="" value="" required aria-required="true" aria-describedby="to-note" list="arrivals" data-combobox-prefix-class="combobox" data-combobox-case-sensitive="no" data-combobox-search-option="containing" data-combobox-help-text="Premi il tasto TAB o le frecce direzionali per accedere e navigare attraverso i suggerimenti. Conferma la tua scelta col tasto INVIO, oppure premi il tasto ESC per chiudere la lista dei suggerimenti." data-suggestion-single="C'è " data-suggestion-plural="Ci sono " data-suggestion-word="Suggerimento" data-suggestion-word-plural="Suggerimenti" data-combobox-see-more-text="Guarda più risultati">
<datalist id="arrivals">
<option value="Dubai, Al Maktoum Intl [DWC] (EMIRATI ARABI)">
<option value="Roma, Fiumicino [FCO] (ITALIA)">
<option value="New York Ny, John F Kennedy Intl [JFK] (STATI UNITI)">
<option value="Parigi, Charles De Gaulle [CDG] (FRANCIA)">
<option value="Berlino, Schoenefeld [SXF] (GERMANIA)">
<option value="Londra, Heathrow [LHR] (REGNO UNITO)">
<option value="Los Angeles Ca, International [LAX] (STATI UNITI)">
<option value="Cana Brava Mg [NBV] (BRASILE)">
<option value="Pecs, Pogany [PEV] (UNGHERIA)">
</datalist>
<p class="c-field__note " id="to-note">
Digita e scegli l'arrivo
</p>
</label>
</div>
</div>
<div class="wrapper wrapper--dates">
<span class="c-form__note is-negative u-visuallyhidden" id="flights-form-note">Inserisci una data di uscita successiva a quella di entrata</span>
<div class="c-form__el c-form__el--pair js-round-desktop">
<label for="round-desktop" class="flatpickr-label" aria-label="Scegli la data di andata">
Andata
<input id="round-desktop" type="date" class="js-flatpickr flatpickr-input" placeholder="" value="" aria-describedby="round-desktop-note">
<p class="c-field__note " id="round-desktop-note">
Seleziona la data di andata
</p>
</label>
</div>
<div class="c-form__el c-form__el--pair js-trip-desktop">
<label for="trip-desktop" class="flatpickr-label" aria-label="Scegli la data di ritorno">
Ritorno
<input id="trip-desktop" type="date" class="js-flatpickr flatpickr-input" placeholder="" value="" aria-describedby="trip-desktop-note">
<p class="c-field__note " id="trip-desktop-note">
Seleziona la data di ritorno
</p>
</label>
</div>
</div>
<div class="wrapper wrapper--alone wrapper--pax">
<div class="c-form__el c-form__el--pax ">
<label for="text-field">
Passeggeri
<span class="required-marker" aria-hidden="true">*</span>
<button type="button" class="c-form__el--toggleFlightsPax js-toggleFlightsPax" aria-expanded="false" aria-label="1 passeggero" aria-describedby="pax-note" aria-controls="aria-paxChoiceDesc">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-person-black-24px"></use>
</svg> <strong>1
</strong>
</button>
<p class="c-field__note" id="pax-note" aria-hidden="true">
N. passeggeri
</p>
</label>
<div class="js-flightsPaxCnt" id="aria-paxChoice">
<div class="u-visuallyhidden" aria-live="polite" id="aria-paxChoiceDesc">
Procedi per modificare la quantità.
</div>
<div class="pax-type">
<label for="adult">
<strong>Adulti</strong> (da 12 anni in su)</label>
<div class="c-button c-button--qty " aria-label="Seleziona il numero">
<button type="button" class="minus js-toggle-remove" aria-label="Diminuisci di uno" data-toggle="lounge-service">-</button>
<input type="number" class="js-qty-value" value="1" readonly id="adult" aria-label="Quantità" min="1">
<button type="button" class="plus js-toggle-add" aria-label="Aumenta di uno" data-toggle="lounge-service">+</button>
</div>
</div>
<div class="pax-type">
<label for="child">
<strong>Bambini</strong> (da 2 a 11 anni)</label>
<div class="c-button c-button--qty " aria-label="Seleziona il numero">
<button type="button" class="minus js-toggle-remove" aria-label="Diminuisci di uno" data-toggle="lounge-service">-</button>
<input type="number" class="js-qty-value" value="1" readonly id="child" aria-label="Quantità" min="1">
<button type="button" class="plus js-toggle-add" aria-label="Aumenta di uno" data-toggle="lounge-service">+</button>
</div>
</div>
<div class="pax-type">
<label for="baby">
<strong>Neonato</strong> (Meno di 2 anni)</label>
<div class="c-button c-button--qty " aria-label="Seleziona il numero">
<button type="button" class="minus js-toggle-remove" aria-label="Diminuisci di uno" data-toggle="lounge-service">-</button>
<input type="number" class="js-qty-value" value="1" readonly id="baby" aria-label="Quantità" min="1">
<button type="button" class="plus js-toggle-add" aria-label="Aumenta di uno" data-toggle="lounge-service">+</button>
</div>
</div>
<button type="button" class="js-closeFlightsPax c-button c-button--as-link" aria-hidden="true">Chiudi</button>
</div>
</div>
</div>
<div class="wrapper wrapper--alone">
<div class="c-form__el c-form__el--cta">
<button type="submit" class="c-button c-button--submit">
Cerca il tuo volo
</button>
</div>
</div>
</form>
<div class="c-superhero__blurred">
<span>
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-call-black-24px"></use>
</svg> <strong>Non sei abituato ad acquistare online?</strong> <a href="#">Scopri come prenotare il tuo volo da
telefono <span aria-hidden="true">→</span></a>
</span>
</div>
</div>
</div>
<div class="c-tablist c-tablist--destination">
<ul class="c-tablist__tabs">
<li>
<a href="#section-city-description">L’isola d’Elba in breve</a>
</li>
<li>
<a href="#section-city-calendar">Calendario voli</a>
</li>
</ul>
<section class="c-tablist__section" id="section-city-description">
<div class="c-content-expo" grid="grid">
<div class="c-content-expo__item c-content-expo__item--side" grid="4@md offset-9@md">
<div class="c-content-expo__listitem ">
<div class="o-flexgrid-inline o-flexgrid--space-between ">
<div class="c-content-expo__today">
<div class="icon icon--flight"><svg class="c-icon c-icon--48">
<use xlink:href="#ic_flight_takeoff_black_24px"></use>
</svg></div>
<div class="c-content-expo__today-info">
<div>45 min</div>
<strong class="u-typo-level-1-5">Durata volo</strong>
</div>
</div>
<div class="c-content-expo__today is-last">
<div class="c-content-expo__weather-assets">
<img src="../../images/svgs/weather-clouds.svg" alt="Il meteo di oggi è nuvoloso" />
<img src="../../images/logo-epson-meteo.png" alt="Centro Epson Meteo" width="44" />
</div>
<div class="c-content-expo__today-info">
<div>12°C / 24°C</div>
<strong class="u-typo-level-1-5">Oggi, nuvoloso</strong>
</div>
</div>
</div>
</div>
<p class="u-typo-level-4 u-color-night-100">Aeroporti serviti da Bologna</p>
<div class="">
<div class="c-content-expo__listitem ">
<div class="o-flexgrid-inline o-flexgrid--space-between ">
<strong>Elba EBA</strong> <a href="#">www.aia.gr</a>
</div>
</div>
<div class="c-content-expo__listitem">
<div class="c-trait ">
<div class="c-trait__el livery">
<img src="../../images/flights-logos/ryanair.png" class="c-trait__livery_img" alt="Ryanair">
</div>
<div class="c-trait__el company">
<p class="label">Company</p>
<p class="txt"><strong>Ryanair</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Linea/Charter</p>
<p class="txt"><strong>Linea</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Numero volo</p>
<p class="txt"><strong>SLD 504</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Partenza</p>
<p class="txt"><strong>14:40</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Arrivo</p>
<p class="txt"><strong>15:40</strong></p>
</div>
<div class="c-trait__el new">
</div>
</div>
</div>
<div class="c-content-expo__listitem">
<div class="c-trait ">
<div class="c-trait__el livery">
<img src="../../images/flights-logos/ryanair.png" class="c-trait__livery_img" alt="Ryanair">
</div>
<div class="c-trait__el company">
<p class="label">Company</p>
<p class="txt"><strong>Ryanair</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Linea/Charter</p>
<p class="txt"><strong>Linea</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Numero volo</p>
<p class="txt"><strong>SLD 504</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Partenza</p>
<p class="txt"><strong>14:40</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Arrivo</p>
<p class="txt"><strong>15:40</strong></p>
</div>
<div class="c-trait__el new">
</div>
</div>
</div>
</div>
<div class="">
<div class="c-content-expo__listitem ">
<div class="o-flexgrid-inline o-flexgrid--space-between ">
<strong>Atene ATL</strong> <a href="#">www.aia.gr</a>
</div>
</div>
<div class="c-content-expo__listitem">
<div class="c-trait ">
<div class="c-trait__el livery">
<img src="../../images/flights-logos/ryanair.png" class="c-trait__livery_img" alt="Ryanair">
</div>
<div class="c-trait__el company">
<p class="label">Company</p>
<p class="txt"><strong>Ryanair</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Linea/Charter</p>
<p class="txt"><strong>Linea</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Numero volo</p>
<p class="txt"><strong>SLD 504</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Partenza</p>
<p class="txt"><strong>14:40</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Arrivo</p>
<p class="txt"><strong>15:40</strong></p>
</div>
<div class="c-trait__el new">
</div>
</div>
</div>
</div>
<p class="u-typo-level-4 u-color-night-100">Mappa della città</p>
<div class="c-citymap ">
<div class="c-citymap__map">
<img class="static-map" src="https://maps.googleapis.com/maps/api/staticmap?center=Atene,+Grecia&zoom=14&size=600x300&markers=Atene,+Grecia&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="">
<div class="dynamic-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d27720.073525969474!2d23.71457427705499!3d37.98734565478933!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14a1bd1f067043f1%3A0x2736354576668ddd!2sAtene%2C+Grecia!5e0!3m2!1sit!2sit!4v1530710163014" width="100%" height="320" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</div>
<div class="c-citymap__footer">
<a href="https://www.google.com/maps?ll=37.990837,23.738339&z=13&t=m&hl=it-IT&gl=IT&mapclient=embed&q=Atene+Grecia" target="_blank">Visita la città su Google Maps</a>
</div>
</div>
</div>
<div class="c-content-expo__item c-content-expo__item--main" grid="7@md first@md">
<h2><strong>Voli Bologna Isola d’Elba</strong></h2>
<p>
L'Aeroporto di Bologna offre voli diretti da/per l'Isola d’Elba. In questa pagina trovi tutte le informazioni
utili.</p>
<p>
Isola d’Elba<br />
Sono molteplici le sfaccettature dell’Isola d’Elba che ne fanno da sempre un paradiso insulare a poca distanza dal
“continente”. Selvaggia ed incontaminata, super attrezzata e all’avanguardia, per grandi e piccini.</p>
<p>
Oltre 147 i chilometri di costa che racchiudono più di 150 spiagge, tutte diverse tra loro: dagli arenili dorati
alle calette di sassolini, dalle spiagge nere vulcaniche, a quelle di ciottoli bianchissimi. Spiagge celate da
imponenti scogliere di granito e basalto o che si aprono a ridosso dei centri abitati che punteggiano l’isola. La
Cotaccia, proprio accanto a Patresi, o Fonza, alla sinistra di Marina di Campo, o ancora una delle tante
insenature della penisola del Calamita, solo per citare alcune delle calette imperdibili, si trovano a poca
distanza da tutte le comodità di un soggiorno in pieno relax.</p>
<p>
Le famiglie possono tuffarsi in giornate di mare e divertimento. I campeggiatori, zaini in spalla, possono
soddisfare la loro sete di esplorazione, mentre chi cerca la quiete potrà trovarla nelle località di La Zanca e
Costa dei Gabbiani. E la sera, i colori e gli schiamazzi dei mercatini di Porto Azzurro, sono un invito a
lasciarvi avvolgere dalla vivacità dell’isola.</p>
</p>
<div class="c-content-expo__footer">
<button type="button" class="c-button c-button--submit js-fr-dialogmodal-open" aria-controls="dialog-flights-form">
Acquista il volo
</button>
<div class="c-content-expo__media">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="PDF orari voli 2022" height="" width="32">
<div class="c-media__body o-media__body">
<a href="#"><strong>Orari voli Estate 2018</strong></a><br>PDF, 577 kb
</div>
</div>
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="PDF orari voli 2022" height="" width="32">
<div class="c-media__body o-media__body">
<a href="#"><strong>Orari voli Estate 2018</strong></a><br>PDF, 577 kb
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="c-tablist__section" id="section-city-calendar">
<div class="c-calendar c-calendar--flights">
<ul class="airports">
<li><a href="#" class="is-active">Aeroporto - Atene Eleftherios (ATH)</a></li>
<li><a href="#">Aeroporto - Atene Eleftherios (ATH)</a></li>
</ul>
<div class="filters c-form">
<div class="filters__child route">
<div role="radiogroup" aria-label="Seleziona la tratta di andata o di ritorno">
<strong class="is-label">Tratta: <span class="required-marker" aria-hidden="true">*</span></strong>
<div><input type="radio" id="andata" name="round-trip-selection" value="andata" class=" u-visuallyhidden">
<label class="" for="andata">BLQ > ATH</label>
</div>
<div><input type="radio" id="ritorno" name="round-trip-selection" value="ritorno" class=" u-visuallyhidden">
<label class="" for="ritorno">ATH > BLQ</label>
</div>
</div>
</div>
<div class="filters__child companies">
<label for="select-flight-companies" class="" aria-label="">
Compagnie aeree: <span class="required-marker" aria-hidden="true">*</span>
<select id="select-flight-companies" class="" aria-describedby="select-flight-companies-note">
<option value="" disabled selected></option>
<option value="option-1" selected>Tutte le compagnie</option>
<option value="option-2">Alitalia</option>
<option value="option-3">Ryanair</option>
</select>
<em class="c-field__note u-visuallyhidden" id="select-flight-companies-note">
Seleziona le compagnie
</em>
</label>
</div>
<div class="filters__child news" role="radiogroup" aria-label="seleziona le novità del mese corrente o dei mesi successivi">
<input type="radio" id="current-month" name="choice" value="current-months" class="js-fr-dialogmodal-open u-visuallyhidden" aria-controls="dialog-button">
<label class="" for="current-month">★ Novità di questo mese</label> <input type="radio" id="next-months" name="choice" value="next-months" class=" u-visuallyhidden">
<label class="" for="next-months">★ Novità dei prossimi mesi</label>
</div>
<div class="filters__child months">
<a href="#"><svg class="c-icon c-icon--24">
<use xlink:href="#ic_chevron_left_black_24px"></use>
</svg>
<p class="u-visuallyhidden">Mese precedente</p>
</a>
<p>Aprile</p>
<a href="#"><svg class="c-icon c-icon--24">
<use xlink:href="#ic_chevron_right_black_24px"></use>
</svg>
<p class="u-visuallyhidden">Mese successivo</p>
</a>
</div>
</div>
<ul class="c-calendar__weekdays">
<li aria-label="Lunedì">Lun</li>
<li aria-label="Martedì">Mar</li>
<li aria-label="Mercoledì">Mer</li>
<li aria-label="Giovedì">Gio</li>
<li aria-label="Venerdì">Ven</li>
<li aria-label="Sabato">Sab</li>
<li aria-label="Domenica">Dom</li>
</ul>
<ul class="c-calendar__day-grid">
<li class="ghost-day">
<span>29</span>
</li>
<li class="ghost-day">
<span>30</span>
</li>
<li class="ghost-day">
<span>31</span>
</li>
<li class="">
<span>1</span>
</li>
<li class="">
<span>2</span>
</li>
<li class="active-day">
<a href="#" class="js-fr-dialogmodal-open" aria-controls="dialog-dayflight">
<span>3</span>
<div class="flight-companies">
<div class="company">
<img src="../../images/flights-logos/alitalia.png" alt="Alitalia" width="30">
<p aria-hidden="true">★</p>
</div>
<div class="company"><img src="../../images/flights-logos/ryanair.png" alt="Ryanair" width="30"></div>
</div>
</a>
</li>
<li class="">
<span>4</span>
</li>
<li class="active-day">
<a href="#" class="js-fr-dialogmodal-open" aria-controls="dialog-dayflight">
<span>5</span>
<div class="flight-companies">
<div class="company">
<img src="../../images/flights-logos/alitalia.png" alt="Alitalia" width="30">
<p aria-hidden="true">★</p>
</div>
<div class="company"><img src="../../images/flights-logos/ryanair.png" alt="Ryanair" width="30"></div>
</div>
</a>
</li>
<li class="">
<span>6</span>
</li>
<li class="active-day">
<a href="#" class="js-fr-dialogmodal-open" aria-controls="dialog-dayflight">
<span>7</span>
<div class="flight-companies">
<div class="company">
<img src="../../images/flights-logos/alitalia.png" alt="Alitalia" width="30">
<p aria-hidden="true">★</p>
</div>
<div class="company"><img src="../../images/flights-logos/ryanair.png" alt="Ryanair" width="30"></div>
</div>
</a>
</li>
<li class="">
<span>8</span>
</li>
<li class="">
<span>9</span>
</li>
<li class="active-day">
<a href="#" class="js-fr-dialogmodal-open" aria-controls="dialog-dayflight">
<span>10</span>
<div class="flight-companies">
<div class="company">
<img src="../../images/flights-logos/alitalia.png" alt="Alitalia" width="30">
<p aria-hidden="true">★</p>
</div>
<div class="company"><img src="../../images/flights-logos/ryanair.png" alt="Ryanair" width="30"></div>
</div>
</a>
</li>
<li class="">
<span>11</span>
</li>
<li class="active-day">
<a href="#" class="js-fr-dialogmodal-open" aria-controls="dialog-dayflight">
<span>12</span>
<div class="flight-companies">
<div class="company">
<img src="../../images/flights-logos/alitalia.png" alt="Alitalia" width="30">
<p aria-hidden="true">★</p>
</div>
<div class="company"><img src="../../images/flights-logos/ryanair.png" alt="Ryanair" width="30"></div>
</div>
</a>
</li>
<li class="">
<span>13</span>
</li>
<li class="active-day">
<a href="#" class="js-fr-dialogmodal-open" aria-controls="dialog-dayflight">
<span>14</span>
<div class="flight-companies">
<div class="company">
<img src="../../images/flights-logos/alitalia.png" alt="Alitalia" width="30">
<p aria-hidden="true">★</p>
</div>
<div class="company"><img src="../../images/flights-logos/ryanair.png" alt="Ryanair" width="30"></div>
</div>
</a>
</li>
<li class="">
<span>15</span>
</li>
<li class="">
<span>16</span>
</li>
<li class="active-day">
<a href="#" class="js-fr-dialogmodal-open" aria-controls="dialog-dayflight">
<span>17</span>
<div class="flight-companies">
<div class="company">
<img src="../../images/flights-logos/alitalia.png" alt="Alitalia" width="30">
<p aria-hidden="true">★</p>
</div>
<div class="company"><img src="../../images/flights-logos/ryanair.png" alt="Ryanair" width="30"></div>
</div>
</a>
</li>
<li class="">
<span>18</span>
</li>
<li class="active-day">
<a href="#" class="js-fr-dialogmodal-open" aria-controls="dialog-dayflight">
<span>19</span>
<div class="flight-companies">
<div class="company">
<img src="../../images/flights-logos/alitalia.png" alt="Alitalia" width="30">
<p aria-hidden="true">★</p>
</div>
<div class="company"><img src="../../images/flights-logos/ryanair.png" alt="Ryanair" width="30"></div>
</div>
</a>
</li>
<li class="">
<span>20</span>
</li>
<li class="active-day">
<a href="#" class="js-fr-dialogmodal-open" aria-controls="dialog-dayflight">
<span>21</span>
<div class="flight-companies">
<div class="company">
<img src="../../images/flights-logos/alitalia.png" alt="Alitalia" width="30">
<p aria-hidden="true">★</p>
</div>
<div class="company"><img src="../../images/flights-logos/ryanair.png" alt="Ryanair" width="30"></div>
</div>
</a>
</li>
<li class="">
<span>22</span>
</li>
<li class="">
<span>23</span>
</li>
<li class="active-day">
<a href="#" class="js-fr-dialogmodal-open" aria-controls="dialog-dayflight">
<span>24</span>
<div class="flight-companies">
<div class="company">
<img src="../../images/flights-logos/alitalia.png" alt="Alitalia" width="30">
<p aria-hidden="true">★</p>
</div>
<div class="company"><img src="../../images/flights-logos/ryanair.png" alt="Ryanair" width="30"></div>
</div>
</a>
</li>
<li class="">
<span>25</span>
</li>
<li class="active-day">
<a href="#" class="js-fr-dialogmodal-open" aria-controls="dialog-dayflight">
<span>26</span>
<div class="flight-companies">
<div class="company">
<img src="../../images/flights-logos/alitalia.png" alt="Alitalia" width="30">
<p aria-hidden="true">★</p>
</div>
<div class="company"><img src="../../images/flights-logos/ryanair.png" alt="Ryanair" width="30"></div>
</div>
</a>
</li>
<li class="">
<span>27</span>
</li>
<li class="active-day">
<a href="#" class="js-fr-dialogmodal-open" aria-controls="dialog-dayflight">
<span>28</span>
<div class="flight-companies">
<div class="company">
<img src="../../images/flights-logos/alitalia.png" alt="Alitalia" width="30">
<p aria-hidden="true">★</p>
</div>
<div class="company"><img src="../../images/flights-logos/ryanair.png" alt="Ryanair" width="30"></div>
</div>
</a>
</li>
<li class="">
<span>29</span>
</li>
<li class="">
<span>30</span>
</li>
<li class="ghost-day">
<span>1</span>
</li>
<li class="ghost-day">
<span>2</span>
</li>
</ul>
<small class="c-calendar__hint">
Clicca sui giorni evidenziati per vedere i voli disponibili in quel giorno.
</small>
</div>
<div class="c-dialog c-dialog--dayflight js-fr-dialogmodal " id="dialog-dayflight">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-dayflight-title">
<div role="document">
<p class="c-dialog__title" id="dialog-dayflight-title">Mercoledì <strong>25 Aprile 2018</strong> Andata BLQ > ATH</p>
<div class="flightDetail">
<p class="flightDetail__companyName">Alitalia</p>
<div class="flightDetail__list">
<div class="flightDetail__route">
<div class="c-transport-hallmark ">
<div class="c-transport-hallmark__item">
<div class="c-trait ">
<div class="c-trait__el livery">
<img src="../../images/flights-logos/ryanair.png" class="c-trait__livery_img" alt="Ryanair">
</div>
<div class="c-trait__el company">
<p class="label">Company</p>
<p class="txt"><strong>Ryanair</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Linea/Charter</p>
<p class="txt"><strong>Linea</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Numero volo</p>
<p class="txt"><strong>SLD 504</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Partenza</p>
<p class="txt"><strong>14:40</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Arrivo</p>
<p class="txt"><strong>15:40</strong></p>
</div>
<div class="c-trait__el new">
<span class="c-rounded-label c-rounded-label--grey u-typo-level-1">
<span aria-hidden="true">★</span> <strong>Novità</strong>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="flightDetail__route">
<div class="c-transport-hallmark ">
<div class="c-transport-hallmark__item">
<div class="c-trait ">
<div class="c-trait__el livery">
<img src="../../images/flights-logos/ryanair.png" class="c-trait__livery_img" alt="Ryanair">
</div>
<div class="c-trait__el company">
<p class="label">Company</p>
<p class="txt"><strong>Ryanair</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Linea/Charter</p>
<p class="txt"><strong>Linea</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Numero volo</p>
<p class="txt"><strong>SLD 504</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Partenza</p>
<p class="txt"><strong>14:40</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Arrivo</p>
<p class="txt"><strong>15:40</strong></p>
</div>
<div class="c-trait__el new">
<span class="c-rounded-label c-rounded-label--grey u-typo-level-1">
<span aria-hidden="true">★</span> <strong>Novità</strong>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="flightDetail__route">
<div class="c-transport-hallmark ">
<div class="c-transport-hallmark__item">
<div class="c-trait ">
<div class="c-trait__el livery">
<img src="../../images/flights-logos/ryanair.png" class="c-trait__livery_img" alt="Ryanair">
</div>
<div class="c-trait__el company">
<p class="label">Company</p>
<p class="txt"><strong>Ryanair</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Linea/Charter</p>
<p class="txt"><strong>Linea</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Numero volo</p>
<p class="txt"><strong>SLD 504</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Partenza</p>
<p class="txt"><strong>14:40</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Arrivo</p>
<p class="txt"><strong>15:40</strong></p>
</div>
<div class="c-trait__el new">
</div>
</div>
</div>
</div>
</div>
</div>
<p class="flightDetail__companyName">Ryanair</p>
<div class="flightDetail__list">
<div class="flightDetail__route">
<div class="c-transport-hallmark ">
<div class="c-transport-hallmark__item">
<div class="c-trait ">
<div class="c-trait__el livery">
<img src="../../images/flights-logos/ryanair.png" class="c-trait__livery_img" alt="Ryanair">
</div>
<div class="c-trait__el company">
<p class="label">Company</p>
<p class="txt"><strong>Ryanair</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Linea/Charter</p>
<p class="txt"><strong>Linea</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Numero volo</p>
<p class="txt"><strong>SLD 504</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Partenza</p>
<p class="txt"><strong>14:40</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Arrivo</p>
<p class="txt"><strong>15:40</strong></p>
</div>
</div>
</div>
</div>
</div>
<div class="flightDetail__route">
<div class="c-transport-hallmark ">
<div class="c-transport-hallmark__item">
<div class="c-trait ">
<div class="c-trait__el livery">
<img src="../../images/flights-logos/ryanair.png" class="c-trait__livery_img" alt="Ryanair">
</div>
<div class="c-trait__el company">
<p class="label">Company</p>
<p class="txt"><strong>Ryanair</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Linea/Charter</p>
<p class="txt"><strong>Linea</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Numero volo</p>
<p class="txt"><strong>SLD 504</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Partenza</p>
<p class="txt"><strong>14:40</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Arrivo</p>
<p class="txt"><strong>15:40</strong></p>
</div>
</div>
</div>
</div>
</div>
<div class="flightDetail__route">
<div class="c-transport-hallmark ">
<div class="c-transport-hallmark__item">
<div class="c-trait ">
<div class="c-trait__el livery">
<img src="../../images/flights-logos/ryanair.png" class="c-trait__livery_img" alt="Ryanair">
</div>
<div class="c-trait__el company">
<p class="label">Company</p>
<p class="txt"><strong>Ryanair</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Linea/Charter</p>
<p class="txt"><strong>Linea</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Numero volo</p>
<p class="txt"><strong>SLD 504</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Partenza</p>
<p class="txt"><strong>14:40</strong></p>
</div>
<div class="c-trait__el">
<p class="label">Arrivo</p>
<p class="txt"><strong>15:40</strong></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
</section>
</div>
<header data-spaced>
<p><strong>Potrebbero interessarti</strong> anche:</p>
</header>
<section class="c-carousel c-carousel--destinations" aria-label="Ecco le destinazioni migliori">
<div class="jsInstance owl-carousel">
<div id="aCaso" class="c-carousel__item">
<div class="c-launch ">
<div class="c-launch__image">
<img src="../../images/destinations/amman.jpg" alt="Amman" />
</div>
<p class="c-launch__label" aria-hidden="true">
Giordania
</p>
<p class="c-launch__caption">
<a href="">Amman</a>
</p>
</div>
</div>
<div id="aCaso" class="c-carousel__item">
<div class="c-launch ">
<div class="c-launch__image">
<img src="../../images/destinations/boa-vista.jpg" alt="Boa Vista" />
</div>
<p class="c-launch__label" aria-hidden="true">
Portogallo
</p>
<p class="c-launch__caption">
<a href="">Boa Vista</a>
</p>
</div>
</div>
<div id="aCaso" class="c-carousel__item">
<div class="c-launch ">
<div class="c-launch__image">
<img src="../../images/destinations/amsterdam.jpg" alt="Amsterdam" />
</div>
<p class="c-launch__label" aria-hidden="true">
Paesi Bassi
</p>
<p class="c-launch__caption">
<a href="">Amsterdam</a>
</p>
</div>
</div>
<div id="aCaso" class="c-carousel__item">
<div class="c-launch ">
<div class="c-launch__image">
<img src="../../images/destinations/kiev.jpg" alt="Kiev" />
</div>
<p class="c-launch__label" aria-hidden="true">
Ucraina
</p>
<p class="c-launch__caption">
<a href="">Kiev</a>
</p>
</div>
</div>
<div id="aCaso" class="c-carousel__item">
<div class="c-launch ">
<div class="c-launch__image">
<img src="../../images/destinations/catania.jpg" alt="Catania" />
</div>
<p class="c-launch__label" aria-hidden="true">
Italia
</p>
<p class="c-launch__caption">
<a href="">Catania</a>
</p>
</div>
</div>
<div id="aCaso" class="c-carousel__item">
<div class="c-launch ">
<div class="c-launch__image">
<img src="../../images/destinations/samara.jpg" alt="Samara" />
</div>
<p class="c-launch__label" aria-hidden="true">
Russia
</p>
<p class="c-launch__caption">
<a href="">Samara</a>
</p>
</div>
</div>
</div>
</section>
<div class="c-dialog c-dialog--flights-form js-fr-dialogmodal " id="dialog-flights-form">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-flights-form-title">
<div role="document">
<p class="c-dialog__title" id="dialog-flights-form-title">Cerca il tuo volo da Bologna ad Atene</p>
<div class="c-dialog__formwrapper">
<form action="../../#.html" class="c-form c-form--flights " onsubmit="return false">
<button class="js-close-overlay" aria-label="close">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
<div class="wrapper wrapper--extended">
<div role="radiogroup" aria-label="seleziona volo in economy o business class">
<label for="select-economy-business-dialog" class="" aria-label="">
Tipo di viaggio:
<select id="select-economy-business-dialog" class="is-small is-inline" aria-describedby="select-economy-business-dialog-note">
<option value="" disabled selected></option>
<option value="option-1" selected>Economy</option>
<option value="option-2">Business Class</option>
</select>
<em class="c-field__note u-visuallyhidden" id="select-economy-business-dialog-note">
Seleziona il tipo di viaggio
</em>
</label> <label for="select-round-trip-dialog" class="" aria-label="">
<select id="select-round-trip-dialog" class="is-small is-inline" aria-describedby="select-round-trip-dialog-note">
<option value="" disabled selected></option>
<option value="option-1" selected>Andata e ritorno</option>
<option value="option-2">Solo andata</option>
</select>
<em class="c-field__note u-visuallyhidden" id="select-round-trip-dialog-note">
</em>
</label>
</div>
</div>
<div class="wrapper wrapper--localities">
<div class="c-form__el c-form__el--pair">
<label for="from" class=" " aria-label="">
Da <span class="required-marker" aria-hidden="true">*</span>
<input id="from" type="text" class="js-combobox " placeholder="" value="" required aria-required="true" aria-describedby="from-note" list="departures" data-combobox-prefix-class="combobox" data-combobox-case-sensitive="no" data-combobox-search-option="containing" data-combobox-help-text="Premi il tasto TAB o le frecce direzionali per accedere e navigare attraverso i suggerimenti. Conferma la tua scelta col tasto INVIO, oppure premi il tasto ESC per chiudere la lista dei suggerimenti." data-suggestion-single="C'è " data-suggestion-plural="Ci sono " data-suggestion-word="Suggerimento" data-suggestion-word-plural="Suggerimenti" data-combobox-see-more-text="Guarda più risultati">
<datalist id="departures">
<option value="Dubai, Al Maktoum Intl [DWC] (EMIRATI ARABI)">
<option value="Roma, Fiumicino [FCO] (ITALIA)">
<option value="New York Ny, John F Kennedy Intl [JFK] (STATI UNITI)">
<option value="Parigi, Charles De Gaulle [CDG] (FRANCIA)">
<option value="Berlino, Schoenefeld [SXF] (GERMANIA)">
<option value="Londra, Heathrow [LHR] (REGNO UNITO)">
<option value="Los Angeles Ca, International [LAX] (STATI UNITI)">
<option value="Cana Brava Mg [NBV] (BRASILE)">
<option value="Pecs, Pogany [PEV] (UNGHERIA)">
</datalist>
<p class="c-field__note " id="from-note">
Inserisci la partenza
</p>
</label>
</div>
<div class="c-form__el c-form__el--icon">
<button type="button" class="switch-round-trip js-switch-btn" aria-label="Inverti origine e destinazione">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-switch-arrows-black-24px"></use>
</svg> </button>
</div>
<div class="c-form__el c-form__el--pair">
<label for="to" class=" " aria-label="">
A <span class="required-marker" aria-hidden="true">*</span>
<input id="to" type="text" class="js-combobox " placeholder="" value="" required aria-required="true" aria-describedby="to-note" list="arrivals" data-combobox-prefix-class="combobox" data-combobox-case-sensitive="no" data-combobox-search-option="containing" data-combobox-help-text="Premi il tasto TAB o le frecce direzionali per accedere e navigare attraverso i suggerimenti. Conferma la tua scelta col tasto INVIO, oppure premi il tasto ESC per chiudere la lista dei suggerimenti." data-suggestion-single="C'è " data-suggestion-plural="Ci sono " data-suggestion-word="Suggerimento" data-suggestion-word-plural="Suggerimenti" data-combobox-see-more-text="Guarda più risultati">
<datalist id="arrivals">
<option value="Dubai, Al Maktoum Intl [DWC] (EMIRATI ARABI)">
<option value="Roma, Fiumicino [FCO] (ITALIA)">
<option value="New York Ny, John F Kennedy Intl [JFK] (STATI UNITI)">
<option value="Parigi, Charles De Gaulle [CDG] (FRANCIA)">
<option value="Berlino, Schoenefeld [SXF] (GERMANIA)">
<option value="Londra, Heathrow [LHR] (REGNO UNITO)">
<option value="Los Angeles Ca, International [LAX] (STATI UNITI)">
<option value="Cana Brava Mg [NBV] (BRASILE)">
<option value="Pecs, Pogany [PEV] (UNGHERIA)">
</datalist>
<p class="c-field__note " id="to-note">
Inserisci la destinazione
</p>
</label>
</div>
</div>
<div class="wrapper wrapper--dates">
<span class="c-form__note is-negative u-visuallyhidden" id="flights-form-note">Inserisci una data di uscita successiva a quella di entrata</span>
<div class="c-form__el c-form__el--pair js-round-desktop">
<label for="round-desktop" class="flatpickr-label" aria-label="Scegli la data">
Andata
<input id="round-desktop" type="date" class="js-flatpickr flatpickr-input" placeholder="" value="" aria-describedby="round-desktop-note">
<p class="c-field__note " id="round-desktop-note">
Seleziona la data di andata
</p>
</label>
</div>
<div class="c-form__el c-form__el--pair js-trip-desktop">
<label for="trip-desktop" class="flatpickr-label" aria-label="Scegli la data">
Ritorno
<input id="trip-desktop" type="date" class="js-flatpickr flatpickr-input" placeholder="" value="" aria-describedby="trip-desktop-note">
<p class="c-field__note " id="trip-desktop-note">
Seleziona la data di ritorno
</p>
</label>
</div>
</div>
<div class="wrapper wrapper--alone wrapper--pax">
<div class="c-form__el c-form__el--pax ">
<label for="text-field">
Passeggeri
<span class="required-marker" aria-hidden="true">*</span>
<button type="button" class="c-form__el--toggleFlightsPax js-toggleFlightsPax" aria-expanded="false" aria-label="1 passeggero" aria-describedby="pax-note" aria-controls="aria-paxChoiceDesc">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-person-black-24px"></use>
</svg> <strong>1
</strong>
</button>
<p class="c-field__note" id="pax-note" aria-hidden="true">
N. passeggeri
</p>
</label>
<div class="js-flightsPaxCnt" id="aria-paxChoice">
<div class="u-visuallyhidden" aria-live="polite" id="aria-paxChoiceDesc">
Procedi per modificare la quantità.
</div>
<div class="pax-type">
<label for="adult">
<strong>Adulti</strong> (da 12 anni in su)</label>
<div class="c-button c-button--qty " aria-label="Seleziona il numero">
<button type="button" class="minus js-toggle-remove" aria-label="Diminuisci di uno" data-toggle="lounge-service">-</button>
<input type="number" class="js-qty-value" value="1" readonly id="adult" aria-label="Quantità" min="1">
<button type="button" class="plus js-toggle-add" aria-label="Aumenta di uno" data-toggle="lounge-service">+</button>
</div>
</div>
<div class="pax-type">
<label for="child">
<strong>Bambini</strong> (da 2 a 11 anni)</label>
<div class="c-button c-button--qty " aria-label="Seleziona il numero">
<button type="button" class="minus js-toggle-remove" aria-label="Diminuisci di uno" data-toggle="lounge-service">-</button>
<input type="number" class="js-qty-value" value="1" readonly id="child" aria-label="Quantità" min="1">
<button type="button" class="plus js-toggle-add" aria-label="Aumenta di uno" data-toggle="lounge-service">+</button>
</div>
</div>
<div class="pax-type">
<label for="baby">
<strong>Neonato</strong> (Meno di 2 anni)</label>
<div class="c-button c-button--qty " aria-label="Seleziona il numero">
<button type="button" class="minus js-toggle-remove" aria-label="Diminuisci di uno" data-toggle="lounge-service">-</button>
<input type="number" class="js-qty-value" value="1" readonly id="baby" aria-label="Quantità" min="1">
<button type="button" class="plus js-toggle-add" aria-label="Aumenta di uno" data-toggle="lounge-service">+</button>
</div>
</div>
<button type="button" class="js-closeFlightsPax c-button c-button--as-link" aria-hidden="true">Chiudi</button>
</div>
</div>
</div>
<div class="wrapper wrapper--alone">
<div class="c-form__el c-form__el--cta">
<button type="submit" class="c-button c-button--submit">
Cerca il tuo volo
</button>
</div>
</div>
</form>
<div class="c-superhero__blurred">
<span>
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-call-black-24px"></use>
</svg> <strong>Non sei abituato ad acquistare online?</strong> <a href="#">Scopri come prenotare il tuo volo da
telefono
<span aria-hidden="true">→</span></a>
</span>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
</main>
<div class="c-prefooter " role="banner">
<div class="c-prefooter__inner">
<div class="c-prefooter__col">
<div class="c-prefooter__item">
<h2>Hai bisogno di aiuto?</h2>
<ul class="c-prefooter__list">
<li class="c-prefooter__faq">
<a href="#">Il presidio parcheggi è sempre aperto? <span aria-hidden="true">→</span></a>
</li>
<li class="c-prefooter__faq">
<a href="#">Ho smarrito il mio biglietto del parcheggio, cosa posso fare <span aria-hidden="true">→</span></a>
</li>
</ul>
</div>
</div>
<div class="c-prefooter__col">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/prefooter.png" alt="" height="" width="170">
<div class="c-media__body o-media__body">
</div>
</div>
<div class="c-prefooter__item">
<h2>Ti potrebbero servire</h2>
<ul class="c-prefooter__list">
<li class="c-prefooter__faq">
<a href="#">Assistenza Clienti <span aria-hidden="true">→</span></a>
</li>
<li class="c-prefooter__faq">
<a href="#">Info e reclami <span aria-hidden="true">→</span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="c-app-banner " aria-label="">
<div class="c-app-banner__inner">
<div class="c-app-banner__image">
<img class="c-app-banner__image--desktop" src="../../images/phone.png" alt="">
<img class="c-app-banner__image--mobile" src="../../images/phone-mobile.png" alt="">
</div>
<div class="c-app-banner__row">
<div class="c-app-banner__title">
<p>Porta BLQ sempre con te</p>
</div>
<div class="c-app-banner__links">
<p>Scarica l'app</p>
<ul>
<li>
<a href="#">
<img src="../../images/svgs/badge_appstore_it.svg" alt="Scarica su App Store" height="40">
</a>
</li>
<li>
<a href="#">
<img src="../../images/svgs/Google_Play_Store_badge_IT.svg" alt="Disponibile su Google Play" height="40">
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<footer class="c-footer ">
<div class='c-footer__inner'>
<div class="c-cityguide">
<div class="c-cityguide__brand">
<a href="" class="c-cityguide__logo">
<img src="../../images/svgs/logo-adb.svg" class="c-logo" alt="Homepage aeroporto di Bologna">
</a>
<div>
<div class="c-cityguide__socials">
<div class="c-socials">
<ul>
<li><a href="#" aria-label="instagram"><svg class="">
<use xlink:href="#ic-social-instagram"></use>
</svg></a></li>
<li><a href="#" aria-label="facebook"><svg class="">
<use xlink:href="#ic-social-facebook"></use>
</svg></a></li>
<li><a href="#" aria-label="twitter"><svg class="">
<use xlink:href="#ic-social-twitter"></use>
</svg></a></li>
<li><a href="#" aria-label="linkedin"><svg class="">
<use xlink:href="#ic-social-linkedin"></use>
</svg></a></li>
<li><a href="#" aria-label="youtube"><svg class="">
<use xlink:href="#ic-social-youtube"></use>
</svg></a></li>
</ul>
</div>
</div>
<div class="c-cityguide__lang">
<ul class="c-languages" aria-label="Seleziona la lingua del sito">
<li>
<a href="#" aria-label="Italiano">
ita
</a>
</li>
<li>
<a href="#" aria-label="Inglese">
eng
</a>
</li>
</ul>
</div>
<div class="c-cityguide__cta">
<p class="c-cityguide__text">Entra nel nostro team</p>
<a href="#" class="c-link c-link--sky ">
<span>Lavora con noi</span>
<svg class="svg-24">
<use xlink:href="#ic_chevron_right_black_24px"></use>
</svg></a>
</div>
</div>
</div>
<ul class="c-cityguide__nav" aria-label="Voli">
<strong aria-hidden="true">Voli</strong>
<li class="">
<a href="/components/preview/page-arrivals-departures#section-departures" aria-label="Voli in arrivo">
Voli in arrivo
</a>
</li>
<li class="">
<a href="/components/preview/page-arrivals-departures#section-arrivals" aria-label="Voli in partenza">
Voli in partenza
</a>
</li>
<li class="" data-label-content="Acquista online">
<a href="/components/preview/page-flights-destinations" aria-label="Destinazioni">
Destinazioni
</a>
</li>
</ul>
<ul class="c-cityguide__nav" aria-label="Parcheggi">
<strong aria-hidden="true">Parcheggi</strong>
<li class="" data-label-content="Acquista online">
<a href="/components/preview/page-parkings-home" aria-label="Parcheggia in Aeroporto">
Parcheggia in Aeroporto
</a>
</li>
<li class="">
<a href="/components/preview/page-rates-conventions" aria-label="Tariffe e Convenzioni">
Tariffe e Convenzioni
</a>
</li>
<li class="">
<a href="/components/preview/page-where-to-pay" aria-label="Come e dove pagare">
Come e dove pagare
</a>
</li>
<li class="">
<a href="#" aria-label="Passeggeri DPR 151/2012">
Passeggeri DPR 151/2012
</a>
</li>
</ul>
<ul class="c-cityguide__nav" aria-label="Shopping e servizi">
<strong aria-hidden="true">Shopping e servizi</strong>
<li class="">
<a href="#" aria-label="Negozi">
Negozi
</a>
</li>
<li class="">
<a href="#" aria-label="Ristoranti e Bar">
Ristoranti e Bar
</a>
</li>
<li class="">
<a href="#" aria-label="Servizi">
Servizi
</a>
</li>
<li class="" data-label-content="Acquista online">
<a href="#" aria-label="Lounge e Servizi VIP">
Lounge e Servizi VIP
</a>
</li>
</ul>
<ul class="c-cityguide__nav" aria-label="Necessità particolari">
<strong aria-hidden="true">Necessità particolari</strong>
<li class="">
<a href="/components/preview/page-home-assistenze" aria-label="Assistenze speciali">
<svg class=" c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg>
Assistenze speciali
</a>
</li>
<li class="">
<a href="/components/preview/page-routes-prm" aria-label="Famiglie e minori">
Famiglie e minori
</a>
</li>
<li class="">
<a href="/components/preview/page-routes-animals" aria-label="Animali al seguito">
Animali al seguito
</a>
</li>
</ul>
<ul class="c-cityguide__nav" aria-label="Info pratiche">
<strong aria-hidden="true">Info pratiche</strong>
<li class="">
<a href="#" aria-label="Documenti">
Documenti
</a>
</li>
<li class="">
<a href="#" aria-label="Bagagli">
Bagagli
</a>
</li>
<li class="">
<a href="#" aria-label="Controlli in aeroporto">
Controlli in aeroporto
</a>
</li>
<li class="">
<a href="#" aria-label="Mappe">
Mappe
</a>
</li>
<li class="">
<a href="#" aria-label="App BLQ">
App BLQ
</a>
</li>
<li class="">
<a href="#" aria-label="Free Wi-Fi">
Free Wi-Fi
</a>
</li>
</ul>
</div>
<div class="c-copyright">
<div class="c-copyright__credits">
<p>
<strong><span aria-hidden="true">©</span>
Copyright 2018 Aeroporto Guglielmo Marconi di Bologna S.p.A.</strong>
- Tutti i diritti riservati<br />
Via Triumvirato, 84 - 40132 Bologna (BO) - Italy - Partita IVA:
03145140376 - Capitale sociale 90.314.162,00 Euro i.v. - R.E.A. Bo N.
268716
</p>
<ul>
<li><a href="#">Credits</a></li>
<li><a href="#">Informativa cookie</a></li>
<li><a href="#">Informativa Privacy – Reg. UE n.679/2016 (“GDPR”) e Codice Privacy s.m.i.</a></li>
<li><a href="https://www.bologna-airport.it/System/files/2018/Parcheggi/InformativaVideosorveglianza.pdf">Informativa
privacy videosorveglianza</a></li>
<li><a href="#">Dichiarazione di accessibilità</a></li>
<li><a href="#">Lavora con noi</a></li>
</ul>
</div>
<div class="c-copyright__partners">
<a href="https://defence-industry-space.ec.europa.eu/eu-aeronautics-industry/alliance-zero-emission-aviation_en">
<img class="c-copyright__partner" src="../../images/AZEA_logo_colour.jpg" alt="Azea logo" />
</a>
<a href="https://www.bologna-airport.it/la-societa/sala-stampa/comunicati-stampa/netzero2050-l-aeroporto-di-bologna-si-impegna-a-raggiungere-%E2%80%9Cemissioni-zero%E2%80%9D-entro-il-2050/?idC=62420&idO=1699377&urlBack=back"><img class="c-copyright__partner" src="../../images/net_zero_logo.jpg" alt="Alt zero logo" />
</a>
<a href="https://www.bologna-airport.it/la-societa/sala-stampa/news/aeroporto-di-bologna-primo-in-italia-e-tra-i-primi-al-mondo-a-ricevere-l-aci-airport-health-accreditation-/?idC=62350&idO=1962968">
<img class="c-copyright__partner" src="../../images/aci_aha_2022.png" alt="ACI AHA logo" />
</a>
</div>
</div>
</div>
</footer>
<div class="c-dialog js-fr-dialogmodal " id="dialog-newsletter">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-newsletter-title">
<div role="document">
<p class="c-dialog__title" id="dialog-newsletter-title" aria-hidden="true">Iscriviti alla newsletter di Aeroporto di Bologna e riceverai periodicamente:</p>
<div class="c-advantages">
<div class="c-advantages__item">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/stk_faq.svg" alt="Promozioni" height="" width="100">
<div class="c-media__body o-media__body">
<strong>Promozioni su Parcheggi, VIP Lounge e Voli</strong><br>Resta aggiornato su promozioni riguardanti i parcheggi ufficiali dell’Aeroporto, la VIP Lounge e sui voli in partenza da Bologna.
</div>
</div>
</div>
<hr aria-hidden="true">
<div class="c-advantages__item">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/stk_faq.svg" alt="Informazioni" height="" width="100">
<div class="c-media__body o-media__body">
<strong>Informazioni su nuove tratte in partenza da Bologna</strong><br>Scopri in anteprima le tratte che potrai raggiungere con volo diretto da Bologna.
</div>
</div>
</div>
<hr aria-hidden="true">
<div class="c-advantages__item">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/stk_faq.svg" alt="Programmazione eventi" height="" width="100">
<div class="c-media__body o-media__body">
<strong>Programmazione eventi</strong><br>Ricevi le news riguardanti gli eventi esclusivi all’interno della Marconi Business Lounge.
</div>
</div>
</div>
</div>
<form class="c-form">
<label for="email-newsletter" class="" aria-label="">
Indirizzo e-mail <span class="required-marker" aria-hidden="true">*</span>
<input id="email-newsletter" type="email" class="" placeholder="Inserisci il tuo indirizzo e-mail" value="">
</label>
<input type="checkbox" id="agree-privacy" name="privacy" class="u-visuallyhidden " role="group" aria-label="agree-privacy">
<label for="agree-privacy" class="">
Ho letto e accettato <a href="#"><strong>l'informativa sulla privacy</strong></a>
</label> <button type="submit" class="c-button c-button--submit c-button--large">
Iscríviti
</button>
</form>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<script src="../../js/footer.min.js"></script>
<script>
$.tangible.shortcutNavigation();
// $.tangible.navToolbar();
$.tangible.notifications();
$.tangible.formFlights();
// Destinations carousel
$('.c-carousel--destinations .owl-carousel').owlCarousel({
loop: false,
responsiveClass: true,
margin: 16,
stageOuterClass: "owl-stage-outer c-carousel__outer c-carousel__outer--shadow",
nav: true,
navText: ['<span class="u-visuallyhidden">Indietro</span><img src="/images/svgs/carousel-btn-prev.svg" alt="">', '<span class="u-visuallyhidden">Avanti</span><img src="/images/svgs/carousel-btn-next.svg" alt="">'],
navContainerClass: "c-carousel__nav",
navClass: ['prev-btn', 'next-btn'],
dotsClass: "c-carousel__dots",
dotClass: "owl-dot c-carousel__dot",
mouseDrag: false,
responsive: {
0: {
items: 1
},
600: {
items: 2
},
1024: {
items: 3
}
}
});
var destination = [{
id: 'section-city-description',
label: 'Scopri la città'
},
{
id: 'section-city-calendar',
label: 'Calendario voli'
}
];
// Detect if user browser is a IE. If false, Xiao will be initialized
if (!(navigator.appName == 'Microsoft Internet Explorer' || !!(navigator.userAgent.match(/Trident/) || navigator.userAgent.match(/rv:11/)) || (typeof $.browser !== "undefined" && $.browser.msie == 1))) {
var appDestination = new Xiao(destination, 'section-city-description');
}
// LOGICA FORM VOLI - mostra/nascondi
// funzione select voli a/r
$("#select-round-trip-selection").change(function() {
console.log("select");
var value = $(this).find("option:selected").attr("value");
var roundDesktopInput = $(".js-round-desktop input"),
roundDesktopLabel = $(".js-round-desktop label"),
tripDesktopInput = $(".js-trip-desktop input"),
tripDesktopLabel = $(".js-trip-desktop label"),
roundDesktopWrapper = $(".js-round-desktop"),
tripDesktopWrapper = $(".js-trip-desktop")
switch (value) {
case "option-2":
// nascondo il campo ritorno
tripDesktopInput.removeAttr("required");
tripDesktopWrapper.hide();
break;
default:
// mostro il campo ritorno
tripDesktopInput.attr("required", "required");
tripDesktopWrapper.show();
}
});
// funzione select voli a/r // duplicata per dialog
$("#select-round-trip-dialog").change(function() {
console.log("select");
var value = $(this).find("option:selected").attr("value");
var roundDesktopInput = $(".js-round-desktop input"),
roundDesktopLabel = $(".js-round-desktop label"),
tripDesktopInput = $(".js-trip-desktop input"),
tripDesktopLabel = $(".js-trip-desktop label"),
roundDesktopWrapper = $(".js-round-desktop"),
tripDesktopWrapper = $(".js-trip-desktop")
switch (value) {
case "option-2":
// nascondo il campo ritorno
tripDesktopInput.removeAttr("required");
tripDesktopWrapper.hide();
break;
default:
// mostro il campo ritorno
tripDesktopInput.attr("required", "required");
tripDesktopwrapper.show();
}
});
</script>
{{#extend "@template-master"}}
{{!-- HEADER --}}
{{#content "header"}}
{{ render "@header" header merge=true }}
{{/content}}
{{!-- FOOTER --}}
{{#content "footer"}}
{{/content}}
{{!-- MAIN --}}
{{#content "main"}}
{{> @superhero--flights superhero }}
{{ render "@tablist--destination" }}
<header data-spaced>
<p><strong>Potrebbero interessarti</strong> anche:</p>
</header>
{{> @carousel--default destinations-carousel }}
{{ render "@dialog--flights-form" }}
{{/content}}
{{!-- SCRIPTS JS --}}
{{#content "scripts" mode="append"}}
<script src="{{ path '/js/footer.min.js' }}"></script>
<script>
$.tangible.shortcutNavigation();
// $.tangible.navToolbar();
$.tangible.notifications();
$.tangible.formFlights();
// Destinations carousel
$('.c-carousel--destinations .owl-carousel').owlCarousel({
loop: false,
responsiveClass: true,
margin: 16,
stageOuterClass: "owl-stage-outer c-carousel__outer c-carousel__outer--shadow",
nav: true,
navText: ['<span class="u-visuallyhidden">Indietro</span><img src="/images/svgs/carousel-btn-prev.svg" alt="">', '<span class="u-visuallyhidden">Avanti</span><img src="/images/svgs/carousel-btn-next.svg" alt="">'],
navContainerClass: "c-carousel__nav",
navClass: ['prev-btn', 'next-btn'],
dotsClass: "c-carousel__dots",
dotClass: "owl-dot c-carousel__dot",
mouseDrag: false,
responsive: {
0: {
items: 1
},
600: {
items: 2
},
1024: {
items: 3
}
}
});
var destination = [
{
id: 'section-city-description',
label: 'Scopri la città'
},
{
id: 'section-city-calendar',
label: 'Calendario voli'
}
];
// Detect if user browser is a IE. If false, Xiao will be initialized
if (!(navigator.appName == 'Microsoft Internet Explorer' || !!(navigator.userAgent.match(/Trident/) || navigator.userAgent.match(/rv:11/)) || (typeof $.browser !== "undefined" && $.browser.msie == 1))) {
var appDestination = new Xiao(destination, 'section-city-description');
}
// LOGICA FORM VOLI - mostra/nascondi
// funzione select voli a/r
$("#select-round-trip-selection").change(function () {
console.log("select");
var value = $(this).find("option:selected").attr("value");
var roundDesktopInput = $(".js-round-desktop input"),
roundDesktopLabel = $(".js-round-desktop label"),
tripDesktopInput = $(".js-trip-desktop input"),
tripDesktopLabel = $(".js-trip-desktop label"),
roundDesktopWrapper = $(".js-round-desktop"),
tripDesktopWrapper = $(".js-trip-desktop")
switch (value) {
case "option-2":
// nascondo il campo ritorno
tripDesktopInput.removeAttr("required");
tripDesktopWrapper.hide();
break;
default:
// mostro il campo ritorno
tripDesktopInput.attr("required", "required");
tripDesktopWrapper.show();
}
});
// funzione select voli a/r // duplicata per dialog
$("#select-round-trip-dialog").change(function () {
console.log("select");
var value = $(this).find("option:selected").attr("value");
var roundDesktopInput = $(".js-round-desktop input"),
roundDesktopLabel = $(".js-round-desktop label"),
tripDesktopInput = $(".js-trip-desktop input"),
tripDesktopLabel = $(".js-trip-desktop label"),
roundDesktopWrapper = $(".js-round-desktop"),
tripDesktopWrapper = $(".js-trip-desktop")
switch (value) {
case "option-2":
// nascondo il campo ritorno
tripDesktopInput.removeAttr("required");
tripDesktopWrapper.hide();
break;
default:
// mostro il campo ritorno
tripDesktopInput.attr("required", "required");
tripDesktopwrapper.show();
}
});
</script>
{{/content}}
{{/extend}}
{
"template-main-class": "c-main--flights-destination",
"superhero": {
"bg-path": "/images/destinations/atene-hero.jpg",
"back-message": " Torna indietro",
"back-message-url": "/components/preview/page-flights-buy-flight",
"h1": "Raggiungi <strong>Isola d’Elba</strong> da Bologna",
"modifier-h1": "l-travel-home__pagetitle",
"rounded-label": {
"text": "<span class=\"icon\" aria-hidden=\"true\">★</span> <strong>Novità</strong>"
},
"icon": {
"symbol": "ic-call-black-24px",
"class": "c-icon c-icon--24"
},
"weather": {
"img-path": "/images/svgs/weather/icn-meteo-05-sereno-G-48dp.svg",
"condition": "Oggi, soleggiato",
"degrees": "12°C / 24°C"
}
},
"flights-form": {
"modifier": "",
"from": {
"label_id": "desk-from",
"atom-input": {
"id": "desk-from"
},
"autocomplete": {
"datalist-id": "desk-departures"
}
},
"to": {
"label_id": "desk-to",
"atom-input": {
"id": "desk-to"
},
"autocomplete": {
"datalist-id": "desk-arrivals"
}
},
"round": {
"label_id": "desk-round",
"atom-input": {
"id": "desk-round"
}
},
"trip": {
"label_id": "desk-trip",
"atom-input": {
"id": "desk-trip"
}
},
"qty-adult": {
"input-id": "desk-adult"
},
"qty-child": {
"input-id": "desk-child"
},
"qty-baby": {
"input-id": "desk-baby"
}
},
"btnOpensFlightsForm": {
"type": "button",
"text": "Cerca un volo per atene",
"modifier": "c-button--adding c-button--large js-fr-dialogmodal-open opens-flights-form",
"opens-dialog": "dialog-flights-form"
},
"destinations-carousel": {
"modifier": "c-carousel--destinations",
"aria-label-title": "Ecco le destinazioni migliori",
"items": [
{
"componentName": "@launch--default",
"componentInstance": {
"bg-path": "/images/destinations/amman.jpg",
"label": "Giordania",
"caption": "Amman"
}
},
{
"componentName": "@launch--default",
"componentInstance": {
"bg-path": "/images/destinations/boa-vista.jpg",
"label": "Portogallo",
"caption": "Boa Vista"
}
},
{
"componentName": "@launch--default",
"componentInstance": {
"bg-path": "/images/destinations/amsterdam.jpg",
"label": "Paesi Bassi",
"caption": "Amsterdam"
}
},
{
"componentName": "@launch--default",
"componentInstance": {
"bg-path": "/images/destinations/kiev.jpg",
"label": "Ucraina",
"caption": "Kiev"
}
},
{
"componentName": "@launch--default",
"componentInstance": {
"bg-path": "/images/destinations/catania.jpg",
"label": "Italia",
"caption": "Catania"
}
},
{
"componentName": "@launch--default",
"componentInstance": {
"bg-path": "/images/destinations/samara.jpg",
"label": "Russia",
"caption": "Samara"
}
}
]
},
"pdf": {
"img-src": "/images/svgs/pdf.svg",
"img-alt": "PDF orari voli 2022",
"img-width": "32",
"body": "<a href=\"#\"><strong>Orari voli 2022</strong></a><br>PDF, 577 kb"
}
}
No notes defined.