<a href='#maincontent' class='c-skip-navigation'>
    Passa al contenuto principale
</a>

<header class="c-header ">

    <div class="c-header__inner">
        <div class="c-header_orientation">
            <div class="c-orientation ">
                <div class="c-orientation__inner">
                    <ul class="c-site-areas " aria-hidden="true">
                        <li>
                            <a href="/components/preview/page-home-travel--default" class="is-active">Viaggiare</a>
                        </li>

                        <li>
                            <a href="/components/preview/page-society-home">Società</a>
                        </li>

                        <li>
                            <a href="/components/preview/page-investor-home">Investor relations</a>
                        </li>

                        <li>
                            <a href="/components/preview/page-innovability-home">Innovability</a>
                        </li>

                        <li>
                            <a href="" class="c-sites-areas__link">Lavora con noi</a>
                        </li>

                    </ul>
                    <div class="c-orientation__utilities">
                        <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 class="c-languages__dropdown">
                            <input type="checkbox" id="checkbox_language_toggle" class="c-languages__switch">
                            <label for="checkbox_language_toggle">
                                ita
                                <svg class="c-icon c-icon--24 chevron--up">
                                    <use xlink:href="#ic_arrow_drop_up_black_24px"></use>
                                </svg> <svg class="c-icon c-icon--24 chevron--down">
                                    <use xlink:href="#ic_arrow_drop_down_black_24px"></use>
                                </svg>
                                <ul class="c-languages__dropdown-content" aria-label="Seleziona la lingua del sito">
                                    <li>
                                        <a href="#" aria-label="Inglese">eng</a>
                                    </li>
                                    <li>
                                        <a href="#" aria-label="Cinese">zh</a>
                                    </li>
                                </ul>
                            </label>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="c-header__toolbar">
            <div class="c-toolbar">

                <div class="c-toolbar__inner">
                    <div class="c-toolbar__left">
                        <a href="/components/preview/page-home-travel--default" class="c-toolbar__logo">
                            <img src="../../images/svgs/logo-adb.svg" class="c-logo" alt="Homepage aeroporto di Bologna">
                        </a>
                        <a href="/components/preview/page-home-travel--default" class="c-toolbar__logo c-toolbar__logo--innovability">
                            <img src="../../images/svgs/logo-innovability.svg" class="c-logo c-logo--innovability" alt="Homepage aeroporto di Bologna">
                        </a>
                    </div>

                    <div class="c-toolbar__center" aria-hidden="true">
                        <div class="c-header__shortcuts" aria-hidden="true">
                            <nav class="c-navigation-shortcuts">
                                <ul>
                                    <li class="has-dropdown is-active">
                                        <div class="c-navigation-shortcuts__dropdown o-collapsible">
                                            <div class="o-collapsible__title js-collapsible-title ">
                                                <strong>Voli</strong>
                                                <span>Orari, destinazioni e info</span>
                                            </div>

                                            <div class="c-navigation-shortcuts__megamenu">
                                                <div class="c-megamenu">
                                                    <div class="c-megamenu__card">
                                                        <div class="c-megamenu__card-overlay">
                                                        </div>
                                                        <div class="c-megamenu__card-content">
                                                            <p class="c-megamenu__card-title">Vola da Bologna</p>
                                                            <div class="c-megamenu__card-abstract">

                                                                Cerca il tuo volo o vai alla sezione <a href="#">Arrivi e partenze</a>
                                                            </div>

                                                            <div class="c-megamenu__card-form c-form">
                                                                <div class="c-megamenu__card-input">
                                                                    <label for="flight-label" class="" aria-label="">

                                                                        Inserisci numero volo <span class="required-marker" aria-hidden="true">*</span>

                                                                        <input id="flight-id" type="text" class="" placeholder="" value="" aria-describedby="flight-note">

                                                                        <p class="c-field__note " id="flight-note">
                                                                            Es. AZ234 oppure Parigi
                                                                        </p>

                                                                    </label>

                                                                </div>
                                                                <button type="button" class="c-button ">

                                                                    Cerca

                                                                </button>
                                                            </div>

                                                        </div>
                                                    </div>
                                                    <div class="c-megamenu__main">
                                                        <div class="c-megamenu__lists">
                                                            <ul>
                                                                <strong class="c-megamenu__listtitle">Vola da Bologna</strong>
                                                                <li><a href="/components/preview/page-arrivals-departures--default">Arrivi e partenze</a></li>
                                                                <li><a href="/components/preview/page-flights-buy-flight">Acquisto Volo</a></li>
                                                                <li><a href="/components/preview/page-flights-landing-destinations">Destinazioni</a></li>
                                                                <li><a href="/components/preview/page-flight-companies">Le nostre compagnie aeree</a></li>
                                                                <li><a href="/components/preview/page-tickets-phone">Biglietteria telefonica</a></li>

                                                            </ul>
                                                            <ul>
                                                                <strong class="c-megamenu__listtitle">Prepara il tuo viaggio</strong>
                                                                <li><a href="/components/preview/page-routes-luggage">Bagagli</a></li>
                                                                <li><a href="/components/preview/page-routes-documents">Documenti</a></li>
                                                                <li><a href="#">Fast Track</a></li>
                                                                <li><a href="#">Viaggi e Covid-19</a></li>
                                                                <li><a href="/components/preview/page-parkings-home">Prenota un parcheggio</a></li>

                                                            </ul>
                                                            <ul>
                                                                <strong class="c-megamenu__listtitle">Controlli in aeroporto</strong>
                                                                <li><a href="#">Controlli in partenza</a></li>
                                                                <li><a href="#">Controlli in arrivo</a></li>

                                                            </ul>

                                                        </div>
                                                        <div class="c-megamenu__crossell">
                                                            <p>Vola da Bologna e <a href="#">acquista online il tuo parcheggio</a> ad un prezzo scontato </p>
                                                        </div>
                                                    </div>

                                                    <button type="button" class="c-navigation-shortcuts__closemegamenu js-closeMegaMenu" aria-label="Chiudi la guida del passeggero">
                                                        <svg class="c-icon c-icon--32">
                                                            <use xlink:href="#ic_close_black_24px"></use>
                                                        </svg> </button>
                                                </div>
                                                <div class="c-megamenu__overlay"></div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="has-dropdown ">
                                        <div class="c-navigation-shortcuts__dropdown o-collapsible">
                                            <div class="o-collapsible__title js-collapsible-title ">
                                                <strong>Parcheggi</strong>
                                                <span>Soste brevi e lunghe</span>
                                            </div>

                                            <div class="c-navigation-shortcuts__megamenu">
                                                <div class="c-megamenu">
                                                    <div class="c-megamenu__card">
                                                        <div class="c-megamenu__card-overlay">
                                                        </div>
                                                        <div class="c-megamenu__card-content">
                                                            <p class="c-megamenu__card-title">Parcheggia in aeroporto:</p>
                                                            <div class="c-megamenu__card-abstract">

                                                                Qualità e sicurezza al miglior prezzo
                                                            </div>

                                                            <a href="#" class="c-link c-link--primary">
                                                                <span>Acquista ora</span>
                                                                <svg class="svg-24">
                                                                    <use xlink:href="#ic_chevron_right_black_24px"></use>
                                                                </svg></a>
                                                        </div>
                                                    </div>
                                                    <div class="c-megamenu__main">
                                                        <div class="c-megamenu__lists">
                                                            <ul>
                                                                <strong class="c-megamenu__listtitle">Parcheggia per volare</strong>
                                                                <li><a href="/components/preview/page-parkings-home">Acquista parcheggi</a></li>
                                                                <li><a href="/components/preview/page-meet-greet">Soste brevi</a></li>
                                                                <li><a href="/components/preview/page-where-to-pay">Come e dove pagare</a></li>
                                                                <li><a href="/components/preview/page-rates-conventions">Tariffe e convenzioni</a></li>
                                                                <li><a href="/components/preview/page-home-assistenze">Passeggeri a ridotta mobilità</a></li>

                                                            </ul>
                                                            <ul>
                                                                <strong class="c-megamenu__listtitle">Parcheggia e raggiungi la città</strong>
                                                                <li><a href="#">Park &amp; Mex</a></li>
                                                                <li><a href="/components/preview/page-transports-mex">Marconi Express</a></li>

                                                            </ul>

                                                        </div>
                                                        <div class="c-megamenu__crossell">
                                                            <p>Fino al 30% di sconto su tariffe e ingressi Vip Lounge <a href="#">acquistando online il tuo parcheggio</a></p>
                                                        </div>
                                                    </div>

                                                    <button type="button" class="c-navigation-shortcuts__closemegamenu js-closeMegaMenu" aria-label="Chiudi la guida del passeggero">
                                                        <svg class="c-icon c-icon--32">
                                                            <use xlink:href="#ic_close_black_24px"></use>
                                                        </svg> </button>
                                                </div>
                                                <div class="c-megamenu__overlay"></div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="has-dropdown ">
                                        <div class="c-navigation-shortcuts__dropdown o-collapsible">
                                            <div class="o-collapsible__title js-collapsible-title ">
                                                <strong>In aeroporto</strong>
                                                <span>Lounge, shopping e servizi</span>
                                            </div>

                                            <div class="c-navigation-shortcuts__megamenu">
                                                <div class="c-megamenu">
                                                    <div class="c-megamenu__card">
                                                        <div class="c-megamenu__card-overlay">
                                                        </div>
                                                        <div class="c-megamenu__card-content">
                                                            <p class="c-megamenu__card-title">MBL Lounge per partire rilassati</p>
                                                            <div class="c-megamenu__card-abstract">

                                                                Area relax e ristoro, wifi, fast-track dedicato e parcheggi a tariffe scontate
                                                            </div>

                                                            <a href="/components/preview/page-lounge" class="c-link c-link--primary">
                                                                <span>Prenota VIP Lounge</span>
                                                                <svg class="svg-24">
                                                                    <use xlink:href="#ic_chevron_right_black_24px"></use>
                                                                </svg></a>
                                                        </div>
                                                    </div>
                                                    <div class="c-megamenu__main">
                                                        <div class="c-megamenu__lists">
                                                            <ul>
                                                                <strong class="c-megamenu__listtitle">Lounge e Servizi Premium</strong>
                                                                <li><a href="/components/preview/page-lounge">MBL VIP Lounge</a></li>
                                                                <li><a href="/components/preview/page-youfirst">Youfirst</a></li>
                                                                <li><a href="/components/preview/page-area-meeting">Meeting area</a></li>
                                                                <li><a href="/components/preview/page-fitness">Palestre</a></li>

                                                            </ul>
                                                            <ul>
                                                                <strong class="c-megamenu__listtitle">Negozi e Ristoranti</strong>
                                                                <li><a href="/components/preview/page-shopping-listing">Fashion &amp; Style</a></li>
                                                                <li><a href="/components/preview/page-shopping-listing">General stores</a></li>
                                                                <li><a href="/components/preview/page-shopping-listing">Bar</a></li>
                                                                <li><a href="/components/preview/page-shopping-listing">Ristoranti</a></li>

                                                            </ul>
                                                            <ul>
                                                                <strong class="c-megamenu__listtitle">Servizi</strong>
                                                                <li><a href="/components/preview/page-home-customer-care">Bagagli Smarriti</a></li>
                                                                <li><a href="/components/preview/page-home-customer-care">Cambio valuta</a></li>
                                                                <li><a href="/components/preview/page-home-customer-care">Tutti i servizi al passeggero</a></li>

                                                            </ul>

                                                        </div>
                                                        <div class="c-megamenu__crossell">
                                                            <p><a href="#">Acquista online Ingressi Vip Lounge</a> e avrai tariffe deicate per il tuo parcheggio</p>
                                                        </div>
                                                    </div>

                                                    <button type="button" class="c-navigation-shortcuts__closemegamenu js-closeMegaMenu" aria-label="Chiudi la guida del passeggero">
                                                        <svg class="c-icon c-icon--32">
                                                            <use xlink:href="#ic_close_black_24px"></use>
                                                        </svg> </button>
                                                </div>
                                                <div class="c-megamenu__overlay"></div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="has-dropdown ">
                                        <div class="c-navigation-shortcuts__dropdown o-collapsible">
                                            <div class="o-collapsible__title js-collapsible-title ">
                                                <strong>Da e per l’aeroporto</strong>
                                                <span>Trasporti pubblici e auto</span>
                                            </div>

                                            <div class="c-navigation-shortcuts__megamenu">
                                                <div class="c-megamenu">
                                                    <div class="c-megamenu__card">
                                                        <div class="c-megamenu__card-overlay">
                                                        </div>
                                                        <div class="c-megamenu__card-content">
                                                            <p class="c-megamenu__card-title">Raggiungi la città in una manciata di minuti</p>
                                                            <div class="c-megamenu__card-abstract">

                                                            </div>

                                                            <a href="#" class="c-link c-link--primary">
                                                                <span>Scopri</span>
                                                                <svg class="svg-24">
                                                                    <use xlink:href="#ic_chevron_right_black_24px"></use>
                                                                </svg></a>
                                                        </div>
                                                    </div>
                                                    <div class="c-megamenu__main">
                                                        <div class="c-megamenu__lists">
                                                            <ul>
                                                                <strong class="c-megamenu__listtitle">Trasporti pubblici da e per BLQ</strong>
                                                                <li><a href="/components/preview/page-transports-bus">Bus</a></li>
                                                                <li><a href="/components/preview/page-transports-taxi">Taxi</a></li>
                                                                <li><a href="/components/preview/page-transports-mex">Navetta Marconi Express</a></li>
                                                                <li><a href="/components/preview/page-transports-train">Treni</a></li>

                                                            </ul>
                                                            <ul>
                                                                <strong class="c-megamenu__listtitle">Auto e trasporti privati</strong>
                                                                <li><a href="/components/preview/page-transports-car">Arrivare con l’auto</a></li>
                                                                <li><a href="/components/preview/page-transports-rent-car">Noleggio auto</a></li>
                                                                <li><a href="/components/preview/page-transports-rent-car">Noleggio con conducente</a></li>

                                                            </ul>

                                                        </div>
                                                    </div>

                                                    <button type="button" class="c-navigation-shortcuts__closemegamenu js-closeMegaMenu" aria-label="Chiudi la guida del passeggero">
                                                        <svg class="c-icon c-icon--32">
                                                            <use xlink:href="#ic_close_black_24px"></use>
                                                        </svg> </button>
                                                </div>
                                                <div class="c-megamenu__overlay"></div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="has-dropdown ">
                                        <div class="c-navigation-shortcuts__dropdown o-collapsible">
                                            <div class="o-collapsible__title js-collapsible-title ">
                                                <strong>Necessità particolari</strong>
                                                <span>Accessibilità, Famiglie, Animali</span>
                                            </div>

                                            <div class="c-navigation-shortcuts__megamenu">
                                                <div class="c-megamenu">
                                                    <div class="c-megamenu__card">
                                                        <div class="c-megamenu__card-overlay">
                                                        </div>
                                                        <div class="c-megamenu__card-content">
                                                            <p class="c-megamenu__card-title">Siamo a tua disposizione</p>
                                                            <div class="c-megamenu__card-abstract">

                                                            </div>

                                                            <a href="#" class="c-link c-link--primary">
                                                                <span>Hai bisogno di aiuto?</span>
                                                                <svg class="svg-24">
                                                                    <use xlink:href="#ic_chevron_right_black_24px"></use>
                                                                </svg></a>
                                                        </div>
                                                    </div>
                                                    <div class="c-megamenu__main">
                                                        <div class="c-megamenu__lists">
                                                            <ul>
                                                                <strong class="c-megamenu__listtitle">Assistenze speciali</strong>
                                                                <li><a href="/components/preview/page-routes-prm">Modalità di richiesta assistenza</a></li>
                                                                <li><a href="/components/preview/page-routes-prm-airport">Arrivo in aeroporto</a></li>
                                                                <li><a href="/components/preview/page-routes-prm-services">Servizi dedicati</a></li>
                                                                <li><a href="/components/preview/page-routes-prm-rights">Diritti e qualità del servizio</a></li>
                                                                <li><a href="/components/preview/page-home-assistenze">Autismo</a></li>
                                                                <li><a href="/components/preview/page-home-assistenze">Sordità - Servizio Tellis</a></li>

                                                            </ul>
                                                            <ul>
                                                                <strong class="c-megamenu__listtitle">Famiglie e minori</strong>
                                                                <li><a href="/components/preview/page-home-assistenze">In aeroporto</a></li>
                                                                <li><a href="/components/preview/page-home-assistenze">Minori che viaggiano da soli</a></li>

                                                            </ul>
                                                            <ul>
                                                                <strong class="c-megamenu__listtitle">Animali al seguito</strong>
                                                                <li><a href="/components/preview/page-routes-animals">Regole per il trasporto</a></li>
                                                                <li><a href="/components/preview/page-routes-animals-ue">Paesi U.E.</a></li>
                                                                <li><a href="/components/preview/page-routes-animals-xue">Paesi Extra U.E.</a></li>

                                                            </ul>

                                                        </div>
                                                    </div>

                                                    <button type="button" class="c-navigation-shortcuts__closemegamenu js-closeMegaMenu" aria-label="Chiudi la guida del passeggero">
                                                        <svg class="c-icon c-icon--32">
                                                            <use xlink:href="#ic_close_black_24px"></use>
                                                        </svg> </button>
                                                </div>
                                                <div class="c-megamenu__overlay"></div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>

                    <div class="c-toolbar__right">

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

                        <div class="c-menu">
                            <input type="checkbox" role="button" aria-haspopup="true" id="mtoggle" class="u-visuallyhidden">
                            <label for="mtoggle" data-opens-menu>
                                <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>

        </div>
    </div>
    <div role="menu" data-menu-origin="top" class="c-header__primary-navigation">
        <nav class="c-primary-navigation">

            <ul class="c-site-areas c-primary-navigation__areas" aria-hidden="false">
                <li>
                    <a href="/components/preview/page-home-travel--default.html" class="is-active">Viaggiare</a>
                </li>

                <li>
                    <a href="/components/preview/page-society-home.html">Società</a>
                </li>

                <li>
                    <a href="/components/preview/page-investor-home.html">Investor relations</a>
                </li>

                <li>
                    <a href="/components/preview/papage-innovability-home.html">Innovability</a>
                </li>

            </ul>

            <ul class="c-primary-navigation__biz">

                <li>
                    <div class="c-primary-navigation__accordion o-collapsible">
                        <p class="c-primary-navigation__toggle o-collapsible__title js-collapsible-title">
                            <strong>Voli</strong>
                            <span>Orari, destinazioni e info</span>
                        </p>
                        <ul class="sub-level">
                            <p class="sub-title">Vola da Bologna</p>
                            <li>
                                <a href="/components/preview/page-arrivals-departures--default">Arrivi e partenze</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-flights-buy-flight">Acquisto Volo</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-flights-landing-destinations">Destinazioni</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-flight-companies">Le nostre compagnie aeree</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-tickets-phone">Biglietteria telefonica</a>
                            </li>
                        </ul>
                        <ul class="sub-level">
                            <p class="sub-title">Prepara il tuo viaggio</p>
                            <li>
                                <a href="/components/preview/page-routes-luggage">Bagagli</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-routes-documents">Documenti</a>
                            </li>
                            <li>
                                <a href="#">Fast Track</a>
                            </li>
                            <li>
                                <a href="#">Viaggi e Covid-19</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-parkings-home">Prenota un parcheggio</a>
                            </li>
                        </ul>
                        <ul class="sub-level">
                            <p class="sub-title">Controlli in aeroporto</p>
                            <li>
                                <a href="#">Controlli in partenza</a>
                            </li>
                            <li>
                                <a href="#">Controlli in arrivo</a>
                            </li>
                        </ul>
                    </div>
                </li>

                <li>
                    <div class="c-primary-navigation__accordion o-collapsible">
                        <p class="c-primary-navigation__toggle o-collapsible__title js-collapsible-title">
                            <strong>Parcheggi</strong>
                            <span>Soste brevi e lunghe</span>
                        </p>
                        <ul class="sub-level">
                            <p class="sub-title">Parcheggia per volare</p>
                            <li>
                                <a href="/components/preview/page-parkings-home">Acquista parcheggi</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-meet-greet">Soste brevi</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-where-to-pay">Come e dove pagare</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-rates-conventions">Tariffe e convenzioni</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-home-assistenze">Passeggeri a ridotta mobilità</a>
                            </li>
                        </ul>
                        <ul class="sub-level">
                            <p class="sub-title">Parcheggia e raggiungi la città</p>
                            <li>
                                <a href="#">Park &amp; Mex</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-transports-mex">Marconi Express</a>
                            </li>
                        </ul>
                    </div>
                </li>

                <li>
                    <div class="c-primary-navigation__accordion o-collapsible">
                        <p class="c-primary-navigation__toggle o-collapsible__title js-collapsible-title">
                            <strong>In aeroporto</strong>
                            <span>Lounge, shopping e servizi</span>
                        </p>
                        <ul class="sub-level">
                            <p class="sub-title">Lounge e Servizi Premium</p>
                            <li>
                                <a href="/components/preview/page-lounge">MBL VIP Lounge</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-youfirst">Youfirst</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-area-meeting">Meeting area</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-fitness">Palestre</a>
                            </li>
                        </ul>
                        <ul class="sub-level">
                            <p class="sub-title">Negozi e Ristoranti</p>
                            <li>
                                <a href="/components/preview/page-shopping-listing">Fashion &amp; Style</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-shopping-listing">General stores</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-shopping-listing">Bar</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-shopping-listing">Ristoranti</a>
                            </li>
                        </ul>
                        <ul class="sub-level">
                            <p class="sub-title">Servizi</p>
                            <li>
                                <a href="/components/preview/page-home-customer-care">Bagagli Smarriti</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-home-customer-care">Cambio valuta</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-home-customer-care">Tutti i servizi al passeggero</a>
                            </li>
                        </ul>
                    </div>
                </li>

                <li>
                    <div class="c-primary-navigation__accordion o-collapsible">
                        <p class="c-primary-navigation__toggle o-collapsible__title js-collapsible-title">
                            <strong>Da e per l’aeroporto</strong>
                            <span>Trasporti pubblici e auto</span>
                        </p>
                        <ul class="sub-level">
                            <p class="sub-title">Trasporti pubblici da e per BLQ</p>
                            <li>
                                <a href="/components/preview/page-transports-bus">Bus</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-transports-taxi">Taxi</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-transports-mex">Navetta Marconi Express</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-transports-train">Treni</a>
                            </li>
                        </ul>
                        <ul class="sub-level">
                            <p class="sub-title">Auto e trasporti privati</p>
                            <li>
                                <a href="/components/preview/page-transports-car">Arrivare con l’auto</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-transports-rent-car">Noleggio auto</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-transports-rent-car">Noleggio con conducente</a>
                            </li>
                        </ul>
                    </div>
                </li>

                <li>
                    <div class="c-primary-navigation__accordion o-collapsible">
                        <p class="c-primary-navigation__toggle o-collapsible__title js-collapsible-title">
                            <strong>Necessità particolari</strong>
                            <span>Accessibilità, Famiglie, Animali</span>
                        </p>
                        <ul class="sub-level">
                            <p class="sub-title">Assistenze speciali</p>
                            <li>
                                <a href="/components/preview/page-routes-prm">Modalità di richiesta assistenza</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-routes-prm-airport">Arrivo in aeroporto</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-routes-prm-services">Servizi dedicati</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-routes-prm-rights">Diritti e qualità del servizio</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-home-assistenze">Autismo</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-home-assistenze">Sordità - Servizio Tellis</a>
                            </li>
                        </ul>
                        <ul class="sub-level">
                            <p class="sub-title">Famiglie e minori</p>
                            <li>
                                <a href="/components/preview/page-home-assistenze">In aeroporto</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-home-assistenze">Minori che viaggiano da soli</a>
                            </li>
                        </ul>
                        <ul class="sub-level">
                            <p class="sub-title">Animali al seguito</p>
                            <li>
                                <a href="/components/preview/page-routes-animals">Regole per il trasporto</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-routes-animals-ue">Paesi U.E.</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-routes-animals-xue">Paesi Extra U.E.</a>
                            </li>
                        </ul>
                    </div>
                </li>

            </ul>

            <div class="c-primary-navigation__remote">
                <a href="#">
                    <svg class="c-icon c-icon--24">
                        <use xlink:href="#ic_flight_takeoff_black_24px"></use>
                    </svg> <span>Arrivi e partenze</span>
                </a>
                <a href="#">
                    <svg class="c-icon c-icon--24">
                        <use xlink:href="#ic-parking-sign-24px"></use>
                    </svg> <span>Prenota parcheggio</span>
                </a>
                <a href="#">
                    <svg class="c-icon c-icon--24">
                        <use xlink:href="#ic_weekend_black_24px"></use>
                    </svg> <span>Prenota LOUNGE</span>
                </a>
                <a href="#">
                    <svg class="c-icon c-icon--24">
                        <use xlink:href="#ic-marconi-express-24px"></use>
                    </svg> <span>Treni per centro città</span>
                </a>
                <a href="#">
                    <svg class="c-icon c-icon--24">
                        <use xlink:href="#ic_help_black_24px"></use>
                    </svg> <span>Hai bisogno di aiuto?</span>
                </a>
            </div>

            <div class="c-primary-navigation__utils">
                <ul class="c-languages" aria-label="Seleziona la lingua del sito">
                    <li>
                        <a href="#" aria-label="ita">
                            <img src="../../images/svgs/flag_it.svg" class="c-language__img" alt="Lingua italiana" aria-hidden="true" />
                            ita
                        </a>
                    </li>
                    <li>
                        <a href="#" aria-label="eng">
                            <img src="../../images/svgs/flag_en.svg" class="c-language__img" alt="English language" aria-hidden="true" />
                            eng
                        </a>
                    </li>
                </ul>

                <a class="c-primary-navigation__assistance " href="../preview/page-home-assistenze.html">
                    Lavora con noi
                </a>
            </div>

        </nav>

    </div>
</header>
<div class="c-slim-alert">
    <div class="c-slim-alert__inner">
        <div class="c-slim-alert__content">
            <div class="c-slim-alert__label">
                <img src="../../images/svgs/stk_covid.svg" alt="Accedi alla MyBLQ" aria-hidden="true" width="24">
                <strong>Covid 19:</strong>
            </div>
            <div>
                <a href="#">
                    Ultimi aggiornamenti
                </a>
            </div>
            <div>
                <a href="#">
                    Approfondimenti
                </a>
            </div>
            <div class="c-slim-alert__notifications">
                <div class="c-notifications ">

                    <button type="button" class="c-notifications__button has-indicator js-toggleNotificationsBtn" aria-expanded="false" aria-label="Notifiche" aria-controls="aria-notifications">
                        <svg class="c-icon c-icon--24">
                            <use xlink:href="#ic_notifications_active_black_24px"></use>
                        </svg>
                        <p class="c-notifications__indicator" aria-hidden="true">2</p>
                    </button>

                    <div class="c-notifications__box is-narrow has-indicator js-notificationsBox" aria-live="polite" id="aria-notifications">

                        <div class="c-notifications__head">
                            <div class="c-notifications__title">
                                Centro notifiche
                            </div>
                            <button type="button" class="c-notifications__closeBtn js-toggleNotificationsBtn" aria-expanded="false" aria-label="Chiudi" aria-controls="aria-notifications">
                                Chiudi <svg class="c-icon c-icon--16">
                                    <use xlink:href="#ic_close_black_24px"></use>
                                </svg>
                            </button>
                        </div>

                        <ul class="c-notifications__list">
                            <li class="important not-read">
                                <span class="c-notifications__title">Lorem ipsum dolor sit amet</span>
                                <p><strong>Prevista forte nevicata il 5 Dicembre</strong> dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
                                <a class="c-notifications__link" href="#">></a>
                            </li>
                            <li class="not-read">
                                <span class="c-notifications__title"></span>
                                <p><strong>Prevista forte nevicata il 5 Dicembre</strong> dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
                                <a class="c-notifications__link" href="#">></a>
                            </li>
                            <li class="">
                                <span class="c-notifications__title"></span>
                                <p><strong>Prevista forte nevicata il 5 Dicembre</strong> dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
                                <p>Prevista forte nevicata il 5 Dicembre dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
                                <a class="c-notifications__link" href="#">></a>
                            </li>
                            <li class="">
                                <span class="c-notifications__title"></span>
                                <p><strong>Prevista forte nevicata il 5 Dicembre</strong> dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
                                <a class="c-notifications__link" href="#">></a>
                            </li>
                            <li class="">
                                <span class="c-notifications__title"></span>
                                <p><strong>Prevista forte nevicata il 5 Dicembre</strong> dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
                                <a class="c-notifications__link" href="#">></a>
                            </li>
                        </ul>

                    </div>

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

<main class="has-sky-bg" id='maincontent'>

    <header data-centered>
        <div class="o-back c-back is-dark">
            <a href="../preview/page-dashboard.html"><span aria-hidden="true">&#x2039;</span> Torna indietro</a>
        </div>
        <img src="../../images/svgs/stk_avatar.svg" alt="I tuoi dati personali" aria-hidden="true" width="48">
        <div>
            <h1>I tuoi dati personali</h1>
            <p><sup aria-hidden="true">*</sup> Campi obbligatori</p>
        </div>
    </header>

    <form action="../preview/page-profile--alert.html" class="c-form c-form--outstanding">

        <div class="c-suggestion c-suggestion--simple ">

            <div class="c-suggestion__text">
                <strong>Completa e tieni sempre aggiornato il tuo profilo MyBLQ</strong>
                <p>Mantenendo aggiornati i dati del tuo profilo potrai prenotare, richiedere fattura, ricevere comunicazioni o assistenza clienti in modo facile e veloce.</p>
            </div>

        </div>

        <header form-title>
            <h3>Credenziali di accesso</h3>
            <div>
                Il tuo indirizzo e-mail attuale è: <strong>mario.rossi@gmail.com</strong>
                <span class="c-rounded-label c-rounded-label--positive last" aria-label="">

                    e-mail verificata
                </span>
                <span class="" data-js-tooltip-label="Espandi per sapere di più" data-js-tooltip-icon=ic_info_black_24px data-js-bubble-class-position=c-tooltip__bubble--down>
                    <p data-toggletip>
                        Qui va il contenuto aggiuntivo
                    </p>
                </span>
            </div>
            <p>
                <a href="../preview/page-modify-email.html">modifica email</a> | <a href="../preview/page-change-psw.html">cambia password</a>
            </p>
        </header>

        <header form-title>
            <h3>Profilo</h3>
        </header>

        <label for="select-profile-type" class="" aria-label="">
            tipologia profilo <span class="required-marker" aria-hidden="true">*</span>
            <select id="select-profile-type" class="" aria-describedby="select-profile-type-note">
                <option value="" disabled selected>Seleziona la tipologia di profilo</option>
                <option value="option-1">Privato</option>
                <option value="option-2">Azienda o libero professionista</option>
                <option value="option-3">Agenzia viaggi</option>
                <option value="option-4">Pubblica amministrazione</option>
            </select>
            <em class="c-field__note u-visuallyhidden" id="select-profile-type-note">
                Seleziona una opzione dal menù a tendina
            </em>
        </label>
        <div class="c-form__samerow">
            <label for="profile-name" class="sibling" aria-label="">

                nome <span class="required-marker" aria-hidden="true">*</span>

                <input id="profile-name" type="text" class="" placeholder="" value="Mario" aria-describedby="profile-name-note">

                <p class="c-field__note " id="profile-name-note">
                    Inserisci il tuo nome
                </p>

            </label>

            <label for="profile-surname" class="sibling" aria-label="">

                cognome <span class="required-marker" aria-hidden="true">*</span>

                <input id="profile-surname" type="text" class="" placeholder="" value="Rossi" aria-describedby="profile-surname-login-note">

                <p class="c-field__note " id="profile-surname-login-note">
                    Inserisci il tuo cognome
                </p>

            </label>

        </div>

        <div class="c-form__samerow">
            <label for="profile-birth-date" class="sibling is-datepicker" aria-label="Scegli la data">

                data di nascita

                <input id="profile-birth-date" type="date" class="" placeholder="" value="1975-05-10" aria-describedby="birth-date-note">

                <p class="c-field__note " id="birth-date-note">
                    Inserisci la tua data di nascita
                </p>

            </label>

            <label for="select-profile-sex" class="" aria-label="">
                sesso: <span class="required-marker" aria-hidden="true">*</span>
                <select id="select-profile-sex" class="" aria-describedby="select-profile-sex-note">
                    <option value="" disabled selected>Seleziona il sesso</option>
                    <option value="option-1" selected>Maschio</option>
                    <option value="option-2">Femmina</option>
                </select>
                <em class="c-field__note " id="select-profile-sex-note">
                    Seleziona una opzione dal menù a tendina
                </em>
            </label>
        </div>

        <label for="select-profile-nationality" class="" aria-label="">
            nazionalità <span class="required-marker" aria-hidden="true">*</span>
            <select id="select-profile-nationality" class="" aria-describedby="select-profile-nationality-note">
                <option value="" disabled selected>Seleziona la nazionalità</option>
                <option value="option-1" selected>Italia</option>
                <option value="option-2">Regno Unito</option>
                <option value="option-3">Francia</option>
                <option value="option-4">Germania</option>
            </select>
            <em class="c-field__note " id="select-profile-nationality-note">
                Seleziona una opzione dal menù a tendina
            </em>
        </label>
        <header form-title>
            <h3>Contatti</h3>
        </header>

        <div class="c-form__samerow">
            <label for="landline-phone" class="sibling" aria-label="">

                telefono

                <input id="landline-phone" type="tel" class="" placeholder="" value="051.123456" aria-describedby="landline-phone-note">

                <p class="c-field__note " id="landline-phone-note">
                    Inserisci il numero di telefono fisso
                </p>

            </label>

            <label for="cell-phone" class="sibling" aria-label="">

                cellulare

                <input id="cell-phone" type="tel" class="" placeholder="" value="348.1234567" aria-describedby="cell-phone-note">

                <p class="c-field__note " id="cell-phone-note">
                    Inserisci il numero di cellulare
                </p>

            </label>

        </div>

        <button type="submit" class="c-button c-button--submit c-button--large">

            Salva modifiche

        </button>
    </form>

    <header class="c-header--delete-account" data-centered>
        <p>
            Se desideri eliminare il tuo profilo MyBLQ "<strong>mario.rossi@mail.com</strong>", clicca sul bottone che segue.
        </p>
        <button type="button" class="c-button c-button--ghost js-fr-dialogmodal-open" aria-controls="dialog-delete-account">

            Elimina questo profilo

        </button>
    </header>

    <div class="c-dialog c-dialog--save-and-book js-fr-dialogmodal " id="dialog-delete-account">
        <div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-delete-account-title">
            <div role="document">

                <img src="../../images/svgs/personal-data.svg" class="c-dialog__img" alt="Vuoi eliminare il tuo profilo MyBLQ?" aria-hidden="true">

                <p class="c-dialog__title" id="dialog-delete-account-title">Vuoi eliminare il tuo profilo MyBLQ?</p>

                <p class="c-dialog__text c-dialog__text--centered">
                    Attenzione: se confermi questa operazione i tuoi dati saranno definitivamente eliminati da questo sito e non sarà più possibile accedere al tuo pannello di controllo e vedere le prenotazioni e ordini associati.
                    <br><br>
                </p>

                <div class="c-dialog__action">
                    <button type="submit" class="c-button c-button--danger c-button--large">

                        Conferma ed elimina

                    </button>
                </div>

                <button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
                    <svg class="c-icon c-icon--32">
                        <use xlink:href="#ic_close_black_24px"></use>
                    </svg> </button>

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

    <div class="c-cards c-cards--geeky o-cards ">

        <div class="o-cards__item c-cards__item">
            <div class="c-card c-card--geeky o-card o-card--geeky " aria-label="">

                <img src="../../images/svgs/stk_avatar.svg" class="o-card__img" alt="Utente privato" aria-hidden="true">

                <p class="c-card__text o-card__text">
                    Profilo
                </p>

                <ul class="c-card__list">
                    <li>
                        <a href="/components/preview/page-profile--default">I tuoi dati personali</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-billing-info">I tuoi dati di fatturazione</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-privacy-settings">Le tue impostazioni privacy</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-newsletter-sub">Le tue impostazioni newsletter</a>
                    </li>
                </ul>

            </div>
        </div>
        <div class="o-cards__item c-cards__item">
            <div class="c-card c-card--geeky o-card o-card--geeky " aria-label="">

                <img src="../../images/svgs/stk_prenotazioni.svg" class="o-card__img" alt="Utente privato" aria-hidden="true">

                <p class="c-card__text o-card__text">
                    Prenotazioni e ordini
                </p>

                <ul class="c-card__list">
                    <li>
                        <a href="/components/preview/page-reservations-list">Le tue prenotazioni</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-orders-list">I tuoi ordini</a>
                    </li>
                    <li>
                        <a href="#">I tuoi voucher digitali</a>
                    </li>
                </ul>

            </div>
        </div>
        <div class="o-cards__item c-cards__item">
            <div class="c-card c-card--geeky o-card o-card--geeky " aria-label="">

                <img src="../../images/svgs/stk_assistenza.svg" class="o-card__img" alt="Utente privato" aria-hidden="true">

                <p class="c-card__text o-card__text">
                    Supporto
                </p>

                <ul class="c-card__list">
                    <li>
                        <a href="#">Assistenza clienti</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-reclaims-list">Le tue segnalazioni passate</a>
                    </li>
                    <li>
                        <a href="/components/preview/page-reclaims-form">Scrivi per info o reclami</a>
                    </li>
                </ul>

            </div>
        </div>

    </div>

    <div class="c-dialog c-dialog--gallery js-fr-dialogmodal " id="dialog-telepass-app">
        <div class="c-dialog__inner js-fr-dialogmodal-modal" aria-label="posizione codice telepass app">
            <div role="document">
                <img src="../../images/dialog_telepass_1.png" alt="posizione codice telepass app">
                <button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
                    <svg class="c-icon c-icon--32">
                        <use xlink:href="#ic_close_black_24px"></use>
                    </svg>
                </button>
            </div>
        </div>
    </div>

    <div class="c-dialog c-dialog--gallery js-fr-dialogmodal " id="dialog-telepass-code">
        <div class="c-dialog__inner js-fr-dialogmodal-modal" aria-label="posizione codice telepass dispositivo">
            <div role="document">
                <img src="../../images/dialog_telepass_2.png" alt="posizione codice telepass dispositivo">
                <button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
                    <svg class="c-icon c-icon--32">
                        <use xlink:href="#ic_close_black_24px"></use>
                    </svg>
                </button>
            </div>
        </div>
    </div>

</main>

<div class="c-app-banner " aria-label="">
    <div class="c-app-banner__inner">

        <div class="c-app-banner__image">
            <img class="c-app-banner__image--desktop" src="../../images/phone.png" alt="">
            <img class="c-app-banner__image--mobile" src="../../images/phone-mobile.png" alt="">
        </div>

        <div class="c-app-banner__row">
            <div class="c-app-banner__title">
                <p>Porta BLQ sempre con te</p>
            </div>

            <div class="c-app-banner__links">
                <p>Scarica l'app</p>
                <ul>
                    <li>
                        <a href="#">
                            <img src="../../images/svgs/badge_appstore_it.svg" alt="Scarica su App Store" height="40">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../../images/svgs/Google_Play_Store_badge_IT.svg" alt="Disponibile su Google Play" height="40">
                        </a>
                    </li>
                </ul>
            </div>

        </div>
    </div>
</div>
<footer class="c-footer ">
    <div class='c-footer__inner'>
        <div class="c-cityguide">

            <div class="c-cityguide__brand">

                <a href="" class="c-cityguide__logo">
                    <img src="../../images/svgs/logo-adb.svg" class="c-logo" alt="Homepage aeroporto di Bologna">
                </a>

                <div>
                    <div class="c-cityguide__socials">
                        <div class="c-socials">

                            <ul>
                                <li><a href="#" aria-label="instagram"><svg class="">
                                            <use xlink:href="#ic-social-instagram"></use>
                                        </svg></a></li>
                                <li><a href="#" aria-label="facebook"><svg class="">
                                            <use xlink:href="#ic-social-facebook"></use>
                                        </svg></a></li>
                                <li><a href="#" aria-label="twitter"><svg class="">
                                            <use xlink:href="#ic-social-twitter"></use>
                                        </svg></a></li>
                                <li><a href="#" aria-label="linkedin"><svg class="">
                                            <use xlink:href="#ic-social-linkedin"></use>
                                        </svg></a></li>
                                <li><a href="#" aria-label="youtube"><svg class="">
                                            <use xlink:href="#ic-social-youtube"></use>
                                        </svg></a></li>
                            </ul>

                        </div>
                    </div>
                    <div class="c-cityguide__lang">
                        <ul class="c-languages" aria-label="Seleziona la lingua del sito">
                            <li>
                                <a href="#" aria-label="Italiano">
                                    ita
                                </a>
                            </li>
                            <li>
                                <a href="#" aria-label="Inglese">
                                    eng
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="c-cityguide__cta">
                        <p class="c-cityguide__text">Entra nel nostro team</p>
                        <a href="#" class="c-link c-link--sky ">
                            <span>Lavora con noi</span>
                            <svg class="svg-24">
                                <use xlink:href="#ic_chevron_right_black_24px"></use>
                            </svg></a>
                    </div>
                </div>

            </div>

            <ul class="c-cityguide__nav" aria-label="Voli">
                <strong aria-hidden="true">Voli</strong>
                <li class="">
                    <a href="/components/preview/page-arrivals-departures#section-departures" aria-label="Voli in arrivo">

                        Voli in arrivo
                    </a>
                </li>
                <li class="">
                    <a href="/components/preview/page-arrivals-departures#section-arrivals" aria-label="Voli in partenza">

                        Voli in partenza
                    </a>
                </li>
                <li class="" data-label-content="Acquista online">
                    <a href="/components/preview/page-flights-destinations" aria-label="Destinazioni">

                        Destinazioni
                    </a>
                </li>
            </ul>
            <ul class="c-cityguide__nav" aria-label="Parcheggi">
                <strong aria-hidden="true">Parcheggi</strong>
                <li class="" data-label-content="Acquista online">
                    <a href="/components/preview/page-parkings-home" aria-label="Parcheggia in Aeroporto">

                        Parcheggia in Aeroporto
                    </a>
                </li>
                <li class="">
                    <a href="/components/preview/page-rates-conventions" aria-label="Tariffe e Convenzioni">

                        Tariffe e Convenzioni
                    </a>
                </li>
                <li class="">
                    <a href="/components/preview/page-where-to-pay" aria-label="Come e dove pagare">

                        Come e dove pagare
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Passeggeri DPR 151/2012">

                        Passeggeri DPR 151/2012
                    </a>
                </li>
            </ul>
            <ul class="c-cityguide__nav" aria-label="Shopping e servizi">
                <strong aria-hidden="true">Shopping e servizi</strong>
                <li class="">
                    <a href="#" aria-label="Negozi">

                        Negozi
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Ristoranti e Bar">

                        Ristoranti e Bar
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Servizi">

                        Servizi
                    </a>
                </li>
                <li class="" data-label-content="Acquista online">
                    <a href="#" aria-label="Lounge e Servizi VIP">

                        Lounge e Servizi VIP
                    </a>
                </li>
            </ul>
            <ul class="c-cityguide__nav" aria-label="Necessità particolari">
                <strong aria-hidden="true">Necessità particolari</strong>
                <li class="">
                    <a href="/components/preview/page-home-assistenze" aria-label="Assistenze speciali">
                        <svg class=" c-icon c-icon--24">
                            <use xlink:href="#ic-accessible-black-24px"></use>
                        </svg>
                        Assistenze speciali
                    </a>
                </li>
                <li class="">
                    <a href="/components/preview/page-routes-prm" aria-label="Famiglie e minori">

                        Famiglie e minori
                    </a>
                </li>
                <li class="">
                    <a href="/components/preview/page-routes-animals" aria-label="Animali al seguito">

                        Animali al seguito
                    </a>
                </li>
            </ul>
            <ul class="c-cityguide__nav" aria-label="Info pratiche">
                <strong aria-hidden="true">Info pratiche</strong>
                <li class="">
                    <a href="#" aria-label="Documenti">

                        Documenti
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Bagagli">

                        Bagagli
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Controlli in aeroporto">

                        Controlli in aeroporto
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Mappe">

                        Mappe
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="App BLQ">

                        App BLQ
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Free Wi-Fi">

                        Free Wi-Fi
                    </a>
                </li>
            </ul>

        </div>
        <div class="c-copyright">

            <div class="c-copyright__credits">
                <p>
                    <strong><span aria-hidden="true">©</span>
                        Copyright 2018 Aeroporto Guglielmo Marconi di Bologna S.p.A.</strong>
                    - Tutti i diritti riservati<br />
                    Via Triumvirato, 84 - 40132 Bologna (BO) - Italy - Partita IVA:
                    03145140376 - Capitale sociale 90.314.162,00 Euro i.v. - R.E.A. Bo N.
                    268716
                </p>

                <ul>
                    <li><a href="#">Credits</a></li>
                    <li><a href="#">Informativa cookie</a></li>
                    <li><a href="#">Informativa Privacy – Reg. UE n.679/2016 (“GDPR”) e Codice Privacy s.m.i.</a></li>
                    <li><a href="https://www.bologna-airport.it/System/files/2018/Parcheggi/InformativaVideosorveglianza.pdf">Informativa
                            privacy videosorveglianza</a></li>
                    <li><a href="#">Dichiarazione di accessibilità</a></li>
                    <li><a href="#">Lavora con noi</a></li>
                </ul>
            </div>

            <div class="c-copyright__partners">
                <a href="https://defence-industry-space.ec.europa.eu/eu-aeronautics-industry/alliance-zero-emission-aviation_en">
                    <img class="c-copyright__partner" src="../../images/AZEA_logo_colour.jpg" alt="Azea logo" />
                </a>
                <a href="https://www.bologna-airport.it/la-societa/sala-stampa/comunicati-stampa/netzero2050-l-aeroporto-di-bologna-si-impegna-a-raggiungere-%E2%80%9Cemissioni-zero%E2%80%9D-entro-il-2050/?idC=62420&idO=1699377&urlBack=back"><img class="c-copyright__partner" src="../../images/net_zero_logo.jpg" alt="Alt zero logo" />
                </a>
                <a href="https://www.bologna-airport.it/la-societa/sala-stampa/news/aeroporto-di-bologna-primo-in-italia-e-tra-i-primi-al-mondo-a-ricevere-l-aci-airport-health-accreditation-/?idC=62350&idO=1962968">
                    <img class="c-copyright__partner" src="../../images/aci_aha_2022.png" alt="ACI AHA logo" />
                </a>
            </div>

        </div>
    </div>
</footer>
<div class="c-dialog js-fr-dialogmodal " id="dialog-newsletter">
    <div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-newsletter-title">
        <div role="document">
            <p class="c-dialog__title" id="dialog-newsletter-title" aria-hidden="true">Iscriviti alla newsletter di Aeroporto di Bologna e riceverai periodicamente:</p>

            <div class="c-advantages">

                <div class="c-advantages__item">
                    <div class="c-media o-media ">
                        <img class="c-media__figure o-media__figure" src="../../images/svgs/stk_faq.svg" alt="Promozioni" height="" width="100">
                        <div class="c-media__body o-media__body">
                            <strong>Promozioni su Parcheggi, VIP Lounge e Voli</strong><br>Resta aggiornato su promozioni riguardanti i parcheggi ufficiali dell’Aeroporto, la VIP Lounge e sui voli in partenza da Bologna.
                        </div>
                    </div>
                </div>
                <hr aria-hidden="true">
                <div class="c-advantages__item">
                    <div class="c-media o-media ">
                        <img class="c-media__figure o-media__figure" src="../../images/svgs/stk_faq.svg" alt="Informazioni" height="" width="100">
                        <div class="c-media__body o-media__body">
                            <strong>Informazioni su nuove tratte in partenza da Bologna</strong><br>Scopri in anteprima le tratte che potrai raggiungere con volo diretto da Bologna.
                        </div>
                    </div>
                </div>
                <hr aria-hidden="true">
                <div class="c-advantages__item">
                    <div class="c-media o-media ">
                        <img class="c-media__figure o-media__figure" src="../../images/svgs/stk_faq.svg" alt="Programmazione eventi" height="" width="100">
                        <div class="c-media__body o-media__body">
                            <strong>Programmazione eventi</strong><br>Ricevi le news riguardanti gli eventi esclusivi all’interno della Marconi Business Lounge.
                        </div>
                    </div>
                </div>

            </div>

            <form class="c-form">
                <label for="email-newsletter" class="" aria-label="">

                    Indirizzo e-mail <span class="required-marker" aria-hidden="true">*</span>

                    <input id="email-newsletter" type="email" class="" placeholder="Inserisci il tuo indirizzo e-mail" value="">

                </label>

                <input type="checkbox" id="agree-privacy" name="privacy" class="u-visuallyhidden " role="group" aria-label="agree-privacy">

                <label for="agree-privacy" class="">
                    Ho letto e accettato <a href="#"><strong>l'informativa sulla privacy</strong></a>
                </label> <button type="submit" class="c-button c-button--submit c-button--large">

                    Iscríviti

                </button>
            </form>

            <button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
                <svg class="c-icon c-icon--32">
                    <use xlink:href="#ic_close_black_24px"></use>
                </svg> </button>
        </div>
    </div>
</div>

<script src="../../js/footer.min.js"></script>
<script>
    $.tangible.shortcutNavigation();
    // $.tangible.navToolbar();
    $.tangible.notifications();
</script>
{{#extend "@template-master"}}

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

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

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

  <header data-centered>
    {{> "@back"  text="Torna indietro" modifier="is-dark" }}
   
      <img src="{{ path '/images/svgs/stk_avatar.svg' }}" alt="I tuoi dati personali" aria-hidden="true" width="48">
      <div>
        <h1>I tuoi dati personali</h1>
        <p><sup aria-hidden="true">*</sup> Campi obbligatori</p>
      </div>
    </header>

    <form action="{{ path '/components/preview/page-profile--alert' }}" class="c-form c-form--outstanding">

      {{> @suggestion--simple suggestion}}

      <header form-title>
        <h3>Credenziali di accesso</h3>
        <div>
          Il tuo indirizzo e-mail attuale è: <strong>mario.rossi@gmail.com</strong>
          {{> @rounded-label--positive verified-email}}
          {{!--
            Per Endurance: nel caso di email non verificata usare il modifier c-rounded-label--negative
          --}}
          
          {{> @tooltip--default tooltip }}
        </div>
        <p>
          <a href="{{ path '/components/preview/page-modify-email' }}">modifica email</a> | <a href="{{ path '/components/preview/page-change-psw' }}">cambia password</a>
        </p>
      </header>

      <header form-title>
        <h3>Profilo</h3>
      </header>

      {{> @select select-profile-type }}

      <div class="c-form__samerow">
        {{> @input name }}
        {{> @input surname }}
      </div>

      <div class="c-form__samerow">
        {{> @input birth-date }}
        {{> @select select-sex }}
      </div>

      {{> @select select-profile-nationality }}

      <header form-title>
        <h3>Contatti</h3>
      </header>

      <div class="c-form__samerow">
        {{> @input landline-phone }}
        {{> @input cell-phone }}
      </div>

      {{!-- <header form-title>
        <img src="{{ path telepassLogo }}" alt="{{ telepassAlt }}" width="{{ telepassWidth }}" class="c-convention__logo">
        <p role="text">
          <strong>Accedi e paga i tuoi prossimi parcheggi comodamente con il tuo Telepass.</strong><br>
          Salva qui il tuo n° dispositivo Telepass.
        </p>
      </header>

      {{> @input telepass }}

      {{> @media telepassApp }}

      {{> @media telepassCode }} --}}

      {{!-- {{> @button btn-disabled }} --}}
      {{> @button btn-enabled }}

    </form>

    <header class="c-header--delete-account" data-centered>
      <p>
        Se desideri eliminare il tuo profilo MyBLQ "<strong>mario.rossi@mail.com</strong>", clicca sul bottone che segue.
      </p>
      {{> @button btn-delete-account }}
    </header>

    {{ render "@dialog--delete-account" }}

    {{ render "@cards--geeky" }}


    <div class="c-dialog c-dialog--gallery js-fr-dialogmodal " id="dialog-telepass-app">
      <div class="c-dialog__inner js-fr-dialogmodal-modal" aria-label="posizione codice telepass app">
        <div role="document">
          <img src="{{ path '/images/dialog_telepass_1.png' }}" alt="posizione codice telepass app">
          <button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
            <svg class="c-icon c-icon--32">
              <use xlink:href="#ic_close_black_24px"></use>
            </svg>
          </button>
        </div>
      </div>
    </div>

    <div class="c-dialog c-dialog--gallery js-fr-dialogmodal " id="dialog-telepass-code">
      <div class="c-dialog__inner js-fr-dialogmodal-modal" aria-label="posizione codice telepass dispositivo">
        <div role="document">
          <img src="{{ path '/images/dialog_telepass_2.png' }}" alt="posizione codice telepass dispositivo">
          <button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
            <svg class="c-icon c-icon--32">
              <use xlink:href="#ic_close_black_24px"></use>
            </svg>      
          </button>
        </div>
      </div>
    </div>

	{{/content}}

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

{{/extend}}
{
  "template-main-class": "has-sky-bg",
  "hidePrefooter": true,
  "showAppBanner": true,
  "header": {
    "toolbar": {
      "logged-user": true,
      "recognized-user": false,
      "anonymous-user": false
    }
  },
  "suggestion": {
    "text": "<strong>Completa e tieni sempre aggiornato il tuo profilo MyBLQ</strong><p>Mantenendo aggiornati i dati del tuo profilo potrai prenotare, richiedere fattura, ricevere comunicazioni o assistenza clienti in modo facile e veloce.</p>"
  },
  "verified-email": {
    "text": "e-mail verificata",
    "modifier": "c-rounded-label--positive last"
  },
  "not-verified-email": {
    "text": "<strong>e-mail non verificata</strong>",
    "modifier": "last"
  },
  "tooltip": {
    "tooltip_aria_label": "Espandi per sapere di più",
    "tooltip_exposed_icon": "ic_info_black_24px",
    "tooltip_exposed_text": null,
    "tooltip_position_class": "c-tooltip__bubble--down",
    "bubble_text": "Qui va il contenuto aggiuntivo"
  },
  "select-profile-type": {
    "label_id": "select-profile-type",
    "label_message": "tipologia profilo",
    "label_class": null,
    "atom-select": {
      "id": "select-profile-type",
      "class": null,
      "required": true,
      "hasNote": true,
      "describedby": "select-profile-type-note",
      "placeholder": "Seleziona la tipologia di profilo",
      "options": [
        {
          "value": "option-1",
          "text": "Privato",
          "selected": false
        },
        {
          "value": "option-2",
          "text": "Azienda o libero professionista"
        },
        {
          "value": "option-3",
          "text": "Agenzia viaggi"
        },
        {
          "value": "option-4",
          "text": "Pubblica amministrazione"
        }
      ]
    },
    "note_id": "select-profile-type-note",
    "note_message": "Seleziona una opzione dal menù a tendina",
    "note_class": "u-visuallyhidden"
  },
  "name": {
    "label_id": "profile-name",
    "label_message": "nome",
    "label_class": "sibling",
    "atom-input": {
      "id": "profile-name",
      "type": "text",
      "class": null,
      "placeholder": "",
      "value": "Mario",
      "required": true,
      "hasNote": true,
      "describedby": "profile-name-note"
    },
    "note_id": "profile-name-note",
    "note_message": "Inserisci il tuo nome",
    "note_class": ""
  },
  "surname": {
    "label_id": "profile-surname",
    "label_message": "cognome",
    "label_class": "sibling",
    "atom-input": {
      "id": "profile-surname",
      "type": "text",
      "class": null,
      "placeholder": "",
      "value": "Rossi",
      "required": true,
      "hasNote": true,
      "describedby": "profile-surname-login-note"
    },
    "note_id": "profile-surname-login-note",
    "note_message": "Inserisci il tuo cognome",
    "note_class": ""
  },
  "birth-date": {
    "label_id": "profile-birth-date",
    "label_message": "data di nascita",
    "label_class": "sibling is-datepicker",
    "screen-reader-text": "Scegli la data",
    "atom-input": {
      "id": "profile-birth-date",
      "type": "date",
      "class": null,
      "placeholder": "",
      "value": "1975-05-10",
      "required": false,
      "hasNote": true,
      "describedby": "birth-date-note"
    },
    "note_id": "birth-date-note",
    "note_message": "Inserisci la tua data di nascita",
    "note_class": ""
  },
  "select-sex": {
    "label_id": "select-profile-sex",
    "label_message": "sesso:",
    "label_class": null,
    "atom-select": {
      "id": "select-profile-sex",
      "class": null,
      "required": true,
      "hasNote": true,
      "describedby": "select-profile-sex-note",
      "placeholder": "Seleziona il sesso",
      "options": [
        {
          "value": "option-1",
          "text": "Maschio",
          "selected": true
        },
        {
          "value": "option-2",
          "text": "Femmina"
        }
      ]
    },
    "note_id": "select-profile-sex-note",
    "note_message": "Seleziona una opzione dal menù a tendina",
    "note_class": ""
  },
  "select-profile-nationality": {
    "label_id": "select-profile-nationality",
    "label_message": "nazionalità",
    "label_class": null,
    "atom-select": {
      "id": "select-profile-nationality",
      "class": null,
      "required": true,
      "hasNote": true,
      "describedby": "select-profile-nationality-note",
      "placeholder": "Seleziona la nazionalità",
      "options": [
        {
          "value": "option-1",
          "text": "Italia",
          "selected": true
        },
        {
          "value": "option-2",
          "text": "Regno Unito"
        },
        {
          "value": "option-3",
          "text": "Francia"
        },
        {
          "value": "option-4",
          "text": "Germania"
        }
      ]
    },
    "note_id": "select-profile-nationality-note",
    "note_message": "Seleziona una opzione dal menù a tendina",
    "note_class": ""
  },
  "landline-phone": {
    "label_id": "landline-phone",
    "label_message": "telefono",
    "label_class": "sibling",
    "atom-input": {
      "id": "landline-phone",
      "type": "tel",
      "class": null,
      "placeholder": "",
      "value": "051.123456",
      "required": false,
      "hasNote": true,
      "describedby": "landline-phone-note"
    },
    "note_id": "landline-phone-note",
    "note_message": "Inserisci il numero di telefono fisso",
    "note_class": ""
  },
  "cell-phone": {
    "label_id": "cell-phone",
    "label_message": "cellulare",
    "label_class": "sibling",
    "atom-input": {
      "id": "cell-phone",
      "type": "tel",
      "class": null,
      "placeholder": "",
      "value": "348.1234567",
      "required": false,
      "hasNote": true,
      "describedby": "cell-phone-note"
    },
    "note_id": "cell-phone-note",
    "note_message": "Inserisci il numero di cellulare",
    "note_class": ""
  },
  "passport": {
    "label_id": "profile-passport",
    "label_message": "n° di passaporto",
    "label_class": null,
    "atom-input": {
      "id": "profile-passport",
      "type": "text",
      "class": null,
      "placeholder": "",
      "value": "AY028342",
      "required": false,
      "hasNote": true,
      "describedby": "profile-passport-login-note"
    },
    "note_id": "profile-passport-login-note",
    "note_message": "Inserisci il tuo numero di passaporto",
    "note_class": ""
  },
  "passport-date": {
    "label_id": "profile-passport-date",
    "label_message": "data emissione",
    "label_class": "sibling is-datepicker",
    "screen-reader-text": "Scegli la data",
    "atom-input": {
      "id": "profile-passport-date",
      "type": "date",
      "class": null,
      "placeholder": "",
      "value": "2017-01-12",
      "required": false,
      "hasNote": true,
      "describedby": "passport-date-note"
    },
    "note_id": "passport-date-note",
    "note_message": "Inserisci la data di emissione del passaporto",
    "note_class": ""
  },
  "passport-nation": {
    "label_id": "select-passport-nation",
    "label_message": "nazione di emissione",
    "label_class": null,
    "atom-select": {
      "id": "select-passport-nation",
      "class": null,
      "required": false,
      "hasNote": true,
      "describedby": "select-passport-nation-note",
      "placeholder": "Seleziona la nazione di emissione",
      "options": [
        {
          "value": "option-1",
          "text": "Italia",
          "selected": true
        },
        {
          "value": "option-2",
          "text": "Regno Unito"
        },
        {
          "value": "option-3",
          "text": "Francia"
        },
        {
          "value": "option-4",
          "text": "Germania"
        }
      ]
    },
    "note_id": "select-passport-nation-note",
    "note_message": "Seleziona una opzione dal menù a tendina",
    "note_class": "u"
  },
  "btn-disabled": {
    "name": "submit",
    "type": "submit",
    "text": "Salva modifiche",
    "modifier": "c-button--disabled c-button--large",
    "disabled": true
  },
  "btn-enabled": {
    "name": "submit",
    "type": "submit",
    "text": "Salva modifiche",
    "modifier": "c-button--submit c-button--large"
  },
  "btn-delete-account": {
    "name": "submit",
    "type": "button",
    "text": "Elimina questo profilo",
    "modifier": "c-button--ghost js-fr-dialogmodal-open",
    "opens-dialog": "dialog-delete-account"
  },
  "telepass": {
    "label_id": "profile-telepass",
    "label_message": "<span aria-hidden=\"true\">n° dispositivo Telepass</span>",
    "label_class": null,
    "screen-reader-text": "numero dispositivo telepass",
    "atom-input": {
      "id": "profile-telepass",
      "type": "text",
      "class": null,
      "placeholder": "",
      "value": null,
      "required": false,
      "hasNote": true,
      "describedby": "profile-telepass-login-note"
    },
    "note_id": "profile-telepass-login-note",
    "note_message": "Inserisci il codice identificativo",
    "note_class": ""
  },
  "telepassApp": {
    "modifier": "c-media--sticker",
    "img-src": "/images/svgs/stk_telepass-app-120px.svg",
    "img-alt": "Numero dispositivo Telepass",
    "body": "Puoi trovare il tuo n° dispositivo Telepass <strong>dalla tua area riservata del sito telepass.it o dall’App Telepass</strong>.",
    "ariaLabel": "Puoi trovare il tuo n° dispositivo Telepass dalla tua area riservata del sito telepass.it o dall’App Telepass.",
    "dialog-toggler": "Apri foto di esempio",
    "dialog-controller": "dialog-telepass-app"
  },
  "telepassCode": {
    "modifier": "c-media--sticker",
    "img-src": "/images/svgs/stk_telepass-code-120px.svg",
    "img-alt": "Numero dispositivo Telepass",
    "body": "Puoi trovare il tuo n° dispositivo Telepass anche sul retro del tuo dispositivo (10 cifre).",
    "ariaLabel": "Puoi trovare il tuo n° dispositivo Telepass anche sul retro del tuo dispositivo (10 cifre).",
    "dialog-toggler": "Apri foto di esempio",
    "dialog-controller": "dialog-telepass-code"
  },
  "telepassLogo": "/images/svgs/telepass.svg",
  "telepassAlt": "Logo Telepass",
  "telepassWidth": "120"
}

No notes defined.