<div class="row d-flex flex-column flex-lg-row pl-4 pr-4 md-4 mb-lg-0 mb-xl-6">
<div class="col col-lg-6 col-xl-4" id="ccpayment">
- <input class="form-check-input mr-4 radiobtn" type="radio" name="payment" id="creditcard" value="creditcard" checked>
- <label for="creditcard" class="form-check-label radiobtn cc">
+ <input class="form-check-input mr-4 radiobtn" type="radio" name="payment" id="credit-card" value="credit-card" checked>
+ <label for="credit-card" class="form-check-label radiobtn cc">
<picture>
<source srcset="{{ static_url("img/amex.png") }},
{{ static_url("img/amex@2x.png") }} 2x,
</div>
<div class="col col-lg-6 col-xl-4" id="sepapayment">
- <input class="form-check-input mr-4 radiobtn" type="radio" name="payment" id="sepa-payment" value="sepa-payment">
- <label for="sepa-payment" class="form-check-label radiobtn">SEPA direct debit</label>
+ <input class="form-check-input mr-4 radiobtn" type="radio" name="payment" id="direct-debit" value="direct-debit">
+ <label for="direct-debit" class="form-check-label radiobtn">SEPA direct debit</label>
</div>
<div class="col col-lg-6 col-xl-4" id="paymentpaypal">