<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-success data-centered>
<h1>Dettaglio ordine</h1>
<p>
Ordine n° <strong>86796</strong> del 10/09/2017.
</p>
</header>
<div class="c-product c-product--recap c-product--park-recap">
<div class="c-product__info">
<div class="c-product__type">
<img src="/images/svgs/p1-2.svg" alt="Parcheggio P1 e P2">
<div class="c-product__park-infos">
<a href="#" class="c-link c-link--spaceless">
Guarda in mappa
<svg class="c-icon c-icon--16">
<use xlink:href="#ic_open_in_new_24px"></use>
</svg></a>
<button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-info">
Info parcheggio
<svg class="c-icon--16">
<use xlink:href="#ic-info-serif"></use>
</svg>
</button>
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P1 e P2">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Fronte aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
</ul>
</div>
</div>
<div class="c-product__schedule">
<div class="c-product__labels">
<span class="c-rounded-label c-rounded-label--positive" aria-label="Stato della prenotazione: Pagato">
Pagato
</span> <span class="c-rounded-label c-rounded-label--grey" aria-label="">
CODICE <strong>1102935</strong>
</span> <span class="c-rounded-label c-rounded-label--dark" aria-label="Nome Cliente Mario Rossi">
Mario Rossi
</span>
</div>
<div class="c-product__time">
<div class="c-time-detail c-time-detail--product">
<div class="c-time-detail__span">
<div class="u-color-sky-120"><strong>Entrata</strong></div>
<div>Dal
<strong>
<time datetime=2018/04/10>
10/04/2018
</time>
</strong>
</div>
<div>Ore <strong><time>20:30</time></strong></div>
</div>
</div>
<div class="c-time-detail c-time-detail--product">
<div class="c-time-detail__span">
<div class="u-color-sky-120"><strong>Uscita</strong></div>
<div>Dal
<strong>
<time datetime=2018/04/20>
20/04/2018
</time>
</strong>
</div>
<div>Ore <strong><time>20:30</time></strong></div>
</div>
</div>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">€ 92,00</span>
<strong class="c-product__value">€ 84,00</strong>
</div>
<div class="discount-text">
Tariffa totale per <strong>3 giorni</strong>
</div>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-"></p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=&zoom=&size=x&markers=&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-product c-product--recap c-product--payed qrcode">
<div class="c-product__info">
<div class="c-product__type">
<img src="/images/svgs/mbl.svg" alt="Mbl vip lounge">
<div class="c-product__park-infos">
<a href="#" class="c-link c-link--spaceless">
Guarda in mappa
<svg class="c-icon c-icon--16">
<use xlink:href="#ic_open_in_new_24px"></use>
</svg></a>
<button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-info">
Info parcheggio
<svg class="c-icon--16">
<use xlink:href="#ic-info-serif"></use>
</svg>
</button>
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche Mbl">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_flight_takeoff_black_24px"></use>
</svg> <span class="c-icon-list__text">Fast Track dedicato</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_wifi_black_24px"></use>
</svg> <span class="c-icon-list__text">WI-FI</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_weekend_black_24px"></use>
</svg> <span class="c-icon-list__text">Area relax e TV</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_free_breakfast_black_24px"></use>
</svg> <span class="c-icon-list__text">Lounge Bar e caffetteria</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-schedule-24px"></use>
</svg> <span class="c-icon-list__text"><span><b>Orari ridotti | Covid-19</b><br>Tutti i giorni 8:00 / 19:00</span></span>
</li>
</ul>
</div>
</div>
<div class="c-product__schedule">
<div class="c-product__labels">
<span class="c-rounded-label c-rounded-label--positive" aria-label="Stato della prenotazione: Pagato">
Pagato
</span> <span class="c-rounded-label c-rounded-label--grey" aria-label="">
CODICE <strong>1102935</strong>
</span> <span class="c-rounded-label c-rounded-label--dark" aria-label="Nome Cliente Mario Rossi">
Mario Rossi
</span>
</div>
<div class="c-product__time">
<div class="c-time-detail c-time-detail--product">
<div class="c-time-detail__span">
<div class="u-color-sky-120"><strong>Data di ingresso</strong></div>
<div>Dal
<strong>
<time datetime=2018/04/10>
10/04/2018
</time>
</strong>
</div>
</div>
</div>
</div>
<div class="c-product__passengers">
<svg class="c-icon c-icon--12">
<use xlink:href="#ic-passenger"></use>
</svg> 1 ingresso
</div>
<div class="c-product__details">
Il costo della sosta è calcolato in base ai dati dichiarati<br /> Il costo effettivo è legato alla reale durata della sosta
</div>
<div class="c-product__further">
<div class="c-product__further-item">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-print-black-24px"></use>
</svg>
<div class="js-product__print">
<button onclick="showLoadingPanel()" aria-label="Stampa la ricevuta del parcheggio" type="button">Stampa</button>
</div>
</div>
<div class="c-product__further-item">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-zoom-24px"></use>
</svg> <a href="../preview/page-reservation-detail.html" class="link--default">Mostra i dettagli</a>
</div>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="c-product__price-value">
<strong class="c-product__value">€ 28,00</strong>
</div>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="dialog-p1-p2">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-p2-dialog-p1-p2-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-p2-dialog-p1-p2-title">Informazioni sul Vip Lounge</p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=Parcheggio+P1,+40132+Bologna+BO&zoom=16&size=600x300&markers=Parcheggio+P1,+40132+Bologna+BO&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="Informazioni sul Vip Lounge">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-total c-total--payment-type ">
<div class="c-total__payment-detail-text">
<p>Metodo di pagamento: <strong>Carta di credito</strong></p>
<p>Parte della prenotazione è stata pagata con <strong>Voucher digitale</strong></p>
</div>
<div class="c-total__values">
<div class="c-total__list">
<div class="list-item">
<div class="list-item__text">Totale parcheggi</div>
<div class="list-item__value">€ 100,99</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 (3)</p>
<div class="list-item list-item--small">
<div class="list-item__text">Voucher PARK12345MH</div>
<div class="list-item__value">20,99€</div>
</div>
<div class="list-item list-item--small">
<div class="list-item__text">Voucher PARK12345MH</div>
<div class="list-item__value">20,99€</div>
</div>
<div class="list-item list-item--small">
<div class="list-item__text">Voucher PARK12345MH</div>
<div class="list-item__value">20,99€</div>
</div>
</div>
<div class="list-item__value list-item__value--abs">€ -62,80</div>
</div>
</div>
<div class="c-total__final-price">
<span class="c-total__label">Totale:</span><span class="c-total__price">
€ 83,40
</span>
</div>
</div>
</div>
<div grid="grid" class="u-mt-space-64">
<div grid="3@lg">
<h2 class="u-typo-level-6 u-color-night-100">Dati di fatturazione</h2>
<div class="c-user-data c-user-data--recap">
<div class="c-user-data__body">
<div class="c-user-data__list">
</div>
</div>
</div>
<div class="c-media o-media ">
<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>
</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 " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-" aria-hidden="true"></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>
<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-success data-centered>
<h1>Dettaglio ordine</h1>
<p>
Ordine n° <strong>86796</strong> del 10/09/2017.
</p>
</header>
{{ render "@product--park-recap" parking-item merge=true }}
{{ render "@product--mbl-recap" mbl-item merge=true }}
{{ render "@total--payment-type-complex" total merge=true }}
{{!-- {{ render "@total--payment-type" total merge=true }} --}}
<div grid="grid" class="u-mt-space-64">
<div grid="3@lg">
<h2 class="u-typo-level-6 u-color-night-100">Dati di fatturazione</h2>
{{> @user-data--raw-recap recap-billing }}
<div class="c-media o-media ">
<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>
</div>
</div>
{{ render "@cards--geeky" }}
{{!-- DIALOG --}}
{{#> @dialog result-dialog }}
<p class="c-dialog__title" id="{{ id }}-{{ dialog-labelledby }}" aria-hidden="true">{{ title }}</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>
{{/@dialog}}
{{!-- END DIALOG --}}
{{/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.