<a href='#maincontent' class='c-skip-navigation'>
Passa al contenuto principale
</a>
<header class="c-header c-header--progress">
<div class="c-header__inner">
<div class="c-header_orientation">
<div class="c-orientation ">
<div class="c-orientation__inner">
<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>
</div>
</div>
<div class="c-header__toolbar">
<div class='c-toolbar c-toolbar--minimal c-toolbar--progress'>
<div class='c-toolbar__inner'>
<div class='c-toolbar__left'>
<a href="" class='c-toolbar__logo'>
<img src="../../images/svgs/logo-adb.svg" class="c-logo" alt="Homepage aeroporto di Bologna">
</a>
</div>
<div class='c-toolbar__center'>
<ol class="c-progress" tabindex="0" role="progressbar" aria-valuemin="1" aria-valuemax="4" aria-valuenow="4" aria-valuetext="Step 4 di 4: ">
<li class="c-progress__step " data-step-complete>
<a href="" data-extra-text="">Scegli parcheggio</a>
</li>
<li class="c-progress__step " data-step-complete>
<a href="" data-extra-text="">Inserisci i dati</a>
</li>
<li class="c-progress__step " data-step-complete>
<a href="" data-extra-text="">Intestazione</a>
</li>
<li class="c-progress__step " data-step-current>
<a href="" data-extra-text="">Checkout</a>
</li>
</ol>
</div>
<div class='c-toolbar__right'>
<div class="c-toolbar__user">
</div>
<a href="#" class="c-link c-link--cart c-link--cart-large">
<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>
</div>
</div>
</div>
</div>
</header>
<div class='c-overlay'></div>
<main class="" id='maincontent'>
<div grid="grid" class="u-pt-space-64">
<div grid="4@lg offset-8@lg last@lg">
<div class="c-form">
<div class="block-desktop-cart">
<div class="c-cart">
<div class="c-cart__header">
<p class="c-cart__title">Il tuo carrello</p>
</div>
<div class="c-cart__body">
<div class="c-cart__items">
<div class="c-cart__item">
<div class="c-cart-item">
<div class="c-cart-item__block">
<div class="c-cart-item__img-container">
<img src="/images/svgs/p1.svg" alt="Parcheggio P1" class="c-cart-item__img">
</div>
<div class="c-cart-item__body">
<p class="c-cart-item__name">P1 Terminal</p>
<div class="c-cart-item__info">
<p class="start-date">10/03/2025</p>
<p class="end-date">15/03/2025</p>
<p class="qty">x2</p>
</div>
</div>
</div>
<div class="c-cart-item__block">
<p class="c-cart-item__price">15 €</p>
<div class="c-cart-item__cta">
<button type="button" class="c-cart-item__btn-delete js-fr-dialogmodal-open" aria-label="Elimina parcheggio" aria-controls="dialog-parking-item-deletion">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-trash"></use>
</svg> </button>
</div>
</div>
</div>
</div>
<div class="c-cart__item">
<div class="c-cart-item">
<div class="c-cart-item__block">
<div class="c-cart-item__img-container">
<img src="/images/svgs/p2.svg" alt="Parcheggio P2" class="c-cart-item__img">
</div>
<div class="c-cart-item__body">
<p class="c-cart-item__name">P2 Terminal</p>
<div class="c-cart-item__info">
<p class="start-date">16/03/2025</p>
<p class="end-date">20/03/2025</p>
<p class="qty">x2</p>
</div>
</div>
</div>
<div class="c-cart-item__block">
<p class="c-cart-item__price">15 €</p>
<div class="c-cart-item__cta">
<button type="button" class="c-cart-item__btn-delete js-fr-dialogmodal-open" aria-label="Elimina parcheggio" aria-controls="dialog-parking-item-deletion">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-trash"></use>
</svg> </button>
</div>
</div>
</div>
</div>
<div class="c-cart__item">
<div class="c-cart-item">
<div class="c-cart-item__block">
<div class="c-cart-item__img-container">
<img src="/images/svgs/p3.svg" alt="Parcheggio P3" class="c-cart-item__img">
</div>
<div class="c-cart-item__body">
<p class="c-cart-item__name">P3 Terminal</p>
<div class="c-cart-item__info">
<p class="start-date">21/03/2025</p>
<p class="end-date">25/03/2025</p>
<p class="qty">x2</p>
</div>
</div>
</div>
<div class="c-cart-item__block">
<p class="c-cart-item__price">15 €</p>
<div class="c-cart-item__cta">
<button type="button" class="c-cart-item__btn-delete js-fr-dialogmodal-open" aria-label="Elimina parcheggio" aria-controls="dialog-parking-item-deletion">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-trash"></use>
</svg> </button>
</div>
</div>
</div>
</div>
<div class="c-cart__item">
<div class="c-cart-item">
<div class="c-cart-item__block">
<div class="c-cart-item__img-container">
<img src="/images/svgs/p4.svg" alt="Parcheggio P4" class="c-cart-item__img">
</div>
<div class="c-cart-item__body">
<p class="c-cart-item__name">P4 Terminal</p>
<div class="c-cart-item__info">
<p class="start-date">26/03/2025</p>
<p class="end-date">30/03/2025</p>
<p class="qty">x2</p>
</div>
</div>
</div>
<div class="c-cart-item__block">
<p class="c-cart-item__price">15 €</p>
<div class="c-cart-item__cta">
<button type="button" class="c-cart-item__btn-delete js-fr-dialogmodal-open" aria-label="Elimina parcheggio" aria-controls="dialog-parking-item-deletion">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-trash"></use>
</svg> </button>
</div>
</div>
</div>
</div>
<div class="c-cart__item">
<div class="c-cart-item">
<div class="c-cart-item__block">
<div class="c-cart-item__img-container">
<img src="/images/svgs/p5.svg" alt="Parcheggio P5" class="c-cart-item__img">
</div>
<div class="c-cart-item__body">
<p class="c-cart-item__name">P5 Terminal</p>
<div class="c-cart-item__info">
<p class="start-date">31/03/2025</p>
<p class="end-date">05/04/2025</p>
<p class="qty">x2</p>
</div>
</div>
</div>
<div class="c-cart-item__block">
<p class="c-cart-item__price">15 €</p>
<div class="c-cart-item__cta">
<button type="button" class="c-cart-item__btn-delete js-fr-dialogmodal-open" aria-label="Elimina parcheggio" aria-controls="dialog-parking-item-deletion">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-trash"></use>
</svg> </button>
</div>
</div>
</div>
</div>
<div class="c-cart__item">
<div class="c-cart-item">
<div class="c-cart-item__block">
<div class="c-cart-item__img-container">
<img src="/images/svgs/p6.svg" alt="Parcheggio P6" class="c-cart-item__img">
</div>
<div class="c-cart-item__body">
<p class="c-cart-item__name">P6 Terminal</p>
<div class="c-cart-item__info">
<p class="start-date">04/05/2025</p>
<p class="end-date">07/05/2025</p>
<p class="qty">x2</p>
</div>
</div>
</div>
<div class="c-cart-item__block">
<p class="c-cart-item__price">15 €</p>
<div class="c-cart-item__cta">
<button type="button" class="c-cart-item__btn-delete js-fr-dialogmodal-open" aria-label="Elimina parcheggio" aria-controls="dialog-parking-item-deletion">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-trash"></use>
</svg> </button>
</div>
</div>
</div>
</div>
</div>
<div class="c-cart__vouchers">
<div class="c-cart__vouchers-disclosure">
<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 x3</p>
<div class="c-cart__voucher-items">
<div class="c-cart__voucher-item">
<div>
<span class="recap-label">Voucher TYPE8567MH</span>
</div>
<div>
<span class="final">- 20,99 €</span>
</div>
</div>
<div class="c-cart__voucher-item">
<div>
<span class="recap-label">Voucher TYPE1234KL</span>
</div>
<div>
<span class="final">- 40,00 €</span>
</div>
</div>
<div class="c-cart__voucher-item">
<div>
<span class="recap-label">Voucher TYPE9964IT</span>
</div>
<div>
<span class="final">- 20,40 €</span>
</div>
</div>
</div>
</div>
</div>
<div><span class="c-cart__vouchers-total">- 80,99 €</span></div>
</div>
</div>
<div class="c-cart__footer">
<div class="c-cart__total">
<p class="c-cart__total-label">Totale ordine</p>
<div class="c-cart__total-price">
<p class="initial-price">40,00 €</p>
<p class="final-price">20,00 €</p>
</div>
</div>
<div class="c-cart__cta">
<button type="submit" class="c-button c-button--submit">
Procedi
</button>
</div>
<p class="cta-secondary-text">Oppure fai una <button type="button" class="c-button c-button--as-link">
nuova ricerca
</button></p>
</div>
</div>
</div>
<div class="block-mobile-cart">
<div class="c-cart c-cart--mobile">
<div class="c-cart__mob-wrapper">
<div class="c-cart__cta"><button type="submit" class="c-button c-button--submit">
Procedi
</button></div>
<div class="right-block">
<a href="#" class="cart-link">Carrello</a>
<div class="c-cart__total-price">
<p class="initial-price">40,00 €</p>
<p class="final-price">20,00 €</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div grid="6@lg">
<h1 class="u-typo-level-6 u-color-night-100">Intestazione prenotazione</h1>
<div>
<div class="c-user-data c-user-data--recap">
<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"><strong>Mario Rossi</strong></p>
</div>
</div>
<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-email-black-24px"></use>
</svg> </span>
<p class="c-pictogram__text">mario.rossi@gmail.com</p>
</div>
</div>
<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-call-black-24px"></use>
</svg> </span>
<p class="c-pictogram__text">+39 333 12 34 567</p>
</div>
</div>
<div class="c-user-data__list-item">
<div class="c-pictogram">
<p class="c-pictogram__text">via Garibaldi, 25</p>
</div>
</div>
<div class="c-user-data__list-item">
<div class="c-pictogram">
<p class="c-pictogram__text">40123, Bologna</p>
</div>
</div>
<div class="c-user-data__list-item">
<div class="c-pictogram">
<p class="c-pictogram__text">Italia</p>
</div>
</div>
</div>
</div>
<div class="c-user-data__actions">
<div class="c-user-data__action">
<a href="#" class="c-link c-link--text-icon ">
<span>Modifica dati</span>
<svg class="svg-12">
<use xlink:href="#ic_mode_edit_black_24px"></use>
</svg></a>
</div>
</div>
</div>
</div>
<div class="u-mt-space-64">
<h2 class="u-typo-level-6 u-color-night-100">Metodi di pagamento</h2>
</div>
<form class="c-form u-mt-space-32 u-mt-space-64@md">
<div>
<div class="c-payment">
<div class="c-payment__header">
<img src="../../images/svgs/stk-coupon.svg" alt="" class="c-payment__header-img">
<p class="c-payment__title"><strong>Paga online</strong> - Risparmia 27€</p>
</div>
<ul class="c-payment__list c-form">
<li class="c-payment__list-item">
<div class="radio"><input type="radio" id="credit-cart" name="payment-methods" value="" class=" u-visuallyhidden">
<label class="" for="credit-cart">Carta di credito</label>
</div>
<div class="c-payment__pics" aria-label="Carte di credito accettate">
<img src="/images/svgs/visa2.svg" alt="Visa" class="c-payment__pic">
<img src="/images/svgs/mastercard2.svg" alt="Mastercard" class="c-payment__pic">
<img src="/images/svgs/amex.svg" alt="American Express" class="c-payment__pic">
<img src="/images/svgs/jcb.svg" alt="JCB" class="c-payment__pic">
</div>
</li>
<li class="c-payment__list-item">
<div class="radio"><input type="radio" id="satispay" name="payment-methods" value="" class=" u-visuallyhidden">
<label class="" for="satispay">Satispay</label>
</div>
<div class="c-payment__pics" aria-label="Carte di credito accettate">
<img src="/images/svgs/satispay.svg" alt="Satispay" class="c-payment__pic">
</div>
</li>
</ul>
<div class="c-payment__info"><button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-controls="dialog-online-payment-methods">
Informazioni sui pagamenti
</button></div>
</div>
</div>
<div class="u-mt-space-40">
<input type="checkbox" id="invoice" name="invoice" class="u-visuallyhidden u-chkbx-toggle" role="group" aria-label="invoice">
<label for="invoice" class="">
Desidero ricevere fattura per questa prenotazione
</label>
<div class="u-chkbx-toggleReceiver">
<div class="u-mt-space-24">
<div class="c-highlight c-highlight--warning">
<p><strong>Come utente privato non hai l’obbligo di fatturazione</strong></p>
<p>La fattura è obbligatoria solo se stai acquistando per un'azienda o un professionista con partita IVA. Se non hai bisogno di una fattura fiscale, il riepilogo d'ordine che riceverai via email sarà sufficiente come prova d'acquisto.</p>
</div>
</div>
<div class="u-mt-space-24">
<h2 class="u-typo-level-6 u-color-night-100">Fatturazione</h2>
<p class="u-color-text-100">Dopo l’acquisto non è più possibile richiedere l’emissione della fattura.</p>
</div>
<div class="u-bg-color-night-10 u-radius-12 u-py-space-24 u-px-space-16 u-mt-space-32">
<div grid="grid" class="">
<div grid="6@sm"><label for="name-field" class="" aria-label="">
Nome <span class="required-marker" aria-hidden="true">*</span>
<input id="name-field" type="text" class="" placeholder="" value="" aria-describedby="name-note">
<p class="c-field__note " id="name-note">
Inserisci il nome
</p>
</label>
</div>
<div grid="6@sm"><label for="surname-field" class="" aria-label="">
Cognome <span class="required-marker" aria-hidden="true">*</span>
<input id="surname-field" type="text" class="" placeholder="" value="" aria-describedby="surname-note">
<p class="c-field__note " id="surname-note">
Inserisci il cognome
</p>
</label>
</div>
<div grid="12"><label for="fiscal-code-field" class="" aria-label="">
Codice fiscale <span class="required-marker" aria-hidden="true">*</span>
<input id="fiscal-code-field" type="text" class="" placeholder="" value="" aria-describedby="fiscal-code-note">
<p class="c-field__note " id="fiscal-code-note">
Inserisci il codice fiscale
</p>
</label>
</div>
</div>
<fieldset class="u-mt-space-32">
<legend>Indirizzo</legend>
<div grid="grid">
<div grid="8@sm"><label for="select-nation" class="" aria-label="">
Nazione <span class="required-marker" aria-hidden="true">*</span>
<select id="select-nation" class="" aria-describedby="select-nation-note">
<option value="" disabled selected></option>
<option value="option-1">Option 1</option>
<option value="option-2">Option 2</option>
<option value="option-3">Option 3</option>
</select>
<em class="c-field__note " id="select-nation-note">
Seleziona la nazione
</em>
</label></div>
<div grid="4@sm"><label for="select-province" class="" aria-label="">
Provincia <span class="required-marker" aria-hidden="true">*</span>
<select id="select-province" class="" aria-describedby="select-province-note">
<option value="" disabled selected></option>
<option value="option-1">Option 1</option>
<option value="option-2">Option 2</option>
<option value="option-3">Option 3</option>
</select>
<em class="c-field__note " id="select-province-note">
Seleziona la provincia
</em>
</label></div>
<div grid="8@sm"><label for="input-address-field" class="" aria-label="">
Indirizzo <span class="required-marker" aria-hidden="true">*</span>
<input id="input-address-field" type="text" class="" placeholder="" value="" aria-describedby="input-address-note">
<p class="c-field__note " id="input-address-note">
Inserisci il tuo indirizzo
</p>
</label>
</div>
<div grid="4@sm"><label for="input-address-number-field" class="" aria-label="">
N° civico <span class="required-marker" aria-hidden="true">*</span>
<input id="input-address-number-field" type="text" class="" placeholder="" value="" aria-describedby="input-address-number-note">
<p class="c-field__note " id="input-address-number-note">
Inserisci il tuo n° civico
</p>
</label>
</div>
<div grid="8@sm"><label for="input-city-field" class="" aria-label="">
Località <span class="required-marker" aria-hidden="true">*</span>
<input id="input-city-field" type="text" class="" placeholder="" value="" aria-describedby="input-city-note">
<p class="c-field__note " id="input-city-note">
Inserisci la tua località
</p>
</label>
</div>
<div grid="4@sm"><label for="input-cap" class="" aria-label="">
CAP <span class="required-marker" aria-hidden="true">*</span>
<input id="input-cap-field" type="text" class="" placeholder="" value="" aria-describedby="input-cap-note">
<p class="c-field__note " id="input-cap-note">
Inserisci il tuo CAP
</p>
</label>
</div>
<div grid="8@sm"><label for="input-born-place" class="" aria-label="">
Luogo di nascita
<input id="input-born-place-field" type="text" class="" placeholder="" value="" aria-describedby="input-born-place-note">
<p class="c-field__note " id="input-born-place-note">
Inserisci il luogo di nascita
</p>
</label>
</div>
<div grid="4@sm"><label for="born-date-field" class="is-datepicker" aria-label="">
Data di nascita
<input id="born-date-field" type="date" class="js-flatpickr flatpickr-input" placeholder="" value="" aria-describedby="born-date-note">
<p class="c-field__note " id="born-date-note">
Inserisci la tua data di nascita
</p>
</label>
</div>
</div>
</fieldset>
<fieldset class="u-mt-space-32">
<legend>Contatti</legend>
<div grid="grid">
<div grid="6@sm"><label for="input-phone-field" class="" aria-label="">
Telefono
<input id="input-phone-field" type="tel" class="" placeholder="" value="" aria-describedby="input-phone-note">
<p class="c-field__note " id="input-phone-note">
Inserisci il numero di telefono sul quale sarà possibile contattarti
</p>
</label>
</div>
<div grid="6@sm"><label for="input-mobile-phone-field" class="" aria-label="">
Cellulare
<input id="input-mobile-phone-field" type="tel" class="" placeholder="" value="" aria-describedby="input-mobile-phone-note">
<p class="c-field__note " id="input-mobile-phone-note">
Inserisci il numero di telefono sul quale sarà possibile contattarti
</p>
</label>
</div>
</div>
</fieldset>
<div class="u-mt-space-32">
<button type="button" class="c-button c-button--adding">
Aggiungi ai miei dati
</button>
</div>
</div>
</div>
<div class="u-mt-space-24">
<input type="checkbox" id="conditions" name="conditions" class="u-visuallyhidden " role="group" aria-label="conditions">
<label for="conditions" class="">
Ho letto e accetto le <a href='#'><strong>Condizioni generali di vendita dei servizi</strong></a><span class="required-marker" aria-hidden="true"> *</span>
</label>
</div>
</div>
</form>
<div class="u-mt-space-64">
<h2 class="u-typo-level-6 u-color-night-100">Informazioni importanti</h2>
<div class="u-mt-space-24">
<div class="c-collapsible--simple o-collapsible ">
<p class="c-collapsible__title o-collapsible__title js-collapsible-title" id="has-toll-device">Hai un Telepass, UnipolMove o altro telepedaggio?</p>
<div>
<p>Se acquisti il parcheggio online per garantirti un posto riservato, <strong>disattiva</strong> temporaneamente <strong>il dispositivo</strong> tramite l’app del servizio prima di accedere al parcheggio, in modo da <strong>evitare un doppio pagamento</strong>.</p>
<p>Preferisci pagare con il dispositivo di telepedaggio?</p>
<p>In questo caso non è possibile riservare il posto auto perché il pagamento con telepedaggio può avvenire solo al varco di uscita.</p>
</div>
</div>
<div class="c-collapsible--simple o-collapsible ">
<p class="c-collapsible__title o-collapsible__title js-collapsible-title" id="overstay-consequences">Cosa succede se la mia sosta è più lunga di quella acquistata?</p>
<div>
<p>Il costo della sosta è calcolato in base ai dati dichiarati in fase di ricerca. In caso di sosta più lunga di quella acquistata, al rientro dal viaggio, il sistema ti chiederà di corrispondere la sola differenza relativa alla sosta eccedente.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="c-dialog c-dialog--payment-methods js-fr-dialogmodal " id="dialog-online-payment-methods">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-online-payment-methods-title">
<div role="document">
<p class="c-dialog__title" id="dialog-online-payment-methods-title" aria-hidden="true" tabindex="0">Metodi di pagamento online</p>
<div class="u-mt-space-32">
<div class="c-table_cnt">
<table class="o-table c-table">
<thead>
<tr>
<th scope="col">Metodo</th>
<th scope="col">Dettagli</th>
</tr>
</thead>
<tbody>
<tr>
<td scope="row" data-label="Metodo">
<strong>Carte di credito</strong>
<div class="u-d--f u-ai--c">
<img src="../../images/svgs/visa2.svg" aria-hidden="true" alt="" width="36">
<img src="../../images/svgs/mastercard2.svg" aria-hidden="true" alt="" width="36">
<img src="../../images/svgs/amex.svg" aria-hidden="true" alt="" width="36">
<img src="../../images/svgs/jcb.svg" aria-hidden="true" alt="" width="36">
</div>
</td>
<td data-label="Dettagli">Paga con i circuiti Visa, Mastercard, American Express e JCB.</td>
</tr>
<tr>
<td scope="row" data-label="Metodo">
<strong>Satispay</strong>
<div><img src="../../images/svgs/satispay.svg" aria-hidden="true" alt=""></div>
</td>
<td data-label="Dettagli"><strong>Non sei ancora registrato a Satispay?</strong> Scarica l'app, crea un account e inserisci il nostro codice <strong>BLQAIRPORT</strong>. Riceverai 5€ di bonus.</td>
</tr>
<tr>
<td scope="row" data-label="Metodo">
<strong>Bonifici online</strong>
<div><img src="../../images/svgs/myb.svg" aria-hidden="true" alt=""></div>
</td>
<td data-label="Dettagli">Per ragioni tecniche, il servizio è temporaneamente sospeso. Ci scusiamo per il disagio.</td>
</tr>
</tbody>
</table>
</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-dialog c-dialog--payment-methods js-fr-dialogmodal " id="dialog-offline-payment-methods">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-offline-payment-methods-title">
<div role="document">
<p class="c-dialog__title" tabindex="0" id="dialog-offline-payment-methods-title" aria-hidden="true">Metodi di pagamento in aeroporto per i Parcheggi</p>
<div class="u-mt-space-32">
<div class="c-table_cnt c-table_cnt--3-cols">
<table class="o-table c-table">
<thead>
<tr>
<th scope="col">Metodo</th>
<th scope="col">Dove</th>
<th scope="col">Quando</th>
</tr>
</thead>
<tbody>
<tr>
<td scope="row" data-label="Metodo">
<strong>Carte di credito</strong>
</td>
<td data-label="Dove">Alle colonnine di uscita del parcheggio</td>
<td data-label="Quando">Dopo il ritiro della vettura</td>
</tr>
<tr>
<td scope="row" data-label="Metodo">
<strong>Bancomat</strong>
</td>
<td data-label="Dove">
<p>Alle casse automatiche</p>
<p>Al presidio parcheggi</p>
<p class="u-mt-space-24">Alle colonnine di uscita del parcheggio</p>
</td>
<td data-label="Quando">
<p>Prima di ritirare la vettura</p>
<p>Prima di ritirare la vettura</p>
<p class="u-mt-space-24">Dopo il ritiro della vettura</p>
</td>
</tr>
<tr>
<td scope="row" data-label="Metodo">
<strong>Satispay</strong>
</td>
<td data-label="Dove">Al presidio parcheggi</td>
<td data-label="Quando">Prima di ritirare la vettura</td>
</tr>
<tr>
<td scope="row" data-label="Metodo">
<strong>Contanti</strong>
</td>
<td data-label="Dove">
<p>Alle casse automatiche</p>
<p>Al Presidio parcheggi</p>
</td>
<td data-label="Quando">Prima di ritirare la vettura</td>
</tr>
</tbody>
</table>
</div>
</div>
<p class="c-dialog__title u-mt-space-112" tabindex="0">Metodi di pagamento in aeroporto per Vip Lounge</p>
<div class="u-mt-space-32">
<div class="c-table_cnt c-table_cnt--3-cols">
<table class="o-table c-table">
<thead>
<tr>
<th scope="col">Metodo</th>
<th scope="col">Dove</th>
<th scope="col">Quando</th>
</tr>
</thead>
<tbody>
<tr>
<td scope="row" data-label="Metodo">
<strong>Carte di credito</strong>
</td>
<td data-label="Dove">
<p>All’ingresso della Marconi Business Lounge</p>
<!-- To Endurance: replace with production URL instead staging -->
<a href="https://blq2022.staging.endurance.it/in-aeroporto/servizi/mappa-aerostazione/?idC=62211&loc=1963521"><strong>Guarda dove si trova ›</strong></a>
</td>
<td data-label="Quando">Al tuo arrivo in Aeroporto</td>
</tr>
<tr>
<td scope="row" data-label="Metodo">
<strong>Bancomat e Contanti</strong>
</td>
<td data-label="Dove">
<p>All’ingresso della Marconi Business Lounge</p>
<!-- To Endurance: replace with production URL instead staging -->
<a href="https://blq2022.staging.endurance.it/in-aeroporto/servizi/mappa-aerostazione/?idC=62211&loc=1963521"><strong>Guarda dove si trova ›</strong></a>
</td>
<td data-label="Quando">Al tuo arrivo in Aeroporto</td>
</tr>
</tbody>
</table>
</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>
</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>
<footer class="c-footer c-footer--minimal">
<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">
</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>
</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>
flatpickr.localize(flatpickr.l10ns.it);
flatpickr(".js-flatpickr", {
dateFormat: "d F Y"
});
</script>
{{#extend "@template-master--checkout"}}
{{!-- HEADER --}}
{{#content "header"}}
{{ render "@header--progress" header merge=true }}
{{/content}}
{{!-- FOOTER --}}
{{#content "footer"}}
{{/content}}
{{!-- MAIN --}}
{{#content "main"}}
<div grid="grid" class="u-pt-space-64">
<div grid="4@lg offset-8@lg last@lg">
<div class="c-form">
{{ render "@cart" cart merge=true }}
</div>
</div>
<div grid="6@lg">
<h1 class="u-typo-level-6 u-color-night-100">Intestazione prenotazione</h1>
<div>
{{> @user-data--recap user-recap }}
</div>
<div class="u-mt-space-64">
<h2 class="u-typo-level-6 u-color-night-100">Metodi di pagamento</h2>
</div>
<form class="c-form u-mt-space-32 u-mt-space-64@md">
<div>
{{> @payment online-payment }}
</div>
{{!-- <div class="u-mt-space-40">
{{> @payment offline-payment }}
</div> --}}
<div class="u-mt-space-40">
{{> @checkbox checkbox-invoice }}
<div class="u-chkbx-toggleReceiver">
{{ render "@form--invoice" form-invoice merge=true }}
</div>
<div class="u-mt-space-24">
{{> @checkbox checkbox-conditions }}
</div>
</div>
</form>
<div class="u-mt-space-64">
<h2 class="u-typo-level-6 u-color-night-100">Informazioni importanti</h2>
<div class="u-mt-space-24">
{{#each faqs-toll-collapsibles }}
{{> @collapsible }}
{{/each}}
</div>
</div>
</div>
</div>
{{ render "@dialog--online-payment-methods" dialog-online-payment-methods merge=true }}
{{ render "@dialog--offline-payment-methods" dialog-offline-payment-methods merge=true }}
{{/content}}
{{!-- SCRIPTS JS --}}
{{#content "scripts" mode="append"}}
<script src="{{ path '/js/footer.min.js' }}"></script>
<script>
flatpickr.localize(flatpickr.l10ns.it);
flatpickr(".js-flatpickr", {
dateFormat: "d F Y"
});
</script>
{{/content}}
{{/extend}}
{
"template-main-class": "",
"header": {
"toolbarProgress": {
"moleculeProgress": {
"current-step": 4,
"steps": [
{
"text": "Scegli parcheggio",
"status": "data-step-complete"
},
{
"text": "Inserisci i dati",
"status": "data-step-complete"
},
{
"text": "Intestazione",
"status": "data-step-complete"
},
{
"text": "Checkout",
"status": "data-step-current"
}
]
}
}
},
"cart": {
"showProduct": true,
"showTelepassIcon": false,
"noDiscount": false,
"showModifyDates": true,
"showProductRecap": true,
"showAdditionals": false,
"showAddons": false,
"showCartTotal": true,
"showCartCta": true,
"hasLoading": false,
"cartTotal": {
"show": true,
"label": "Totale della tariffa scontata pagando online",
"price": "100,99 €",
"netprice": "128,90 €"
}
},
"user-recap": {
"items": [
{
"icon": {
"symbol": "ic-person-black-24px",
"class": "c-icon--24 u-color-night-40"
},
"text": "<strong>Mario Rossi</strong>"
},
{
"icon": {
"symbol": "ic-email-black-24px",
"class": "c-icon--24 u-color-night-40"
},
"text": "mario.rossi@gmail.com"
},
{
"icon": {
"symbol": "ic-call-black-24px",
"class": "c-icon--24 u-color-night-40"
},
"text": "+39 333 12 34 567"
},
{
"text": "via Garibaldi, 25"
},
{
"text": "40123, Bologna"
},
{
"text": "Italia"
}
],
"edit-link": {
"text": "Modifica dati",
"url": "#",
"svg": {
"symbol": "ic_mode_edit_black_24px",
"class": "svg-12"
}
}
},
"online-payment": {
"header": {
"title": "<strong>Paga online</strong> - Risparmia 27€",
"img": {
"src": "/images/svgs/stk-coupon.svg"
}
},
"payment-items": [
{
"radio": {
"id": "credit-cart",
"name": "payment-methods",
"text": "Carta di credito"
},
"pics": [
{
"src": "/images/svgs/visa2.svg",
"alt": "Visa"
},
{
"src": "/images/svgs/mastercard2.svg",
"alt": "Mastercard"
},
{
"src": "/images/svgs/amex.svg",
"alt": "American Express"
},
{
"src": "/images/svgs/jcb.svg",
"alt": "JCB"
}
]
},
{
"radio": {
"id": "satispay",
"name": "payment-methods",
"text": "Satispay"
},
"pics": [
{
"src": "/images/svgs/satispay.svg",
"alt": "Satispay"
}
]
}
],
"btn-info": {
"type": "button",
"text": "Informazioni sui pagamenti",
"modifier": "c-button--as-link js-fr-dialogmodal-open",
"opens-dialog": "dialog-online-payment-methods"
}
},
"offline-payment": {
"header": {
"title": "<strong>Paga in aerostazione</strong> - Tariffa piena",
"img": {
"src": "/images/svgs/stk_prenotazioni.svg"
}
},
"payment-items": [
{
"radio": {
"id": "offline-method-1",
"name": "payment-methods",
"text": "<strong>Paga sul posto</strong> in contanti, bancomat, carte di credito o Easypark"
}
}
],
"btn-info": {
"type": "button",
"text": "Più informazioni",
"modifier": "c-button--as-link js-fr-dialogmodal-open",
"opens-dialog": "dialog-offline-payment-methods"
}
},
"checkbox-invoice": {
"id": "invoice",
"name": "invoice",
"text": "Desidero ricevere fattura per questa prenotazione",
"checkbox-class": "u-chkbx-toggle"
},
"checkbox-conditions": {
"id": "conditions",
"name": "conditions",
"text": "Ho letto e accetto le <a href='#'><strong>Condizioni generali di vendita dei servizi</strong></a>",
"required": "true"
},
"faqs-toll-collapsibles": [
{
"title": "Hai un Telepass, UnipolMove o altro telepedaggio?",
"text": "<p>Se acquisti il parcheggio online per garantirti un posto riservato, <strong>disattiva</strong> temporaneamente <strong>il dispositivo</strong> tramite l’app del servizio prima di accedere al parcheggio, in modo da <strong>evitare un doppio pagamento</strong>.</p><p>Preferisci pagare con il dispositivo di telepedaggio?</p><p>In questo caso non è possibile riservare il posto auto perché il pagamento con telepedaggio può avvenire solo al varco di uscita.</p>",
"id": "has-toll-device"
},
{
"title": "Cosa succede se la mia sosta è più lunga di quella acquistata?",
"text": "<p>Il costo della sosta è calcolato in base ai dati dichiarati in fase di ricerca. In caso di sosta più lunga di quella acquistata, al rientro dal viaggio, il sistema ti chiederà di corrispondere la sola differenza relativa alla sosta eccedente.</p>",
"id": "overstay-consequences"
}
]
}
No notes defined.