<!-- Default -->
<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>

<!-- Progress -->
<div class='c-toolbar  c-toolbar--minimal c-toolbar--progress'>
    <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>
        </div>

        <div class='c-toolbar__center'>
            <ol class="c-progress" tabindex="0" role="progressbar" aria-valuemin="1" aria-valuemax="5" aria-valuenow="3" aria-valuetext="Step 3 di 5: ">

                <li class="c-progress__step " data-step-complete>
                    <a href="" data-extra-text="">Risultati</a>
                </li>
                <li class="c-progress__step " data-step-complete>
                    <a href="" data-extra-text="">I tuoi dati</a>
                </li>
                <li class="c-progress__step " data-step-current>
                    <a href="" data-extra-text="">Riepilogo</a>
                </li>
                <li class="c-progress__step " data-step-incomplete>
                    <a href="" data-extra-text="">Paga</a>
                </li>
                <li class="c-progress__step " data-step-incomplete>
                    <a href="" data-extra-text="">Pagato</a>
                </li>

            </ol>
        </div>

        <div class='c-toolbar__right'>
            <div class="c-menu">
                <input type="checkbox" role="button" aria-haspopup="true" id="toggle" class="u-visuallyhidden">
                <label for="toggle" data-opens-menu>

                    <span>Ciao</span><strong>Mario Rossi</strong>
                    <div class="c-menu__icon">
                        <img src="../../images/svgs/stk_profile_man.svg" alt="" aria-hidden="true" width="24">

                        <p class="c-menu__notify" aria-hidden="true">2</p>
                    </div>

                    <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__booked-item c-menu__booked-item--multiple ">
                        <a href="../preview/page-reservation-detail.html" class="clickable-item">
                            <div class="c-media o-media c-media--booked-item">
                                <img class="c-media__figure o-media__figure" src="../../images/svgs/p1-2.svg" alt="Parcheggio P1 P2" height="" width="40">
                                <div class="c-media__body o-media__body">
                                    Oggi hai un parcheggio prenotato al P1-2 <strong>alle ore 13:45</strong>
                                </div>
                            </div>
                        </a>
                        <a href="../preview/page-reservations-list.html">Vedi le altre prenotazioni di oggi</a>
                    </div>

                    <div class="c-menu__section">
                        <div class="image">
                            <img src="../../images/svgs/stk_prenotazioni.svg" alt="Prenotazioni" aria-hidden="true" width="60">
                        </div>
                        <ul aria-label="Prenotazioni">
                            <strong aria-hidden="true" class="title">Prenotazioni</strong>
                            <li><a href="../preview/page-dashboard.html">Dashboard</a></li>
                            <li><a href="../preview/page-reservations-list.html">Le tue prenotazioni</a></li>
                            <li><a href="../preview/page-orders-list.html">I tuoi ordini</a></li>
                            <li><a href="#">I tuoi voucher digitali (130 €)</a></li>
                        </ul>
                    </div>

                    <div class="c-menu__section">
                        <div class="image">
                            <img src="../../images/svgs/stk_avatar.svg" alt="Profilo" aria-hidden="true" width="60">
                        </div>
                        <ul aria-label="Profilo">
                            <strong aria-hidden="true" class="title">Profilo</strong>
                            <li><a href="../preview/page-profile--default.html">Il tuo account</a></li>
                            <li><a href="../preview/page-billing-info.html">I tuoi dati di fatturazione</a></li>
                            <li><a href="../preview/page-privacy-settings.html">Le tue impostazioni privacy</a></li>
                            <li><a href="../preview/page-newsletter-sub.html">Le tue impostazioni newsletter</a></li>
                        </ul>
                    </div>

                    <div class="c-menu__section">
                        <div class="image">
                            <img src="../../images/svgs/stk_assistenza.svg" alt="Supporto" aria-hidden="true" width="60">
                        </div>
                        <ul aria-label="Supporto">
                            <strong aria-hidden="true" class="title">Supporto</strong>
                            <li><a href="#">Richiedi assistenza</a></li>
                            <li><a href="../preview/page-reclaims-list.html">I tuoi suggerimenti e reclami</a></li>
                            <li><a href="#">Richiedi assistenza</a></li>
                        </ul>
                    </div>

                    <a href="#" class="c-menu__invite">Esci</a>

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

<!-- Logged -->
<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>
                    <div class="c-menu__icon">
                        <img src="../../images/svgs/stk_profile_man-white.svg" alt="" aria-hidden="true" width="24">
                        <p class="c-menu__notify" aria-hidden="true">2</p>
                    </div>
                </label>
                <div role="menu" data-menu-origin="right">

                    <div class="c-menu__booked-item c-menu__booked-item--multiple ">
                        <a href="../preview/page-reservation-detail.html" class="clickable-item">
                            <div class="c-media o-media c-media--booked-item">
                                <img class="c-media__figure o-media__figure" src="../../images/svgs/p1-2.svg" alt="Parcheggio P1 P2" height="" width="40">
                                <div class="c-media__body o-media__body">
                                    Oggi hai un parcheggio prenotato al P1-2 <strong>alle ore 13:45</strong>
                                </div>
                            </div>
                        </a>
                        <a href="../preview/page-reservations-list.html">Vedi le altre prenotazioni di oggi</a>
                    </div>

                    <div class="c-menu__section">
                        <div class="image">
                            <img src="../../images/svgs/stk_prenotazioni.svg" alt="Prenotazioni" aria-hidden="true" width="60">
                        </div>
                        <ul aria-label="Prenotazioni">
                            <strong aria-hidden="true" class="title">Prenotazioni</strong>
                            <li><a href="../preview/page-dashboard.html">Dashboard</a></li>
                            <li><a href="../preview/page-reservations-list.html">Le tue prenotazioni</a></li>
                            <li><a href="../preview/page-orders-list.html">I tuoi ordini</a></li>
                            <li><a href="#">I tuoi voucher digitali (130 €)</a></li>
                        </ul>
                    </div>

                    <div class="c-menu__section">
                        <div class="image">
                            <img src="../../images/svgs/stk_avatar.svg" alt="Profilo" aria-hidden="true" width="60">
                        </div>
                        <ul aria-label="Profilo">
                            <strong aria-hidden="true" class="title">Profilo</strong>
                            <li><a href="../preview/page-profile--default.html">Il tuo account</a></li>
                            <li><a href="../preview/page-billing-info.html">I tuoi dati di fatturazione</a></li>
                            <li><a href="../preview/page-privacy-settings.html">Le tue impostazioni privacy</a></li>
                            <li><a href="../preview/page-newsletter-sub.html">Le tue impostazioni newsletter</a></li>
                        </ul>
                    </div>

                    <div class="c-menu__section">
                        <div class="image">
                            <img src="../../images/svgs/stk_assistenza.svg" alt="Supporto" aria-hidden="true" width="60">
                        </div>
                        <ul aria-label="Supporto">
                            <strong aria-hidden="true" class="title">Supporto</strong>
                            <li><a href="#">Richiedi assistenza</a></li>
                            <li><a href="../preview/page-reclaims-list.html">I tuoi suggerimenti e reclami</a></li>
                            <li><a href="#">Richiedi assistenza</a></li>
                        </ul>
                    </div>

                    <a href="#" class="c-menu__invite">Esci</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>

<!-- Clean -->
<div class='c-toolbar c-toolbar--clean'>
    <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>

        <div class='c-toolbar__right'>
        </div>
    </div>
</div>

<!-- Myflight -->
<div class="c-toolbar c-toolbar--myflight">
    <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>
        </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-myflight-follower c-myflight-follower--departure" aria-hidden="true">
                <div class="c-myflight-follower__inner">
                    <svg class="c-icon c-icon--24">
                        <use xlink:href="#ic_flight_takeoff_black_24px"></use>
                    </svg> <a href="#"><strong>BA541</strong> per MAD</a>
                    <button class="close-btn" type="button"><svg class="c-icon c-icon--24">
                            <use xlink:href="#ic_close_black_24px"></use>
                        </svg><span class="u-visuallyhidden">Non seguire più questo volo</span></button>
                </div>

                <div class="c-myflight-follower__hint">
                    <p>
                        Da oggi puoi ritrovare velocemente il volo che hai deciso di seguire qui nel tuo <strong>Myflight</strong>. Ricorda, puoi seguire solo un volo alla volta.
                    </p>
                    <button type="button" class="c-button c-button--as-link js-close-hint">Ok, ho capito</button>
                </div>

            </div>
            <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 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>

<!-- Investors -->
<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">
                <div class="c-navigation-shortcuts">
                    <ul>
                        <li class="has-dropdown">
                            <div class="c-navigation-shortcuts__dropdown o-collapsible">
                                <div class="o-collapsible__title js-collapsible-title ">
                                    <strong>Corporate</strong>
                                    <span></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">Corporate</p>
                                                <div class="c-megamenu__card-abstract">

                                                    Lorem ipsum dolor sit amet
                                                </div>

                                            </div>
                                        </div>
                                        <div class="c-megamenu__main">
                                            <div class="c-megamenu__lists">
                                                <ul>

                                                    <li><a href="#">Aeroporto di Bologna in breve</a></li>
                                                    <li><a href="#">Corporate governance</a></li>
                                                    <li><a href="#">I nostri riferimenti</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>Borsa e azionisti</strong>
                                    <span></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">Borsa e azionisti</p>
                                                <div class="c-megamenu__card-abstract">

                                                    Lorem ipsum dolor sit amet
                                                </div>

                                            </div>
                                        </div>
                                        <div class="c-megamenu__main">
                                            <div class="c-megamenu__lists">
                                                <ul>

                                                    <li><a href="#">Titolo in Borsa</a></li>
                                                    <li><a href="#">Strategy and execution</a></li>
                                                    <li><a href="#">Informazioni per gli azionisti</a></li>
                                                    <li><a href="#">Assemblea degli azionisti</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>Calendario finanziario</strong>
                                    <span></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">Calendario finanziario</p>
                                                <div class="c-megamenu__card-abstract">

                                                    Lorem ipsum dolor sit amet
                                                </div>

                                            </div>
                                        </div>
                                        <div class="c-megamenu__main">
                                            <div class="c-megamenu__lists">
                                                <ul>

                                                    <li><a href="#">Eventi societari</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>Documenti</strong>
                                    <span></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">Documenti</p>
                                                <div class="c-megamenu__card-abstract">

                                                    Lorem ipsum dolor sit amet
                                                </div>

                                            </div>
                                        </div>
                                        <div class="c-megamenu__main">
                                            <div class="c-megamenu__lists">
                                                <ul>

                                                    <li><a href="#">Comunicati stampa</a></li>
                                                    <li><a href="#">Bilanci e relazioni</a></li>
                                                    <li><a href="#">DNF D.lgs. 254/2016 (Bilancio di Sostenibilità)</a></li>
                                                    <li><a href="#">Presentazioni</a></li>
                                                    <li><a href="#">Internal dealing</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>
                </div>
            </div>
        </div>

        <div class="c-toolbar__right">

            <div class="c-menu">
                <a href="https://adb.cdaonboard.com/" target="_blank" class="c-menu__link">
                    <span>Area Riservata&nbsp;<strong> Organi AdB</strong></span>
                    <img src="/images/svgs/stk_AR_investor.svg" alt="" role="presentation" aria-hidden="true" width="24">
                    <svg class="svg-24">
                        <use xlink:href="#ic_chevron_right_black_24px"></use>
                    </svg>
                </a>
            </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>

<!-- Chinese version -->
<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>

            <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>

<!-- Emergency -->
<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">
                <div class='c-navigation-shortcuts'>
                    <ul class='c-navigation-shortcuts__simple'>

                        <li class=" ">
                            <a href="/components/preview/page-home-travel--emergency" class="" aria-label="Notizie in tempo reale">
                                <strong>Notizie in tempo reale</strong>
                                <span></span>
                            </a>
                        </li>

                        <li class=" ">
                            <a href="/components/preview/page-arrivals-departures--emergency" class="" aria-label="Arrivi e partenze">
                                <strong>Arrivi e partenze</strong>
                                <span></span>
                            </a>
                        </li>
                    </ul>
                </div>
            </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>
    </div>

</div>
<div class="c-toolbar__emergency-nav">
    <ul>
        <li><a href="#">Notizie in tempo reale</a></li>
        <li><a href="#">Arrivi e partenze</a></li>
    </ul>
</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>

<!-- Innovability -->
<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">
                <div class="c-navigation-shortcuts">
                    <ul>
                        <li class="has-dropdown">
                            <div class="c-navigation-shortcuts__dropdown o-collapsible">
                                <div class="o-collapsible__title js-collapsible-title ">
                                    <strong>Innovazione</strong>
                                    <span></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">BLQ Innovability</p>
                                                <div class="c-megamenu__card-abstract">

                                                    BLQ, Better Living Quality
                                                </div>

                                            </div>
                                        </div>
                                        <div class="c-megamenu__main">
                                            <div class="c-megamenu__lists">
                                                <ul>

                                                    <li><a href="#">Il nostro concetto di Innovazione</a></li>
                                                    <li><a href="#">Chatbot</a></li>
                                                    <li><a href="#">Ascolto dei passeggeri - Smiles</a></li>
                                                    <li><a href="#">Scan &amp; Fly</a></li>
                                                    <li><a href="#">Logiscan compact </a></li>
                                                    <li><a href="#">Assistenza ai passeggeri sordi – Servizio Tellis</a></li>
                                                    <li><a href="#">Tracking wifi</a></li>
                                                    <li><a href="#">Wayfinding</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>Sostenibilità</strong>
                                    <span></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">BLQ Innovability</p>
                                                <div class="c-megamenu__card-abstract">

                                                    BLQ, Better Living Quality
                                                </div>

                                            </div>
                                        </div>
                                        <div class="c-megamenu__main">
                                            <div class="c-megamenu__lists">
                                                <ul>
                                                    <strong class="c-megamenu__listtitle">Sostenibilità dello sviluppo dell’Aeroporto</strong>
                                                    <li><a href="#">Il nostro concetto di Sostenibilità</a></li>
                                                    <li><a href="#">Politica integrata</a></li>
                                                    <li><a href="#">Qualità</a></li>

                                                </ul>
                                                <ul>
                                                    <strong class="c-megamenu__listtitle">Ambiente ed Energia</strong>
                                                    <li><a href="#">Ambiti di attività</a></li>
                                                    <li><a href="#">Bilancio di responsabilità</a></li>
                                                    <li><a href="#">Rumore</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>
                </div>
            </div>
        </div>

        <div class="c-toolbar__right">

            <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>

<!-- Language -->
<div class="c-toolbar c-toolbar--language">

    <div class="c-toolbar__inner">
        <div class="c-toolbar__left">
        </div>

        <div class="c-toolbar__center" aria-hidden="true">
            <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>
        </div>

        <div class="c-toolbar__right">

            <div class="c-languages__dropdown">
                <input type="checkbox" id="checkbox_language_toggle" class="c-languages__switch">
                <label for="checkbox_language_toggle">

                    <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">
                    </ul>
                </label>
            </div>
            <div class="c-menu c-menu--download-app">
                <input type="checkbox" role="button" aria-haspopup="true" id="toggle" class="u-visuallyhidden">
                <label for="toggle" data-opens-menu>
                    <span>Entra in MyBLQ</span>
                    <img src="../../images/svgs/stk_generic-user.svg" alt="" role="presentation" aria-hidden="true" width="32">
                    <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">
                    <p class="c-menu__title">Accedi alla tua area riservata</p>
                    <p class="c-menu__paragraph">Ci scusiamo, in questo momento l'Aeroporto di Bologna è in stato di emergenza e non è possibile accedere alla MyBLQ dal sito web</p>
                    <strong class="c-menu__invite">Accedi a MyBLQ scaricando l'app ufficiale</strong>
                    <div class="c-menu__img">
                        <a href="#">
                            <img src="../../images/svgs/badge_appstore_it.svg" height="40" alt="Scarica su App Store">
                        </a>
                        <a href="#">
                            <img src="../../images/svgs/Google_Play_Store_badge_IT.svg" height="40" alt="Disponibile su Google Play">
                        </a>
                    </div>
                    <p class="c-menu__notice"><strong>Stai cercando una prenotazione?</strong>Se non puoi scaricare l'app ufficiale, prova a controllare nella tua casella di posta, tra le mail in entrata troverai sicuramente la mail di conferma prenotazione che ti abbiamo inviato il giorno in cui hai effettuato la prenotazione.</p>
                </div>
            </div>
        </div>
    </div>

</div>

<!-- Nomenu -->
<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>

        <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>

<!-- Society -->
<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">
                <div class="c-navigation-shortcuts">
                    <ul>
                        <li class="has-dropdown">
                            <div class="c-navigation-shortcuts__dropdown o-collapsible">
                                <div class="o-collapsible__title js-collapsible-title ">
                                    <strong>Profilo aziendale</strong>
                                    <span></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">Profilo aziendale</p>
                                                <div class="c-megamenu__card-abstract">
                                                    Profilo aziendale
                                                    Aeroporto di Bologna, porta d’accesso ideale per l’Italia
                                                </div>

                                            </div>
                                        </div>
                                        <div class="c-megamenu__main">
                                            <div class="c-megamenu__lists">
                                                <ul>

                                                    <li><a href="#">Vision, Mission &amp; Strategy</a></li>
                                                    <li><a href="#">Management</a></li>
                                                    <li><a href="#">Dati chiave</a></li>
                                                    <li><a href="#">Risorse umane</a></li>
                                                    <li><a href="#">Etica d&#x27;impresa</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>Business</strong>
                                    <span></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">Business</p>
                                                <div class="c-megamenu__card-abstract">

                                                    Avition, Retail, Adv, Formazione, Eventi. Le anime molteplici del business dell’Aeroporto
                                                </div>

                                            </div>
                                        </div>
                                        <div class="c-megamenu__main">
                                            <div class="c-megamenu__lists">
                                                <ul>
                                                    <strong class="c-megamenu__listtitle">Attività commerciali</strong>
                                                    <li><a href="#">Retail, Advertising, Eventi</a></li>
                                                    <li><a href="#">Portale Appalti</a></li>
                                                    <li><a href="#">BLQ Training</a></li>

                                                </ul>
                                                <ul>
                                                    <strong class="c-megamenu__listtitle">Aviation</strong>
                                                    <li><a href="#">Pista e infrastrutture</a></li>
                                                    <li><a href="#">Tariffe Aviation</a></li>
                                                    <li><a href="#">Cargo</a></li>

                                                </ul>
                                                <ul>
                                                    <strong class="c-megamenu__listtitle">Progetti Europei e Protocolli</strong>
                                                    <li><a href="#">Cyrano</a></li>
                                                    <li><a href="#">ITAIR ISAC</a></li>
                                                    <li><a href="#">PRECINCT</a></li>
                                                    <li><a href="#">Protocolli d’Intesa</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>Sala stampa</strong>
                                    <span></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">Sala stampa</p>
                                                <div class="c-megamenu__card-abstract">

                                                    Lorem ipsum dolor sit amet
                                                </div>

                                            </div>
                                        </div>
                                        <div class="c-megamenu__main">
                                            <div class="c-megamenu__lists">
                                                <ul>

                                                    <li><a href="#">COVID 19 | Approfondimenti</a></li>
                                                    <li><a href="#">COVID 19 | Ultimi aggiornamenti</a></li>
                                                    <li><a href="#">News</a></li>
                                                    <li><a href="#">Comunicati stampa</a></li>
                                                    <li><a href="#">Photogallery</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>Operatori aeroportuali</strong>
                                    <span></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">Operatori aeroportuali</p>
                                                <div class="c-megamenu__card-abstract">

                                                    Informazioni a supporto delle attività operative
                                                </div>

                                            </div>
                                        </div>
                                        <div class="c-megamenu__main">
                                            <div class="c-megamenu__lists">
                                                <ul>
                                                    <strong class="c-megamenu__listtitle">Documentazione e Segnalazioni</strong>
                                                    <li><a href="#">Manuale di Aeroporto</a></li>
                                                    <li><a href="#">Regolamento di Scalo</a></li>
                                                    <li><a href="#">Titoli di accesso</a></li>
                                                    <li><a href="#">Segnalazioni degli Operatori</a></li>

                                                </ul>
                                                <ul>
                                                    <strong class="c-megamenu__listtitle">Safety Management System</strong>
                                                    <li><a href="#">Definizione di SMS</a></li>
                                                    <li><a href="#">I Comitati della Safety</a></li>
                                                    <li><a href="#">L’analisi dei rischi</a></li>
                                                    <li><a href="#">Il reporting system</a></li>
                                                    <li><a href="#">Ambiente ed Energia</a></li>
                                                    <li><a href="#">Safety Promotion &amp; Education</a></li>
                                                    <li><a href="#">Gestione delle emergenze</a></li>
                                                    <li><a href="#">Segnalazioni di Safety</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>
                </div>
            </div>
        </div>

        <div class="c-toolbar__right">

            <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>

<!-- Default -->
<div class="c-toolbar">

  <div class="c-toolbar__inner">
    <div class="c-toolbar__left">
      <a href="{{ home-url }}" class="c-toolbar__logo">
        {{ render "@logo" }}
      </a>
      <a href="{{ innovability-url }}" class="c-toolbar__logo c-toolbar__logo--innovability">
        {{ render "@logo--innovability" }}
      </a>
    </div>

    <div class="c-toolbar__center" aria-hidden="true">
      <div class="c-header__shortcuts" aria-hidden="true">
        {{ render "@shortcuts-navigation" shortcuts merge=true }}
      </div>
    </div>

    <div class="c-toolbar__right">

      <a class="c-toolbar__assistance" href="{{ path '/components/preview/page-home-assistenze' }}">
        <span class="u-visuallyhidden">Assistenze speciali</span>
        <img src="{{ path '/images/svgs/icon_ special_assistance_24px.svg' }}" class="prm-icon" alt="">
      </a>

      {{ render "@menu--anonymous-user-toolbar" }}
      {{> @button search-button }}

      {{ render "@notifications" }}

      <div class="c-header__switch c-toolbar__icon c-toolbar__switch is-clickable">
        {{> @navigation-switch}}
      </div>

    </div>
  </div>

</div>

{{ render "@dialog--search" }}

{{!-- {{ render "@expanded-search" }} --}}

<!-- Progress -->
<div class='c-toolbar  c-toolbar--minimal c-toolbar--progress'>
  <div class='c-toolbar__inner'>
    <div class='c-toolbar__left'>
      <a href="{{home-url}}" class='c-toolbar__logo'>
        {{render '@logo'}}
      </a>
    </div>

    <div class='c-toolbar__center'>
      {{render '@progress' moleculeProgress merge=true}}
    </div>

    <div class='c-toolbar__right'>
      {{#if showUser}}
        {{render '@menu--anonymous-user'}}
      {{else if showLogged}}
        {{render '@menu--existing-user'}}
      {{/if}}
    </div>
  </div>
</div>

<!-- Logged -->
<div class="c-toolbar">

  <div class="c-toolbar__inner">
    <div class="c-toolbar__left">
      <a href="{{ home-url }}" class="c-toolbar__logo">
        {{ render "@logo" }}
      </a>
      <a href="{{ innovability-url }}" class="c-toolbar__logo c-toolbar__logo--innovability">
        {{ render "@logo--innovability" }}
      </a>
    </div>

    <div class="c-toolbar__center" aria-hidden="true">
      <div class="c-header__shortcuts" aria-hidden="true">
        {{ render "@shortcuts-navigation" shortcuts merge=true }}
      </div>
    </div>

    <div class="c-toolbar__right">

      <a class="c-toolbar__assistance" href="{{ path '/components/preview/page-home-assistenze' }}">
        <span class="u-visuallyhidden">Assistenze speciali</span>
        <img src="{{ path '/images/svgs/icon_ special_assistance_24px.svg' }}" class="prm-icon" alt="">
      </a>

      {{#if logged-user}} {{ render "@menu--existing-user-toolbar" }} {{/if}} {{#if recognized-user }} {{ render "@menu--recognized-user-toolbar"
      }} {{/if}} {{#if anonymous-user }} {{ render "@menu--anonymous-user-toolbar" }} {{/if}}

      {{!-- <label for="adb-search" class="c-toolbar__icon c-toolbar__search is-clickable" aria-label="Cerca nel sito. Premi per iniziare la ricerca">
        {{> @icon class="c-icon c-icon--18" symbol="ic_search_black_24px" }}
      </label> --}}
      {{> @button search-button }}
      
      {{ render "@notifications" }}

      <div class="c-header__switch c-toolbar__icon c-toolbar__switch is-clickable">
        {{> @navigation-switch}}
      </div>

    </div>
  </div>

</div>

{{ render "@dialog--search" }}

{{!-- {{ render "@expanded-search" }} --}}

<!-- Clean -->
<div class='c-toolbar c-toolbar--clean'>
  <div class='c-toolbar__inner'>
    <div class='c-toolbar__left'>
      <a href="{{home-url}}" class='c-toolbar__logo'>
        {{render '@logo'}}
      </a>
      <a href="{{ innovability-url }}" class="c-toolbar__logo c-toolbar__logo--innovability">
        {{ render "@logo--innovability" }}
      </a>
    </div>

    <div class='c-toolbar__center' aria-hidden='true'>
    </div>

    <div class='c-toolbar__right'>
    </div>
  </div>
</div>

{{!-- {{render '@expanded-search'}} --}}

<!-- Myflight -->
<div class="c-toolbar c-toolbar--myflight">
  <div class='c-toolbar__inner'>
    <div class='c-toolbar__left'>
      <a href="{{home-url}}" class='c-toolbar__logo'>
        {{render '@logo'}}
      </a>
    </div>


    <div class="c-toolbar__center" aria-hidden="true">
      <div class="c-header__shortcuts" aria-hidden="true">
        {{ render "@shortcuts-navigation" shortcuts merge=true }}
      </div>
    </div>

    <div class='c-toolbar__right'>

      <a class="c-toolbar__assistance" href="{{ path '/components/preview/page-home-assistenze' }}">
        <span class="u-visuallyhidden">Assistenze speciali</span>
        <img src="{{ path '/images/svgs/icon_ special_assistance_24px.svg' }}" class="prm-icon" alt="">
      </a>
      
      {{> @myflight-follower myflight-follower-desktop }} 
      {{ render "@menu--anonymous-user-toolbar" }}
      {{!-- <label for="adb-search" class="c-toolbar__icon c-toolbar__search is-clickable" aria-label="Cerca nel sito. Premi per iniziare la ricerca">
        {{> @icon class="c-icon c-icon--18" symbol="ic_search_black_24px" }}
      </label> --}}
      {{> @button search-button }}
      {{ render "@notifications" }}
      <div class="c-header__switch c-toolbar__icon c-toolbar__switch is-clickable">
        {{> @navigation-switch}}
    </div>
  </div>
</div>

{{ render "@dialog--search" }}

{{!-- {{ render "@expanded-search" }} --}}

<!-- Investors -->
<div class="c-toolbar">

  <div class="c-toolbar__inner">
    <div class="c-toolbar__left">
      <a href="{{ home-url }}" class="c-toolbar__logo">
        {{ render "@logo" }}
      </a>
      <a href="{{ innovability-url }}" class="c-toolbar__logo c-toolbar__logo--innovability">
        {{ render "@logo--innovability" }}
      </a>
    </div>

    <div class="c-toolbar__center" aria-hidden="true">
      <div class="c-header__shortcuts" aria-hidden="true">
        {{ render "@shortcuts-navigation--investors" shortcuts merge=true }}
      </div>
    </div>

    <div class="c-toolbar__right">
      
      {{!-- <a class="c-toolbar__assistance" href="{{ path '/components/preview/page-home-assistenze' }}">
        {{> @icon class=" c-icon c-icon--32" symbol="ic-accessible-black-24px" }}
      </a> --}}

      {{ render "@menu--investors-login" }}
      {{!-- <label for="adb-search" class="c-toolbar__icon c-toolbar__search is-clickable" aria-label="Cerca nel sito. Premi per iniziare la ricerca">
        {{> @icon class="c-icon c-icon--18" symbol="ic_search_black_24px" }}
      </label> --}}
      {{> @button search-button }}
      {{ render "@notifications" }}
      <div class="c-header__switch c-toolbar__icon c-toolbar__switch is-clickable">
        {{> @navigation-switch}}
      </div>

    </div>
  </div>

</div>

{{ render "@dialog--search" }}

{{!-- {{ render "@expanded-search" }} --}}

<!-- Chinese version -->
<div class="c-toolbar">

  <div class="c-toolbar__inner">
    <div class="c-toolbar__left">
      <a href="{{ home-url }}" class="c-toolbar__logo">
        {{ render "@logo" }}
      </a>
      <a href="{{ innovability-url }}" class="c-toolbar__logo c-toolbar__logo--innovability">
        {{ render "@logo--innovability" }}
      </a>
    </div>

    <div class="c-toolbar__center" aria-hidden="true">
      <div class="c-header__shortcuts" aria-hidden="true">
        {{ render "@shortcuts-navigation" shortcuts merge=true }}
      </div>
    </div>

    <div class="c-toolbar__right">

      <a class="c-toolbar__assistance" href="{{ path '/components/preview/page-home-assistenze' }}">
        <span class="u-visuallyhidden">Assistenze speciali</span>
        <img src="{{ path '/images/svgs/icon_ special_assistance_24px.svg' }}" class="prm-icon" alt="">
      </a>
      
      {{!-- <label for="adb-search" class="c-toolbar__icon c-toolbar__search is-clickable" aria-label="Cerca nel sito. Premi per iniziare la ricerca">
        {{> @icon class="c-icon c-icon--18" symbol="ic_search_black_24px" }}
      </label> --}}
      {{> @button search-button }}
      {{ render "@notifications" }}
      <div class="c-header__switch c-toolbar__icon c-toolbar__switch is-clickable">
        {{> @navigation-switch}}
      </div>

    </div>
  </div>

</div>

{{ render "@dialog--search" }}

{{!-- {{ render "@expanded-search" }} --}}

<!-- Emergency -->
<div class="c-toolbar">

  <div class="c-toolbar__inner">
    <div class="c-toolbar__left">
      <a href="{{ home-url }}" class="c-toolbar__logo">
        {{ render "@logo" }}
      </a>
      <a href="{{ innovability-url }}" class="c-toolbar__logo c-toolbar__logo--innovability">
        {{ render "@logo--innovability" }}
      </a>
    </div>

    <div class="c-toolbar__center" aria-hidden="true">
      <div class="c-header__shortcuts" aria-hidden="true">
        {{ render "@shortcuts-navigation--emergency" emergency_site_nav }}
      </div>
    </div>

    <div class="c-toolbar__right">
    
      <a class="c-toolbar__assistance" href="{{ path '/components/preview/page-home-assistenze' }}">
        <span class="u-visuallyhidden">Assistenze speciali</span>
        <img src="{{ path '/images/svgs/icon_ special_assistance_24px.svg' }}" class="prm-icon" alt="">
      </a>
    
      {{ render "@menu--anonymous-user-toolbar" }}
      {{> @button search-button }}
    
      {{ render "@notifications" }}
    
      {{!-- <div class="c-header__switch c-toolbar__icon c-toolbar__switch is-clickable">
        {{> @navigation-switch}}
      </div> --}}
    
    </div>
  </div>

</div>
<div class="c-toolbar__emergency-nav">
  <ul>
    <li><a href="#">Notizie in tempo reale</a></li>
    <li><a href="#">Arrivi e partenze</a></li>
  </ul>
</div>

{{ render "@dialog--search" }}
{{!-- {{ render "@expanded-search" }} --}}

<!-- Innovability -->
<div class="c-toolbar">

  <div class="c-toolbar__inner">
    <div class="c-toolbar__left">
      <a href="{{ home-url }}" class="c-toolbar__logo">
        {{ render "@logo" }}
      </a>
      <a href="{{ innovability-url }}" class="c-toolbar__logo c-toolbar__logo--innovability">
        {{ render "@logo--innovability" }}
      </a>
    </div>

    <div class="c-toolbar__center" aria-hidden="true">
      <div class="c-header__shortcuts" aria-hidden="true">
        {{ render "@shortcuts-navigation--innovability" shortcuts merge=true }}
      </div>
    </div>

    <div class="c-toolbar__right">
      
      {{!-- <a class="c-toolbar__assistance" href="{{ path '/components/preview/page-home-assistenze' }}">
        {{> @icon class=" c-icon c-icon--32" symbol="ic-accessible-black-24px" }}
      </a> --}}

      {{ render "@menu--anonymous-user-toolbar" }}
      {{!-- <label for="adb-search" class="c-toolbar__icon c-toolbar__search is-clickable" aria-label="Cerca nel sito. Premi per iniziare la ricerca">
        {{> @icon class="c-icon c-icon--18" symbol="ic_search_black_24px" }}
      </label> --}}
      {{> @button search-button }}
      {{ render "@notifications" }}
      <div class="c-header__switch c-toolbar__icon c-toolbar__switch is-clickable">
        {{> @navigation-switch}}
      </div>

    </div>
  </div>

</div>

{{ render "@dialog--search" }}

{{!-- {{ render "@expanded-search" }} --}}

<!-- Language -->
<div class="c-toolbar c-toolbar--language">

  <div class="c-toolbar__inner">
    <div class="c-toolbar__left">
    </div>

    <div class="c-toolbar__center" aria-hidden="true">
      <a href="{{ home-url }}" class="c-toolbar__logo">
        {{ render "@logo" }}
      </a>
    </div>

    <div class="c-toolbar__right">

      
      {{> @languages--dropdown orientation-emergency }}
      {{ render "@menu--download-app" }}
    </div>
  </div>

</div>

<!-- Nomenu -->
<div class="c-toolbar">

  <div class="c-toolbar__inner">
    <div class="c-toolbar__left">
      <a href="{{ home-url }}" class="c-toolbar__logo">
        {{ render "@logo" }}
      </a>
      <a href="{{ innovability-url }}" class="c-toolbar__logo c-toolbar__logo--innovability">
        {{ render "@logo--innovability" }}
      </a>
    </div>

    <div class="c-toolbar__center" aria-hidden="true">

    </div>

    <div class="c-toolbar__right">

      <a class="c-toolbar__assistance" href="{{ path '/components/preview/page-home-assistenze' }}">
        <span class="u-visuallyhidden">Assistenze speciali</span>
        <img src="{{ path '/images/svgs/icon_ special_assistance_24px.svg' }}" class="prm-icon" alt="">
      </a>
      
      {{ render "@menu--anonymous-user-toolbar" }}
      {{!-- <label for="adb-search" class="c-toolbar__icon c-toolbar__search is-clickable" aria-label="Cerca nel sito. Premi per iniziare la ricerca">
        {{> @icon class="c-icon c-icon--18" symbol="ic_search_black_24px" }}
      </label> --}}
      {{> @button search-button }}
      {{ render "@notifications" }}
      <div class="c-header__switch c-toolbar__icon c-toolbar__switch is-clickable">
        {{> @navigation-switch}}
      </div>

    </div>
  </div>

</div>

{{ render "@dialog--search" }}

{{!-- {{ render "@expanded-search" }} --}}

<!-- Society -->
<div class="c-toolbar">

  <div class="c-toolbar__inner">
    <div class="c-toolbar__left">
      <a href="{{ home-url }}" class="c-toolbar__logo">
        {{ render "@logo" }}
      </a>
      <a href="{{ innovability-url }}" class="c-toolbar__logo c-toolbar__logo--innovability">
        {{ render "@logo--innovability" }}
      </a>
    </div>

    <div class="c-toolbar__center" aria-hidden="true">
      <div class="c-header__shortcuts" aria-hidden="true">
        {{ render "@shortcuts-navigation--society" shortcuts merge=true }}
      </div>
    </div>

    <div class="c-toolbar__right">

      {{!-- <a class="c-toolbar__assistance" href="{{ path '/components/preview/page-home-assistenze' }}">
        {{> @icon class=" c-icon c-icon--32" symbol="ic-accessible-black-24px" }}
      </a> --}}
      
      {{!-- <label for="adb-search" class="c-toolbar__icon c-toolbar__search is-clickable" aria-label="Cerca nel sito. Premi per iniziare la ricerca">
        {{> @icon class="c-icon c-icon--18" symbol="ic_search_black_24px" }}
      </label> --}}
      {{> @button search-button }}
      {{ render "@notifications" }}
      <div class="c-header__switch c-toolbar__icon c-toolbar__switch is-clickable">
        {{> @navigation-switch}}
      </div>

    </div>
  </div>

</div>

{{ render "@dialog--search" }}

{{!-- {{ render "@expanded-search" }} --}}
/* Default */
{
  "name": "default",
  "home-url": "/components/preview/page-home-travel--default",
  "innovability-url": "/components/preview/page-home-travel--default",
  "prm-url": "/components/preview/page-routes-prm",
  "ccare-url": "",
  "dropdown-toolbar": {
    "dropdown-orientation": {
      "main-language": {
        "text": "ita",
        "url": "#",
        "aria-label": "Italiano"
      },
      "sub-languages": [
        {
          "text": "eng",
          "url": "#",
          "aria-label": "Inglese"
        },
        {
          "text": "zh",
          "url": "#",
          "aria-label": "Cinese"
        }
      ]
    }
  },
  "search-button": {
    "type": "button",
    "modifier": "c-toolbar__icon is-clickable js-fr-dialogmodal-open",
    "opens-dialog": "dialog-search",
    "aria-label": "Cerca nel sito",
    "svg": {
      "class": "c-icon c-icon--18",
      "symbol": "ic_search_black_24px"
    }
  }
}

/* Progress */
{
  "name": "default",
  "home-url": "/components/preview/page-home-travel--default",
  "innovability-url": "/components/preview/page-home-travel--default",
  "prm-url": "/components/preview/page-routes-prm",
  "ccare-url": "",
  "dropdown-toolbar": {
    "dropdown-orientation": {
      "main-language": {
        "text": "ita",
        "url": "#",
        "aria-label": "Italiano"
      },
      "sub-languages": [
        {
          "text": "eng",
          "url": "#",
          "aria-label": "Inglese"
        },
        {
          "text": "zh",
          "url": "#",
          "aria-label": "Cinese"
        }
      ]
    }
  },
  "search-button": {
    "type": "button",
    "modifier": "c-toolbar__icon is-clickable js-fr-dialogmodal-open",
    "opens-dialog": "dialog-search",
    "aria-label": "Cerca nel sito",
    "svg": {
      "class": "c-icon c-icon--18",
      "symbol": "ic_search_black_24px"
    }
  },
  "showUser": false,
  "showLogged": true,
  "moleculeProgress": {
    "current-step": 3,
    "steps": [
      {
        "text": "Risultati",
        "status": "data-step-complete"
      },
      {
        "text": "I tuoi dati",
        "status": "data-step-complete"
      },
      {
        "text": "Riepilogo",
        "status": "data-step-current"
      },
      {
        "text": "Paga",
        "status": "data-step-incomplete"
      },
      {
        "text": "Pagato",
        "status": "data-step-incomplete"
      }
    ]
  }
}

/* Logged */
{
  "name": "default",
  "home-url": "/components/preview/page-home-travel--default",
  "innovability-url": "/components/preview/page-home-travel--default",
  "prm-url": "/components/preview/page-routes-prm",
  "ccare-url": "",
  "dropdown-toolbar": {
    "dropdown-orientation": {
      "main-language": {
        "text": "ita",
        "url": "#",
        "aria-label": "Italiano"
      },
      "sub-languages": [
        {
          "text": "eng",
          "url": "#",
          "aria-label": "Inglese"
        },
        {
          "text": "zh",
          "url": "#",
          "aria-label": "Cinese"
        }
      ]
    }
  },
  "search-button": {
    "type": "button",
    "modifier": "c-toolbar__icon is-clickable js-fr-dialogmodal-open",
    "opens-dialog": "dialog-search",
    "aria-label": "Cerca nel sito",
    "svg": {
      "class": "c-icon c-icon--18",
      "symbol": "ic_search_black_24px"
    }
  },
  "logged-user": true,
  "recognized-user": false,
  "anonymous-user": false
}

/* Clean */
{
  "name": "default",
  "home-url": "/components/preview/page-home-travel--default",
  "innovability-url": "/components/preview/page-home-travel--default",
  "prm-url": "/components/preview/page-routes-prm",
  "ccare-url": "",
  "dropdown-toolbar": {
    "dropdown-orientation": {
      "main-language": {
        "text": "ita",
        "url": "#",
        "aria-label": "Italiano"
      },
      "sub-languages": [
        {
          "text": "eng",
          "url": "#",
          "aria-label": "Inglese"
        },
        {
          "text": "zh",
          "url": "#",
          "aria-label": "Cinese"
        }
      ]
    }
  },
  "search-button": {
    "type": "button",
    "modifier": "c-toolbar__icon is-clickable js-fr-dialogmodal-open",
    "opens-dialog": "dialog-search",
    "aria-label": "Cerca nel sito",
    "svg": {
      "class": "c-icon c-icon--18",
      "symbol": "ic_search_black_24px"
    }
  }
}

/* Myflight */
{
  "name": "default",
  "home-url": "/components/preview/page-home-travel--default",
  "innovability-url": "/components/preview/page-home-travel--default",
  "prm-url": "/components/preview/page-routes-prm",
  "ccare-url": "",
  "dropdown-toolbar": {
    "dropdown-orientation": {
      "main-language": {
        "text": "ita",
        "url": "#",
        "aria-label": "Italiano"
      },
      "sub-languages": [
        {
          "text": "eng",
          "url": "#",
          "aria-label": "Inglese"
        },
        {
          "text": "zh",
          "url": "#",
          "aria-label": "Cinese"
        }
      ]
    }
  },
  "search-button": {
    "type": "button",
    "modifier": "c-toolbar__icon is-clickable js-fr-dialogmodal-open",
    "opens-dialog": "dialog-search",
    "aria-label": "Cerca nel sito",
    "svg": {
      "class": "c-icon c-icon--18",
      "symbol": "ic_search_black_24px"
    }
  },
  "logged-user": false,
  "recognized-user": false,
  "anonymous-user": true,
  "myflight-follower-desktop": {
    "modifier": "c-myflight-follower--departure",
    "aria-hidden": "true",
    "text": "<strong>BA541</strong> per MAD",
    "icon": {
      "symbol": "ic_flight_takeoff_black_24px",
      "class": "c-icon c-icon--24"
    },
    "closing-icon": {
      "symbol": "ic_close_black_24px",
      "class": "c-icon c-icon--24"
    }
  }
}

/* Investors */
{
  "name": "default",
  "home-url": "/components/preview/page-home-travel--default",
  "innovability-url": "/components/preview/page-home-travel--default",
  "prm-url": "/components/preview/page-routes-prm",
  "ccare-url": "",
  "dropdown-toolbar": {
    "dropdown-orientation": {
      "main-language": {
        "text": "ita",
        "url": "#",
        "aria-label": "Italiano"
      },
      "sub-languages": [
        {
          "text": "eng",
          "url": "#",
          "aria-label": "Inglese"
        },
        {
          "text": "zh",
          "url": "#",
          "aria-label": "Cinese"
        }
      ]
    }
  },
  "search-button": {
    "type": "button",
    "modifier": "c-toolbar__icon is-clickable js-fr-dialogmodal-open",
    "opens-dialog": "dialog-search",
    "aria-label": "Cerca nel sito",
    "svg": {
      "class": "c-icon c-icon--18",
      "symbol": "ic_search_black_24px"
    }
  },
  "admin-area-link": {
    "text": "Area <strong>Organi AdB</strong>",
    "url": "#",
    "svg": true,
    "img-path": "/images/svgs/stk_AR_investor.svg",
    "img-alt": "Accedi all'area organi adb"
  }
}

/* Chinese version */
{
  "name": "default",
  "home-url": "/components/preview/page-home-travel--default",
  "innovability-url": "/components/preview/page-home-travel--default",
  "prm-url": "/components/preview/page-routes-prm",
  "ccare-url": "",
  "dropdown-toolbar": {
    "dropdown-orientation": {
      "main-language": {
        "text": "ita",
        "url": "#",
        "aria-label": "Italiano"
      },
      "sub-languages": [
        {
          "text": "eng",
          "url": "#",
          "aria-label": "Inglese"
        },
        {
          "text": "zh",
          "url": "#",
          "aria-label": "Cinese"
        }
      ]
    },
    "orientation-cn": {
      "main-language": {
        "text": "zh",
        "url": "#",
        "aria-label": "Cinese"
      },
      "sub-languages": [
        {
          "text": "eng",
          "url": "#",
          "aria-label": "Inglese"
        },
        {
          "text": "ita",
          "url": "#",
          "aria-label": "Italian"
        }
      ]
    }
  },
  "search-button": {
    "type": "button",
    "modifier": "c-toolbar__icon is-clickable js-fr-dialogmodal-open",
    "opens-dialog": "dialog-search",
    "aria-label": "Cerca nel sito",
    "svg": {
      "class": "c-icon c-icon--18",
      "symbol": "ic_search_black_24px"
    }
  }
}

/* Emergency */
{
  "name": "default",
  "home-url": "/components/preview/page-home-travel--default",
  "innovability-url": "/components/preview/page-home-travel--default",
  "prm-url": "/components/preview/page-routes-prm",
  "ccare-url": "",
  "dropdown-toolbar": {
    "dropdown-orientation": {
      "main-language": {
        "text": "ita",
        "url": "#",
        "aria-label": "Italiano"
      },
      "sub-languages": [
        {
          "text": "eng",
          "url": "#",
          "aria-label": "Inglese"
        },
        {
          "text": "zh",
          "url": "#",
          "aria-label": "Cinese"
        }
      ]
    }
  },
  "search-button": {
    "type": "button",
    "modifier": "c-toolbar__icon is-clickable js-fr-dialogmodal-open",
    "opens-dialog": "dialog-search",
    "aria-label": "Cerca nel sito",
    "svg": {
      "class": "c-icon c-icon--18",
      "symbol": "ic_search_black_24px"
    }
  }
}

/* Innovability */
{
  "name": "default",
  "home-url": "/components/preview/page-home-travel--default",
  "innovability-url": "/components/preview/page-home-travel--default",
  "prm-url": "/components/preview/page-routes-prm",
  "ccare-url": "",
  "dropdown-toolbar": {
    "dropdown-orientation": {
      "main-language": {
        "text": "ita",
        "url": "#",
        "aria-label": "Italiano"
      },
      "sub-languages": [
        {
          "text": "eng",
          "url": "#",
          "aria-label": "Inglese"
        },
        {
          "text": "zh",
          "url": "#",
          "aria-label": "Cinese"
        }
      ]
    }
  },
  "search-button": {
    "type": "button",
    "modifier": "c-toolbar__icon is-clickable js-fr-dialogmodal-open",
    "opens-dialog": "dialog-search",
    "aria-label": "Cerca nel sito",
    "svg": {
      "class": "c-icon c-icon--18",
      "symbol": "ic_search_black_24px"
    }
  }
}

/* Language */
{
  "name": "default",
  "home-url": "/components/preview/page-home-travel--default",
  "innovability-url": "/components/preview/page-home-travel--default",
  "prm-url": "/components/preview/page-routes-prm",
  "ccare-url": "",
  "dropdown-toolbar": {
    "dropdown-orientation": {
      "main-language": {
        "text": "ita",
        "url": "#",
        "aria-label": "Italiano"
      },
      "sub-languages": [
        {
          "text": "eng",
          "url": "#",
          "aria-label": "Inglese"
        },
        {
          "text": "zh",
          "url": "#",
          "aria-label": "Cinese"
        }
      ]
    }
  },
  "search-button": {
    "type": "button",
    "modifier": "c-toolbar__icon is-clickable js-fr-dialogmodal-open",
    "opens-dialog": "dialog-search",
    "aria-label": "Cerca nel sito",
    "svg": {
      "class": "c-icon c-icon--18",
      "symbol": "ic_search_black_24px"
    }
  }
}

/* Nomenu */
{
  "name": "default",
  "home-url": "/components/preview/page-home-travel--default",
  "innovability-url": "/components/preview/page-home-travel--default",
  "prm-url": "/components/preview/page-routes-prm",
  "ccare-url": "",
  "dropdown-toolbar": {
    "dropdown-orientation": {
      "main-language": {
        "text": "ita",
        "url": "#",
        "aria-label": "Italiano"
      },
      "sub-languages": [
        {
          "text": "eng",
          "url": "#",
          "aria-label": "Inglese"
        },
        {
          "text": "zh",
          "url": "#",
          "aria-label": "Cinese"
        }
      ]
    }
  },
  "search-button": {
    "type": "button",
    "modifier": "c-toolbar__icon is-clickable js-fr-dialogmodal-open",
    "opens-dialog": "dialog-search",
    "aria-label": "Cerca nel sito",
    "svg": {
      "class": "c-icon c-icon--18",
      "symbol": "ic_search_black_24px"
    }
  }
}

/* Society */
{
  "name": "default",
  "home-url": "/components/preview/page-home-travel--default",
  "innovability-url": "/components/preview/page-home-travel--default",
  "prm-url": "/components/preview/page-routes-prm",
  "ccare-url": "",
  "dropdown-toolbar": {
    "dropdown-orientation": {
      "main-language": {
        "text": "ita",
        "url": "#",
        "aria-label": "Italiano"
      },
      "sub-languages": [
        {
          "text": "eng",
          "url": "#",
          "aria-label": "Inglese"
        },
        {
          "text": "zh",
          "url": "#",
          "aria-label": "Cinese"
        }
      ]
    }
  },
  "search-button": {
    "type": "button",
    "modifier": "c-toolbar__icon is-clickable js-fr-dialogmodal-open",
    "opens-dialog": "dialog-search",
    "aria-label": "Cerca nel sito",
    "svg": {
      "class": "c-icon c-icon--18",
      "symbol": "ic_search_black_24px"
    }
  }
}

  • Content:
    $toolbar-bg: secondary(soft, 100);
    $toolbar-color: secondary(text, 100);
    
    .c-toolbar {
      // color: $toolbar-color;
      background-color: $toolbar-bg;
      padding: remify(16px) remify(16px);
    
      .c-header--emergency & {
        background-color: primary(emergency, 120);
      }
    }
    
    .c-toolbar__inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      max-width: remify(1360px);
      margin: 0 auto;
    }
    
    .c-toolbar a:focus {
      @include outline;
    }
    
    .c-toolbar__center {
      display: none;
    
      @include min-screen(bp(tablet-p)) {
        flex-grow: 1;
        display: flex;
        justify-content: center;
        align-items: flex-start;
      }
    }
    
    .c-toolbar__left {
      display: flex;
      align-items: center;
      justify-content: flex-start;
    }
    
    .c-toolbar__right {
      justify-self: flex-end;
      margin-left: auto;
      display: flex;
      justify-content: flex-end;
      position: relative;
    
      .c-toolbar__bell {
        display: none;
      }
    
    
      @include min-screen(bp(tablet-p)) {
    
        .c-toolbar__user,
        .c-toolbar__switch,
        .c-toolbar__assistance {
          display: none;
        }
    
        .c-toolbar__bell {
          display: flex;
        }
      }
    
      .c-toolbar__icon,
      .c-menu {
        min-width: remify(36px);
        height: remify(36px);
    
        @include min-screen(bp(tablet-p)) {
          width: auto;
          min-width: remify(40px);
          height: remify(40px);
        }
    
        @include min-screen(bp(tablet-l)) {
          width: auto;
          min-width: remify(48px);
          height: remify(48px);
        }
    
      }
    
      .c-toolbar__user {
        background-color: primary(night, 120);
      }
    
      .c-toolbar__search {
        background-color: primary(night, 100);
      }
    
      .c-toolbar__switch {
        background-color: primary(night, 80);
    
        &.is-nav-open {
          background-color: primary(sun, 100);
        }
      }
    
      .c-menu {
        background-color: primary(night, 120);
        border-radius: remify(12px);
        text-align: center;
        justify-content: center;
        display: flex;
    
        @include min-screen(bp(tablet-p)) {
          display: none;
        }
    
        .c-menu__section {
          text-align: left;
        }
    
      }
    
      & div[role="menu"] {
        top: remify(32px);
      }
    }
    
    .c-toolbar__assistance {
      margin: 0 remify(8px) 0 0;
      padding: 0 remify(8px) 0 0;
      border-right: remify(1px) solid primary(night, 40);
      display: flex;
      justify-content: center;
      align-items: center;
    
      svg {
        vertical-align: middle;
        fill: primary(night, 120);
      }
      
      .prm-icon {
        width: remify(36px);
      }
    }
    
    .c-toolbar__icon {
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: primary(night, 100);
      border-radius: remify(12px);
      position: relative; // min-width: remify(40px);
      height: remify(40px);
      color: #fff;
      text-decoration: none;
      padding: remify(8px);
      margin-left: remify(8px);
    
      &:last-of-type {
        margin-right: 0;
      }
    
      &:focus {
         @include outline;
      }
      
      span {
        display: none;
    
        @include min-screen(remify(1100px)) {
          display: inline-block;
          margin-left: remify(8px);
        }
      }
    }
    
    .c-toolbar .is-clickable svg {
      * {
        fill: currentColor;
      }
    }
    
    .c-toolbar__bell {
      background-color: primary(sun, 120);
      color: currentColor;
    }
    
    .c-toolbar__bell svg {
      * {
        fill: currentColor;
      }
    }
    
    .c-toolbar__search.is-open {
      @include max-screen(bp(tablet-p)) {
        background-color: primary(sun, 120);
      }
    }
    
    /*------------------------------------*\
      Modifier c-toolbar--minimal
    \*------------------------------------*/
    
    .c-toolbar--minimal {
      .c-toolbar__left .back-to-results {
        display: none;
    
        @include min-screen(bp(tablet)) {
          display: block;
        }
      }
    
      .c-toolbar__right .textual {
        display: none;
    
        @include min-screen(bp(tablet)) {
          display: block;
        }
      }
    
      .c-toolbar__right .iconographic {
        @include min-screen(bp(tablet)) {
          display: none;
        }
      }
    }
    
    /*------------------------------------*\
      Modifier c-toolbar--progress
    \*------------------------------------*/
    
    .c-toolbar--progress {
      .c-toolbar__inner {
        flex-wrap: wrap;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      
      .c-toolbar__left {
        order: 1
      }
    
      .c-toolbar__center {
        display: block;
        order: 3;
        flex-basis: 100%;
    
        @include min-screen(bp(tablet-p)) {
          order: 2;
          flex-basis: 45%;
        }
      }
    
      .c-toolbar__right {
        order: 2;
    
        @include min-screen(bp(tablet-p)) {
          order: 3;
        }
        .c-menu {
          display: flex;
          background-color: transparent;
        }
      }
    
      .c-toolbar__left,
      .c-toolbar__right {
        flex-basis: auto;
      }
    }
    
    /*------------------------------------*\
      Modifier c-toolbar--clean
    \*------------------------------------*/
    
    .c-toolbar--clean {
      .c-toolbar__inner {
        justify-content: center;
      }
    }
    
    /*------------------------------------*\
      Modifier c-toolbar--language
    \*------------------------------------*/
    
    .c-toolbar--language {
      .c-toolbar__right {
        flex-direction: column;
        align-items: flex-end;
      }
    }
    
    /*------------------------------------*\
      EMERGENCY NAV
    \*------------------------------------*/
    
    .c-toolbar__emergency-nav {
      background-color: primary(sky, 20);
      padding: remify(12px);
      text-align: center;
      
      @include min-screen(bp(tablet-p)) {
          display: none;
      }
    
      ul {
        li {
          display: inline-block;
          padding: 0 remify(6px);
    
          a { font-weight: fw(bold);}
        }
      }
    
    }
  • URL: /components/raw/toolbar/_toolbar.scss
  • Filesystem Path: src/views/03-organisms/toolbar/_toolbar.scss
  • Size: 5.3 KB
  • Content:
    (function ($) {
      'use strict';
    
      if (!$.tangible) {
        $.tangible = new Object();
      };
    
      $.tangible.navToolbar = function (el, options) {
        var base = this;
    
        base.$el = $(el);
        base.el = el;
    
        base.init = function () {
    
          base.$InputSearch = $('.c-toolbar__search');
          base.$ExpandedSearch = $('.c-expanded-search');
          base.$closeBtn = $('.js-closeExpandedSearch');
    
          // Generates an array of all the focusable elements within the dialog
          base.focusableEls = base.$ExpandedSearch.find('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex="0"]');
          base.focusableEls = Array.prototype.slice.call(base.focusableEls);
    
          // Gets the first of these focusable elements
          base.firstFocusableEl = base.focusableEls[0];
    
          // Gets the last of these focusable elements
          base.lastFocusableEl = base.focusableEls[base.focusableEls.length - 1];
    
          // Focus event on input search
          base.$InputSearch.click(function () {
            base.showExpandedSearch(base.$ExpandedSearch);
          });
    
          // Event once you press TAB with search input focused
          base.$InputSearch.keydown(function (e) {
            var code = e.keyCode || e.which;
            // 9 TAB button
            // 27 ESC button
            if (code == '9' || code == '27') {
              base.closeExpandedSearch();
            }
          });
    
          // Click event on close button
          base.$closeBtn.click(function () {
            base.closeExpandedSearch();
          });
    
        };
    
        // Opens the search dialog
        base.showExpandedSearch = function (el) {
          el.toggleClass('is-visible');
          base.$InputSearch.toggleClass('is-open');
          // When the dialog is first opened, it can determines which element opened it
          this.focusedElBeforeOpen = document.activeElement;
        };
    
        // Closes the search dialog
        base.closeExpandedSearch = function () {
          base.$ExpandedSearch.removeClass('is-visible');
          base.$InputSearch.removeClass('is-open');
          // When the dialog is then closed, it resets the focus
          this.focusedElBeforeOpen.blur();
        };
    
        // Sets focus on dialogs elements
        base.focusOnDialogEls = function () {
          base.firstFocusableEl.focus();
        };
    
        base.init();
    
      };
    
      $.fn.tangible_navToolbar = function (options) {
        return this.each(function () {
          (new $.tangible.navToolbar(this, options));
        });
      };
    
    })(jQuery);
    
  • URL: /components/raw/toolbar/toolbar.js
  • Filesystem Path: src/views/03-organisms/toolbar/toolbar.js
  • Size: 2.5 KB

No notes defined.