section form{margin:0;padding:0}
section fieldset{border:0;border-top:1px solid #bcd;margin:32px 0 0 0}
section input[type="email"],section input[type="number"],section input[type="text"],section select{appearance:none;background-color:#fff;border:1px solid #bcd;border-radius:2px;caret-color:#567;font-weight:100;height:42px;padding:8px}
section input[type="email"]:focus,section input[type="number"]:focus,section input[type="text"]:focus{border-color:#567;outline:none}
section input[type="submit"]{
    background-color:green;border:1px solid green;border-radius:2px;color:#fff;cursor:pointer;display:inline-block;font-size:20px;font-weight:400;line-height:30px;padding:8px 24px 8px 32px;transition:box-shadow .3s;user-select:none
}
section input[type="submit"]:hover{
    box-shadow: 0 0 11px rgba(33,33,33,.2)
}
section label{color:#124;display:block;margin:8px 0 0 0;position:relative;width:100%}
section label:after{content:"\E919";display:inline-block;font-family:LaSourisIcons;font-weight:400;position:absolute;top:12px;visibility:hidden}
section legend{color:#124;font-size:20px;font-weight:400;margin:0;text-align:left}
section textarea{width: 330px;height: 98px;}


#tabs{margin-top:64px}
#tabs a{border-bottom:1px solid #bcd;color:#124;display:flex;padding:14px 16px;position:relative}
#tabs a:hover{color:#f9aa33;text-decoration:underline}
#tabs a::after{content:"\f138";display:inline-block;font-family:"bootstrap-icons";position:absolute;right:16px;top:16px}
#tabs h3{border-bottom:1px solid #bcd;color:#124;font-size:20px;font-weight:700;line-height:30px;margin:24px 0 3px 0;padding:0 0 4px 0}

@media screen and (max-width: 1023px){
    main{flex-flow:column}
    section{width:100%}
    #tabs{width:100%}
}

@media screen and (max-width: 767px){
    section fieldset{padding:0}
    section input[type="email"],section input[type="number"],section input[type="text"],section select{margin:0 auto;width:100%}
    section input[type="submit"]{margin:16px auto;width:100%}
    section label{padding:0}
    section label:after{right:12px}
    section legend{padding:0 16px 16px 0}
    section p{margin:0 0 16px 0}
    section textarea{margin:0 auto;width:100%}
}

@media screen and (min-width: 768px){
    section fieldset{padding:0 0 0 32px}
    section form{text-align:right}
    section input[type="email"],section input[type="number"],section input[type="text"],section select{margin:0 0 0 12px;width:328px}
    section input[type="submit"]{margin:16px 168px 16px 0;width:328px}
    section label{padding:0 168px 0 0}
    section label:after{right:180px}
    section legend{padding:16px}
    section p{margin:0 16px 16px 16px}
    section textarea{}
}

@media screen and (min-width: 1024px){
    section{flex:0 0 66%}
    #tabs{flex:1 1 auto;margin-left:24px}
}

@media screen and (min-width: 1200px){
    main{border-radius:2px;box-shadow:0 1px 2px 0 rgba(17,34,68,0.4)}
}

.iconstep {
    background-image: url(https://cdn.lasourisscooters.nl/la-souris/icon/step.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-flex
;
    width: 14px;
    height: 15px;
    margin: 0;
}

.iconfiets {
    background-image: url(https://cdn.lasourisscooters.nl/la-souris/icon/fiets.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-flex
;
    margin-top: 6px;
    width: 14px;
    height: 19px;
}