.section-dark{background-color:#232f34;padding:24px 0}
.section-dark h2{font-family: "Gordita Black"; color:#fff;line-height:30px;padding:0 0 12px 0;max-width:1238px}
.section-dark h2 span{display:block;font-family:"Inter"}

@media screen and (max-width:1279px){
    .section-dark h2{font-size:30px;margin:0 12px}
    .section-dark h2 span{font-size:18px}
}

@media screen and (min-width:1280px){
    .section-dark h2{font-size:26px;margin:0 auto}
    .section-dark h2 span{font-size:20px}
}

.grid-scooters{margin:16px auto}
.grid-scooters h3{color:#232f34;font-size:20px;font-weight:700;line-height:30px;width:100%}
.grid-scooters a{background-color:#fff;border-bottom:1px solid rgb(187,204,221);color:#124;font-family:"Inter",arial,geneva,sans-serif;display:inline-block;overflow:hidden;position:relative;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-property:box-shadow}
.grid-scooters a:hover{box-shadow:0 8px 16px rgba(85,102,119,.2),0 2px 4px rgba(85,102,119,.2)}
.grid-scooters a:hover{border-bottom-color:#FF6600}
.grid-scooters a figure{align-items:center;display:flex;height:0;margin:0;padding-bottom:calc(100% + 1px);position:relative;text-align:center;transform:translateY(50%)}
.grid-scooters a figure img{width:100%}
.grid-scooters a .kleuren{height:42px;margin-bottom:14px;padding-left:7px;position:relative;width:600px}
.grid-scooters a .kleuren img{border:1px solid #bcd;border-radius:2px;height:42px;width:42px;margin-right:2px}
.grid-scooters a .kleuren img:hover{border-color:#567}
.grid-scooters a .description{align-items:flex-end;display:flex;margin:8px}
.grid-scooters a .description .txt{flex:1 1 auto;overflow:hidden}
.grid-scooters a .description .txt h3{font-size:14px;font-weight:100;line-height:18px;margin:0;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.grid-scooters a .description .txt h4{font-size:14px;font-weight:700;line-height:18px;margin:0;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.grid-scooters a .description .price{font-size:14px;font-weight:700;line-height:18px;position:relative}
.grid-scooters a .description .price-original{font-weight:100}
.grid-scooters a .description .price-original:before{top:.5em;border-bottom:2px solid #FF6600;color:#FF6600;content:"";height:1px;left:-2px;position:absolute;width:100%;transform: rotate(-15deg)}
.grid-scooters .voorraad{color:#124;font-size:14px;font-weight:400;line-height:21px;margin:8px}
.grid-scooters .discount-amount,.grid-scooters .discount-label{background-color:#FF6600;bottom:142px;color:#fff;font-size:14px;font-weight:400;line-height:15px;padding:4px 8px 5px 8px;position:absolute}
.grid-scooters .discount-amount{border-radius:3px 0 0 3px;right:0}
.grid-scooters .discount-label{border-radius:0 3px 3px 0;left:0}

.grid-scooters-3{display:-ms-grid;display:grid;;grid-gap:4px;grid-template-columns:repeat(auto-fit,minmax(45%,1fr));-ms-grid-columns:1fr 1fr;margin:0 auto;max-width:1238px}
.grid-scooters-3 a:nth-child(3n+1){-ms-grid-column:1}
.grid-scooters-3 a:nth-child(3n+2){-ms-grid-column:2}
.grid-scooters-3 a:nth-child(3n+3){-ms-grid-column:3}

@media screen and (min-width:1024px){
    .grid-scooters-3{grid-gap:8px;-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:repeat(auto-fit,minmax(30%,1fr))}
}