<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--home-travel no-gap" id='maincontent'>
<div class="c-superhero c-superhero--mask c-superhero--homepage " style="background-image: url(../../images/superhero-home-2.jpg)">
<h1 class="">Benvenuto<br /> all'<strong>Aeroporto di Bologna</strong></h1>
</div>
<div class="l-travel-home__core">
<div class="l-travel-home__billboards">
<h2 class="title">Voli in tempo reale</h2>
<div class="">
<div class="c-list-search c-list-search--inline c-list-search--center c-form">
<div class="c-list-search__input">
<label for="text-field" class=" " aria-label="">
Cerca volo
<input id="text-field" type="text" class="js-combobox " placeholder="" value="" aria-describedby="text-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">
<datalist id="search-destinations">
<option value="Dubai (EMIRATI ARABI)">
<option value="Roma (ITALIA)">
<option value="New York Ny (STATI UNITI)">
<option value="Parigi (FRANCIA)">
<option value="Berlino (GERMANIA)">
<option value="Londra (REGNO UNITO)">
</datalist>
<p class="c-field__note " id="text-note">
Inserisci la città, n° volo o compagnia aerea
</p>
</label>
<div>
<br>
<button type="submit" class="c-button c-button--submit c-button--icon-round c-button--adding" aria-label="Avvia la ricerca">
<svg class="c-icon c-icon--18 ">
<use xlink:href="#ic_search_black_24px"></use>
</svg> </button>
<p class="c-field__note "> </p>
</div>
</div>
<div class="c-list-search__extras">
</div>
</div>
</div>
<div class="c-billboards_tablist c-tablist">
<ul class="c-billboards_tabs c-tablist__tabs" role="tablist">
<li>
<a href="#partenze" role="tab" aria-current="true"><svg class="c-icon c-icon--24">
<use xlink:href="#ic_flight_takeoff_black_24px"></use>
</svg> Partenze</a>
</li>
<li>
<a href="#arrivi" role="tab"><svg class="c-icon c-icon--24">
<use xlink:href="#ic_flight_land_black_24px"></use>
</svg> Arrivi</a>
</li>
</ul>
<div class="c-billboards ">
<div class="c-billboards__item c-tablist__section" id="partenze">
<div class="c-billboard c-billboard--departures ">
<input class="c-billboard__toggle" type="checkbox" name="billboard" id="radio-toggle-billboard-departures" aria-hidden="true">
<label class="c-billboard__label" for="radio-toggle-billboard-departures">
<div class="icon"><svg class="c-icon c-icon--32">
<use xlink:href="#ic_flight_takeoff_black_24px"></use>
</svg></div>
<div class="text">
<p>Partenze</p>
<small>Ultimo aggiornamento 10:10</small>
</div>
<div class="status">
<div class='c-status c-status--delay'>
<div class='c-status__img'>
<svg height='69' viewBox='0 0 69 69' width='69' xmlns='http://www.w3.org/2000/svg'>
<g fill='none' fill-rule='evenodd'>
<circle cx='34.5' cy='34.5' fill='#e8ecf2' r='34.5'></circle>
<g fill-rule='nonzero'>
<g transform='translate(11 28.96)'>
<path d='m30.7721607 21.4158365c2.2189691.839156 1.9580818 3.757661.003183 5.0503395-1.5308386 1.0122683-4.6580008 1.0122683-9.3814866 0-.8940848-.0000222-1.7454867-.429994-2.3394757-1.1814733l-3.0583814-3.8692307-15.996.000208v-18.450432h13.768882l2.2117455-1.76942938c.7010315-.56081379 1.5720533-.86634662 2.4698045-.86634662h14.6916754c1.1108814 0 2.0114286 1.18007711 2.0114286 2.635776s-.9005472 2.635776-2.0114286 2.635776h2.1371429c1.3886016 0 2.5142857 1.18007711 2.5142857 2.635776s-1.1256841 2.635776-2.5142857 2.635776h2.3885714c1.5274618 0 2.7657143 1.1800771 2.7657143 2.635776s-1.2382525 2.635776-2.7657143 2.635776h1.5085714c1.666322 0 3.0171429 1.1800771 3.0171429 2.635776s-1.3508209 2.635776-3.0171429 2.635776z' fill='#fecd05'></path>
<rect fill='#013860' height='7.907328' rx='.988416' width='7.248384' x='3.29472'></rect>
<rect fill='#013860' height='7.907328' rx='.988416' width='7.248384' x='3.29472' y='16.4736'></rect>
<rect fill='#2b72b0' height='12.519936' rx='2.306304' width='11.202048' x='1.317888' y='5.930496'></rect>
<path d='m5.76177737 14.669171-1.32383065-1.3238307c-.38235783-.3886368-.52634303-.7502363-.14083294-1.1357464.38551008-.3855101 1.18857604.3159297 1.57721282.6982875l.5143082.5143082 1.29884335-1.7318187c.32900917-.4386788 1.02957775-1.3957871 1.55630478-1.0605269.52672703.3352603.32900915.8466666 0 1.2853455l-1.98574597 2.6476613c-.17268596.2302592-.43679316.3742518-.72388715.394667-.02360831.0016548-.04707872.0024822-.07041124.0024822-.26329289 0-.51579118-.1046467-.7019612-.290829z' fill='#fff'></path>
</g>
<g transform='translate(30.36 14)'>
<path d='m22.528 11.264c0 2.9968125-1.1634219 5.8172813-3.2757656 7.942-2.1111407 2.123-4.9214688 3.3025781-7.9143281 3.3214844-.0073907 0-.0154688.0005156-.0228594 0-.0166719.0005156-.0338594.0005156-.0510469.0005156-3.00832814 0-5.83704686-1.1713281-7.96451564-3.2991406-2.1278125-2.1272969-3.29948436-4.9561875-3.29948436-7.9648594 0-3.00867186 1.17167186-5.83704686 3.29948436-7.96485936 2.12746878-2.12746878 4.9561875-3.29914064 7.96451564-3.29914064.0171875 0 .0338594 0 .0510469.00051563.0079062 0 .0158125 0 .0237187.00034374 2.9925157.0194219 5.8026719 1.19865627 7.9134688 3.32165627 2.1123437 2.12471872 3.2757656 4.94501563 3.2757656 7.94148436z' fill='#ff4a05'></path>
<g fill='#fff'>
<path d='m13.1965625 6.62028127v5.03525003c0 1.0350312-.8418438 1.8770468-1.8767031 1.8770468h-.0048125c-.4834844-.0140937-.9826094-.2093437-1.32257817-.5494844-.35423437-.3545781-.54965623-.8258593-.54965623-1.3275624v-5.03525003c0-1.02351563.84975-1.84765627 1.8722344-1.87704691h.0048125c1.0348593 0 1.8767031.8421875 1.8767031 1.87704691z'></path>
<path d='m13.0961875 15.9121875c0 .9798594-.7968125 1.7766719-1.7766719 1.7766719h-.0044687c-.9772813-.0022344-1.7718594-.7981875-1.7718594-1.7766719 0-.9781406.7945781-1.7740938 1.7718594-1.7763281h.0044687c.9798594 0 1.7766719.7968125 1.7766719 1.7763281z'></path>
</g>
</g>
</g>
</g>
</svg>
</div>
<div class='c-status__txt'>
<strong>Presentati con ampio anticipo in aeroporto</strong>
<small>Causa controlli aggiuntivi dovuti al Covid-19</small>
</div>
</div>
</div>
</label>
<div class="c-billboard__table">
<table class="c-table c-table--flights">
<caption class="u-visuallyhidden"></caption>
<thead>
<tr>
<th class="no-mobile">Compagnia</th>
<th>Destinazione</th>
<th>N° Volo</th>
<th>Orario stimato</th>
<th>Stato</th>
</tr>
</thead>
<tbody>
<tr>
<td class="no-mobile c-table__cell-to-clamp">
<div class="clamp">
<a href="../../ /components/preview/page-flight-companies.html"><strong>Swiss International Air Lines</strong></a>
</div>
</td>
<td class="c-table__cell-to-clamp">
<div class="clamp"><strong>MARSA ALAM / SHARM EL SHEIKH</strong></div>
</td>
<td>
<a href="../../ /components/preview/page-myflight-arrival-pax.html" aria-label="Info FRANKFURT YU9001">YU9001</a>
</td>
<td>14:00</td>
<td class="situation">Check-in C 45→48</td>
</tr>
<tr>
<td class="no-mobile c-table__cell-to-clamp">
<div class="clamp">
<a href="../../ /components/preview/page-flight-companies.html"><strong>Swiss International Air Lines</strong></a>
</div>
</td>
<td class="c-table__cell-to-clamp">
<div class="clamp"><strong>MARSA ALAM / SHARM EL SHEIKH</strong></div>
</td>
<td>
<a href="../../ /components/preview/page-myflight-arrival-pax.html" aria-label="Info FRANKFURT YU9001">YU9001</a>
</td>
<td>14:00</td>
<td class="situation">Check-in C 45→48</td>
</tr>
<tr>
<td class="no-mobile c-table__cell-to-clamp">
<div class="clamp">
<a href="../../ /components/preview/page-flight-companies.html"><strong>Swiss International Air Lines</strong></a>
</div>
</td>
<td class="c-table__cell-to-clamp">
<div class="clamp"><strong>MARSA ALAM / SHARM EL SHEIKH</strong></div>
</td>
<td>
<a href="../../ /components/preview/page-myflight-arrival-pax.html" aria-label="Info FRANKFURT YU9001">YU9001</a>
</td>
<td>14:00</td>
<td class="situation">Check-in C 45→48</td>
</tr>
<tr>
<td class="no-mobile c-table__cell-to-clamp">
<div class="clamp">
<a href="../../ /components/preview/page-flight-companies.html"><strong>Swiss International Air Lines</strong></a>
</div>
</td>
<td class="c-table__cell-to-clamp">
<div class="clamp"><strong>MARSA ALAM / SHARM EL SHEIKH</strong></div>
</td>
<td>
<a href="../../ /components/preview/page-myflight-arrival-pax.html" aria-label="Info FRANKFURT YU9001">YU9001</a>
</td>
<td>14:00</td>
<td class="situation">Check-in C 45→48</td>
</tr>
<tr>
<td class="no-mobile"><a href="../../ /components/preview/page-flight-companies.html"><strong>Alitalia</strong></a></td>
<td><strong>LONDON LHR</strong></td>
<td><a href="../../ /components/preview/page-myflight-arrival-pax.html" aria-label="Info LONDON LHR CP9827">CP9827</a></td>
<td>14:00 <strong class="is-negative">14:20</strong></td>
<td class="situation">Check-in C 45→48</td>
</tr>
</tbody>
</table>
<p class="foot">
<a href="../preview/page-arrivals-departures#section-departures.html">Tutte le partenze</a>
</p>
</div>
</div>
<div class="c-billboard__status status">
<div class='c-status c-status--delay'>
<div class='c-status__img'>
<svg height='69' viewBox='0 0 69 69' width='69' xmlns='http://www.w3.org/2000/svg'>
<g fill='none' fill-rule='evenodd'>
<circle cx='34.5' cy='34.5' fill='#e8ecf2' r='34.5'></circle>
<g fill-rule='nonzero'>
<g transform='translate(11 28.96)'>
<path d='m30.7721607 21.4158365c2.2189691.839156 1.9580818 3.757661.003183 5.0503395-1.5308386 1.0122683-4.6580008 1.0122683-9.3814866 0-.8940848-.0000222-1.7454867-.429994-2.3394757-1.1814733l-3.0583814-3.8692307-15.996.000208v-18.450432h13.768882l2.2117455-1.76942938c.7010315-.56081379 1.5720533-.86634662 2.4698045-.86634662h14.6916754c1.1108814 0 2.0114286 1.18007711 2.0114286 2.635776s-.9005472 2.635776-2.0114286 2.635776h2.1371429c1.3886016 0 2.5142857 1.18007711 2.5142857 2.635776s-1.1256841 2.635776-2.5142857 2.635776h2.3885714c1.5274618 0 2.7657143 1.1800771 2.7657143 2.635776s-1.2382525 2.635776-2.7657143 2.635776h1.5085714c1.666322 0 3.0171429 1.1800771 3.0171429 2.635776s-1.3508209 2.635776-3.0171429 2.635776z' fill='#fecd05'></path>
<rect fill='#013860' height='7.907328' rx='.988416' width='7.248384' x='3.29472'></rect>
<rect fill='#013860' height='7.907328' rx='.988416' width='7.248384' x='3.29472' y='16.4736'></rect>
<rect fill='#2b72b0' height='12.519936' rx='2.306304' width='11.202048' x='1.317888' y='5.930496'></rect>
<path d='m5.76177737 14.669171-1.32383065-1.3238307c-.38235783-.3886368-.52634303-.7502363-.14083294-1.1357464.38551008-.3855101 1.18857604.3159297 1.57721282.6982875l.5143082.5143082 1.29884335-1.7318187c.32900917-.4386788 1.02957775-1.3957871 1.55630478-1.0605269.52672703.3352603.32900915.8466666 0 1.2853455l-1.98574597 2.6476613c-.17268596.2302592-.43679316.3742518-.72388715.394667-.02360831.0016548-.04707872.0024822-.07041124.0024822-.26329289 0-.51579118-.1046467-.7019612-.290829z' fill='#fff'></path>
</g>
<g transform='translate(30.36 14)'>
<path d='m22.528 11.264c0 2.9968125-1.1634219 5.8172813-3.2757656 7.942-2.1111407 2.123-4.9214688 3.3025781-7.9143281 3.3214844-.0073907 0-.0154688.0005156-.0228594 0-.0166719.0005156-.0338594.0005156-.0510469.0005156-3.00832814 0-5.83704686-1.1713281-7.96451564-3.2991406-2.1278125-2.1272969-3.29948436-4.9561875-3.29948436-7.9648594 0-3.00867186 1.17167186-5.83704686 3.29948436-7.96485936 2.12746878-2.12746878 4.9561875-3.29914064 7.96451564-3.29914064.0171875 0 .0338594 0 .0510469.00051563.0079062 0 .0158125 0 .0237187.00034374 2.9925157.0194219 5.8026719 1.19865627 7.9134688 3.32165627 2.1123437 2.12471872 3.2757656 4.94501563 3.2757656 7.94148436z' fill='#ff4a05'></path>
<g fill='#fff'>
<path d='m13.1965625 6.62028127v5.03525003c0 1.0350312-.8418438 1.8770468-1.8767031 1.8770468h-.0048125c-.4834844-.0140937-.9826094-.2093437-1.32257817-.5494844-.35423437-.3545781-.54965623-.8258593-.54965623-1.3275624v-5.03525003c0-1.02351563.84975-1.84765627 1.8722344-1.87704691h.0048125c1.0348593 0 1.8767031.8421875 1.8767031 1.87704691z'></path>
<path d='m13.0961875 15.9121875c0 .9798594-.7968125 1.7766719-1.7766719 1.7766719h-.0044687c-.9772813-.0022344-1.7718594-.7981875-1.7718594-1.7766719 0-.9781406.7945781-1.7740938 1.7718594-1.7763281h.0044687c.9798594 0 1.7766719.7968125 1.7766719 1.7763281z'></path>
</g>
</g>
</g>
</g>
</svg>
</div>
<div class='c-status__txt'>
<strong>Presentati con ampio anticipo in aeroporto</strong>
<small>Causa controlli aggiuntivi dovuti al Covid-19</small>
</div>
</div>
</div>
</div>
<div class="c-billboards__item c-tablist__section" hidden id="arrivi">
<div class="c-billboard c-billboard--arrivals ">
<input class="c-billboard__toggle" type="checkbox" name="billboard" id="radio-toggle-billboard-arrivals" aria-hidden="true">
<label class="c-billboard__label" for="radio-toggle-billboard-arrivals">
<div class="icon"><svg class="c-icon c-icon--32">
<use xlink:href="#ic_flight_land_black_24px"></use>
</svg></div>
<div class="text">
<p>Arrivi</p>
<small>Ultimo aggiornamento 10:10</small>
</div>
</label>
<div class="c-billboard__table">
<table class="c-table c-table--flights">
<caption class="u-visuallyhidden"></caption>
<thead>
<tr>
<th class="no-mobile">Compagnia</th>
<th>Provenienza</th>
<th>N° Volo</th>
<th>Orario stimato</th>
<th>Stato</th>
</tr>
</thead>
<tbody>
<tr>
<td class="no-mobile c-table__cell-to-clamp">
<div class="clamp">
<a href="../../ /components/preview/page-flight-companies.html"><strong>Alitalia</strong></a>
</div>
</td>
<td class="c-table__cell-to-clamp">
<div class="clamp">
<strong>VIENNA</strong>
</div>
</td>
<td><a href="../../ /components/preview/page-myflight-arrival-pax.html" aria-label="Info VIENNA BE3783">BE3783</a></td>
<td>14:00</td>
<td class="situation">Atterrato</td>
</tr>
<tr>
<td class="no-mobile c-table__cell-to-clamp">
<div class="clamp">
<a href="../../ /components/preview/page-flight-companies.html"><strong>Alitalia</strong></a>
</div>
</td>
<td class="c-table__cell-to-clamp">
<div class="clamp">
<strong>VIENNA</strong>
</div>
</td>
<td><a href="../../ /components/preview/page-myflight-arrival-pax.html" aria-label="Info VIENNA BE3783">BE3783</a></td>
<td>14:00</td>
<td class="situation">Atterrato</td>
</tr>
<tr>
<td class="no-mobile c-table__cell-to-clamp">
<div class="clamp">
<a href="../../ /components/preview/page-flight-companies.html"><strong>Alitalia</strong></a>
</div>
</td>
<td class="c-table__cell-to-clamp">
<div class="clamp">
<strong>VIENNA</strong>
</div>
</td>
<td><a href="../../ /components/preview/page-myflight-arrival-pax.html" aria-label="Info VIENNA BE3783">BE3783</a></td>
<td>14:00</td>
<td class="situation">Atterrato</td>
</tr>
<tr>
<td class="no-mobile c-table__cell-to-clamp">
<div class="clamp">
<a href="../../ /components/preview/page-flight-companies.html"><strong>Alitalia</strong></a>
</div>
</td>
<td class="c-table__cell-to-clamp">
<div class="clamp">
<strong>VIENNA</strong>
</div>
</td>
<td><a href="../../ /components/preview/page-myflight-arrival-pax.html" aria-label="Info VIENNA BE3783">BE3783</a></td>
<td>14:00</td>
<td class="situation">Atterrato</td>
</tr>
<tr>
<td class="no-mobile"><a href="../../ /components/preview/page-flight-companies.html"><strong>Alitalia</strong></a></td>
<td><strong>MADRID</strong></td>
<td><a href="../../ /components/preview/page-myflight-arrival-pax.html" aria-label="Info MADRID AZ8783">AZ8783</a></td>
<td>14:00 <strong class="is-positive">13:50</strong></td>
<td class="situation">Atterrato</td>
</tr>
</tbody>
</table>
<p class="foot">
<a href="../preview/page-arrivals-departures#section-arrivals.html">Tutti gli arrivi</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="l-travel-home__conversion">
<div class="u-mb-space-48">
<div class="c-tablist c-tablist--forms">
<ul class="c-tablist__tabs" role="tablist">
<li>
<a href="#section-park-form" role="tab" rel="#section-park-form" aria-label="Prenota parcheggio">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_drive_eta_black_24px"></use>
</svg> <span aria-hidden="true">Acquista <strong>parcheggio</strong></span>
<span class="mobile-label" aria-hidden="true">Parcheggi</span>
</a>
</li>
<li>
<a href="#section-mbl-form" role="tab" rel="#section-mbl-form" aria-label="Prenota Vip Lounge" aria-current="true">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_weekend_black_24px"></use>
</svg> <span aria-hidden="true">Acquista <strong>Vip Lounge</strong></span>
<span class="mobile-label" aria-hidden="true">Vip Lounge</span>
</a>
</li>
<li>
<a href="#section-flight-form" role="tab" rel="#section-flight-form" aria-label="Acquista volo">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_airplanemode_active_black_24px"></use>
</svg> <span aria-hidden="true">Acquista <strong>Volo</strong></span>
<span class="mobile-label" aria-hidden="true">Voli</span>
</a>
</li>
<li>
<a href="#section-flight-express" role="tab" rel="#section-flight-express" aria-label="Biglietti Marconi Express">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-marconi-express-24px"></use>
</svg> <span aria-hidden="true">Acquista <strong>Treno città</strong></span>
<span class="mobile-label" aria-hidden="true">MEX</span>
</a>
</li>
</ul>
<div class="c-tablist__sections">
<section class="c-tablist__section c-tablist__section--parkings has-banner" id="section-park-form">
<div class="c-tablist__section-header">
<h2 class="c-tablist__section-title">Cerca il tuo parcheggio:</h2>
<div class="u-text-left"><button type="button" class="c-button c-button--as-link u-color-basic-white-100 js-fr-dialogmodal-open" aria-controls="dialog-useful-info">
Regole e info utili
<svg class="c-icon--18 u-color-sun-120">
<use xlink:href="#ic-info-serif"></use>
</svg>
</button></div>
</div>
<form action="/components/preview/page-parking-results" class="c-form c-form--parkings">
<div class="c-form__el c-form__el--cal">
<label for="entrance-date" class="" aria-label="Scegli data di ingresso">
Ingresso <span class="required-marker" aria-hidden="true">*</span>
<input id="entrance-date" type="date" class="" placeholder="Scegli data di ingresso" value="" aria-describedby="entrance-date-note">
<p class="c-field__note " id="entrance-date-note">
Inserisci data di entrata
</p>
</label>
</div>
<div class="c-form__el c-form__el--sel">
<label for="entrance-time" class="" aria-label="">
Orario <span class="required-marker" aria-hidden="true">*</span>
<select id="entrance-time" class="" aria-describedby="select-note">
<option value="" disabled selected>Scegli orario</option>
<option value="00:00">00:00</option>
<option value="00:15">00:15</option>
<option value="00:30">00:30</option>
<option value="00:45">00:45</option>
<option value="01:00">01:00</option>
<option value="01:15">01:15</option>
<option value="01:30">01:30</option>
<option value="01:45">01:45</option>
<option value="02:00">02:00</option>
<option value="02:15">02:15</option>
<option value="02:30">02:30</option>
<option value="02:45">02:45</option>
<option value="03:00">03:00</option>
</select>
<em class="c-field__note " id="entrance-time-note">
Ora di ingresso
</em>
</label>
</div>
<div class="c-form__el c-form__el--cal">
<label for="exit-date" class="" aria-label="Scegli data di uscita">
Uscita <span class="required-marker" aria-hidden="true">*</span>
<input id="exit-date" type="date" class="" placeholder="" value="" aria-describedby="exit-date-note">
<p class="c-field__note " id="exit-date-note">
Inserisci data di entrata uscita
</p>
</label>
</div>
<div class="c-form__el c-form__el--sel">
<label for="exit-time" class="" aria-label="">
Orario <span class="required-marker" aria-hidden="true">*</span>
<select id="exit-time" class="" aria-describedby="select-note">
<option value="" disabled selected>Scegli orario</option>
<option value="00:00">00:00</option>
<option value="00:15">00:15</option>
<option value="00:30">00:30</option>
<option value="00:45">00:45</option>
<option value="01:00">01:00</option>
<option value="01:15">01:15</option>
<option value="01:30">01:30</option>
<option value="01:45">01:45</option>
<option value="02:00">02:00</option>
<option value="02:15">02:15</option>
<option value="02:30">02:30</option>
<option value="02:45">02:45</option>
<option value="03:00">03:00</option>
</select>
<em class="c-field__note " id="exit-time-note">
Ora di uscita
</em>
</label>
</div>
<div class="c-form__el c-form__el--cta">
<button type="submit" class="c-button c-button--submit">
Cerca parcheggio
</button>
</div>
<div class="c-form__note is-negative u-visuallyhidden" id="parking-form-note">Inserisci una data e un orario di uscita successivi a quelli di entrata</div>
</form>
<div class="c-form--parkings-conventions"><a href="#" class="js-fr-dialogmodal-open" aria-controls="dialog-parking-form">Hai una convenzione?</a>
</div>
<div class="c-banner ">
<img class="" src="/images/svgs/stk_mail_discount_reservation.svg" alt="stk_mail_discount_reservation" aria-hidden="true" />
<span>
<strong>fino al 30% di sconto </strong> acquistando il parcheggio online!
</span>
</div>
</section>
<section class="c-tablist__section c-tablist__section--mbl" id="section-mbl-form">
<div class="c-tablist__section-header">
<h2 class="c-tablist__section-title">Prenota e acquista Vip Lounge:</h2>
<div class="u-text-left"><button type="button" class="c-button c-button--as-link u-color-basic-white-100 js-fr-dialogmodal-open" aria-controls="dialog-useful-info">
Regole e info utili
<svg class="c-icon--18 u-color-sun-120">
<use xlink:href="#ic-info-serif"></use>
</svg>
</button></div>
</div>
<form action="../../#.html" class="c-form c-form--mbl " id="form-mbl">
<div class="c-form__el c-form__el--23 c-form__el--cal">
<label for="departure-date-mobile" class="is-datepicker" aria-label="Scegli la data">
Data prevista <span class="required-marker" aria-hidden="true">*</span>
<input id="departure-date-mobile" type="date" class="" placeholder="Scegli la data" value="" aria-describedby="departure-date-mobile-note">
<p class="c-field__note " id="departure-date-mobile-note">
Seleziona la data di ingresso
</p>
</label>
</div>
<div class="c-form__el c-form__el--13 c-form__el--cal">
<label for="persons-select" class="" aria-label="">
N° persone <span class="required-marker" aria-hidden="true">*</span>
<select id="persons-select" class="" aria-describedby="persons-select-note">
<option value="" disabled selected></option>
<option value="option-1" selected>1</option>
<option value="option-2">2</option>
<option value="option-3">3</option>
<option value="option-4">4</option>
</select>
<em class="c-field__note " id="persons-select-note">
N° persone
</em>
</label>
</div>
<div class="c-form__el c-form__el--cta">
<button type="submit" class="c-button c-button--submit">
Prenota ora
</button>
</div>
</form>
</section>
<section class="c-tablist__section c-tablist__section--flights" id="section-flight-form">
<div class="c-tablist__section-header">
<h2 class="c-tablist__section-title">Cerca il tuo volo:</h2>
<div class="u-text-left"><button type="button" class="c-button c-button--as-link u-color-basic-white-100 js-fr-dialogmodal-open" aria-controls="dialog-useful-info">
Regole e info utili
<svg class="c-icon--18 u-color-sun-120">
<use xlink:href="#ic-info-serif"></use>
</svg>
</button></div>
</div>
<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>
</section>
<section class="c-tablist__section c-tablist__section--express" id="section-flight-express">
<div class="c-tablist__section-header">
<h2 class="c-tablist__section-title">Treni da e per Bologna:</h2>
<div class="u-text-left"><button type="button" class="c-button c-button--as-link u-color-basic-white-100 js-fr-dialogmodal-open" aria-controls="dialog-useful-info">
Regole e info utili
<svg class="c-icon--18 u-color-sun-120">
<use xlink:href="#ic-info-serif"></use>
</svg>
</button></div>
</div>
<div class="c-form__fields">
<div class="l-travel-home__organize o-adjacent o-adjacent--threeInARow">
<div class="o-adjacent__item">
<div class="c-card c-card--ticket ">
<div class="c-card__text">
<h2 aria-label="">Biglietto <strong>ordinario flex</strong></h2>
<div class="c-card__price-note">
<span aria-label="prezzo sola andata">solo andata</span>
<strong aria-label="8,70 €">8,70 €</strong>
</div>
<div class="c-card__price-note">
<span aria-label="prezzo andata e ritorno">andata/ritorno</span>
<strong aria-label="16,00 €">16,00 €</strong>
</div>
</div>
<div class="c-card__rip"></div>
<div class="c-card__footer">
<a href="#" class="c-link c-link--primary-disabled">
<span>Disponibile a breve</span>
</a>
<div class="c-card__description">
<a href="#">
Scopri di più sul nuovo servizio
</a> <input type="checkbox" id="check_express_flex" class="u-visuallyhidden u-chkbx-toggle">
<label for="check_express_flex" aria-label="">Scopri di più su questa tariffa</label>
<div class="u-chkbx-toggleReceiver">
<p>Questa tariffa prevede biglietti <strong>utilizzabili in qualsiasi data entro 12 mesi dall’acquisto</strong>; nel caso dei biglietti andata e ritorno, il ritorno deve essere effettuato entro 30 giorni dall’andata.</p>
<p><strong>Viaggi con dei bambini?</strong> I bambini fino a 4 anni accompagnati da un adulto con biglietto valido viaggiano gratuitamente.</p>
<img src="../../images/svgs/marconi-express.svg" alt="Logo Marconi Express">
</div>
</div>
</div>
</div>
</div>
<div class="o-adjacent__item">
<div class="c-card c-card--ticket ">
<div class="c-card__text">
<h2 aria-label="">Biglietto <strong>famiglia</strong></h2>
<div class="c-card__price-note">
<span aria-label="prezzo sola andata">solo andata</span>
<strong aria-label="18,00 €">18,00 €</strong>
</div>
<div class="c-card__price-note">
<span aria-label="prezzo andata e ritorno">andata/ritorno</span>
<strong aria-label="34,00 €">34,00 €</strong>
</div>
</div>
<div class="c-card__rip"></div>
<div class="c-card__footer">
<a href="#" class="c-link c-link--primary-disabled">
<span>Disponibile a breve</span>
</a>
<div class="c-card__description">
<a href="#">
Scopri di più sul nuovo servizio
</a> <input type="checkbox" id="check_express_family" class="u-visuallyhidden u-chkbx-toggle">
<label for="check_express_family" aria-label="">Scopri di più su questa tariffa</label>
<div class="u-chkbx-toggleReceiver">
<p>Questa tariffa è <strong>valida per un massimo di 2 adulti e 3 ragazzi tra i 5 e i 16 anni compresi</strong>. I biglietti sono utilizzabili solo nelle date scelte in fase di acquisto, senza vincoli di orario, e sono nominativi.</p>
<p><strong>Viaggi con dei bambini?</strong> I bambini fino a 4 anni accompagnati da un adulto con biglietto valido viaggiano gratuitamente.</p>
<img src="../../images/svgs/marconi-express.svg" alt="Logo Marconi Express">
</div>
</div>
</div>
</div>
</div>
<div class="o-adjacent__item">
<div class="c-card c-card--ticket ">
<div class="c-card__text">
<h2 aria-label="">Biglietto <strong>gruppi</strong></h2>
<div class="c-card__price-note">
<span aria-label="prezzo sola andata">solo andata</span>
<strong aria-label="7,00 €">7,00 €</strong>
</div>
<div class="c-card__price-note">
<span aria-label="prezzo andata e ritorno">andata/ritorno</span>
<strong aria-label="14,00 €">14,00 €</strong>
</div>
</div>
<div class="c-card__rip"></div>
<div class="c-card__footer">
<a href="#" class="c-link c-link--primary-disabled">
<span>Disponibile a breve</span>
</a>
<div class="c-card__description">
<a href="#">
Scopri di più sul nuovo servizio
</a> <input type="checkbox" id="check_express_group" class="u-visuallyhidden u-chkbx-toggle">
<label for="check_express_group" aria-label="">Scopri di più su questa tariffa</label>
<div class="u-chkbx-toggleReceiver">
<p>Questa tariffa è da considerare a persona ed è <strong>acquistabile per un numero minimo di 10 passeggeri nello stesso viaggio</strong>. I biglietti sono utilizzabili solo nelle date scelte in fase di acquisto, senza vincoli di orario.</p>
<p><strong>Viaggi con dei bambini?</strong> I bambini fino a 4 anni accompagnati da un adulto con biglietto valido viaggiano gratuitamente.</p>
<img src="../../images/svgs/marconi-express.svg" alt="Logo Marconi Express">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
<div class="l-travel-home__banner l-travel-home__banner--relevant">
<section class="c-carousel c-carousel--gallery c-carousel--equalH c-carousel--relevantBanner" aria-hidden="true">
<div class="jsInstance owl-carousel">
<div class="c-carousel__item">
<div class="c-showcase c-showcase--full ">
<div class="c-showcase__image">
<img src="../../images/showcase-tbilisi.jpg" alt="Abbiamo un nuovo parcheggio">
</div>
<div class="c-showcase__content">
<p class="c-showcase__title">Abbiamo un nuovo parcheggio</p>
<p class="c-showcase__subtitle">Prova il P5 da <strong>9,00€ al giorno!</strong></p>
<a href="#" class="c-showcase__link">
Scopri di più
<svg class="">
<use xlink:href="#"></use>
</svg></a>
</div>
</div>
</div>
<div class="c-carousel__item">
<div class="c-showcase c-showcase--full ">
<div class="c-showcase__image">
<img src="../../images/showcase-russia.jpg" alt="Titolo banner 2">
</div>
<div class="c-showcase__content">
<p class="c-showcase__title">Titolo banner 2</p>
<p class="c-showcase__subtitle"></p>
<a href="#" class="c-showcase__link">
Scopri di più
<svg class="">
<use xlink:href="#"></use>
</svg></a>
</div>
</div>
</div>
<div class="c-carousel__item">
<div class="c-showcase c-showcase--full ">
<div class="c-showcase__image">
<img src="../../images/showcase-russia.jpg" alt="Titolo banner 3">
</div>
<div class="c-showcase__content">
<p class="c-showcase__title">Titolo banner 3</p>
<p class="c-showcase__subtitle">Sottotitolo banner 3</p>
<a href="#" class="c-showcase__link">
Scopri di più
<svg class="">
<use xlink:href="#"></use>
</svg></a>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
<div class="l-travel-home__banner l-travel-home__banner--stop">
<h2 class="title">Quale sarà la tua prossima destinazione?</h2>
<p class="subtitle"><span class="mobile-hidden">Voli diretti verso <strong>103 destinazioni in tutto il
mondo!</strong></span> <a href="../preview/page-flights-destinations.html">Scopri le
destinazioni</a></p>
</div>
<section class="c-carousel c-carousel--destinations c-carousel--fullwidth c-carousel--zoom" aria-label="Ecco le destinazioni migliori">
<div class="jsInstance owl-carousel">
<div id="aCaso" class="c-carousel__item">
<div class="c-launch c-launch--destination">
<img class="c-launch__main-img" src="../../images/destinations/zurich.png" alt="Come e dove pagare" />
<div class="c-launch__company ">
<img src="../../images/flight-companies/swissair.png" alt="Come e dove pagare" />
</div>
<div class="c-launch__title">
<h3><a href="">Valencia</a></h3>
<h4><a href="">Scopri di più</a></h4>
</div>
</div>
</div>
<div id="aCaso" class="c-carousel__item">
<div class="c-launch c-launch--destination">
<img class="c-launch__main-img" src="../../images/destinations/zurich.png" alt="Come e dove pagare" />
<div class="c-launch__company ">
<img src="../../images/flight-companies/easyJet.gif" alt="Come e dove pagare" />
</div>
<div class="c-launch__title">
<h3><a href="">Amsterdam</a></h3>
<h4><a href="">Scopri di più</a></h4>
</div>
</div>
</div>
<div id="aCaso" class="c-carousel__item">
<div class="c-launch c-launch--destination">
<img class="c-launch__main-img" src="../../images/destinations/zurich.png" alt="Come e dove pagare" />
<div class="c-launch__company ">
<img src="../../images/flight-companies/swissair.png" alt="Come e dove pagare" />
</div>
<div class="c-launch__title">
<h3><a href="">Zurich</a></h3>
<h4><a href="">Scopri di più</a></h4>
</div>
</div>
</div>
<div id="aCaso" class="c-carousel__item">
<div class="c-launch c-launch--destination">
<img class="c-launch__main-img" src="../../images/destinations/zurich.png" alt="Come e dove pagare" />
<div class="c-launch__company is-wider">
<img src="../../images/flight-companies/swissair.png" alt="SwissAir compagnia del mese" /><img src="/images/dest-of-the-month.svg" alt="Company of the month" />
</div>
<div class="c-launch__title">
<h3><a href="">Valencia</a></h3>
<h4><a href="">Scopri di più</a></h4>
</div>
</div>
</div>
<div id="aCaso" class="c-carousel__item">
<div class="c-launch c-launch--destination">
<img class="c-launch__main-img" src="../../images/destinations/zurich.png" alt="Come e dove pagare" />
<div class="c-launch__company ">
<img src="../../images/flight-companies/vueling-VY.png" alt="Come e dove pagare" />
</div>
<div class="c-launch__title">
<h3><a href="">Valencia</a></h3>
<h4><a href="">Scopri di più</a></h4>
</div>
</div>
</div>
<div id="aCaso" class="c-carousel__item">
<div class="c-launch c-launch--destination">
<img class="c-launch__main-img" src="../../images/destinations/zurich.png" alt="Come e dove pagare" />
<div class="c-launch__company is-wider">
<img src="../../images/flight-companies/swissair.png" alt="AirSwiss compagnia del mese" /><img src="/images/dest-of-the-month.svg" alt="Company of the month" />
</div>
<div class="c-launch__title">
<h3><a href="">Valencia</a></h3>
<h4><a href="">Scopri di più</a></h4>
</div>
</div>
</div>
<div id="aCaso" class="c-carousel__item">
<div class="c-launch c-launch--destination">
<img class="c-launch__main-img" src="../../images/destinations/zurich.png" alt="Come e dove pagare" />
<div class="c-launch__company ">
<img src="../../images/flight-companies/logo-fr.png" alt="Come e dove pagare" />
</div>
<div class="c-launch__title">
<h3><a href="">Valencia</a></h3>
<h4><a href="">Scopri di più</a></h4>
</div>
</div>
</div>
<div id="aCaso" class="c-carousel__item">
<div class="c-launch c-launch--destination">
<img class="c-launch__main-img" src="../../images/destinations/zurich.png" alt="Come e dove pagare" />
<div class="c-launch__company is-wider">
<img src="../../images/flight-companies/swissair.png" alt="SwissAir compagnia del mese" /><img src="/images/dest-of-the-month.svg" alt="Company of the month" />
</div>
<div class="c-launch__title">
<h3><a href="">Valencia</a></h3>
<h4><a href="">Scopri di più</a></h4>
</div>
</div>
</div>
</div>
</section>
<div class="o-flexgrid o-flexgrid--center u-mb-space-32">
<a href="/components/preview/page-flights-landing-destinations" class="c-link c-link--sky ">
<span>Scopri le destinazioni</span>
<svg class="svg-24">
<use xlink:href="#ic_chevron_right_black_24px"></use>
</svg></a>
</div>
<div class="l-travel-home__banner l-travel-home__banner--shopping has-mask" style="background-image: url(../../images/bg-servizi-cut.jpg)">
<div class="c-starting-grid ">
<h2>Scopri i servizi e negozi dell'aeroporto</h2>
<div class="c-starting-grid__chess">
<div class="c-chess ">
<div class="c-chess__item ">
<div class="c-pawn ">
<input class="c-pawn__toggle" type="checkbox" id="chkbx-shop-bar" aria-hidden="true">
<label class="c-pawn__label" for="chkbx-shop-bar">
Bar & Ristoranti
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_expand_more_black_24px"></use>
</svg> </label>
<div class="c-pawn__content ">
<ul class="c-icon-list" aria-label="Servizi disponibili in Bar & Ristoranti">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_free_breakfast_black_24px"></use>
</svg> <span class="c-icon-list__text"><a href="#">Bar</a></span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_restaurant_menu_black_24px"></use>
</svg> <span class="c-icon-list__text"><a href="#">Ristoranti</a></span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-more-horiz-24px"></use>
</svg> <span class="c-icon-list__text"><a href="#">Tutti</a></span>
</li>
</ul>
</div>
</div>
</div>
<div class="c-chess__item ">
<div class="c-pawn ">
<input class="c-pawn__toggle" type="checkbox" id="chkbx-shop-shops" aria-hidden="true">
<label class="c-pawn__label" for="chkbx-shop-shops">
Negozi
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_expand_more_black_24px"></use>
</svg> </label>
<div class="c-pawn__content ">
<ul class="c-icon-list" aria-label="Tipologie di negozi">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-fashion-24px"></use>
</svg> <span class="c-icon-list__text"><a href="#">Fashion & Style</a></span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-shopping-black-24px"></use>
</svg> <span class="c-icon-list__text"><a href="#">General store</a></span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-gift-25px"></use>
</svg> <span class="c-icon-list__text"><a href="#">Duty free</a></span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-more-horiz-24px"></use>
</svg> <span class="c-icon-list__text"><a href="#">Tutti</a></span>
</li>
</ul>
</div>
</div>
</div>
<div class="c-chess__item ">
<div class="c-pawn ">
<input class="c-pawn__toggle" type="checkbox" id="chkbx-shop-services" aria-hidden="true">
<label class="c-pawn__label" for="chkbx-shop-services">
Servizi in aeroporto
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_expand_more_black_24px"></use>
</svg> </label>
<div class="c-pawn__content ">
<ul class="c-icon-list" aria-label="Servizi disponibili in aeroporto">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-deposito-bagagli-24px"></use>
</svg> <span class="c-icon-list__text"><a href="#">Deposito bagagli</a></span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-pharmacy-24px"></use>
</svg> <span class="c-icon-list__text"><a href="#">Farmacia</a></span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-bank-24px"></use>
</svg> <span class="c-icon-list__text"><a href="#">Banca</a></span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-more-horiz-24px"></use>
</svg> <span class="c-icon-list__text"><a href="#">Tutti</a></span>
</li>
</ul>
</div>
</div>
</div>
<div class="c-chess__item ">
<div class="c-pawn ">
<input class="c-pawn__toggle" type="checkbox" id="chkbx-shop-vip" aria-hidden="true">
<label class="c-pawn__label" for="chkbx-shop-vip">
Lounge e servizi VIP
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_expand_more_black_24px"></use>
</svg> </label>
<div class="c-pawn__content ">
<ul class="c-icon-list" aria-label="Servizi vip e lounge">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_weekend_black_24px"></use>
</svg> <span class="c-icon-list__text"><a href="#">Vip Lounge</a></span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-star-new-black-18px"></use>
</svg> <span class="c-icon-list__text"><a href="#">Youfirst</a></span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-people-24px"></use>
</svg> <span class="c-icon-list__text"><a href="#">Area meeting</a></span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-event-seat-24px"></use>
</svg> <span class="c-icon-list__text"><a href="#">Eventi in Lounge</a></span>
</li>
</ul>
</div>
</div>
</div>
<div class="c-chess__item ">
<div class="c-pawn ">
<input class="c-pawn__toggle" type="checkbox" id="chkbx-shop-transport" aria-hidden="true">
<label class="c-pawn__label" for="chkbx-shop-transport">
Trasporti da/per
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_expand_more_black_24px"></use>
</svg> </label>
<div class="c-pawn__content ">
<ul class="c-icon-list" aria-label="Trasporti da e per Aeroporto">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_car_black_24px"></use>
</svg> <span class="c-icon-list__text"><a href="#">In auto</a></span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_bus_black_24px"></use>
</svg> <span class="c-icon-list__text"><a href="#">In bus</a></span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_local_taxi_black_24px"></use>
</svg> <span class="c-icon-list__text"><a href="#">In taxi</a></span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-more-horiz-24px"></use>
</svg> <span class="c-icon-list__text"><a href="#">Tutti</a></span>
</li>
</ul>
</div>
</div>
</div>
<div class="c-chess__item ">
<div class="c-pawn ">
<input class="c-pawn__toggle" type="checkbox" id="chkbx-shop-maps" aria-hidden="true">
<label class="c-pawn__label" for="chkbx-shop-maps">
Mappe
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_expand_more_black_24px"></use>
</svg> </label>
<div class="c-pawn__content ">
<ul class="c-icon-list" aria-label="Mappe Aeroporto">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-map-24px"></use>
</svg> <span class="c-icon-list__text"><a href="#">Piano terra</a></span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-map-24px"></use>
</svg> <span class="c-icon-list__text"><a href="#">Primo piano</a></span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-map-24px"></use>
</svg> <span class="c-icon-list__text"><a href="#">Parcheggi</a></span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-map-24px"></use>
</svg> <span class="c-icon-list__text"><a href="#">Servizi al PRM</a></span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<header class="l-travel-home__organize">
<h2 class="title">Organizza ora il tuo viaggio</h2>
</header>
<div class="l-travel-home__organize o-adjacent u-mb--large">
<div class="o-adjacent__item">
<div class="c-card c-card--art c-card--linked ">
<div class="c-card__image">
<a href="#">
<img src="../../images/bus-booking.jpg" alt="Prenota un autobus" height="240" class="shortest">
</a>
</div>
<div class="c-card__text">
<strong class="title">Prenota un autobus</strong>
<p>Prenota la tua corsa! <strong>Tariffe vantaggiose</strong>. <a href="#">Scopri tutti i collegamenti attivi</a>.</p>
</div>
<div class="c-card__footer">
<a href="#" class="c-link ">
<span>Prenota</span>
<svg class="svg-24">
<use xlink:href="#ic_chevron_right_black_24px"></use>
</svg></a>
</div>
</div>
</div>
<div class="o-adjacent__item">
<div class="c-card c-card--art c-card--linked ">
<div class="c-card__image">
<a href="#">
<img src="../../images/booking-hotel.jpg" alt="Hotel per il viaggio" height="240" class="shortest">
</a>
</div>
<div class="c-card__text">
<strong class="title">Prenota un hotel</strong>
<p>Prenota il tuo albergo! <strong>Tariffe vantaggiose. Miglior prezzo garantito.</strong></p>
</div>
<div class="c-card__footer">
<a href="#" class="c-link ">
<span>Prenota</span>
<svg class="svg-24">
<use xlink:href="#ic_chevron_right_black_24px"></use>
</svg></a>
<img src="/images/booking-logo.png" alt="Allianz">
</div>
</div>
</div>
<div class="o-adjacent__item">
<div class="c-card c-card--art c-card--linked ">
<div class="c-card__image">
<a href="#">
<img src="../../images/rent-car.jpg" alt="Noleggio auto" height="240" class="shortest">
</a>
</div>
<div class="c-card__text">
<strong class="title">Noleggia un'auto</strong>
<p>Prenota il tuo noleggio auto all'Aeroporto di Bologna o al tuo Aeroporto di destinazione <strong>al miglior prezzo garantito.</strong></p>
</div>
<div class="c-card__footer">
<a href="#" class="c-link ">
<span>Prenota</span>
<svg class="svg-24">
<use xlink:href="#ic_chevron_right_black_24px"></use>
</svg></a>
<img src="/images/rentalcars-logo.png" alt="Allianz">
</div>
</div>
</div>
</div>
<header class="l-travel-home__organize">
<img src="../../images/svgs/logo-innovability.svg" class="c-logo c-logo--innovability" alt="Homepage aeroporto di Bologna">
<h2 class="title">Sostenibilità e innovazione</h2>
</header>
<section class="c-carousel c-carousel--destinations c-carousel--fullwidth c-carousel--zoom" aria-label="Ecco le destinazioni migliori">
<div class="jsInstance owl-carousel">
<div id="aCaso" class="c-carousel__item">
<div class="c-launch c-launch--fullimage">
<div class="c-launch__image">
<a href="">
<img src="../../images/launch_innovability.jpg" alt="false" />
</a>
</div>
</div>
</div>
<div id="aCaso" class="c-carousel__item">
<div class="c-launch c-launch--fullimage">
<div class="c-launch__image">
<a href="">
<img src="../../images/launch_innovability.jpg" alt="false" />
</a>
</div>
</div>
</div>
<div id="aCaso" class="c-carousel__item">
<div class="c-launch c-launch--fullimage">
<div class="c-launch__image">
<a href="">
<img src="../../images/launch_innovability.jpg" alt="false" />
</a>
</div>
</div>
</div>
<div id="aCaso" class="c-carousel__item">
<div class="c-launch c-launch--fullimage">
<div class="c-launch__image">
<a href="">
<img src="../../images/launch_innovability.jpg" alt="false" />
</a>
</div>
</div>
</div>
<div id="aCaso" class="c-carousel__item">
<div class="c-launch c-launch--fullimage">
<div class="c-launch__image">
<a href="">
<img src="../../images/launch_innovability.jpg" alt="false" />
</a>
</div>
</div>
</div>
<div id="aCaso" class="c-carousel__item">
<div class="c-launch c-launch--fullimage">
<div class="c-launch__image">
<a href="">
<img src="../../images/launch_innovability.jpg" alt="false" />
</a>
</div>
</div>
</div>
</div>
</section>
<div class="c-dialog c-dialog--parking-form js-fr-dialogmodal " id="dialog-parking-form">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-parking-form-title">
<div role="document">
<p class="c-dialog__title c-dialog__text--centered" id="dialog-parking-form-title">Hai una convenzione?</p>
<p class="c-dialog__text c-dialog__text--centered">
Cerca nella lista e scopri il vantaggio sulle tariffe
<br><br>
</p>
<div class="c-form c-form--parkings">
<div class="c-form__el c-form__el--cal">
<label for="select-conventions" class="" aria-label="">
Convenzione:
<select id="select-conventions" class="" aria-describedby="select-conventions-note">
<option value="" disabled selected>Hai una convenzione?</option>
<option value="option-1">Alba Tour</option>
<option value="option-2">Alpitour</option>
<option value="option-3">Brixia Viaggi</option>
<option value="option-4">Club Med</option>
<option value="option-5">Domina Travel</option>
<option value="option-6">In Viaggi</option>
<option value="option-7">Marsupio Group</option>
<option value="option-8">Smeg S.p.A.</option>
<option value="option-9">Viaggi Idea</option>
</select>
<em class="c-field__note " id="select-conventions-note">
Seleziona un'opzione dal menù a tendina
</em>
</label>
</div>
<div class="c-form__el c-form__el--sel">
<label for="file-number" class="" aria-label="">
Numero pratica
<input id="file-number" type="text" class="" placeholder="es. AA46923757" value="" aria-describedby="file-number-note">
<p class="c-field__note " id="file-number-note">
Inserisci il numero di pratica della convenzione
</p>
</label>
</div>
<div class="c-form__el c-form__el--icon">
<svg class="c-icon c-icon--32">
<use xlink:href="#entrata-parcheggio-24px"></use>
</svg>
</div>
<div class="c-form__el c-form__el--cal">
<label for="entrance-date" class="is-datepicker" aria-label="Scegli la data">
Entrata <span class="required-marker" aria-hidden="true">*</span>
<input id="entrance-date" type="date" class="" placeholder="Scegli la data" value="" aria-describedby="entrance-date-note">
<p class="c-field__note " id="entrance-date-note">
Seleziona la data di entrata al parcheggio
</p>
</label>
</div>
<div class="c-form__el c-form__el--sel">
<label for="entrance-time" class="" aria-label="">
Ore <span class="required-marker" aria-hidden="true">*</span>
<select id="entrance-time" class="" aria-describedby="entrance-time-note">
<option value="" disabled selected>00:00</option>
<option value="option-1">20:00</option>
<option value="option-2">20:15</option>
<option value="option-3">20:30</option>
<option value="option-4">20:45</option>
</select>
<em class="c-field__note " id="entrance-time-note">
Seleziona l'ora di ingresso al parcheggio
</em>
</label>
</div>
<div class="c-form__el c-form__el--icon">
<svg class="c-icon c-icon--32">
<use xlink:href="#uscita-parcheggio-24px"></use>
</svg>
</div>
<div class="c-form__el c-form__el--cal">
<label for="exit-date" class="is-datepicker" aria-label="Scegli la data">
Uscita <span class="required-marker" aria-hidden="true">*</span>
<input id="exit-date" type="date" class="" placeholder="Scegli la data" value="" aria-describedby="exit-date-note">
<p class="c-field__note " id="exit-date-note">
Seleziona la data di uscita dal parcheggio
</p>
</label>
</div>
<div class="c-form__el c-form__el--sel">
<label for="exit-time" class="" aria-label="">
Ore <span class="required-marker" aria-hidden="true">*</span>
<select id="exit-time" class="" aria-describedby="exit-time-note">
<option value="" disabled selected>00:00</option>
<option value="option-1">20:00</option>
<option value="option-2">20:15</option>
<option value="option-3">20:30</option>
<option value="option-4">20:45</option>
</select>
<em class="c-field__note " id="exit-time-note">
Seleziona l'ora di uscita dal parcheggio
</em>
</label>
</div>
<p class="c-dialog__text">
<strong>AVVISO IMPORTANTE</strong><br>
1) Per avvalersi della convenzione e della tariffa scontata, è indispensabile, al rientro dal viaggio, prima di pagare e di ritirare l'auto, consegnare il voucher del Tour Operator o mostrare la tessera di accreditamento alla cassa del <a href="#"><strong>Presidio Parcheggi</strong></a>.
<br><br>
2) La mancata o ritardata consegna del voucher o visione della tessera di accreditamento, ovvero dopo aver pagato la sosta alle casse automatiche o alle colonne di uscita, implica la perdita del diritto di avvalersi della tariffa scontata e l'applicazione della tariffa standard senza possibilità di rimborso.
<br><br>
<input type="checkbox" id="conventions-terms" name="accespt" class="u-visuallyhidden " role="group" aria-label="conventions-terms">
<label for="conventions-terms" class="terms-conditions">
<strong>Accetto le condizioni di utilizzo convenzione come sopra riportate</strong>
</label> <br><br>
</p>
<div class="c-form__el c-form__el--cta">
<button type="submit" class="c-button c-button--submit c-button--large">
Cerca parcheggio
</button>
</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>
<div class="c-dialog js-fr-dialogmodal " id="dialog-useful-info">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-useful-info-title">
<div role="document">
<p class="c-dialog__title" id="dialog-useful-info-title">Regole e info utili per i tuoi acquisti</p>
<div class="c-dialog__text">
<p><strong>Entro quando posso acquistare il mio parcheggio?</strong></p>
<p>Fino a 6 ore prima dell'orario prescelto per l'ingresso nel parcheggio</p>
</div>
<div class="c-dialog__text">
<p><strong>Con quanto anticipo posso accedere al parcheggio?</strong></p>
<p>Rispetto all'orario di ingresso indicato in fase di acquisto, si può accedere fino a 3 ore prima.</p>
</div>
<div class="c-dialog__text">
<p><strong>Devo registrarmi per acquistare?</strong></p>
<p>Sì, è necessario registrarsi per acquistare parcheggi, Vip Lounge e Voli.</p>
</div>
<div class="c-dialog__text">
<p><strong></strong></p>
<p></p>
</div>
<div class="c-dialog__text">
<p><strong>Dove trovo le conferme dell'acquisto?</strong></p>
<p>Riceverai una email di conferma all’indirizzo usato in fase di registrazione. Tutti i tuoi acquisti sono poi reperibili all’interno dalla tua Area MyBlq del sito e dell’App.</p>
</div>
<div class="c-dialog__text">
<p><strong>Come si accede ai parcheggi?</strong></p>
<p>Si accede tramite di prenotazione (QR Code), il quale dovrà essere posizionato (con smartphone o stampa cartacea) sotto il lettore della colonnina d'ingresso del parcheggio prescelto. Il QR code si trova nelle email e nelle aree riservate del sito e dell'App dell'Aeroporto di Bologna.</p>
</div>
<div class="c-dialog__text">
<p><strong>Posso portare il mio bagaglio da stiva nella sala Vip Lounge MBL?</strong></p>
<p>Non è possibile portare con sè il bagaglio da stiva in sala, ti preghiamo quindi di effettuare il check-in e il drop del bagaglio da stiva prima di raggiungere la sala MBL.</p>
</div>
<div class="c-dialog__text">
<p><strong>Hai ancora qualche dubbio? Ti serve supporto?</strong></p>
<p>Consulta le <a href="../preview/page-terms-and-conditions.html"><strong>Condizioni di vendita</strong></a> o le <a href="#"><strong>Domande Frequenti</strong></a>. Per ogni altra necessità, visita il nostro <a href="#"><strong>centro assistenza clienti</strong></a>.</p>
</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();
// Forms tablist
var flights_list = [{
id: 'partenze'
},
{
id: 'arrivi'
}
];
// Forms tablist
var forms = [{
id: 'section-park-form',
label: 'Acquista parcheggio'
},
{
id: 'section-mbl-form',
label: 'Acquista Vip lounge'
},
{
id: 'section-flight-form',
label: 'Acquista il tuo volo'
},
{
id: 'section-flight-express',
label: 'Acquista il tuo biglietto per il Marconi Express'
}
];
// 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 app5 = new Xiao(forms, 'section-park-form');
var app6 = new Xiao(flights_list, 'partenze');
}
$('.c-carousel--relevantBanner .owl-carousel').owlCarousel({
loop: true,
responsiveClass: true,
margin: 16,
stageOuterClass: "owl-stage-outer c-carousel__outer",
stageClass: "owl-stage c-carousel__stage",
nav: false,
dotsClass: "c-carousel__dots",
dotClass: "owl-dot c-carousel__dot",
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
mouseDrag: true,
responsive: {
0: {
items: 1
}
}
});
// Destinations carousel
$('.c-carousel--destinations .owl-carousel').owlCarousel({
loop: true,
center: true,
responsiveClass: true,
margin: 16,
stageOuterClass: "owl-stage-outer c-carousel__outer",
nav: false,
dotsClass: "c-carousel__dots",
dotClass: "owl-dot c-carousel__dot",
mouseDrag: true,
responsive: {
0: {
items: 1.2
},
640: {
items: 3.5
},
1024: {
items: 3.8
}
}
});
// Banner shopping
$('.c-carousel--shopping .owl-carousel').owlCarousel({
loop: false,
rewind: true,
responsiveClass: true,
margin: 16,
stageOuterClass: "owl-stage-outer c-carousel__outer",
stageClass: "owl-stage c-carousel__stage",
nav: false,
dotsClass: "c-carousel__dots",
dotClass: "owl-dot c-carousel__dot",
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
mouseDrag: false,
responsive: {
0: {
items: 1
}
}
});
// initialization flatpickr https://flatpickr.js.org/getting-started/
// if browser language is italian, set flatpickr language to italian https://flatpickr.js.org/localization/
var userLang = navigator.language || navigator.userLanguage;
if (userLang == 'it-IT') {
flatpickr.localize(flatpickr.l10ns.it);
}
// gestione abiliata/disabilita plugin mobile/desktop
function flatPickrController() {
var
// date_entrance = flatpickr("#entrance-date.js-flatpickr"),
// date_exit = flatpickr("#exit-date.js-flatpickr"),
// estimate_date_entrance = flatpickr("#estimate-entrance-date-time-desktop.js-flatpickr"),
// estimate_date_exit = flatpickr("#estimate-exit-date-time-desktop.js-flatpickr"),
vip_lounge = flatpickr("#departure-date.js-flatpickr"),
round_only = flatpickr("#round-desktop.js-flatpickr"),
trip_only = flatpickr("#trip-desktop.js-flatpickr"),
mobileBreakPoint = 1024;
// se la viewport è maggiore di 1024 (display input desktop), inizializzo i flatpickr
if ($(window).width() > mobileBreakPoint) {
// vip lounge form - date (single ok)
var vip_lounge = flatpickr("#departure-date.js-flatpickr", {
dateFormat: "d F Y",
minDate: "today",
allowInput: true
});
// flights form - andata (desktop)
var round_only = flatpickr("#round-desktop.js-flatpickr", {
dateFormat: "d F Y",
minDate: "today",
allowInput: true
});
// flights form - ritorno (desktop)
var trip_only = flatpickr("#trip-desktop.js-flatpickr", {
dateFormat: "d F Y",
minDate: "today",
allowInput: true
});
} else {
// disabilita il plugin flatpickr, utilizza input normali
// date_entrance.destroy();
// date_exit.destroy();
vip_lounge.destroy();
trip_only.destroy();
round_only.destroy();
}
}
// al caricamento e al resize, chiama la funzione che abilita o disabilita il plugin
$(window).on('load resize', flatPickrController);
// LOGICA FORM PARCHEGGI - set min date
var $dateInput1 = $("#entrance-date-mobile"),
$dateInput2 = $("#exit-date-mobile"),
$dateInputDetail1 = $(".c-time-detail #entrance-date-mobile"),
$dateInputDetail2 = $(".c-time-detail #exit-date-mobile"),
$today = new Date().toISOString().split("T")[0];
$.merge($dateInput1, $dateInput2).attr('min', $today);
$.merge($dateInputDetail1, $dateInputDetail2).attr('value', $today);
// LOGICA FORM PARCHEGGI - validazione
$("#entrance-date-mobile, #entrance-time-mobile, #exit-date-mobile, #exit-time-mobile").change(function() {
var $dateInput1 = $("#entrance-date-mobile"),
$dateInput2 = $("#exit-date-mobile"),
$timeInput1 = $("#entrance-time-mobile"),
$timeInput2 = $("#exit-time-mobile"),
$noteField = $("#parking-form-note");
var $date1 = new Date($dateInput1.val()),
$date2 = new Date($dateInput2.val()),
$dateParse1 = Date.parse($date1),
$dateParse2 = Date.parse($date2),
$time1 = $timeInput1.val(),
$time2 = $timeInput2.val(),
$entranceData = $dateParse1 + $time1,
$exitData = $dateParse2 + $time2;
if ($entranceData >= $exitData) {
$noteField.addClass('is-negative');
$noteField.removeClass('u-visuallyhidden');
} else {
$noteField.removeClass('is-negative');
$noteField.addClass('u-visuallyhidden');
}
});
// MBL valore default mobile = today
dateMbl = $('#departure-date-mobile');
$today = new Date().toISOString().split("T")[0];
$(dateMbl).attr('min', $today);
$(dateMbl).attr('value', $today);
// LOGICA FORM VOLI - set min date
var $round = $("#round-mobile"),
$trip = $("#trip-mobile"),
$today = new Date().toISOString().split("T")[0];
$.merge($round, $trip).attr('min', $today);
// LOGICA FORM VOLI - validazione
$("#trip-mobile, #round-mobile").change(function(e) {
var $roundDate = new Date($round.val()),
$tripDate = new Date($trip.val()),
$roundParse = Date.parse($roundDate),
$noteField = $("#flights-form-note"),
$tripParse = Date.parse($tripDate);
if ($roundParse > $tripParse) {
$noteField.addClass('is-negative');
$noteField.removeClass('u-visuallyhidden');
} else {
$noteField.removeClass('is-negative');
$noteField.addClass('u-visuallyhidden');
}
});
// 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();
}
});
// FIX CHROME ATTRIBUTI REQUIRED
// rimuove e aggiunge gli attributi required per gli input e le select dei form e-commerce
function checkInputVisibility() {
// breakpoint desktop-mobile
var breakPoint = 1024,
mobileInput = $('.c-form__el--mobile input, .c-form__el--mobile select'),
desktopInput = $('.c-form__el--desktop input, .c-form__el--desktop select'),
desktopInputFlightsTrip = $(".js-round-desktop input");
if ($(window).width() > breakPoint) {
desktopInput.attr('required', 'required');
mobileInput.removeAttr('required');
desktopInputFlightsTrip.removeAttr("required");
} else if ($(window).width() < breakPoint) {
desktopInput.removeAttr('required');
mobileInput.attr('required', 'required');
}
}
// al caricamento e al resize della pagina
$(window).on('load resize', checkInputVisibility);
</script>
{{#extend "@template-master"}}
{{!-- HEADER --}}
{{#content "header"}}
{{ render "@header" header merge=true }}
{{/content}}
{{!-- FOOTER --}}
{{#content "footer"}}
{{/content}}
{{!-- MAIN --}}
{{#content "main"}}
{{ render "@superhero" superhero }}
<div class="l-travel-home__core">
<div class="l-travel-home__billboards">
<h2 class="title">Voli in tempo reale</h2>
{{#each flightform }}
<div class="">
{{ render componentName componentInstance }}
</div>
{{/each}}
{{ render "@billboards" }}
</div>
<div class="l-travel-home__conversion">
<div class="u-mb-space-48">
{{ render "@tablist--forms" }}
</div>
<div class="l-travel-home__banner l-travel-home__banner--relevant">
{{> @carousel--gallery relevant-banner }}
</div>
</div>
</div>
<div class="l-travel-home__banner l-travel-home__banner--stop">
<h2 class="title">Quale sarà la tua prossima destinazione?</h2>
<p class="subtitle"><span class="mobile-hidden">Voli diretti verso <strong>103 destinazioni in tutto il
mondo!</strong></span> <a href="{{ path '/components/preview/page-flights-destinations' }}">Scopri le
destinazioni</a></p>
</div>
{{> @carousel--default destinations-highlight }}
<div class="o-flexgrid o-flexgrid--center u-mb-space-32">
{{> @link--sky btnDiscoverDestinations }}
</div>
<div class="l-travel-home__banner l-travel-home__banner--shopping has-mask" {{#if
shopping-bg-path}}style="background-image: url({{ path shopping-bg-path }})" {{/if}}>
{{ render "@starting-grid--simple" }}
</div>
<header class="l-travel-home__organize">
<h2 class="title">Organizza ora il tuo viaggio</h2>
</header>
<div class="l-travel-home__organize o-adjacent u-mb--large">
<div class="o-adjacent__item">
{{> @card--art-linked bus }}
</div>
<div class="o-adjacent__item">
{{> @card--art-linked hotel }}
</div>
<div class="o-adjacent__item">
{{> @card--art-linked rent-car }}
</div>
</div>
<header class="l-travel-home__organize">
{{ render "@logo--innovability" }}
<h2 class="title">Sostenibilità e innovazione</h2>
</header>
{{> @carousel--default innovability }}
{{ render "@dialog--parking-form-conventions" parking-form-dialog merge=true }}
{{ render "@dialog--useful-info" }}
{{/content}}
{{!-- SCRIPTS JS --}}
{{#content "scripts" mode="append"}}
<script src="{{ path '/js/footer.min.js' }}"></script>
<script>
$.tangible.shortcutNavigation();
// $.tangible.navToolbar();
$.tangible.notifications();
$.tangible.formFlights();
// Forms tablist
var flights_list = [
{
id: 'partenze'
},
{
id: 'arrivi'
}
];
// Forms tablist
var forms = [
{
id: 'section-park-form',
label: 'Acquista parcheggio'
},
{
id: 'section-mbl-form',
label: 'Acquista Vip lounge'
},
{
id: 'section-flight-form',
label: 'Acquista il tuo volo'
},
{
id: 'section-flight-express',
label: 'Acquista il tuo biglietto per il Marconi Express'
}
];
// 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 app5 = new Xiao(forms, 'section-park-form');
var app6 = new Xiao(flights_list, 'partenze');
}
$('.c-carousel--relevantBanner .owl-carousel').owlCarousel({
loop: true,
responsiveClass: true,
margin: 16,
stageOuterClass: "owl-stage-outer c-carousel__outer",
stageClass: "owl-stage c-carousel__stage",
nav: false,
dotsClass: "c-carousel__dots",
dotClass: "owl-dot c-carousel__dot",
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
mouseDrag: true,
responsive: {
0: {
items: 1
}
}
});
// Destinations carousel
$('.c-carousel--destinations .owl-carousel').owlCarousel({
loop: true,
center: true,
responsiveClass: true,
margin: 16,
stageOuterClass: "owl-stage-outer c-carousel__outer",
nav: false,
dotsClass: "c-carousel__dots",
dotClass: "owl-dot c-carousel__dot",
mouseDrag: true,
responsive: {
0: {
items: 1.2
},
640: {
items: 3.5
},
1024: {
items: 3.8
}
}
});
// Banner shopping
$('.c-carousel--shopping .owl-carousel').owlCarousel({
loop: false,
rewind: true,
responsiveClass: true,
margin: 16,
stageOuterClass: "owl-stage-outer c-carousel__outer",
stageClass: "owl-stage c-carousel__stage",
nav: false,
dotsClass: "c-carousel__dots",
dotClass: "owl-dot c-carousel__dot",
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
mouseDrag: false,
responsive: {
0: {
items: 1
}
}
});
// initialization flatpickr https://flatpickr.js.org/getting-started/
// if browser language is italian, set flatpickr language to italian https://flatpickr.js.org/localization/
var userLang = navigator.language || navigator.userLanguage;
if (userLang == 'it-IT') {
flatpickr.localize(flatpickr.l10ns.it);
}
// gestione abiliata/disabilita plugin mobile/desktop
function flatPickrController() {
var
// date_entrance = flatpickr("#entrance-date.js-flatpickr"),
// date_exit = flatpickr("#exit-date.js-flatpickr"),
// estimate_date_entrance = flatpickr("#estimate-entrance-date-time-desktop.js-flatpickr"),
// estimate_date_exit = flatpickr("#estimate-exit-date-time-desktop.js-flatpickr"),
vip_lounge = flatpickr("#departure-date.js-flatpickr"),
round_only = flatpickr("#round-desktop.js-flatpickr"),
trip_only = flatpickr("#trip-desktop.js-flatpickr"),
mobileBreakPoint = 1024;
// se la viewport è maggiore di 1024 (display input desktop), inizializzo i flatpickr
if ($(window).width() > mobileBreakPoint) {
// vip lounge form - date (single ok)
var vip_lounge = flatpickr("#departure-date.js-flatpickr", {
dateFormat: "d F Y",
minDate: "today",
allowInput: true
});
// flights form - andata (desktop)
var round_only = flatpickr("#round-desktop.js-flatpickr", {
dateFormat: "d F Y",
minDate: "today",
allowInput: true
});
// flights form - ritorno (desktop)
var trip_only = flatpickr("#trip-desktop.js-flatpickr", {
dateFormat: "d F Y",
minDate: "today",
allowInput: true
});
} else {
// disabilita il plugin flatpickr, utilizza input normali
// date_entrance.destroy();
// date_exit.destroy();
vip_lounge.destroy();
trip_only.destroy();
round_only.destroy();
}
}
// al caricamento e al resize, chiama la funzione che abilita o disabilita il plugin
$(window).on('load resize', flatPickrController);
// LOGICA FORM PARCHEGGI - set min date
var $dateInput1 = $("#entrance-date-mobile"),
$dateInput2 = $("#exit-date-mobile"),
$dateInputDetail1 = $(".c-time-detail #entrance-date-mobile"),
$dateInputDetail2 = $(".c-time-detail #exit-date-mobile"),
$today = new Date().toISOString().split("T")[0];
$.merge($dateInput1, $dateInput2).attr('min', $today);
$.merge($dateInputDetail1, $dateInputDetail2).attr('value', $today);
// LOGICA FORM PARCHEGGI - validazione
$("#entrance-date-mobile, #entrance-time-mobile, #exit-date-mobile, #exit-time-mobile").change(function () {
var $dateInput1 = $("#entrance-date-mobile"),
$dateInput2 = $("#exit-date-mobile"),
$timeInput1 = $("#entrance-time-mobile"),
$timeInput2 = $("#exit-time-mobile"),
$noteField = $("#parking-form-note");
var $date1 = new Date($dateInput1.val()),
$date2 = new Date($dateInput2.val()),
$dateParse1 = Date.parse($date1),
$dateParse2 = Date.parse($date2),
$time1 = $timeInput1.val(),
$time2 = $timeInput2.val(),
$entranceData = $dateParse1 + $time1,
$exitData = $dateParse2 + $time2;
if ($entranceData >= $exitData) {
$noteField.addClass('is-negative');
$noteField.removeClass('u-visuallyhidden');
} else {
$noteField.removeClass('is-negative');
$noteField.addClass('u-visuallyhidden');
}
});
// MBL valore default mobile = today
dateMbl = $('#departure-date-mobile');
$today = new Date().toISOString().split("T")[0];
$(dateMbl).attr('min', $today);
$(dateMbl).attr('value', $today);
// LOGICA FORM VOLI - set min date
var $round = $("#round-mobile"),
$trip = $("#trip-mobile"),
$today = new Date().toISOString().split("T")[0];
$.merge($round, $trip).attr('min', $today);
// LOGICA FORM VOLI - validazione
$("#trip-mobile, #round-mobile").change(function (e) {
var $roundDate = new Date($round.val()),
$tripDate = new Date($trip.val()),
$roundParse = Date.parse($roundDate),
$noteField = $("#flights-form-note"),
$tripParse = Date.parse($tripDate);
if ($roundParse > $tripParse) {
$noteField.addClass('is-negative');
$noteField.removeClass('u-visuallyhidden');
} else {
$noteField.removeClass('is-negative');
$noteField.addClass('u-visuallyhidden');
}
});
// 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();
}
});
// FIX CHROME ATTRIBUTI REQUIRED
// rimuove e aggiunge gli attributi required per gli input e le select dei form e-commerce
function checkInputVisibility() {
// breakpoint desktop-mobile
var breakPoint = 1024,
mobileInput = $('.c-form__el--mobile input, .c-form__el--mobile select'),
desktopInput = $('.c-form__el--desktop input, .c-form__el--desktop select'),
desktopInputFlightsTrip = $(".js-round-desktop input");
if ($(window).width() > breakPoint) {
desktopInput.attr('required', 'required');
mobileInput.removeAttr('required');
desktopInputFlightsTrip.removeAttr("required");
} else if ($(window).width() < breakPoint) {
desktopInput.removeAttr('required');
mobileInput.attr('required', 'required');
}
}
// al caricamento e al resize della pagina
$(window).on('load resize', checkInputVisibility);
</script>
{{/content}}
{{/extend}}
{
"name": "default",
"template-main-class": "c-main--home-travel no-gap",
"home-it": true,
"superhero": {
"bg-path": "/images/superhero-home-2.jpg",
"modifier": "c-superhero--homepage ",
"h1": "Benvenuto<br /> all'<strong>Aeroporto di Bologna</strong>"
},
"flightform": [
{
"componentName": "@list-search--inline",
"componentInstance": {
"modifier": "c-list-search--inline c-list-search--center",
"inputComponentName": "@autocomplete",
"inputComponentInstance": {
"label_id": "text-field",
"label_message": "Cerca volo",
"label_class": null,
"atom-input": {
"id": "text-field",
"type": "text",
"class": null,
"required": false,
"hasNote": true,
"describedby": "text-note"
},
"autocomplete": {
"datalist-id": "search-destinations",
"prefix-class": "combobox",
"case-sensitive": "no",
"search-option": "containing",
"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.",
"options": [
{
"value": "Dubai (EMIRATI ARABI)"
},
{
"value": "Roma (ITALIA)"
},
{
"value": "New York Ny (STATI UNITI)"
},
{
"value": "Parigi (FRANCIA)"
},
{
"value": "Berlino (GERMANIA)"
},
{
"value": "Londra (REGNO UNITO)"
}
]
},
"note_id": "text-note",
"note_message": "Inserisci la città, n° volo o compagnia aerea",
"note_class": ""
},
"hasSubmitButton": true,
"submitButtonModifier": "c-button--adding",
"search-icon": {
"class": "c-icon c-icon--18 ",
"symbol": "ic_search_black_24px"
},
"hasExtra": false
}
}
],
"parking-form-dialog": {
"id": "dialog-parking-form",
"dialog-labelledby": "title",
"title": "Hai una convenzione?",
"paragraph": "Cerca nella lista e scopri il vantaggio sulle tariffe",
"entrance-date": {
"label_id": "entrance-date",
"label_message": "Entrata",
"label_class": "is-datepicker",
"screen-reader-text": "Scegli la data",
"atom-input": {
"id": "entrance-date",
"type": "date",
"class": null,
"placeholder": "Scegli la data",
"required": true,
"hasNote": true,
"describedby": "entrance-date-note"
},
"note_id": "entrance-date-note",
"note_message": "Seleziona la data di entrata al parcheggio",
"note_class": ""
},
"entrance-time": {
"label_id": "entrance-time",
"label_message": "Ore",
"label_class": null,
"atom-select": {
"id": "entrance-time",
"class": null,
"required": true,
"hasNote": true,
"describedby": "entrance-time-note",
"placeholder": "00:00",
"options": [
{
"value": "option-1",
"text": "20:00"
},
{
"value": "option-2",
"text": "20:15"
},
{
"value": "option-3",
"text": "20:30"
},
{
"value": "option-4",
"text": "20:45"
}
]
},
"note_id": "entrance-time-note",
"note_message": "Seleziona l'ora di ingresso al parcheggio",
"note_class": ""
},
"exit-date": {
"label_id": "exit-date",
"label_message": "Uscita",
"label_class": "is-datepicker",
"screen-reader-text": "Scegli la data",
"atom-input": {
"id": "exit-date",
"type": "date",
"class": null,
"placeholder": "Scegli la data",
"required": true,
"hasNote": true,
"describedby": "exit-date-note"
},
"note_id": "exit-date-note",
"note_message": "Seleziona la data di uscita dal parcheggio",
"note_class": ""
},
"exit-time": {
"label_id": "exit-time",
"label_message": "Ore",
"label_class": null,
"atom-select": {
"id": "exit-time",
"class": null,
"required": true,
"hasNote": true,
"describedby": "exit-time-note",
"placeholder": "00:00",
"options": [
{
"value": "option-1",
"text": "20:00"
},
{
"value": "option-2",
"text": "20:15"
},
{
"value": "option-3",
"text": "20:30"
},
{
"value": "option-4",
"text": "20:45"
}
]
},
"note_id": "exit-time-note",
"note_message": "Seleziona l'ora di uscita dal parcheggio",
"note_class": ""
},
"select-conventions": {
"label_id": "select-conventions",
"label_message": "Convenzione:",
"label_class": "",
"atom-select": {
"id": "select-conventions",
"class": "",
"required": false,
"hasNote": true,
"describedby": "select-conventions-note",
"placeholder": "Hai una convenzione?",
"options": [
{
"value": "option-1",
"text": "Alba Tour"
},
{
"value": "option-2",
"text": "Alpitour"
},
{
"value": "option-3",
"text": "Brixia Viaggi"
},
{
"value": "option-4",
"text": "Club Med"
},
{
"value": "option-5",
"text": "Domina Travel"
},
{
"value": "option-6",
"text": "In Viaggi"
},
{
"value": "option-7",
"text": "Marsupio Group"
},
{
"value": "option-8",
"text": "Smeg S.p.A."
},
{
"value": "option-9",
"text": "Viaggi Idea"
}
]
},
"note_id": "select-conventions-note",
"note_message": "Seleziona un'opzione dal menù a tendina",
"note_class": ""
},
"file-number": {
"label_id": "file-number",
"label_message": "Numero pratica",
"label_class": "",
"atom-input": {
"id": "file-number",
"type": "text",
"class": "",
"placeholder": "es. AA46923757",
"required": false,
"hasNote": true,
"describedby": "file-number-note"
},
"note_id": "file-number-note",
"note_message": "Inserisci il numero di pratica della convenzione",
"note_class": ""
},
"submit": {
"name": "submit",
"type": "submit",
"text": "Cerca parcheggio",
"modifier": "c-button--submit c-button--large"
}
},
"relevant-banner": {
"modifier": "c-carousel--gallery c-carousel--equalH c-carousel--relevantBanner",
"items": [
{
"componentName": "@showcase--full",
"componentInstance": {
"bg-path": "/images/showcase-tbilisi.jpg",
"title": "Abbiamo un nuovo parcheggio",
"subtitle": "Prova il P5 da <strong>9,00€ al giorno!</strong>",
"logo": false,
"link": {
"text": "Scopri di più",
"url": "#",
"modifier": "c-showcase__link",
"svg": true
}
}
},
{
"componentName": "@showcase--full",
"componentInstance": {
"bg-path": "/images/showcase-russia.jpg",
"title": "Titolo banner 2",
"subtitle": "",
"logo": null,
"link": {
"text": "Scopri di più",
"url": "#",
"modifier": "c-showcase__link",
"svg": true
}
}
},
{
"componentName": "@showcase--full",
"componentInstance": {
"bg-path": "/images/showcase-russia.jpg",
"title": "Titolo banner 3",
"subtitle": "Sottotitolo banner 3",
"logo": null,
"link": {
"text": "Scopri di più",
"url": "#",
"modifier": "c-showcase__link",
"svg": true
}
}
}
]
},
"highlight-emergency": {
"modifier": "c-highlight--composite c-highlight--emergency c-highlight--grid",
"sticker": {
"img-src": "/images/svgs/stk_covid.svg",
"img-alt": "Info Covid-19"
},
"title": "Covid-19 | Viaggia informato",
"text": "<p><strong>IN EVIDENZA</strong>: Ultimi aggiornamenti. <a href=\"\">Leggi di più →</a></p>",
"text2": "<p><strong>APPROFONDIMENTI</strong>: La gestione dell'emergenza e le nostre azioni per il futuro. <a href=\"\">Leggi di più →</a></p>"
},
"btnDiscoverDestinations": {
"type": "button",
"text": "Scopri le destinazioni",
"modifier": "",
"url": "/components/preview/page-flights-landing-destinations",
"svg": {
"symbol": "ic_chevron_right_black_24px",
"class": "svg-24"
}
},
"destination-banner": {
"modifier": "c-carousel--gallery c-carousel--equalH c-carousel--destinations",
"items": [
{
"componentName": "@showcase",
"componentInstance": {
"bg-path": "/images/showcase-tbilisi.jpg",
"title": "Vola a Tbilisi",
"subtitle": "Voli diretti, due volte alla settimana con <strong>Georgian Airways</strong>",
"logo": {
"path": "/images/georgian-airways.png",
"alt": "Georgian airways"
},
"link": {
"text": "Scopri di più",
"url": "/components/preview/page-flights-destination",
"modifier": "",
"svg": true
}
}
},
{
"componentName": "@showcase",
"componentInstance": {
"bg-path": "/images/showcase-russia.jpg",
"title": "Vola in Russia",
"subtitle": "Nuovi voli per la Russia",
"logo": null,
"link": {
"text": "Scopri di più",
"url": "/components/preview/page-flights-destination",
"modifier": "",
"svg": true
}
}
},
{
"componentName": "@showcase",
"componentInstance": {
"bg-path": "/images/showcase-china.jpg",
"title": "Vola in Cina",
"subtitle": "Voli charter per la Cina",
"logo": null,
"link": {
"text": "Scopri di più",
"url": "/components/preview/page-flights-destination",
"modifier": "",
"svg": true
}
}
}
]
},
"destinations-highlight": {
"modifier": "c-carousel--destinations c-carousel--fullwidth c-carousel--zoom",
"aria-label-title": "Ecco le destinazioni migliori",
"items": [
{
"componentName": "@launch--destination",
"componentInstance": {
"title": "Valencia",
"subtitle": "Scopri di più",
"bg-path": "/images/destinations/zurich.png",
"company-info": {
"company-path": "/images/flight-companies/swissair.png",
"company-of-the-month": false
}
}
},
{
"componentName": "@launch--destination",
"componentInstance": {
"title": "Amsterdam",
"subtitle": "Scopri di più",
"bg-path": "/images/destinations/zurich.png",
"company-info": {
"company-path": "/images/flight-companies/easyJet.gif",
"company-of-the-month": false
}
}
},
{
"componentName": "@launch--destination",
"componentInstance": {
"title": "Zurich",
"subtitle": "Scopri di più",
"bg-path": "/images/destinations/zurich.png",
"company-info": {
"company-path": "/images/flight-companies/swissair.png",
"company-of-the-month": false
}
}
},
{
"componentName": "@launch--destination",
"componentInstance": {
"title": "Valencia",
"subtitle": "Scopri di più",
"bg-path": "/images/destinations/zurich.png",
"company-info": {
"company-path": "/images/flight-companies/swissair.png",
"company-caption": "SwissAir compagnia del mese",
"company-of-the-month": true
}
}
},
{
"componentName": "@launch--destination",
"componentInstance": {
"title": "Valencia",
"subtitle": "Scopri di più",
"bg-path": "/images/destinations/zurich.png",
"company-info": {
"company-path": "/images/flight-companies/vueling-VY.png",
"company-of-the-month": false
}
}
},
{
"componentName": "@launch--destination",
"componentInstance": {
"title": "Valencia",
"subtitle": "Scopri di più",
"bg-path": "/images/destinations/zurich.png",
"company-info": {
"company-path": "/images/flight-companies/swissair.png",
"company-caption": "AirSwiss compagnia del mese",
"company-of-the-month": true
}
}
},
{
"componentName": "@launch--destination",
"componentInstance": {
"title": "Valencia",
"subtitle": "Scopri di più",
"bg-path": "/images/destinations/zurich.png",
"company-info": {
"company-path": "/images/flight-companies/logo-fr.png",
"company-of-the-month": false
}
}
},
{
"componentName": "@launch--destination",
"componentInstance": {
"title": "Valencia",
"subtitle": "Scopri di più",
"bg-path": "/images/destinations/zurich.png",
"company-info": {
"company-path": "/images/flight-companies/swissair.png",
"company-caption": "SwissAir compagnia del mese",
"company-of-the-month": true
}
}
}
]
},
"innovability": {
"modifier": "c-carousel--destinations c-carousel--fullwidth c-carousel--zoom",
"aria-label-title": "Ecco le destinazioni migliori",
"items": [
{
"componentName": "@launch--fullimage",
"componentInstance": {
"bg-path": "/images/launch_innovability.jpg",
"label": false,
"caption": false
}
},
{
"componentName": "@launch--fullimage",
"componentInstance": {
"bg-path": "/images/launch_innovability.jpg",
"label": false,
"caption": false
}
},
{
"componentName": "@launch--fullimage",
"componentInstance": {
"bg-path": "/images/launch_innovability.jpg",
"label": false,
"caption": false
}
},
{
"componentName": "@launch--fullimage",
"componentInstance": {
"bg-path": "/images/launch_innovability.jpg",
"label": false,
"caption": false
}
},
{
"componentName": "@launch--fullimage",
"componentInstance": {
"bg-path": "/images/launch_innovability.jpg",
"label": false,
"caption": false
}
},
{
"componentName": "@launch--fullimage",
"componentInstance": {
"bg-path": "/images/launch_innovability.jpg",
"label": false,
"caption": false
}
}
]
},
"shopping-bg-path": "/images/bg-servizi-cut.jpg",
"bus": {
"img-path": "/images/bus-booking.jpg",
"img-alt": "Prenota un autobus",
"text": "Prenota la tua corsa! <strong>Tariffe vantaggiose</strong>. <a href=\"#\">Scopri tutti i collegamenti attivi</a>.",
"title": "Prenota un autobus",
"cta": {
"modifier": "",
"text": "Prenota",
"url": "#",
"svg": true
}
},
"hotel": {
"img-path": "/images/booking-hotel.jpg",
"img-alt": "Hotel per il viaggio",
"text": "Prenota il tuo albergo! <strong>Tariffe vantaggiose. Miglior prezzo garantito.</strong>",
"title": "Prenota un hotel",
"footer-pre-cta-content": "<img src=\"/images/booking-logo.png\" alt=\"Allianz\">",
"cta": {
"modifier": "",
"text": "Prenota",
"url": "#",
"svg": true
}
},
"rent-car": {
"img-path": "/images/rent-car.jpg",
"img-alt": "Noleggio auto",
"text": "Prenota il tuo noleggio auto all'Aeroporto di Bologna o al tuo Aeroporto di destinazione <strong>al miglior prezzo garantito.</strong>",
"title": "Noleggia un'auto",
"footer-pre-cta-content": "<img src=\"/images/rentalcars-logo.png\" alt=\"Allianz\">",
"cta": {
"modifier": "",
"text": "Prenota",
"url": "#",
"svg": true
}
}
}
$travel-home-background-pos-size: 50%;
.l-travel-home__core {
position: relative;
grid-column: full;
background: #fff;
display: flex;
flex-wrap: wrap;
flex-direction: column;
z-index: $zIndex-2;
}
.l-travel-home__core > * {
z-index: 10;
}
// .l-travel-home__core--chinese {
// background-color: transparent;
// @include min-screen(bp(tablet-p)) {
// background-color: primary(night, 100);
// }
// }
// .l-travel-home__pagetitle {
// text-align: center;
// grid-column: innermain;
// grid-area: pagetitle;
// color: primary(night, 100);
// margin-top: remify(128px);
// margin-bottom: remify(16px);
// @include min-screen(bp(tablet)) {
// font-size: 250%; // 40px
// }
// .c-main--home-emergency & {
// margin-bottom: 0;
// }
// }
// .l-travel-home__pagetitle--no-margin {
// margin-bottom: 0;
// }
// .l-travel-home__subtitle {
// text-align: center;
// grid-column: innermain;
// color: #fff;
// margin-bottom: remify(16px);
// font-size: 100%;
// @include min-screen(bp(tablet)) {
// font-size: 150%;
// }
// }
.l-travel-home__conversion,
.l-travel-home__billboards {
grid-column: full;
max-width: 100%;
padding: remify(16px);
@include min-screen(bp(tablet-p)) {
padding: 0;
}
}
.l-travel-home__conversion {
@include min-screen(bp(tablet-p)) {
order: 1;
.c-tablist {
margin-top: remify(-75px);
}
}
}
.l-travel-home__billboards {
background-color: primary(sky, 10);
padding: remify(24px) remify(16px) remify(96px);
margin-bottom: remify(24px);
text-align: center;
@include min-screen(bp(tablet-p)) {
margin-bottom: remify(64px);
order: 2;
.c-billboards {
max-width: remify($base-page-width);
margin: 0 auto;
}
}
}
.l-travel-home__banner {
max-width: remify(1130px);
margin-left: auto;
margin-right: auto;
width: 100%;
grid-column: full;
.title,
.subtitle {
text-align: center;
color: primary(night, 100);
a {
color: currentColor;
}
}
.title {
font-size: 125%;
line-height: 1.4;
margin-bottom: remify(8px);
@include min-screen(bp(tablet)) {
font-size: 200%;
line-height: 1.5;
}
.c-main--home-emergency & {
margin: remify(24px) 0;
}
}
.subtitle {
margin-bottom: remify(16px);
@include min-screen(bp(tablet)) {
font-size: 125%;
line-height: 1.4;
margin-bottom: remify(32px);
}
}
.mobile-hidden {
display: none;
@include min-screen(bp(tablet)) {
display: inline-block;
}
}
}
.l-travel-home__banner--stop {
// order: 3;
}
.l-travel-home__banner--relevant {
margin-top: remify(16px);
max-width: remify(1030px);
position: relative;
z-index: 1;
@include min-screen(bp(tablet)) {
margin-bottom: remify(56px);
}
}
.l-travel-home__banner--shopping {
grid-column: full;
max-width: 100%;
background-color: #fff;
background-repeat: no-repeat;
background-size: contain;
background-position: right top;
padding: remify(48px) remify(16px) remify(56px);
position: relative;
z-index: 1;
text-align: center;
margin-bottom: remify(48px);
&.has-mask:before {
content: '';
position: absolute;
z-index: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 1;
z-index: 2;
background: linear-gradient(180deg, #FFFFFF 39%, #EAF2FB 135.82%, #F4F4F4 144.03%);
@include min-screen(bp(tablet-p)) {
background: transparent url(../../images/svgs/superhero-mask-wide.svg) no-repeat right 14vw top;
background-size: cover;
}
}
.c-starting-grid {
position: relative;
z-index: 3;
}
}
.l-travel-home__organize {
text-align: center;
h2 {
@include font-scale(level-4, bold);
margin-bottom: remify(32px);
}
.o-adjacent__item {
margin-bottom: remify(16px);
}
.c-logo--innovability {
width: remify(118px);
margin-bottom: remify(24px);
}
}
.l-travel-home__chess {
grid-column: main;
margin-bottom: remify(54px);
h2 {
text-align: center;
font-size: 125%;
line-height: 1.4;
margin-bottom: remify(24px);
@include min-screen(bp(tablet)) {
font-size: 200%;
line-height: 1.5;
}
}
}
.l-travel-home__pax-guide {
grid-column: innermain;
margin-top: remify(16px);
@include min-screen(bp(tablet)) {
margin-top: 0;
}
}
.l-travel-home__partner-billboards {
grid-column: innermain;
.l-travel-home__core--chinese & {
margin-bottom: 0;
}
}
.l-travel-home__grid-board {
grid-column: innermain;
padding: 0;
@include min-screen(bp(phone-l)) {
padding: 0;
}
@include min-screen(bp(tablet)) {
padding: remify(120px) 0 0;
}
@include min-screen(bp(tablet-p)) {
max-width: remify(1130px);
margin-left: auto;
margin-right: auto;
padding: 0 0 remify(60px);
}
}
.l-travel-home__sticker {
display: block;
margin: 0 auto;
}
No notes defined.