.cart { margin: 16px auto 24px; max-width: 1238px;display:flex;flex-flow:row wrap; justify-content: space-between; }
.cart .content { display: flex; flex: 0 0 69%; justify-content: space-between; }
.cart .content > div { width: 100%; }
.cart h1 { display: block; color:#124; width: 100%; font-family: "Gordita Bold", sans-serif; }

.cart table {  width: 100%;
    border-collapse: collapse;
    table-layout: auto;
    word-break: break-word;}
.cart table th { text-align: left; font-weight: lighter; padding: 2px 4px; color: #124;}
.cart table tbody td { padding: 6px 4px;}
.cart table thead { border-bottom: 1px solid #ccc; }
.cart table tbody tr td { vertical-align: top; }

.cart table tbody tr td img { width: 100px; }
.cart table tbody tr td input { text-align: center; }
.cart table tbody tr { border-bottom: 1px solid #bbccdd; padding: 0 6px; }
.cart table tfoot td { text-align: right; padding: 8px 6px; }
.cart table a { color: black; }

.cart table tr td:last-child,
.cart table tr th:last-child{ padding-right: 10px;}

.cart table .image { width: 110px; }
.cart table .amount { text-align: center; width: 40px; }
.cart table .price { width: 100px; text-align: right; white-space: nowrap; }
.cart table tbody .price { color: #50595F }
.cart table .price.total { color:black; white-space: nowrap; font-weight: 600; }
.cart table .properties { }
.cart table .properties .label { color: #50595F; }
.cart table .properties .value { }
.cart table .delete { margin: 12px 0 0; font-size: small}

.cart table .scooter { border-bottom-color: rgba(0,0,0,0.05);}
.cart table .scooter.product img { width: 40px; }
.cart table .scooter.product .image,
.cart table .scooter.korting .image {
    text-align: center
}

.cart table .scooter.korting,
.cart table .scooter.korting .price {
    background-color: #7ED957; color: #fff; font-weight: 700
}
/*.cart table .scooter.total { border-top: 1px solid #bbccdd !important; border-bottom-color: #bbccdd;}*/
.cart table .scooter.total,
.cart table .cycle.total
{
    background-color: rgb(248, 248, 248);
    height: 65px;
}

.cart table .scooter .edit,
.cart table .cycle .edit {
    border:1px solid #FF6600;
    border-radius:2px; line-height: 20px; display: inline-block;
    padding: 4px 10px; margin-top: 6px;
    color: #FF6600;
}
.cart table .scooter .edit:hover,
.cart table .cycle .edit:hover {
    background-color: #FF6600;
    color: #fff;
}
.cart table .in3 { color: #50595F; border-top: 2px solid #bbccdd;  }
.cart table .in3 .price.total { color: #50595F; }

.cart table i.delete       { font-size:16px; color:#ccc }
.cart table i.delete-large { font-size:20px; color:#ccc }
.cart table i.delete:hover,
.cart table i.delete-large:hover { color:#FF6600 }



.cart .btn{display:flex;flex:0 0 100%;max-width:100%;justify-content:flex-end; margin-top: 12px;}
.cart .btn a{background-color:green;border:1px solid green;border-radius:2px;color:#fff;cursor:pointer;display:inline-block;float:right;font-weight:400;line-height:24px;max-width:296px;min-width:160px;outline:none;padding:8px 24px;position:relative;text-align:center;transition:border-radius .3s,box-shadow .3s;user-select:none;width:auto; margin-left: 12px;}
.cart .btn a:hover{ box-shadow: 0 0 11px rgba(33,33,33,.2) }

.usp { flex: 0 0 30%; margin-top: 86px; justify-content: right; }
.usp ul{ margin: 0; position: sticky; top: 20px;}
.usp ul{background-color:#fff;border-bottom:1px solid #ccc;border-top:1px solid #ccc;list-style:none;padding:0 0 16px 0}
.usp li{align-items:center;color:#232f34;display:flex;font-size:16px;font-weight:100;height:56px;line-height:24px;padding:16px 0 0 0}
.usp li::before{
    vertical-align:middle;
    border:1px solid #ccc;border-radius:2px;display:inline-block;
    font-family:"bootstrap-icons";font-weight:400;font-style:normal;font-size:20px;
    color:#999;
    width:40px;
    height:40px;
    line-height:40px;
    margin:0 16px;text-align:center;text-rendering:optimizeLegibility
}
.usp li a {color:#232f34}
.usp li a:hover {color:#000}
.usp-delivery::before{content:"\f5e9"}
.usp-garantie::before{content:"\f269"}
.usp-returns::before{content:"\E927"}
.usp-trophy::before{content:"\E969"}
.usp-pay-later::before{content:"\f2dc"}
.usp-star::before{content:"\E956"}


@media screen and (max-width: 1023px) {
    .usp { flex:0 0 100%; max-width: 100%; order: 1; margin-top: 10px; }
    .cart .content { flex: 0 0 100%; max-width: 100%; }
}

@media screen and (max-width:767px){
    .cart h1 { margin: 6px 4px;}
    .cart table .image { width: 60px; }
    .cart table tbody tr td img { width: 55px; }

    .cart table .price { width: 80px; }


    /*.cart table thead tr th:nth-child(3) { display: none;}*/
    /*.cart table tbody tr td:nth-child(3),*/
    /*.cart table tbody tr td:nth-child(4) { display: none;}*/
    /*.cart table tfoot tr td:nth-child(2) { display: none;}*/
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    width: 100%;
}

.alert h4 {
    margin-top: 0;
    color: inherit;
}

.alert .alert-link {
    font-weight: bold;
}

.alert > p,
.alert > ul {
    margin-bottom: 0;
}

.alert > p + p {
    margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.alert-success hr {
    border-top-color: #c9e2b3;
}

.alert-success .alert-link {
    color: #2b542c;
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

.alert-info hr {
    border-top-color: #a6e1ec;
}

.alert-info .alert-link {
    color: #245269;
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

.alert-warning hr {
    border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
    color: #66512c;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.alert-danger hr {
    border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
    color: #843534;
}




.icon{display:inline-block;font-family:LaSourisIcons;font-weight:400;font-style:normal;line-height:1;text-transform:none;speak:none;text-rendering:optimizeLegibility}

#usp{display:none}
main{font-family:"Inter",arial,geneva,sans-serif}

main{display:flex;flex-flow:row wrap;margin:16px auto 24px auto;max-width:1238px;width:100%}

    #basket{}
        #basket-header{align-items:center;display:flex;flex-flow:row wrap;margin:0 auto;max-width:1238px;width:100%}
            #basket-header-title h1{color:#124;font-family:"Gordita Bold",arial,geneva,sans-serif;font-weight:700;margin:0;padding:0 0 8px 0}

        #basket-items{background-color:#fff;border-bottom:1px solid #ccc;width:100%}
            .item{border-top:1px solid #ccc;display:flex}
                .item a{flex:0 0 110px;max-width:110px}
                    .item a img{width:100px; margin: 5px;}

                .item-detail{display:flex;flex:0 0 61.8034%;flex-flow:row wrap;max-width:61.8034%;padding:12px}
                    .item-detail-txt{flex:0 0 85%;font-weight:400;max-width:85%}
                        .item-detail-txt-naam{font-size:16px;line-height:24px}
                        .item-detail-txt-voorraad{font-size:14px;line-height:21px;color:green}
                        .item-detail-txt-uitvoering{font-size:14px;line-height:35px}

                    .item-detail-verwijder{display:flex;justify-content:flex-end;flex:0 0 15%;max-width:15%}
                        .item-detail-verwijder a{background-color:#fff;border:0;border-radius:50%;box-shadow:0 2px 4px -2px rgba(17,34,68,0.2);color:#000;cursor:pointer;display:inline-block;font-size:24px;height:32px;max-width:32px;padding:4px;text-align:center;transition:box-shadow .3s,-webkit-box-shadow .3s;width:40px}
                        .item-detail-verwijder a:hover{box-shadow:0 4px 8px -2px rgba(17,34,68,0.2)}
                        .item-detail-verwijder a::before{content:"\E905"}

                .item-detail-prijs{align-items:flex-end;display:flex;flex:0 0 100%;font-size:16px;font-weight:700;justify-content:flex-end;line-height:24px;max-width:100%;padding:12px;text-align:right}

                .item-detail-extra {margin-top:0}
                .item-detail-extra dt {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 25px;}

                .item-detail-extra-verwijder {background-color:#FF6600;opacity:0.6;border:0;border-radius:50%;color:#fff;cursor:pointer;display:inline-block;font-size:12px;height:16px;padding:2px;text-align:center;width:16px;}
                .item-detail-extra-verwijder:hover{background-color:#FF6600;opacity:1;color:#fff}
                .item-detail-extra-verwijder::before{content:"\E905"}


        #basket-totaal, #basket-bezorging, #basket-totaal-in3 {border:1px solid #ccc;display:flex;font-size:16px;justify-content:space-between;margin:16px 0 0 0;padding:8px}
        #basket-totaal-bedrag{font-weight:700}
        #basket-bezorging-bedrag{font-weight:500}

        #basket-footer{display:flex;justify-content:flex-end}
        #basket-footer a{background-color:#f55;border:1px solid #f55;border-radius:2px;box-shadow:rgba(17, 34, 68, 0.4) 0px 1px 2px 1px;color:rgb(255, 255, 255);cursor:pointer;display:inline-block;float:right;font-weight:400;line-height:24px;min-width:160px;outline:none;padding:8px 24px 8px 32px;position:relative;text-align:center;transition:border-radius .3s,box-shadow .3s;user-select:none}
        #basket-footer a:hover{background-color:#f66;border-color:#f66;border-radius:4px;box-shadow:0 2px 4px 1px rgba(17,34,68,.4)}
        #basket-footer a::before{border-left:1px dashed #fff;bottom:6px;content:"";left:8px;position:absolute;top:6px;width:0}


    #cart-usp{}
        #cart-usp ul{background-color:#fff;border-bottom:1px solid #ccc;border-top:1px solid #ccc;list-style:none;padding:0 0 16px 0}
        #cart-usp li{align-items:center;color:#232f34;display:flex;font-size:16px;font-weight:100;height:56px;line-height:24px;padding:16px 0 0 0}
        #cart-usp li::before{border:2px solid #ccc;border-radius:50%;display:inline-block;font-family:"bootstrap-icons";font-weight:400;font-style:normal;height:40px;line-height:33px;margin:0 16px;text-align:center;text-rendering:optimizeLegibility;width:40px}
        #cart-usp li a {color:#232f34}
        #cart-usp li a:hover {color:#000}
        #cart-usp-delivery::before{content:"\f5ea"}
        #cart-usp-garantie::before{content:"\f269"}
        #cart-usp-returns::before{content:"\E927"}
        #cart-usp-trophy::before{content:"\E969"}
        #cart-usp-pay-later::before{content:"\f2dc"}
        #cart-usp-star::before{content:"\f589"}


@media screen and (max-width:767px){
    main{padding:0}

        #basket{flex:0 0 100%;max-width:100%}
            #basket-header-title{flex:0 0 100%;max-width:100%;text-align:center}
            #basket-header-title h1{font-size:20px;line-height:30px}
            #basket-header-btn{display:none}

            #basket-footer a{margin:10px;width:100%}

        #cart-usp{flex:0 0 100%;max-width:100%;order:1}
}


@media screen and (min-width:768px){
    main{padding:0 12px}

        #basket{flex:0 0 66.66667%;max-width:66.66667%;padding:0 12px}
            #basket-header-title{flex:0 0 50%;max-width:50%;text-align:left}
            #basket-header-title h1{font-size:32px;line-height:48px}
            #basket-header-btn{display:flex;flex:0 0 50%;max-width:50%;justify-content:flex-end}
            #basket-header-btn a{background-color:#f55;border:1px solid #f55;border-radius:2px;box-shadow:rgba(17, 34, 68, 0.4) 0px 1px 2px 1px;color:rgb(255, 255, 255);cursor:pointer;display:inline-block;float:right;font-weight:400;line-height:24px;max-width:296px;min-width:160px;outline:none;padding:8px 24px 8px 32px;position:relative;text-align:center;transition:border-radius .3s,box-shadow .3s;user-select:none;width:auto}
            #basket-header-btn a:hover{background-color:#f66;border-color:#f66;border-radius:4px;box-shadow:0 2px 4px 1px rgba(17,34,68,.4)}
            #basket-header-btn a::before{border-left:1px dashed #fff;bottom:6px;content:"";left:8px;position:absolute;top:6px;width:0}

            .item a img{border:0;display:block}

            #basket-footer a{margin-top:10px;max-width:296px;width:auto}

        #cart-usp{flex:0 0 33.33333%;max-width:33.33333%;order:0;padding:0 12px 0 0}
            #cart-usp ul{position:sticky;top:139px}
}

@media screen and (min-width:1024px) {
    #cart-usp ul{position:sticky;top:170px}
}

.header h1 > span {
    font-size: 0.55em;
    float: right;
    font-weight: normal;
    color: #567;
    cursor: pointer;
    margin-top: 8px;
}
.tgl {
    display: none;
}
.tgl-btn { display: inline-block !important; margin:0px 6px 0; vertical-align: top; }
.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
    box-sizing: border-box;
}
.tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
    background: none;
}
.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
    background: none;
}
.tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 3em;
    height: 1.5em;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
}
.tgl + .tgl-btn:after {
    left: 0;
}
.tgl + .tgl-btn:before {
    display: none;
}
.tgl:checked + .tgl-btn:after {
    left: 50%;
}

.tgl-light + .tgl-btn {
    background: #232f34;
    border-radius: 2em;
    padding: 2px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.tgl-light + .tgl-btn:after {
    border-radius: 50%;
    background: #fff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.tgl-light:checked + .tgl-btn {
    background: #FF6600;
}

.price.hide { display: none !important; }

div#actiecode-invoer {
    display: none;
    text-align: center;
    line-height: 2;
    padding-top: 10px;
}
div#actiecode-invoer button {
    background-color: blue;
    color: #fff;
    cursor: pointer;
    border: 1px solid blue;
    border-radius: 2px;
    width: 35px;
}
button#actiecode-invoeren span:hover {
    border-bottom: 1px solid blue;
}

.price-original-s {
    text-decoration: line-through;
    text-decoration-color: #f9aa33;
    text-decoration-thickness: 2px;
    font-weight: 100 !important;
}