<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>
<li><a href="#">I tuoi crediti agenzia (110€)</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="#">Le mie auto</a></li>
<li><a href="../preview/page-privacy-settings.html">Le tue impostazioni privacy</a></li>
<li><a href="../preview/page-newsletter-sub.html">Le tue impostazioni newsletter</a></li>
</ul>
</div>
<div class="c-menu__section">
<div class="image">
<img src="../../images/svgs/stk_assistenza.svg" alt="Supporto" aria-hidden="true" width="60">
</div>
<ul aria-label="Supporto">
<strong aria-hidden="true" class="title">Supporto</strong>
<li><a href="#">Richiedi assistenza</a></li>
<li><a href="../preview/page-reclaims-list.html">I tuoi suggerimenti e reclami</a></li>
<li><a href="#">Richiedi assistenza</a></li>
</ul>
</div>
<a href="#" class="c-menu__invite">Esci</a>
</div>
</div>
<div>
<div class="c-notifications c-notifications--small">
<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 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-landing-destinations">Destinazioni</a></li>
<li><a href="/components/preview/page-flight-companies">Le nostre compagnie aeree</a></li>
<li><a href="/components/preview/page-tickets-phone">Biglietteria telefonica</a></li>
</ul>
<ul>
<strong class="c-megamenu__listtitle">Prepara il tuo viaggio</strong>
<li><a href="/components/preview/page-routes-luggage">Bagagli</a></li>
<li><a href="/components/preview/page-routes-documents">Documenti</a></li>
<li><a href="#">Fast Track</a></li>
<li><a href="#">Viaggi e Covid-19</a></li>
<li><a href="/components/preview/page-parkings-home">Prenota un parcheggio</a></li>
</ul>
<ul>
<strong class="c-megamenu__listtitle">Controlli in aeroporto</strong>
<li><a href="#">Controlli in partenza</a></li>
<li><a href="#">Controlli in arrivo</a></li>
</ul>
</div>
<div class="c-megamenu__crossell">
<p>Vola da Bologna e <a href="#">acquista online il tuo parcheggio</a> ad un prezzo scontato </p>
</div>
</div>
<button type="button" class="c-navigation-shortcuts__closemegamenu js-closeMegaMenu" aria-label="Chiudi la guida del passeggero">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
<div class="c-megamenu__overlay"></div>
</div>
</div>
</li>
<li class="has-dropdown ">
<div class="c-navigation-shortcuts__dropdown o-collapsible">
<div class="o-collapsible__title js-collapsible-title ">
<strong>Parcheggi</strong>
<span>Soste brevi e lunghe</span>
</div>
<div class="c-navigation-shortcuts__megamenu">
<div class="c-megamenu">
<div class="c-megamenu__card">
<div class="c-megamenu__card-overlay">
</div>
<div class="c-megamenu__card-content">
<p class="c-megamenu__card-title">Parcheggia in aeroporto:</p>
<div class="c-megamenu__card-abstract">
Qualità e sicurezza al miglior prezzo
</div>
<a href="#" class="c-link c-link--primary">
<span>Acquista ora</span>
<svg class="svg-24">
<use xlink:href="#ic_chevron_right_black_24px"></use>
</svg></a>
</div>
</div>
<div class="c-megamenu__main">
<div class="c-megamenu__lists">
<ul>
<strong class="c-megamenu__listtitle">Parcheggia per volare</strong>
<li><a href="/components/preview/page-parkings-home">Acquista parcheggi</a></li>
<li><a href="/components/preview/page-meet-greet">Soste brevi</a></li>
<li><a href="/components/preview/page-where-to-pay">Come e dove pagare</a></li>
<li><a href="/components/preview/page-rates-conventions">Tariffe e convenzioni</a></li>
<li><a href="/components/preview/page-home-assistenze">Passeggeri a ridotta mobilità</a></li>
</ul>
<ul>
<strong class="c-megamenu__listtitle">Parcheggia e raggiungi la città</strong>
<li><a href="#">Park & Mex</a></li>
<li><a href="/components/preview/page-transports-mex">Marconi Express</a></li>
</ul>
</div>
<div class="c-megamenu__crossell">
<p>Fino al 30% di sconto su tariffe e ingressi Vip Lounge <a href="#">acquistando online il tuo parcheggio</a></p>
</div>
</div>
<button type="button" class="c-navigation-shortcuts__closemegamenu js-closeMegaMenu" aria-label="Chiudi la guida del passeggero">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
<div class="c-megamenu__overlay"></div>
</div>
</div>
</li>
<li class="has-dropdown ">
<div class="c-navigation-shortcuts__dropdown o-collapsible">
<div class="o-collapsible__title js-collapsible-title ">
<strong>In aeroporto</strong>
<span>Lounge, shopping e servizi</span>
</div>
<div class="c-navigation-shortcuts__megamenu">
<div class="c-megamenu">
<div class="c-megamenu__card">
<div class="c-megamenu__card-overlay">
</div>
<div class="c-megamenu__card-content">
<p class="c-megamenu__card-title">MBL Lounge per partire rilassati</p>
<div class="c-megamenu__card-abstract">
Area relax e ristoro, wifi, fast-track dedicato e parcheggi a tariffe scontate
</div>
<a href="/components/preview/page-lounge" class="c-link c-link--primary">
<span>Prenota VIP Lounge</span>
<svg class="svg-24">
<use xlink:href="#ic_chevron_right_black_24px"></use>
</svg></a>
</div>
</div>
<div class="c-megamenu__main">
<div class="c-megamenu__lists">
<ul>
<strong class="c-megamenu__listtitle">Lounge e Servizi Premium</strong>
<li><a href="/components/preview/page-lounge">MBL VIP Lounge</a></li>
<li><a href="/components/preview/page-youfirst">Youfirst</a></li>
<li><a href="/components/preview/page-area-meeting">Meeting area</a></li>
<li><a href="/components/preview/page-fitness">Palestre</a></li>
</ul>
<ul>
<strong class="c-megamenu__listtitle">Negozi e Ristoranti</strong>
<li><a href="/components/preview/page-shopping-listing">Fashion & Style</a></li>
<li><a href="/components/preview/page-shopping-listing">General stores</a></li>
<li><a href="/components/preview/page-shopping-listing">Bar</a></li>
<li><a href="/components/preview/page-shopping-listing">Ristoranti</a></li>
</ul>
<ul>
<strong class="c-megamenu__listtitle">Servizi</strong>
<li><a href="/components/preview/page-home-customer-care">Bagagli Smarriti</a></li>
<li><a href="/components/preview/page-home-customer-care">Cambio valuta</a></li>
<li><a href="/components/preview/page-home-customer-care">Tutti i servizi al passeggero</a></li>
</ul>
</div>
<div class="c-megamenu__crossell">
<p><a href="#">Acquista online Ingressi Vip Lounge</a> e avrai tariffe deicate per il tuo parcheggio</p>
</div>
</div>
<button type="button" class="c-navigation-shortcuts__closemegamenu js-closeMegaMenu" aria-label="Chiudi la guida del passeggero">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
<div class="c-megamenu__overlay"></div>
</div>
</div>
</li>
<li class="has-dropdown ">
<div class="c-navigation-shortcuts__dropdown o-collapsible">
<div class="o-collapsible__title js-collapsible-title ">
<strong>Da e per l’aeroporto</strong>
<span>Trasporti pubblici e auto</span>
</div>
<div class="c-navigation-shortcuts__megamenu">
<div class="c-megamenu">
<div class="c-megamenu__card">
<div class="c-megamenu__card-overlay">
</div>
<div class="c-megamenu__card-content">
<p class="c-megamenu__card-title">Raggiungi la città in una manciata di minuti</p>
<div class="c-megamenu__card-abstract">
</div>
<a href="#" class="c-link c-link--primary">
<span>Scopri</span>
<svg class="svg-24">
<use xlink:href="#ic_chevron_right_black_24px"></use>
</svg></a>
</div>
</div>
<div class="c-megamenu__main">
<div class="c-megamenu__lists">
<ul>
<strong class="c-megamenu__listtitle">Trasporti pubblici da e per BLQ</strong>
<li><a href="/components/preview/page-transports-bus">Bus</a></li>
<li><a href="/components/preview/page-transports-taxi">Taxi</a></li>
<li><a href="/components/preview/page-transports-mex">Navetta Marconi Express</a></li>
<li><a href="/components/preview/page-transports-train">Treni</a></li>
</ul>
<ul>
<strong class="c-megamenu__listtitle">Auto e trasporti privati</strong>
<li><a href="/components/preview/page-transports-car">Arrivare con l’auto</a></li>
<li><a href="/components/preview/page-transports-rent-car">Noleggio auto</a></li>
<li><a href="/components/preview/page-transports-rent-car">Noleggio con conducente</a></li>
</ul>
</div>
</div>
<button type="button" class="c-navigation-shortcuts__closemegamenu js-closeMegaMenu" aria-label="Chiudi la guida del passeggero">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
<div class="c-megamenu__overlay"></div>
</div>
</div>
</li>
<li class="has-dropdown ">
<div class="c-navigation-shortcuts__dropdown o-collapsible">
<div class="o-collapsible__title js-collapsible-title ">
<strong>Necessità particolari</strong>
<span>Accessibilità, Famiglie, Animali</span>
</div>
<div class="c-navigation-shortcuts__megamenu">
<div class="c-megamenu">
<div class="c-megamenu__card">
<div class="c-megamenu__card-overlay">
</div>
<div class="c-megamenu__card-content">
<p class="c-megamenu__card-title">Siamo a tua disposizione</p>
<div class="c-megamenu__card-abstract">
</div>
<a href="#" class="c-link c-link--primary">
<span>Hai bisogno di aiuto?</span>
<svg class="svg-24">
<use xlink:href="#ic_chevron_right_black_24px"></use>
</svg></a>
</div>
</div>
<div class="c-megamenu__main">
<div class="c-megamenu__lists">
<ul>
<strong class="c-megamenu__listtitle">Assistenze speciali</strong>
<li><a href="/components/preview/page-routes-prm">Modalità di richiesta assistenza</a></li>
<li><a href="/components/preview/page-routes-prm-airport">Arrivo in aeroporto</a></li>
<li><a href="/components/preview/page-routes-prm-services">Servizi dedicati</a></li>
<li><a href="/components/preview/page-routes-prm-rights">Diritti e qualità del servizio</a></li>
<li><a href="/components/preview/page-home-assistenze">Autismo</a></li>
<li><a href="/components/preview/page-home-assistenze">Sordità - Servizio Tellis</a></li>
</ul>
<ul>
<strong class="c-megamenu__listtitle">Famiglie e minori</strong>
<li><a href="/components/preview/page-home-assistenze">In aeroporto</a></li>
<li><a href="/components/preview/page-home-assistenze">Minori che viaggiano da soli</a></li>
</ul>
<ul>
<strong class="c-megamenu__listtitle">Animali al seguito</strong>
<li><a href="/components/preview/page-routes-animals">Regole per il trasporto</a></li>
<li><a href="/components/preview/page-routes-animals-ue">Paesi U.E.</a></li>
<li><a href="/components/preview/page-routes-animals-xue">Paesi Extra U.E.</a></li>
</ul>
</div>
</div>
<button type="button" class="c-navigation-shortcuts__closemegamenu js-closeMegaMenu" aria-label="Chiudi la guida del passeggero">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
<div class="c-megamenu__overlay"></div>
</div>
</div>
</li>
</ul>
</nav>
</div>
</div>
<div class="c-toolbar__right">
<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>
<li><a href="#">I tuoi crediti agenzia (110€)</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="#">Le mie auto</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> <a href="#" class="c-link c-link--cart c-link--cart-large-responsive">
<p class="u-visuallyhidden">Carrello</p>
<span class="c-link__cart-icon">
<svg class="c-icon c-icon--cart">
<use xlink:href="#ic-shopping-cart-24px"></use>
</svg> <span class="c-link__cart-badge">5</span>
</span>
<span class="c-link__cart-content">
<span class="c-link__cart-label">Tempo residuo</span>
<span class="c-link__cart-timer">19:59</span>
</span>
</a>
<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' />
<label for='toggle-extended-nav' data-opens-menu>
<span class='u-visuallyhidden expanded-text'>
Chiudi menù
</span>
<span class='u-visuallyhidden collapsed-text'>
Apri menù
</span>
</label>
</div>
</div>
</div>
</div>
</div>
<div class="c-dialog c-dialog--search js-fr-dialogmodal " id="dialog-search">
<div class="js-fr-dialogmodal-modal">
<div role="document">
<div class="c-expanded-search ">
<form class="c-expanded-search__searchWrapper c-form">
<label for="search-field" class=" has-button" aria-label="">
Cerca nel sito
<input id="search-field" type="text" class="js-combobox " placeholder="" value="" aria-describedby="search-field-note" list="search-destinations" data-combobox-prefix-class="combobox" data-combobox-case-sensitive="no" data-combobox-search-option="containing" data-combobox-help-text="Premi il tasto TAB o le frecce direzionali per accedere e navigare attraverso i suggerimenti. Conferma la tua scelta col tasto INVIO, oppure premi il tasto ESC per chiudere la lista dei suggerimenti." data-suggestion-single="C'è " data-suggestion-plural="Ci sono " data-suggestion-word="Suggerimento" data-suggestion-word-plural="Suggerimenti" data-combobox-see-more-text="Guarda più risultati">
<button type="submit" class="c-button c-button--submit c-button--searchIcon " aria-label="Avvia la ricerca">
<svg class="c-icon c-icon--18">
<use xlink:href="#ic_search_black_24px"></use>
</svg> </button>
<datalist id="search-destinations">
<option value="Check in A">
<option value="Check in B">
<option value="Check in C">
<option value="Accettazione">
<option value="Cafè">
<option value="Bagagli">
<option value="Bar centrale">
</datalist>
<p class="c-field__note " id="search-field-note">
Scrivi ciò che vuoi cercare es: <strong>arrivi</strong>, <strong>bagagli</strong>, <strong>VIP lounge</strong>, etc …
</p>
</label>
<p class="c-expanded-search__search-flight">
<a href="../preview/page-arrivals-departures--default.html">Stai cercando un volo?→</a>
</p>
<div class="c-search-suggestions">
<h3>Potrebbero esserti utili</h3>
<ul class="c-search-suggestions__list">
<li class="c-search-suggestions__item">
<a href="#">Ultimi aggiornamenti covid <span aria-hidden="true">→</span></a>
</li>
<li class="c-search-suggestions__item">
<a href="#">Parcheggia in aeroporto <span aria-hidden="true">→</span></a>
</li>
<li class="c-search-suggestions__item">
<a href="#">Contatti e supporto <span aria-hidden="true">→</span></a>
</li>
<li class="c-search-suggestions__item">
<a href="#">Fast track <span aria-hidden="true">→</span></a>
</li>
</ul>
</div>
</form>
<button type="button" class="c-expanded-search__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
Chiudi
<svg class="c-icon c-icon--18">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
</div>
</div>
</div>
<div role="menu" data-menu-origin="top" class="c-header__primary-navigation">
<nav class="c-primary-navigation">
<div class="c-primary-navigation__utils">
<a class="c-primary-navigation__assistance" href="#">
<img src="../../images/svgs/icon_ special_assistance_24px.svg" class="prm-icon" alt=""><span>Assistenze speciali</span></a>
<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>
</div>
<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-landing-destinations">Destinazioni</a>
</li>
<li>
<a href="/components/preview/page-flight-companies">Le nostre compagnie aeree</a>
</li>
<li>
<a href="/components/preview/page-tickets-phone">Biglietteria telefonica</a>
</li>
</ul>
<ul class="sub-level">
<p class="sub-title">Prepara il tuo viaggio</p>
<li>
<a href="/components/preview/page-routes-luggage">Bagagli</a>
</li>
<li>
<a href="/components/preview/page-routes-documents">Documenti</a>
</li>
<li>
<a href="#">Fast Track</a>
</li>
<li>
<a href="#">Viaggi e Covid-19</a>
</li>
<li>
<a href="/components/preview/page-parkings-home">Prenota un parcheggio</a>
</li>
</ul>
<ul class="sub-level">
<p class="sub-title">Controlli in aeroporto</p>
<li>
<a href="#">Controlli in partenza</a>
</li>
<li>
<a href="#">Controlli in arrivo</a>
</li>
</ul>
</div>
</li>
<li>
<div class="c-primary-navigation__accordion o-collapsible">
<p class="c-primary-navigation__toggle o-collapsible__title js-collapsible-title">
<strong>Parcheggi</strong>
<span>Soste brevi e lunghe</span>
</p>
<ul class="sub-level">
<p class="sub-title">Parcheggia per volare</p>
<li>
<a href="/components/preview/page-parkings-home">Acquista parcheggi</a>
</li>
<li>
<a href="/components/preview/page-meet-greet">Soste brevi</a>
</li>
<li>
<a href="/components/preview/page-where-to-pay">Come e dove pagare</a>
</li>
<li>
<a href="/components/preview/page-rates-conventions">Tariffe e convenzioni</a>
</li>
<li>
<a href="/components/preview/page-home-assistenze">Passeggeri a ridotta mobilità</a>
</li>
</ul>
<ul class="sub-level">
<p class="sub-title">Parcheggia e raggiungi la città</p>
<li>
<a href="#">Park & Mex</a>
</li>
<li>
<a href="/components/preview/page-transports-mex">Marconi Express</a>
</li>
</ul>
</div>
</li>
<li>
<div class="c-primary-navigation__accordion o-collapsible">
<p class="c-primary-navigation__toggle o-collapsible__title js-collapsible-title">
<strong>In aeroporto</strong>
<span>Lounge, shopping e servizi</span>
</p>
<ul class="sub-level">
<p class="sub-title">Lounge e Servizi Premium</p>
<li>
<a href="/components/preview/page-lounge">MBL VIP Lounge</a>
</li>
<li>
<a href="/components/preview/page-youfirst">Youfirst</a>
</li>
<li>
<a href="/components/preview/page-area-meeting">Meeting area</a>
</li>
<li>
<a href="/components/preview/page-fitness">Palestre</a>
</li>
</ul>
<ul class="sub-level">
<p class="sub-title">Negozi e Ristoranti</p>
<li>
<a href="/components/preview/page-shopping-listing">Fashion & Style</a>
</li>
<li>
<a href="/components/preview/page-shopping-listing">General stores</a>
</li>
<li>
<a href="/components/preview/page-shopping-listing">Bar</a>
</li>
<li>
<a href="/components/preview/page-shopping-listing">Ristoranti</a>
</li>
</ul>
<ul class="sub-level">
<p class="sub-title">Servizi</p>
<li>
<a href="/components/preview/page-home-customer-care">Bagagli Smarriti</a>
</li>
<li>
<a href="/components/preview/page-home-customer-care">Cambio valuta</a>
</li>
<li>
<a href="/components/preview/page-home-customer-care">Tutti i servizi al passeggero</a>
</li>
</ul>
</div>
</li>
<li>
<div class="c-primary-navigation__accordion o-collapsible">
<p class="c-primary-navigation__toggle o-collapsible__title js-collapsible-title">
<strong>Da e per l’aeroporto</strong>
<span>Trasporti pubblici e auto</span>
</p>
<ul class="sub-level">
<p class="sub-title">Trasporti pubblici da e per BLQ</p>
<li>
<a href="/components/preview/page-transports-bus">Bus</a>
</li>
<li>
<a href="/components/preview/page-transports-taxi">Taxi</a>
</li>
<li>
<a href="/components/preview/page-transports-mex">Navetta Marconi Express</a>
</li>
<li>
<a href="/components/preview/page-transports-train">Treni</a>
</li>
</ul>
<ul class="sub-level">
<p class="sub-title">Auto e trasporti privati</p>
<li>
<a href="/components/preview/page-transports-car">Arrivare con l’auto</a>
</li>
<li>
<a href="/components/preview/page-transports-rent-car">Noleggio auto</a>
</li>
<li>
<a href="/components/preview/page-transports-rent-car">Noleggio con conducente</a>
</li>
</ul>
</div>
</li>
<li>
<div class="c-primary-navigation__accordion o-collapsible">
<p class="c-primary-navigation__toggle o-collapsible__title js-collapsible-title">
<strong>Necessità particolari</strong>
<span>Accessibilità, Famiglie, Animali</span>
</p>
<ul class="sub-level">
<p class="sub-title">Assistenze speciali</p>
<li>
<a href="/components/preview/page-routes-prm">Modalità di richiesta assistenza</a>
</li>
<li>
<a href="/components/preview/page-routes-prm-airport">Arrivo in aeroporto</a>
</li>
<li>
<a href="/components/preview/page-routes-prm-services">Servizi dedicati</a>
</li>
<li>
<a href="/components/preview/page-routes-prm-rights">Diritti e qualità del servizio</a>
</li>
<li>
<a href="/components/preview/page-home-assistenze">Autismo</a>
</li>
<li>
<a href="/components/preview/page-home-assistenze">Sordità - Servizio Tellis</a>
</li>
</ul>
<ul class="sub-level">
<p class="sub-title">Famiglie e minori</p>
<li>
<a href="/components/preview/page-home-assistenze">In aeroporto</a>
</li>
<li>
<a href="/components/preview/page-home-assistenze">Minori che viaggiano da soli</a>
</li>
</ul>
<ul class="sub-level">
<p class="sub-title">Animali al seguito</p>
<li>
<a href="/components/preview/page-routes-animals">Regole per il trasporto</a>
</li>
<li>
<a href="/components/preview/page-routes-animals-ue">Paesi U.E.</a>
</li>
<li>
<a href="/components/preview/page-routes-animals-xue">Paesi Extra U.E.</a>
</li>
</ul>
</div>
</li>
</ul>
<div class="c-primary-navigation__remote">
<a href="#">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_flight_takeoff_black_24px"></use>
</svg> <span>Arrivi e partenze</span>
</a>
<a href="#">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-parking-sign-24px"></use>
</svg> <span>Prenota parcheggio</span>
</a>
<a href="#">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_weekend_black_24px"></use>
</svg> <span>Prenota LOUNGE</span>
</a>
<a href="#">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-marconi-express-24px"></use>
</svg> <span>Treni per centro città</span>
</a>
<a href="#">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_help_black_24px"></use>
</svg> <span>Hai bisogno di aiuto?</span>
</a>
<a href="#">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-info-serif"></use>
</svg> <span>Reclami</span>
</a>
</div>
<div class="c-primary-navigation__utils c-primary-navigation__utils--bottom">
<a class="" 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="c-main-reservationList has-sky-bg" id='maincontent'>
<header>
<nav class="c-breadcrumb" aria-label="Breadcrumb">
<ol class="c-breadcrumb__list">
<li class="c-breadcrumb__list-item">
<a class="c-breadcrumb__link" href="#">Home</a>
</li>
<li class="c-breadcrumb__list-item">
<a class="c-breadcrumb__link" href="#">Come muoversi all’interno dell’aeroporto</a>
</li>
<li class="c-breadcrumb__list-item">
[...]
</li>
<li class="c-breadcrumb__list-item">
<a class="c-breadcrumb__link" href="#">Page 5</a>
</li>
<li class="c-breadcrumb__list-item" aria-current="page">
Current page
</li>
</ol>
</nav>
</header>
<header data-centered>
<h1>Dettaglio ordine <strong>n° 86796</strong></h1>
<p class="u-typo-level-4 u-mb-space-4"><strong>Il pagamento non è andato a buon fine</strong></p>
<div class="u-typo-level-3">
<p>La tua prenotazione è valida fino alle 16:11, poi verrà annullata automaticamente.</p>
<p>Completa il pagamento per non perdere il tuo parcheggio.</p>
</div>
<button type="button" class="c-button c-button--submit">
Paga ora
</button>
</header>
<div class="u-wrapped u-mb-space-40">
<div class="c-order-recap">
<div class="c-order-recap__block">
<p class="c-order-recap__block-title">Stato</p>
<div class="c-order-recap__block-content">
<span class="c-rounded-label c-rounded-label--relevant c-rounded-label--small" aria-label="">
Da pagare entro le ore [16:11]
</span>
</div>
</div>
<div class="c-order-recap__block">
<p class="c-order-recap__block-title">Data di acquisto</p>
<div class="c-order-recap__block-content">
<p class="c-order-recap__block-text">10/09/2017</p>
</div>
</div>
<div class="c-order-recap__block">
<p class="c-order-recap__block-title">Modalità di pagamento</p>
<div class="c-order-recap__block-content">
<p class="c-order-recap__block-text">Carta di credito, Voucher</p>
</div>
</div>
<div class="c-order-recap__block">
<p class="c-order-recap__block-title">Fattura</p>
<div class="c-order-recap__block-content">
<p class="c-order-recap__block-text">Non richiesta</p>
</div>
</div>
</div>
</div>
<div class="u-wrapped u-mb-space-40">
<div class="c-order-recap">
<div class="c-order-recap__block">
<p class="c-order-recap__block-title">Stato</p>
<div class="c-order-recap__block-content">
<span class="c-rounded-label c-rounded-label--positive c-rounded-label--small" aria-label="">
Pagamento ricevuto
</span>
</div>
</div>
<div class="c-order-recap__block">
<p class="c-order-recap__block-title">Data di acquisto</p>
<div class="c-order-recap__block-content">
<p class="c-order-recap__block-text">10/09/2017</p>
</div>
</div>
<div class="c-order-recap__block">
<p class="c-order-recap__block-title">Modalità di pagamento</p>
<div class="c-order-recap__block-content">
<p class="c-order-recap__block-text">Carta di credito, Voucher</p>
</div>
</div>
<div class="c-order-recap__block">
<p class="c-order-recap__block-title">Fattura</p>
<div class="c-order-recap__block-content">
<div class="c-order-recap__billing">
<div class="c-pictogram">
<span class="c-pictogram__icon">
<svg class="c-icon--24 u-color-positive">
<use xlink:href="#ic-confirm-24px"></use>
</svg> </span>
<p class="c-pictogram__text">Richiesta</p>
</div> <button type="button" class="c-button c-button--as-link billing-button js-fr-dialogmodal-open" aria-controls="dialog-billing-info">
Dati fatturazione
</button>
</div>
</div>
</div>
</div>
</div>
<div class="u-wrapped u-mb-space-40">
<div class="c-order-recap">
<div class="c-order-recap__block">
<p class="c-order-recap__block-title">Stato</p>
<div class="c-order-recap__block-content">
<span class="c-rounded-label c-rounded-label--positive c-rounded-label--small" aria-label="">
Pagamento ricevuto
</span>
</div>
</div>
<div class="c-order-recap__block">
<p class="c-order-recap__block-title">Data di acquisto</p>
<div class="c-order-recap__block-content">
<p class="c-order-recap__block-text">10/09/2017</p>
</div>
</div>
<div class="c-order-recap__block">
<p class="c-order-recap__block-title">Modalità di pagamento</p>
<div class="c-order-recap__block-content">
<p class="c-order-recap__block-text">Carta di credito, Voucher</p>
</div>
</div>
<div class="c-order-recap__block">
<p class="c-order-recap__block-title">Fattura</p>
<div class="c-order-recap__block-content">
<p class="c-order-recap__block-text">Non richiesta</p>
</div>
</div>
</div>
</div>
<div class="l-order-detail__orders">
<div class="c-check-in c-check-in--static">
<div class="c-check-in__wrapper">
<div class="c-check-in__summary">
<div class="c-check-in__product">
<img src="/images/svgs/p1.svg" alt="Parcheggio P1" class="c-check-in__product-img">
</div>
<div class="c-check-in__details">
<div class="block-date">
<div class="block-date__item">
<p><strong>Entrata</strong></p>
<p class="text-value">Dal <strong>15/03/2025</strong></p>
<p class="text-value">ore <strong>9:30</strong></p>
</div>
<div class="block-date__item">
<p><strong>Uscita</strong></p>
<p class="text-value">Al <strong>16/03/2025</strong></p>
<p class="text-value">ore <strong>19:30</strong></p>
</div>
</div>
<div class="booking-data-container">
<div class="block-booking-data">
<p><strong>Dati prenotazione</strong></p>
<div class="c-pictogram">
<span class="c-pictogram__icon">
<svg class="c-icon--24 u-color-night-40">
<use xlink:href="#ic_assigned_user_24px"></use>
</svg> </span>
<p class="c-pictogram__text">Mario Rossi</p>
</div>
<div class="c-pictogram">
<span class="c-pictogram__icon">
<svg class="c-icon--24">
<use xlink:href="#ic_directions_car_black_24px"></use>
</svg> </span>
<p class="c-pictogram__text">EB531LM</p>
</div>
</div>
<div class="block-booking-data">
<p><strong>Codice</strong></p>
<p>1102935</p>
<div><a href="#">
Vai alla prenotazione
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_chevron_right_black_24px"></use>
</svg></a></div>
</div>
</div>
</div>
<div class="c-check-in__price">
<p class="initial-price">40,00 €</p>
<p class="final-price">20,00 €</p>
</div>
</div>
</div>
<div class="c-check-in__fold">
<div class="c-fold">
<div class="c-fold__summary">
<p class="c-fold__summary-text">Non puoi più partire? Puoi annullare questo parcheggio e ottenere un voucher di pari importo fino alle [ore] del [giorno]</p>
<button class="c-button c-button--ghost c-fold__summary-cta js-fr-dialogmodal-open" aria-controls="confirmation-dialog-voucher-request">Annulla ordine</button>
</div>
</div>
<div class="c-dialog js-fr-dialogmodal c-dialog--medium" id="confirmation-dialog-voucher-request">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="confirmation-dialog-voucher-request-dialog-title">
<div role="document">
<img src="../../images/svgs/stk_MyBLQ.svg" class="c-dialog__img" alt="">
<p class="c-dialog__title" id="confirmation-dialog-voucher-request-dialog-title" aria-hidden="true">Stai annullando un ordine</p>
<div class="c-dialog__text c-dialog__text--centered">
<p>Come riportato nelle <a href="#" target="_blank">condizioni di vendita</a>, <strong>entro 24 ore prima dell’inizio della sosta</strong> acquistata puoi annullare l'ordine e ottenere un voucher digitale parcheggi, di importo pari al parcheggio non usufruito, spendibile entro un anno all'interno del nostro e-commerce, esclusivamente per l’acquisto di parcheggi.</p>
</div>
<div class="u-centered u-mt-space-16">
<button type="button" class="c-button c-button--submit">
Sì, procedo
</button>
<div class="u-mt-space-16"><button type="button" class="c-button c-button--as-link u-color-night-100">
No, non mi interessa
</button></div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
</div>
</div>
<div class="c-check-in c-check-in--static">
<div class="c-check-in__wrapper">
<div class="c-check-in__summary">
<div class="c-check-in__product">
<img src="/images/svgs/p1.svg" alt="Parcheggio P1" class="c-check-in__product-img">
</div>
<div class="c-check-in__details">
<div class="block-date">
<div class="block-date__item">
<p><strong>Entrata</strong></p>
<p class="text-value">Dal <strong>15/03/2025</strong></p>
<p class="text-value">ore <strong>9:30</strong></p>
</div>
<div class="block-date__item">
<p><strong>Uscita</strong></p>
<p class="text-value">Al <strong>16/03/2025</strong></p>
<p class="text-value">ore <strong>19:30</strong></p>
</div>
</div>
<div class="booking-data-container">
<div class="block-booking-data">
<p><strong>Dati prenotazione</strong></p>
<div class="c-pictogram">
<span class="c-pictogram__icon">
<svg class="c-icon--24 u-color-night-40">
<use xlink:href="#ic_assigned_user_24px"></use>
</svg> </span>
<p class="c-pictogram__text">Mario Rossi</p>
</div>
<div class="c-pictogram">
<span class="c-pictogram__icon">
<svg class="c-icon--24">
<use xlink:href="#ic_directions_car_black_24px"></use>
</svg> </span>
<p class="c-pictogram__text">EB531LM</p>
</div>
</div>
<div class="block-booking-data">
<p><strong>Codice</strong></p>
<p>1102935</p>
<div><a href="#">
Vai alla prenotazione
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_chevron_right_black_24px"></use>
</svg></a></div>
</div>
</div>
</div>
<div class="c-check-in__price">
<div class="assigned">
<span class="c-rounded-label c-rounded-label--grey c-rounded-label--small" aria-label="">
<strong>Annullato</strong>
</span>
</div>
<p class="initial-price">40,00 €</p>
<p class="final-price">20,00 €</p>
</div>
</div>
</div>
<div class="c-check-in__fold">
<div class="c-fold">
<div class="c-fold__summary">
<p class="c-fold__summary-text">Il giorno [data] hai annullato quest’ordine e ottenuto un voucher di pari importo spendibile sul nostro e-commerce</p>
<a href="#" class="c-fold__summary-cta">Vedi voucher [12345]</a>
</div>
</div>
</div>
</div>
<div class="c-check-in c-check-in--static">
<div class="c-check-in__wrapper">
<div class="c-check-in__summary">
<div class="c-check-in__product">
<img src="/images/svgs/p1.svg" alt="Parcheggio P1" class="c-check-in__product-img">
</div>
<div class="c-check-in__details">
<div class="block-date">
<div class="block-date__item">
<p><strong>Entrata</strong></p>
<p class="text-value">Dal <strong>15/03/2025</strong></p>
<p class="text-value">ore <strong>9:30</strong></p>
</div>
<div class="block-date__item">
<p><strong>Uscita</strong></p>
<p class="text-value">Al <strong>16/03/2025</strong></p>
<p class="text-value">ore <strong>19:30</strong></p>
</div>
</div>
<div class="booking-data-container">
<div class="block-booking-data">
<p><strong>Dati prenotazione</strong></p>
<div class="c-pictogram">
<span class="c-pictogram__icon">
<svg class="c-icon--24 u-color-night-40">
<use xlink:href="#ic_assigned_user_24px"></use>
</svg> </span>
<p class="c-pictogram__text">Mario Rossi</p>
</div>
<div class="c-pictogram">
<span class="c-pictogram__icon">
<svg class="c-icon--24">
<use xlink:href="#ic_directions_car_black_24px"></use>
</svg> </span>
<p class="c-pictogram__text">EB531LM</p>
</div>
</div>
<div class="block-booking-data">
<p><strong>Codice</strong></p>
<p>1102935</p>
<div><a href="#">
Vai alla prenotazione
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_chevron_right_black_24px"></use>
</svg></a></div>
</div>
</div>
</div>
<div class="c-check-in__price">
<p class="initial-price">40,00 €</p>
<p class="final-price">20,00 €</p>
</div>
</div>
</div>
<div class="c-check-in__fold">
<div class="c-fold">
<div class="c-fold__summary">
<p class="c-fold__summary-text"><strong>Hai avuto problemi con questo parcheggio?</strong> Puoi fare una richiesta di rimborso fino alle [ore] del [giorno] </p>
<button class="c-button c-button--ghost js-btn-fold-toggle" data-show-text="Richiedi rimborso" data-hide-text="Annulla" aria-expanded="false" aria-controls="fold-details">Richiedi rimborso</button>
</div>
<div id="fold-details" class="c-fold__details" aria-hidden="true">
<div>
<h2 class="u-typo-level-3 u-typo-weight-bold u-mb-space-8">Hai bisogno di richiedere un rimborso per questo ordine?</h2>
<p>Come riportato nelle <a href="#">condizioni di vendita</a>, entro 6 mesi dal mancato ingresso nel parcheggio hai <strong>diritto ad un riaccredito se rientri in uno dei seguenti casi</strong>:</p>
<ul class="c-list--bulleted u-mt-space-8">
<li>Doppio pagamento (es. online + telepedaggio) </li>
<li>Malfunzionamento impianti</li>
<li>Chiusura dell’aeroporto</li>
<li>Volo cancellato o dirottato in partenza su altro scalo.</li>
</ul>
</div>
<div class="c-voucher-main-form">
<div class="c-voucher-main-form__reasons">
<p class="u-typo-level-3 u-typo-weight-bold u-color-night-120">Indica il motivo della tua richiesta</p>
<div class="c-voucher-main-form__option">
<div class="c-selection c-selection--expandable">
<input class="c-selection__radio u-visuallyhidden" type="radio" name="voucher-reason" id="voucher-reason-double-payment-49">
<div class="text-container">
<div class="c-selection__input"></div>
<p class="c-selection__text">Ho pagato per errore due volte lo stesso parcheggio</p>
</div>
<label class="c-selection__label" for="voucher-reason-double-payment-49">
<span class="u-visuallyhidden">Ho pagato per errore due volte lo stesso parcheggio</span>
</label>
<div class="c-selection__fold">
<div class="c-voucher-partial-form">
<div class="c-voucher-partial-form__fieldset">
<p class="u-typo-level-2 u-typo-weight-bold u-mb-space-32">Per procedere al rimborso carica la seconda ricevuta del pagamento.</p>
<div class="c-form">
<div class="c-voucher-partial-form__control">
<label for="input-payment-receipt" class="is-positive" aria-label="">
Ricevuta di pagamento <span class="required-marker" aria-hidden="true">*</span>
<input id="input-payment-receipt" type="file" class="" placeholder="" value="" aria-describedby="file-note" multiple>
<p class="c-field__note " id="file-note">
File accettati: .pdf, .png, .jpg. Dimensione massima 3MB
</p>
</label>
<p class="c-field__note" id="" aria-hidden="true">
</p>
</div>
<div class="c-voucher-partial-form__control">
<label for="double-payment-textarea-field" class="" aria-label="">
Info aggiuntive:
<textarea id="double-payment-textarea-field" placeholder="" class="" rows="5" aria-describedby="double-payment-textarea-note"></textarea>
<em class="c-field__note " id="double-payment-textarea-note">
Massimo 500 caratteri
</em>
</label>
</div>
</div>
<p class="u-typo-level-1 u-mt-space-32"><sup>*</sup>Campi obbligatori</p>
</div>
</div>
</div>
</div>
</div>
<div class="c-voucher-main-form__option">
<div class="c-selection c-selection--expandable">
<input class="c-selection__radio u-visuallyhidden" type="radio" name="voucher-reason" id="voucher-reason-malfunction-83">
<div class="text-container">
<div class="c-selection__input"></div>
<p class="c-selection__text">Malfunzionamento di impianti od apparecchiature dell'Aeroporto di Bologna</p>
</div>
<label class="c-selection__label" for="voucher-reason-malfunction-83">
<span class="u-visuallyhidden">Malfunzionamento di impianti od apparecchiature dell'Aeroporto di Bologna</span>
</label>
<div class="c-selection__fold">
<div class="c-voucher-partial-form">
<div class="c-voucher-partial-form__fieldset c-form">
<div class="c-voucher-partial-form__control">
<label for="malfunction-textarea-field" class="" aria-label="">
Descrivi il malfunzionamento: <span class="required-marker" aria-hidden="true">*</span>
<textarea id="malfunction-textarea-field" placeholder="" class="" rows="5" required aria-required="true" aria-describedby="malfunction-textarea-note"></textarea>
<em class="c-field__note " id="malfunction-textarea-note">
Massimo 500 caratteri
</em>
</label>
</div>
<p class="u-typo-level-2 u-mt-space-32 u-mb-space-16">Se hai della documentazione a supporto della tua richiesta, puoi caricarla qui:</p>
<div class="c-voucher-partial-form__control">
<label for="input-file-malfunction" class="is-positive" aria-label="">
Carica file (facoltativo)
<input id="input-file-malfunction" type="file" class="" placeholder="" value="" aria-describedby="file-note" multiple>
<p class="c-field__note " id="file-note">
File accettati: .pdf, .png, .jpg. Dimensione massima 3MB
</p>
</label>
<p class="c-field__note" id="" aria-hidden="true">
</p>
</div>
<p class="u-typo-level-1 u-mt-space-32"><sup>*</sup>Campi obbligatori</p>
</div>
</div>
</div>
</div>
</div>
<div class="c-voucher-main-form__option">
<div class="c-selection c-selection--expandable">
<input class="c-selection__radio u-visuallyhidden" type="radio" name="voucher-reason" id="voucher-reason-airport-issue-88">
<div class="text-container">
<div class="c-selection__input"></div>
<p class="c-selection__text">L’Aeroporto di Bologna era chiuso</p>
</div>
<label class="c-selection__label" for="voucher-reason-airport-issue-88">
<span class="u-visuallyhidden">L’Aeroporto di Bologna era chiuso</span>
</label>
<div class="c-selection__fold">
<div class="c-voucher-partial-form">
<div class="c-voucher-partial-form__fieldset c-form">
<div class="c-voucher-partial-form__control">
<label for="malfunction-textarea-field" class="" aria-label="">
Maggiori dettagli:
<textarea id="malfunction-textarea-field" placeholder="" class="" rows="5" aria-describedby="malfunction-textarea-note"></textarea>
<em class="c-field__note " id="malfunction-textarea-note">
Massimo 500 caratteri
</em>
</label>
</div>
<p class="u-typo-level-2 u-mt-space-32 u-mb-space-16">Se hai della documentazione a supporto della tua richiesta, puoi caricarla qui:</p>
<div class="c-voucher-partial-form__control">
<label for="input-file-malfunction" class="is-positive" aria-label="">
Carica file (facoltativo)
<input id="input-file-malfunction" type="file" class="" placeholder="" value="" aria-describedby="file-note" multiple>
<p class="c-field__note " id="file-note">
File accettati: .pdf, .png, .jpg. Dimensione massima 3MB
</p>
</label>
<p class="c-field__note" id="" aria-hidden="true">
</p>
</div>
<p class="u-typo-level-1 u-mt-space-32"><sup>*</sup>Campi obbligatori</p>
</div>
</div>
</div>
</div>
</div>
<div class="c-voucher-main-form__option">
<div class="c-selection c-selection--expandable">
<input class="c-selection__radio u-visuallyhidden" type="radio" name="voucher-reason" id="voucher-reason-flight-40">
<div class="text-container">
<div class="c-selection__input"></div>
<p class="c-selection__text">Il mio volo aereo è stato cancellato o dirottato su altro scalo</p>
</div>
<label class="c-selection__label" for="voucher-reason-flight-40">
<span class="u-visuallyhidden">Il mio volo aereo è stato cancellato o dirottato su altro scalo</span>
</label>
<div class="c-selection__fold">
<div class="c-voucher-partial-form">
<div class="c-voucher-partial-form__fieldset c-form">
<p class="u-typo-level-2 u-mb-space-32">Inserisci il codice del volo.</p>
<div grid="grid">
<div grid="6@sm">
<div class="c-voucher-partial-form__control">
<label for="input-departure-date" class="is-datepicker" aria-label="Scegli la data di partenza del volo">
Data di partenza <span class="required-marker" aria-hidden="true">*</span>
<input id="input-departure-date" type="date" class="" placeholder="" value="">
</label>
</div>
</div>
<div grid="6@sm">
<div class="c-voucher-partial-form__control">
<label for="input-flight-number" class="" aria-label="">
Numero volo <span class="required-marker" aria-hidden="true">*</span>
<input id="input-flight-number" type="text" class="" placeholder="" value="">
</label>
</div>
</div>
</div>
<p class="u-typo-level-1 u-mt-space-32"><sup>*</sup>Campi obbligatori</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="c-voucher-main-form__footer">
<div class="c-voucher-main-form__actions">
<div><button type="button" class="c-button c-button--submit js-fr-dialogmodal-open" aria-controls="confirmation-dialog-refund">
Richiedi il rimborso
</button></div>
<div><button type="button" class="c-button c-button--as-link js-btn-close-fold" id="btn-cancel-form-request">
Annulla
</button></div>
</div>
</div>
</div>
</div>
</div>
<div class="c-dialog js-fr-dialogmodal c-dialog--medium" id="confirmation-dialog-refund">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="confirmation-dialog-refund-dialog-title">
<div role="document">
<img src="../../images/svgs/stk_MyBLQ.svg" class="c-dialog__img" alt="">
<p class="c-dialog__title" id="confirmation-dialog-refund-dialog-title" aria-hidden="true">Confermi la richiesta di rimborso?</p>
<div class="c-dialog__text c-dialog__text--centered">
<p>Se la tua richiesta verrà accettata, ti verranno riaccreditati 10 € <strong>entro 60 giorni</strong> sullo stesso metodo di pagamento utilizzato per l’acquisto. L'esito della tua richiesta ti sarà comunicato al tuo indirizzo email [mail profilo myblq].</p>
<p>Vuoi procedere?</p>
</div>
<div class="u-centered u-mt-space-16">
<button type="button" class="c-button c-button--submit">
Sì, procedo
</button>
<div class="u-mt-space-16"><button type="button" class="c-button c-button--as-link u-color-night-100">
No, rivedo le informazioni
</button></div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
</div>
</div>
<div class="c-check-in c-check-in--static">
<div class="c-check-in__wrapper">
<div class="c-check-in__summary">
<div class="c-check-in__product">
<img src="/images/svgs/p1.svg" alt="Parcheggio P1" class="c-check-in__product-img">
</div>
<div class="c-check-in__details">
<div class="block-date">
<div class="block-date__item">
<p><strong>Entrata</strong></p>
<p class="text-value">Dal <strong>15/03/2025</strong></p>
<p class="text-value">ore <strong>9:30</strong></p>
</div>
<div class="block-date__item">
<p><strong>Uscita</strong></p>
<p class="text-value">Al <strong>16/03/2025</strong></p>
<p class="text-value">ore <strong>19:30</strong></p>
</div>
</div>
<div class="booking-data-container">
<div class="block-booking-data">
<p><strong>Dati prenotazione</strong></p>
<div class="c-pictogram">
<span class="c-pictogram__icon">
<svg class="c-icon--24 u-color-night-40">
<use xlink:href="#ic_assigned_user_24px"></use>
</svg> </span>
<p class="c-pictogram__text">Mario Rossi</p>
</div>
<div class="c-pictogram">
<span class="c-pictogram__icon">
<svg class="c-icon--24">
<use xlink:href="#ic_directions_car_black_24px"></use>
</svg> </span>
<p class="c-pictogram__text">EB531LM</p>
</div>
</div>
<div class="block-booking-data">
<p><strong>Codice</strong></p>
<p>1102935</p>
<div><a href="#">
Vai alla prenotazione
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_chevron_right_black_24px"></use>
</svg></a></div>
</div>
</div>
</div>
<div class="c-check-in__price">
<div class="assigned">
<span class="c-rounded-label c-rounded-label--relevant c-rounded-label--small" aria-label="">
In fase di verifica
</span>
</div>
<p class="initial-price">40,00 €</p>
<p class="final-price">20,00 €</p>
</div>
</div>
</div>
<div class="c-check-in__fold">
<div class="c-fold">
<div class="c-fold__summary">
<p class="c-fold__summary-text">Stiamo verificando che sussistano le condizioni per procedere al rimborso che hai richiesto il giorno [data]</p>
</div>
</div>
</div>
</div>
<div class="c-check-in c-check-in--static">
<div class="c-check-in__wrapper">
<div class="c-check-in__summary">
<div class="c-check-in__product">
<img src="/images/svgs/p1.svg" alt="Parcheggio P1" class="c-check-in__product-img">
</div>
<div class="c-check-in__details">
<div class="block-date">
<div class="block-date__item">
<p><strong>Entrata</strong></p>
<p class="text-value">Dal <strong>15/03/2025</strong></p>
<p class="text-value">ore <strong>9:30</strong></p>
</div>
<div class="block-date__item">
<p><strong>Uscita</strong></p>
<p class="text-value">Al <strong>16/03/2025</strong></p>
<p class="text-value">ore <strong>19:30</strong></p>
</div>
</div>
<div class="booking-data-container">
<div class="block-booking-data">
<p><strong>Dati prenotazione</strong></p>
<div class="c-pictogram">
<span class="c-pictogram__icon">
<svg class="c-icon--24 u-color-night-40">
<use xlink:href="#ic_assigned_user_24px"></use>
</svg> </span>
<p class="c-pictogram__text">Mario Rossi</p>
</div>
<div class="c-pictogram">
<span class="c-pictogram__icon">
<svg class="c-icon--24">
<use xlink:href="#ic_directions_car_black_24px"></use>
</svg> </span>
<p class="c-pictogram__text">EB531LM</p>
</div>
</div>
<div class="block-booking-data">
<p><strong>Codice</strong></p>
<p>1102935</p>
<div><a href="#">
Vai alla prenotazione
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_chevron_right_black_24px"></use>
</svg></a></div>
</div>
</div>
</div>
<div class="c-check-in__price">
<div class="assigned">
<span class="c-rounded-label c-rounded-label--grey c-rounded-label--small" aria-label="">
<strong>Annullato</strong>
</span>
</div>
<p class="initial-price">40,00 €</p>
<p class="final-price">20,00 €</p>
</div>
</div>
</div>
<div class="c-check-in__fold">
<div class="c-fold c-fold--result">
<div class="c-fold__summary">
<p class="c-fold__summary-text">Il giorno [data] hai richiesto un rimborso per questo parcheggio. Esito della richiesta:</p>
<div class="refund-result c-fold__summary-cta">
<svg class="c-icon c-icon--24 c-icon--positive">
<use xlink:href="#ic-confirm-24px"></use>
</svg> <button class="c-button c-button--as-link c-fold__summary-cta js-fr-dialogmodal-open" aria-controls="result-dialog-positive">Rimborso approvato</button>
</div>
</div>
</div>
<div class="c-dialog js-fr-dialogmodal c-dialog--medium" id="result-dialog-positive">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="result-dialog-positive-dialog-title">
<div role="document">
<p class="c-dialog__title" id="result-dialog-positive-dialog-title" aria-hidden="true">Esito richiesta</p>
<div class="c-dialog__text c-dialog__text--centered">
<p>La tua richiesta di rimborso è stata <strong>accettata</strong>.</p>
<p>Il riaccredito di <strong>10€</strong> avverrà entro 60 giorni dalla richiesta di rimborso.</p>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
</div>
</div>
<div class="c-check-in c-check-in--static">
<div class="c-check-in__wrapper">
<div class="c-check-in__summary">
<div class="c-check-in__product">
<img src="/images/svgs/p1.svg" alt="Parcheggio P1" class="c-check-in__product-img">
</div>
<div class="c-check-in__details">
<div class="block-date">
<div class="block-date__item">
<p><strong>Entrata</strong></p>
<p class="text-value">Dal <strong>15/03/2025</strong></p>
<p class="text-value">ore <strong>9:30</strong></p>
</div>
<div class="block-date__item">
<p><strong>Uscita</strong></p>
<p class="text-value">Al <strong>16/03/2025</strong></p>
<p class="text-value">ore <strong>19:30</strong></p>
</div>
</div>
<div class="booking-data-container">
<div class="block-booking-data">
<p><strong>Dati prenotazione</strong></p>
<div class="c-pictogram">
<span class="c-pictogram__icon">
<svg class="c-icon--24 u-color-night-40">
<use xlink:href="#ic_assigned_user_24px"></use>
</svg> </span>
<p class="c-pictogram__text">Mario Rossi</p>
</div>
<div class="c-pictogram">
<span class="c-pictogram__icon">
<svg class="c-icon--24">
<use xlink:href="#ic_directions_car_black_24px"></use>
</svg> </span>
<p class="c-pictogram__text">EB531LM</p>
</div>
</div>
<div class="block-booking-data">
<p><strong>Codice</strong></p>
<p>1102935</p>
<div><a href="#">
Vai alla prenotazione
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_chevron_right_black_24px"></use>
</svg></a></div>
</div>
</div>
</div>
<div class="c-check-in__price">
<p class="initial-price">40,00 €</p>
<p class="final-price">20,00 €</p>
</div>
</div>
</div>
<div class="c-check-in__fold">
<div class="c-fold c-fold--result">
<div class="c-fold__summary">
<p class="c-fold__summary-text">Il giorno [data] hai richiesto un rimborso per questo parcheggio. Esito della richiesta:</p>
<div class="refund-result c-fold__summary-cta">
<svg class="c-icon c-icon--24 c-icon--negative">
<use xlink:href="#ic_cancel_black_24px"></use>
</svg> <button class="c-button c-button--as-link c-fold__summary-cta js-fr-dialogmodal-open" aria-controls="result-dialog-negative">Rimborso rifiutato</button>
</div>
</div>
</div>
<div class="c-dialog js-fr-dialogmodal c-dialog--medium" id="result-dialog-negative">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="result-dialog-negative-dialog-title">
<div role="document">
<p class="c-dialog__title" id="result-dialog-negative-dialog-title" aria-hidden="true">Esito richiesta</p>
<div class="c-dialog__text c-dialog__text--centered">
<p>La tua richiesta di rimborso del [25/04/2024] è stata <strong>rifiutata</strong>, per il seguente motivo:</p>
<p>[Motivazione inserita dall’operatore: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.]</p>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
</div>
</div>
<div class="c-check-in c-check-in--static">
<div class="c-check-in__wrapper">
<div class="c-check-in__summary">
<div class="c-check-in__product">
<img src="/images/svgs/p1.svg" alt="Parcheggio P1" class="c-check-in__product-img">
</div>
<div class="c-check-in__details">
<div class="block-date">
<div class="block-date__item">
<p><strong>Entrata</strong></p>
<p class="text-value">Dal <strong>15/03/2025</strong></p>
<p class="text-value">ore <strong>9:30</strong></p>
</div>
<div class="block-date__item">
<p><strong>Uscita</strong></p>
<p class="text-value">Al <strong>16/03/2025</strong></p>
<p class="text-value">ore <strong>19:30</strong></p>
</div>
</div>
<div class="booking-data-container">
<div class="block-booking-data">
<p><strong>Dati prenotazione</strong></p>
<div class="c-pictogram">
<span class="c-pictogram__icon">
<svg class="c-icon--24 u-color-night-40">
<use xlink:href="#ic_assigned_user_24px"></use>
</svg> </span>
<p class="c-pictogram__text">Mario Rossi</p>
</div>
<div class="c-pictogram">
<span class="c-pictogram__icon">
<svg class="c-icon--24">
<use xlink:href="#ic_directions_car_black_24px"></use>
</svg> </span>
<p class="c-pictogram__text">EB531LM</p>
</div>
</div>
<div class="block-booking-data">
<p><strong>Codice</strong></p>
<p>1102935</p>
<div><a href="#">
Vai alla prenotazione
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_chevron_right_black_24px"></use>
</svg></a></div>
</div>
</div>
</div>
<div class="c-check-in__price">
<p class="initial-price">40,00 €</p>
<p class="final-price">20,00 €</p>
</div>
</div>
</div>
<div class="c-check-in__fold">
<div class="c-fold">
<div class="c-fold__summary">
<p class="c-fold__summary-text">Per questo parcheggio non è più possibile chiedere un rimborso.</p>
</div>
</div>
</div>
</div>
</div>
<div class="l-order-detail__total-container">
<div class="l-order-detail__total-item">
<div class="c-total c-total--payment-type c-total--transparent">
<div class="c-total__values">
<div class="c-total__list">
<div class="list-item">
<div class="list-item__text">Totale parcheggio</div>
<div class="list-item__value">20,00 €</div>
</div>
<div class="list-item list-item--collapsible">
<div class="c-collapsible o-collapsible o-collapsible--raw o-collapsible--raw">
<p class="c-collapsible__title o-collapsible__title js-collapsible-title" id="">Voucher parcheggio (1)</p>
<div class="list-item list-item--small">
<div class="list-item__text">Voucher PARK12345MH</div>
<div class="list-item__value">10,00 €</div>
</div>
</div>
<div class="list-item__value list-item__value--abs">-10,00 €</div>
</div>
</div>
<div class="c-total__final-price">
<span class="c-total__label">Totale:</span><span class="c-total__price">
10,00 €
</span>
</div>
</div>
</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 js-fr-dialogmodal c-dialog--small" id="dialog-billing-info">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-billing-info-title">
<div role="document">
<p class="c-dialog__title" id="dialog-billing-info-title">Dati di fatturazione</p>
<div class="u-px-space-16 u-bg-color-sky-10 u-radius-8">
<div class="c-user-data c-user-data--recap c-user-data--raw">
<div class="c-user-data__body">
<div class="c-user-data__list">
<div class="c-user-data__list-item">
<div class="c-pictogram">
<span class="c-pictogram__icon">
<svg class="c-icon--24 u-color-night-40">
<use xlink:href="#ic-person-black-24px"></use>
</svg> </span>
<p class="c-pictogram__text">Mario Rossi</p>
</div>
</div>
<div class="c-user-data__list-item">
<div class="c-pictogram">
<p class="c-pictogram__text"><strong>Tangible Srl SB</strong></p>
</div>
</div>
<div class="c-user-data__list-item">
<div class="c-pictogram">
<p class="c-pictogram__text">Via del Triumvirato, 46 - 47890 Rimini, Rn</p>
</div>
</div>
<div class="c-user-data__list-item">
<div class="c-pictogram">
<p class="c-pictogram__text"><strong>P.iva / Cod fis.</strong> 03130760246 / 03130760246</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="c-media o-media u-mt-space-24">
<img class="c-media__figure o-media__figure" src="/images/svgs/pdf.svg" alt="Fattura n° 86796" height="" width="36">
<p class="c-media__body o-media__body">
Appena pronta, la fattura ti sarà inviata via mail.<br>Controlla la tua mail cercando con il n° ordine 86796
</p>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
</main>
<div class="c-prefooter " role="banner">
<div class="c-prefooter__inner">
<div class="c-prefooter__col">
<div class="c-prefooter__item">
<h2>Hai bisogno di aiuto?</h2>
<ul class="c-prefooter__list">
<li class="c-prefooter__faq">
<a href="#">Il presidio parcheggi è sempre aperto? <span aria-hidden="true">→</span></a>
</li>
<li class="c-prefooter__faq">
<a href="#">Ho smarrito il mio biglietto del parcheggio, cosa posso fare <span aria-hidden="true">→</span></a>
</li>
</ul>
</div>
</div>
<div class="c-prefooter__col">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/prefooter.png" alt="" height="" width="170">
<div class="c-media__body o-media__body">
</div>
</div>
<div class="c-prefooter__item">
<h2>Ti potrebbero servire</h2>
<ul class="c-prefooter__list">
<li class="c-prefooter__faq">
<a href="#">Assistenza Clienti <span aria-hidden="true">→</span></a>
</li>
<li class="c-prefooter__faq">
<a href="#">Info e reclami <span aria-hidden="true">→</span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="c-app-banner " aria-label="">
<div class="c-app-banner__inner">
<div class="c-app-banner__image">
<img class="c-app-banner__image--desktop" src="../../images/phone.png" alt="">
<img class="c-app-banner__image--mobile" src="../../images/phone-mobile.png" alt="">
</div>
<div class="c-app-banner__row">
<div class="c-app-banner__title">
<p>Porta BLQ sempre con te</p>
</div>
<div class="c-app-banner__links">
<p>Scarica l'app</p>
<ul>
<li>
<a href="#">
<img src="../../images/svgs/badge_appstore_it.svg" alt="Scarica su App Store" height="40">
</a>
</li>
<li>
<a href="#">
<img src="../../images/svgs/Google_Play_Store_badge_IT.svg" alt="Disponibile su Google Play" height="40">
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<footer class="c-footer ">
<div class='c-footer__inner'>
<div class="c-cityguide">
<div class="c-cityguide__brand">
<a href="" class="c-cityguide__logo">
<img src="../../images/svgs/logo-adb.svg" class="c-logo" alt="Homepage aeroporto di Bologna">
</a>
<div>
<div class="c-cityguide__socials">
<div class="c-socials">
<ul>
<li><a href="#" aria-label="instagram"><svg class="">
<use xlink:href="#ic-social-instagram"></use>
</svg></a></li>
<li><a href="#" aria-label="facebook"><svg class="">
<use xlink:href="#ic-social-facebook"></use>
</svg></a></li>
<li><a href="#" aria-label="twitter"><svg class="">
<use xlink:href="#ic-social-twitter"></use>
</svg></a></li>
<li><a href="#" aria-label="linkedin"><svg class="">
<use xlink:href="#ic-social-linkedin"></use>
</svg></a></li>
<li><a href="#" aria-label="youtube"><svg class="">
<use xlink:href="#ic-social-youtube"></use>
</svg></a></li>
</ul>
</div>
</div>
<div class="c-cityguide__lang">
<ul class="c-languages" aria-label="Seleziona la lingua del sito">
<li>
<a href="#" aria-label="Italiano">
ita
</a>
</li>
<li>
<a href="#" aria-label="Inglese">
eng
</a>
</li>
</ul>
</div>
<div class="c-cityguide__cta">
<p class="c-cityguide__text">Entra nel nostro team</p>
<a href="#" class="c-link c-link--sky ">
<span>Lavora con noi</span>
<svg class="svg-24">
<use xlink:href="#ic_chevron_right_black_24px"></use>
</svg></a>
</div>
</div>
</div>
<ul class="c-cityguide__nav" aria-label="Voli">
<strong aria-hidden="true">Voli</strong>
<li class="">
<a href="/components/preview/page-arrivals-departures#section-departures" aria-label="Voli in arrivo">
Voli in arrivo
</a>
</li>
<li class="">
<a href="/components/preview/page-arrivals-departures#section-arrivals" aria-label="Voli in partenza">
Voli in partenza
</a>
</li>
<li class="" data-label-content="Acquista online">
<a href="/components/preview/page-flights-destinations" aria-label="Destinazioni">
Destinazioni
</a>
</li>
</ul>
<ul class="c-cityguide__nav" aria-label="Parcheggi">
<strong aria-hidden="true">Parcheggi</strong>
<li class="" data-label-content="Acquista online">
<a href="/components/preview/page-parkings-home" aria-label="Parcheggia in Aeroporto">
Parcheggia in Aeroporto
</a>
</li>
<li class="">
<a href="/components/preview/page-rates-conventions" aria-label="Tariffe e Convenzioni">
Tariffe e Convenzioni
</a>
</li>
<li class="">
<a href="/components/preview/page-where-to-pay" aria-label="Come e dove pagare">
Come e dove pagare
</a>
</li>
<li class="">
<a href="#" aria-label="Passeggeri DPR 151/2012">
Passeggeri DPR 151/2012
</a>
</li>
</ul>
<ul class="c-cityguide__nav" aria-label="Shopping e servizi">
<strong aria-hidden="true">Shopping e servizi</strong>
<li class="">
<a href="#" aria-label="Negozi">
Negozi
</a>
</li>
<li class="">
<a href="#" aria-label="Ristoranti e Bar">
Ristoranti e Bar
</a>
</li>
<li class="">
<a href="#" aria-label="Servizi">
Servizi
</a>
</li>
<li class="" data-label-content="Acquista online">
<a href="#" aria-label="Lounge e Servizi VIP">
Lounge e Servizi VIP
</a>
</li>
</ul>
<ul class="c-cityguide__nav" aria-label="Necessità particolari">
<strong aria-hidden="true">Necessità particolari</strong>
<li class="">
<a href="/components/preview/page-home-assistenze" aria-label="Assistenze speciali">
<svg class=" c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg>
Assistenze speciali
</a>
</li>
<li class="">
<a href="/components/preview/page-routes-prm" aria-label="Famiglie e minori">
Famiglie e minori
</a>
</li>
<li class="">
<a href="/components/preview/page-routes-animals" aria-label="Animali al seguito">
Animali al seguito
</a>
</li>
</ul>
<ul class="c-cityguide__nav" aria-label="Info pratiche">
<strong aria-hidden="true">Info pratiche</strong>
<li class="">
<a href="#" aria-label="Documenti">
Documenti
</a>
</li>
<li class="">
<a href="#" aria-label="Bagagli">
Bagagli
</a>
</li>
<li class="">
<a href="#" aria-label="Controlli in aeroporto">
Controlli in aeroporto
</a>
</li>
<li class="">
<a href="#" aria-label="Mappe">
Mappe
</a>
</li>
<li class="">
<a href="#" aria-label="App BLQ">
App BLQ
</a>
</li>
<li class="">
<a href="#" aria-label="Free Wi-Fi">
Free Wi-Fi
</a>
</li>
</ul>
</div>
<div class="c-copyright">
<div class="c-copyright__credits">
<p>
<strong><span aria-hidden="true">©</span>
Copyright 2018 Aeroporto Guglielmo Marconi di Bologna S.p.A.</strong>
- Tutti i diritti riservati<br />
Via Triumvirato, 84 - 40132 Bologna (BO) - Italy - Partita IVA:
03145140376 - Capitale sociale 90.314.162,00 Euro i.v. - R.E.A. Bo N.
268716
</p>
<ul>
<li><a href="#">Credits</a></li>
<li><a href="#">Informativa cookie</a></li>
<li><a href="#">Informativa Privacy – Reg. UE n.679/2016 (“GDPR”) e Codice Privacy s.m.i.</a></li>
<li><a href="https://www.bologna-airport.it/System/files/2018/Parcheggi/InformativaVideosorveglianza.pdf">Informativa
privacy videosorveglianza</a></li>
<li><a href="#">Dichiarazione di accessibilità</a></li>
<li><a href="#">Lavora con noi</a></li>
</ul>
</div>
<div class="c-copyright__partners">
<a href="https://defence-industry-space.ec.europa.eu/eu-aeronautics-industry/alliance-zero-emission-aviation_en">
<img class="c-copyright__partner" src="../../images/AZEA_logo_colour.jpg" alt="Azea logo" />
</a>
<a href="https://www.bologna-airport.it/la-societa/sala-stampa/comunicati-stampa/netzero2050-l-aeroporto-di-bologna-si-impegna-a-raggiungere-%E2%80%9Cemissioni-zero%E2%80%9D-entro-il-2050/?idC=62420&idO=1699377&urlBack=back"><img class="c-copyright__partner" src="../../images/net_zero_logo.jpg" alt="Alt zero logo" />
</a>
<a href="https://www.bologna-airport.it/la-societa/sala-stampa/news/aeroporto-di-bologna-primo-in-italia-e-tra-i-primi-al-mondo-a-ricevere-l-aci-airport-health-accreditation-/?idC=62350&idO=1962968">
<img class="c-copyright__partner" src="../../images/aci_aha_2022.png" alt="ACI AHA logo" />
</a>
</div>
</div>
</div>
</footer>
<div class="c-dialog js-fr-dialogmodal " id="dialog-newsletter">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-newsletter-title">
<div role="document">
<p class="c-dialog__title" id="dialog-newsletter-title" aria-hidden="true">Iscriviti alla newsletter di Aeroporto di Bologna e riceverai periodicamente:</p>
<div class="c-advantages">
<div class="c-advantages__item">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/stk_faq.svg" alt="Promozioni" height="" width="100">
<div class="c-media__body o-media__body">
<strong>Promozioni su Parcheggi, VIP Lounge e Voli</strong><br>Resta aggiornato su promozioni riguardanti i parcheggi ufficiali dell’Aeroporto, la VIP Lounge e sui voli in partenza da Bologna.
</div>
</div>
</div>
<hr aria-hidden="true">
<div class="c-advantages__item">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/stk_faq.svg" alt="Informazioni" height="" width="100">
<div class="c-media__body o-media__body">
<strong>Informazioni su nuove tratte in partenza da Bologna</strong><br>Scopri in anteprima le tratte che potrai raggiungere con volo diretto da Bologna.
</div>
</div>
</div>
<hr aria-hidden="true">
<div class="c-advantages__item">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/stk_faq.svg" alt="Programmazione eventi" height="" width="100">
<div class="c-media__body o-media__body">
<strong>Programmazione eventi</strong><br>Ricevi le news riguardanti gli eventi esclusivi all’interno della Marconi Business Lounge.
</div>
</div>
</div>
</div>
<form class="c-form">
<label for="email-newsletter" class="" aria-label="">
Indirizzo e-mail <span class="required-marker" aria-hidden="true">*</span>
<input id="email-newsletter" type="email" class="" placeholder="Inserisci il tuo indirizzo e-mail" value="">
</label>
<input type="checkbox" id="agree-privacy" name="privacy" class="u-visuallyhidden " role="group" aria-label="agree-privacy">
<label for="agree-privacy" class="">
Ho letto e accettato <a href="#"><strong>l'informativa sulla privacy</strong></a>
</label> <button type="submit" class="c-button c-button--submit c-button--large">
Iscríviti
</button>
</form>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<script src="../../js/footer.min.js"></script>
<script>
$.tangible.shortcutNavigation();
// $.tangible.navToolbar();
$.tangible.notifications();
</script>
{{#extend "@template-master"}}
{{!-- HEADER --}}
{{#content "header"}}
{{ render "@header--logged" header merge=true }}
{{/content}}
{{!-- FOOTER --}}
{{#content "footer"}}
{{/content}}
{{!-- MAIN --}}
{{#content "main"}}
<header>
{{ render "@breadcrumb" breadcrumb merge=true }}
{{!-- {{> "@back" text="Torna indietro" modifier="is-dark" }} --}}
</header>
<header data-centered >
<h1>Dettaglio ordine <strong>n° 86796</strong></h1>
<p class="u-typo-level-4 u-mb-space-4"><strong>Il pagamento non è andato a buon fine</strong></p>
<div class="u-typo-level-3">
<p>La tua prenotazione è valida fino alle 16:11, poi verrà annullata automaticamente.</p>
<p>Completa il pagamento per non perdere il tuo parcheggio.</p>
</div>
{{> @button button-payment }}
</header>
<div class="u-wrapped u-mb-space-40">
{{> @order-recap order-recap-pending }}
</div>
<div class="u-wrapped u-mb-space-40">
{{> @order-recap order-recap-payed-billing }}
</div>
<div class="u-wrapped u-mb-space-40">
{{> @order-recap order-recap-payed }}
</div>
<div class="l-order-detail__orders">
{{ render "@check-in--static" check-in-voucher-request merge=true }}
{{ render "@check-in--static" check-in-voucher merge=true }}
{{ render "@check-in--static" check-in-refund merge=true }}
{{ render "@check-in--static" check-in-refund-pending merge=true }}
{{ render "@check-in--static" check-in-refund-positive merge=true }}
{{ render "@check-in--static" check-in-refund-negative merge=true }}
{{ render "@check-in--static" check-in-refund-expired merge=true }}
</div>
<div class="l-order-detail__total-container">
<div class="l-order-detail__total-item">
{{ render "@total--payment-type-complex" total-component merge=true }}
</div>
</div>
{{ render "@cards--geeky" }}
{{ render "@dialog--billing-info" }}
{{/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": "c-main-reservationList has-sky-bg",
"hidePrefooter": false,
"showAppBanner": true,
"header": {
"toolbar": {
"logged-user": true,
"recognized-user": false,
"anonymous-user": false
}
},
"button-payment": {
"modifier": "c-button--submit",
"type": "button",
"text": "Paga ora"
},
"order-recap-pending": {
"blocks": [
{
"title": "Stato",
"label": {
"text": "Da pagare entro le ore [16:11]",
"modifier": "c-rounded-label--relevant c-rounded-label--small"
}
},
{
"title": "Data di acquisto",
"text": "10/09/2017"
},
{
"title": "Modalità di pagamento",
"text": "Carta di credito, Voucher"
},
{
"title": "Fattura",
"text": "Non richiesta"
}
]
},
"order-recap-payed-billing": {
"blocks": [
{
"title": "Stato",
"label": {
"text": "Pagamento ricevuto",
"modifier": "c-rounded-label--positive c-rounded-label--small"
}
},
{
"title": "Data di acquisto",
"text": "10/09/2017"
},
{
"title": "Modalità di pagamento",
"text": "Carta di credito, Voucher"
},
{
"title": "Fattura",
"billing": {
"pictogram": {
"icon": {
"symbol": "ic-confirm-24px",
"class": "c-icon--24 u-color-positive"
},
"text": "Richiesta"
},
"button": {
"type": "button",
"text": "Dati fatturazione",
"modifier": "c-button--as-link billing-button js-fr-dialogmodal-open",
"opens-dialog": "dialog-billing-info"
}
}
}
]
},
"order-recap-payed": {
"blocks": [
{
"title": "Stato",
"label": {
"text": "Pagamento ricevuto",
"modifier": "c-rounded-label--positive c-rounded-label--small"
}
},
{
"title": "Data di acquisto",
"text": "10/09/2017"
},
{
"title": "Modalità di pagamento",
"text": "Carta di credito, Voucher"
},
{
"title": "Fattura",
"text": "Non richiesta"
}
]
},
"check-in-voucher-request": {
"rounded-label": null,
"has-fold": {
"componentName": "@fold--voucher-request",
"componentInstance": "fold-voucher-request"
}
},
"check-in-voucher": {
"has-fold": {
"componentName": "@fold--voucher",
"componentInstance": "fold-voucher"
}
},
"check-in-refund": {
"rounded-label": null,
"has-fold": {
"componentName": "@fold--refund-form",
"componentInstance": "fold-refund-form"
}
},
"check-in-refund-pending": {
"rounded-label": {
"text": "In fase di verifica",
"modifier": "c-rounded-label--relevant c-rounded-label--small"
},
"has-fold": {
"componentName": "@fold--refund-pending",
"componentInstance": "fold-pending"
}
},
"check-in-refund-positive": {
"has-fold": {
"componentName": "@fold--refund-positive",
"componentInstance": "fold-positive"
}
},
"check-in-refund-negative": {
"rounded-label": null,
"has-fold": {
"componentName": "@fold--refund-negative",
"componentInstance": "fold-negative"
}
},
"check-in-refund-expired": {
"rounded-label": null,
"has-fold": {
"componentName": "@fold--refund-expired",
"componentInstance": "fold-expired"
}
},
"total-component": {
"modifier": "c-total--transparent",
"total-price": "10,00 €",
"initial-total": "20,00 €",
"discount-total": "-10,00 €",
"payment-detail-text": null,
"label-product": "Totale parcheggio",
"list": [
{
"text": "Voucher PARK12345MH",
"value": "10,00 €"
}
],
"disclosure": {
"modifier": "o-collapsible--raw",
"title": "Voucher parcheggio (1)"
}
}
}
.l-order-detail__orders {
grid-column: main;
display: flex;
flex-direction: column;
gap: remify(32px);
}
.l-order-detail__total-container {
display: flex;
justify-content: flex-end;
margin-top: remify(40px);
grid-column: main;
}
.l-order-detail__total-item {
display: flex;
flex-direction: column;
flex: 1;
@include min-screen(remify(550px)) {
flex: 0 1 remify(400px);
}
}
No notes defined.