body .titleBar h1{
    margin-bottom: 1rem;
}

div.container.webshop.order{
    padding: 0 1.5rem;
}
.alert p{
    margin:0;
    font-size:15px;
}
.alert p a{
    font-weight:bold;
    text-decoration: underline;
}

.orderBox{
    border:1px solid var(--themeColorBackgroundTint);
    padding
    :15px !important;
    border-radius:10px;
    font-size: 15px;
}
.orderContent{
    overflow:hidden;
}
.orderContent h2{
    font-size:20px;
}
.orderContent h3{
    font-size:18px;
}
.orderContent .productenlist{
    display:flex;
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap:0.5rem;
}
.orderContent .productenlist .productItem{
    display:flex;
    width: 100%;
    flex-direction: row;
    align-items: flex-start;
    flex: 1;
    gap: 8px;
}
.orderContent .productenlist .productItem + .productItem{
    padding-top:0.5rem;
    margin-top:0.5rem;
    border-top: 1px solid var(--themeColorBackgroundTint);
}
.orderContent .productenlist .productItem .productItem-image{
    background-size:cover;
    background-position:Center;
    width:80px;
    height: 80px;
    flex:none;
}
.orderContent .productenlist .productItem .productItem-content{
    display:flex;
    /* flex:1; */
    width: 100%;
    font-size:12px;
    flex-direction: column;
    align-items: stretch;
}
.orderContent .productenlist .productItem .productItem-content .title{
    font-size: 13px;
    /* width: 100%; */
}
.orderContent .productenlist .productItem .productItem-content .productItem-content-options{
    display:flex;
    flex-direction: column;
    align-items: flex-start;
}
.orderContent .productenlist .productItem .productItem-content .productItem-content-options span{
    display:inline-flex;
    justify-content: space-between;
    gap: 10px;
    font-size: 11px;
    width: 100%;
}
.orderContent .productenlist .productItem .productItem-content .productItem-content-options span b{
    flex:none;
}
.orderContent .productenlist .productItem .productItem-content .productItem-content-options span font{
    flex: 1;
    width: 140px;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}
.orderContent .productenlist .productItem .productItem-content .productItem-content-prijs{}


.orderBox .productenTotal{
    border-top: 1px solid var(--themeColorBackgroundTint);
    margin-top: 1rem;
    padding: 0.5rem 0;
}
.orderBox .order-listedOptions{
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 0.5rem;
}
.orderBox .order-listedOptions label{
}
.orderBox .order-listedOptions label.verzendwijze .addressOption,
.orderBox .order-listedOptions label.betaalwijze .addressOption{
    margin-bottom: 0;
    font-size:14px;
    padding:1rem;
    line-height:1.3em;
    border-radius: 10px;
}

.orderBox .order-listedOptions label.betaalwijze .addressOption{
    padding: 0.5rem;
    height: max-content;
}

.orderBox .order-listedOptions label.verzendwijze:not(:hover) .addressOption,
.orderBox .order-listedOptions label.betaalwijze:not(:hover) .addressOption{
    border: 1px solid #9797973b;
}

.orderBox .order-listedOptions label.verzendwijze .addressOption span,
.orderBox .order-listedOptions label.betaalwijze .addressOption span{
    line-height:1.1em !important;
}
.orderBox .order-listedOptions .verzendBeschrijving p{
    margin:0;
    font-size: 13px;
}

.orderBox .form-label {
    width:100%;
    font-size:12px
}
.orderBox .form-control {
    display: block !important;
    /* width: 100% !important; */
    /* padding: .375rem .75rem !important; */
    font-size: 15px;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #212529 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    /* border-radius: .375rem !important; */
    height:auto !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
}
.orderBox .input-group .btn{
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.betaalwijze .addressOption:after {
    position: absolute;
    top: calc(50% - 9px);
}

.orderBox .finishOrder{
    width:100%;
}
.finishOrder{
    --bs-btn-bg: var(--themeColor);
    --bs-btn-border-color: var(--themeColor);
    --bs-btn-hover-bg: var(--themeColorDark);
    --bs-btn-hover-border-color: var(--themeColorDark);
    --bs-btn-hover-color: #fff;
}