<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 &amp; 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 &amp; 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 &hellip;
                                    </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">&#8594;</span></a>
                                        </li>
                                        <li class="c-search-suggestions__item">
                                            <a href="#">Parcheggia in aeroporto <span aria-hidden="true">&#8594;</span></a>
                                        </li>
                                        <li class="c-search-suggestions__item">
                                            <a href="#">Contatti e supporto <span aria-hidden="true">&#8594;</span></a>
                                        </li>
                                        <li class="c-search-suggestions__item">
                                            <a href="#">Fast track <span aria-hidden="true">&#8594;</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 &amp; 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 &amp; 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-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="l-travel-home__core">

        <h1 class="l-travel-home__pagetitle">Benvenuto all'Aeroporto di Bologna</h1>

        <div class="l-travel-home__partner-billboards">
            <div class="c-starting-grid c-starting-grid--billboards ">
                <div class="c-starting-grid__banner">
                    <section class="c-carousel c-carousel--gallery c-carousel--equalH c-carousel--shopping" aria-hidden="true">

                        <div class="jsInstance owl-carousel">
                            <div class="c-carousel__item">
                                <div class="c-showcase ">

                                    <div class="c-showcase__logo">
                                        <img src="../../images/aeronautica-militare-shopping.jpg" alt="Aeronautica militare">
                                    </div>

                                    <div class="c-showcase__image">
                                        <img src="../../images/pilot-collection.jpg" alt="Primavera-Estate 2018">
                                    </div>

                                    <div class="c-showcase__footer">
                                        <p class="c-showcase__title">Primavera-Estate 2018</p>
                                        <p class="c-showcase__subtitle">Ti aspettiamo in area imbarchi con i <strong>nuovi arrivi!</strong></p>
                                        <a href="/components/preview/page-flights-destination" class="c-link--primary">
                                            Scopri di più
                                            <svg class="">
                                                <use xlink:href="#"></use>
                                            </svg></a>
                                    </div>

                                </div>
                            </div>
                            <div class="c-carousel__item">
                                <div class="c-showcase ">

                                    <div class="c-showcase__image">
                                        <img src="../../images/showcase-russia.jpg" alt="Titolo negozio 2">
                                    </div>

                                    <div class="c-showcase__footer">
                                        <p class="c-showcase__title">Titolo negozio 2</p>
                                        <p class="c-showcase__subtitle">Sottotitoli per negozio 2 lorem ipsum</p>
                                        <a href="/components/preview/page-flights-destination" class="c-link--primary">
                                            Scopri di più
                                            <svg class="">
                                                <use xlink:href="#"></use>
                                            </svg></a>
                                    </div>

                                </div>
                            </div>
                            <div class="c-carousel__item">
                                <div class="c-showcase ">

                                    <div class="c-showcase__image">
                                        <img src="../../images/showcase-china.jpg" alt="Titolo negozio 3">
                                    </div>

                                    <div class="c-showcase__footer">
                                        <p class="c-showcase__title">Titolo negozio 3</p>
                                        <p class="c-showcase__subtitle">Sottotitoli per negozio 3 lorem ipsum</p>
                                        <a href="/components/preview/page-flights-destination" class="c-link--primary">
                                            Scopri di più
                                            <svg class="">
                                                <use xlink:href="#"></use>
                                            </svg></a>
                                    </div>

                                </div>
                            </div>
                        </div>

                    </section>
                </div>
                <div class="c-starting-grid__chess">
                    <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>
        </div>

        <div class="l-travel-home__pax-guide">

        </div>

    </div>

    <div class="l-travel-home__chess">
        <h2>Scopri i servizi e negozi dell'aeroporto</h2>
        <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 &amp; 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>

    <header data-shady>
        <h2>Organizza ora il tuo viaggio</h2>
    </header>

    <div class="l-travel-home__organize o-adjacent">
        <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 c-card__footer--super">
                    <div class="c-card__select">
                        <label for=""></label>
                        <select id="">
                        </select>
                    </div>
                    <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&#x27;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>

</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">&#8594;</span></a>
                    </li>
                    <li class="c-prefooter__faq">
                        <a href="#">Ho smarrito il mio biglietto del parcheggio, cosa posso fare <span aria-hidden="true">&#8594;</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">&#8594;</span></a>
                    </li>
                    <li class="c-prefooter__faq">
                        <a href="#">Info e reclami <span aria-hidden="true">&#8594;</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();
    var pax_guide = [{
            id: 'blq-departing',
            label: 'Partire da Bologna'
        },
        {
            id: 'blq-arriving',
            label: 'Arrivare a Bologna'
        },
        {
            id: 'blq-meet-greet',
            label: 'Sostare in Aeroporto'
        },
        {
            id: 'blq-necessities',
            label: 'Necessità particolari'
        }
    ];
    var app5 = new Xiao(pax_guide, 'blq-departing');
    $('.c-tablist--pax-guide .c-tablist__tabs a').click(function() {
        // Jumps the page to the offset of tabs only on mobile in order to avoid page jumping on every tap.
        $("html, body").animate({
            scrollTop: $(this).offset().top - 10
        }, 300);
    });
    // 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
            }
        }
    });
</script>
{{#extend "@template-master"}}

  {{!-- HEADER --}}
  {{#content "header"}}
    {{ render "@header" header merge=true }}
  {{/content}}

  {{!-- FOOTER --}}
  {{#content "footer"}}
  {{/content}}

  {{!-- MAIN --}}
	{{#content "main"}}

    {{ render "@notifications" }}

    <div class="l-travel-home__core">

      <h1 class="l-travel-home__pagetitle">Benvenuto all'Aeroporto di Bologna</h1>
      
      <div class="l-travel-home__partner-billboards">
        {{ render "@starting-grid--billboards" }}
      </div>

      <div class="l-travel-home__pax-guide">
        {{ render "@pax-guide" }}
      </div>

    </div>

    <div class="l-travel-home__chess">
      <h2>Scopri i servizi e negozi dell'aeroporto</h2>
      {{ render "@chess" chess merge=true }}
    </div>

    <header data-shady>
      <h2>Organizza ora il tuo viaggio</h2>
    </header>

    <div class="l-travel-home__organize o-adjacent">
      <div class="o-adjacent__item">
        {{> @card--art-linked-super bus }}
      </div>
      <div class="o-adjacent__item">
        {{> @card--art-linked hotel }}
      </div>
      <div class="o-adjacent__item">
        {{> @card--art-linked rent-car }}
      </div>
    </div>

	{{/content}}

  {{!-- SCRIPTS JS --}}
  {{#content "scripts" mode="append"}}
    <script src="{{ path '/js/footer.min.js' }}"></script>
    <script>
      $.tangible.shortcutNavigation();
      // $.tangible.navToolbar();
      $.tangible.notifications();

      var pax_guide = [
        {
          id: 'blq-departing',
          label: 'Partire da Bologna'
        },
        {
          id: 'blq-arriving',
          label: 'Arrivare a Bologna'
        },
        {
          id: 'blq-meet-greet',
          label: 'Sostare in Aeroporto'
        },
        {
          id: 'blq-necessities',
          label: 'Necessità particolari'
        }
      ];

      var app5 = new Xiao(pax_guide, 'blq-departing');

      $('.c-tablist--pax-guide .c-tablist__tabs a').click(function(){
        // Jumps the page to the offset of tabs only on mobile in order to avoid page jumping on every tap.
        $("html, body").animate({
          scrollTop: $(this).offset().top - 10
        }, 300);
      });

      // 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
          }
        }
      });

    </script>
  {{/content}}

{{/extend}}
{
  "name": "default",
  "template-main-class": "c-main--home-travel no-gap",
  "home-it": true,
  "superhero": {
    "bg-path": "/images/superhero-home-4.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
    }
  },
  "shopping-grid": {
    "shopping-banner": null
  }
}
  • Content:
    $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;
      }
    
  • URL: /components/raw/page-home-travel/_page-home-travel.scss
  • Filesystem Path: src/views/05-pages/10-page-home-travel/_page-home-travel.scss
  • Size: 5.2 KB

No notes defined.