body{background-color:#f8f8f8}

/*main{background-color:#fff;display:flex;margin:59px auto 59px auto;max-width:1190px;padding:0 24px;width:100%}*/

main{background-color:#fff;display:flex;margin: 0 auto;max-width:1200px;width:100%;padding:0 24px;}

section{padding-bottom:24px}
section a:not(.normal_hyperlink){
    background-color:green;border:1px solid green;border-radius:2px;box-shadow:0 1px 2px 0 rgba(17,34,68,0.4);color:#fff;display:inline-block;font-size:20px;font-weight:400;line-height:30px;margin:16px;padding:8px 24px 8px 32px;transition:border-radius .3s,box-shadow .3s;user-select:none
}
section .normal_hyperlink{
 text-decoration: underline;
}
section a:not(.normal_hyperlink):hover{ box-shadow: 0 0 11px rgba(33,33,33,.2) }
section a i { margin-left: 15px }
section h1{border-bottom:1px solid #bcd;color:#124;font-size:32px;font-weight:700;line-height:58px;margin:16px 0;padding:0}
section h2{color:#124;font-size:20px;font-weight:400;line-height:30px;margin:16px 16px 0 16px;padding:0}
section h3{color:#124;font-size:16px;font-weight:400;line-height:24px;margin:16px 16px 0 16px;padding:0}
section img{margin:16px;max-width:calc(100% - 32px)}
section p{color:#124;font-size:16px;font-weight:100;line-height:24px;padding:0}
section li{color:#124;font-size:16px;font-weight:100;line-height:24px;margin:0 16px;padding:0}
section ul{margin:0 16px 16px 16px;padding:0}

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{appearance:none;background-color:#fff;border:1px solid #bcd;border-radius:2px;caret-color:#567;font-weight:100;height:168px;margin:0 168px 0 12px;padding:8px;width:496px}


#tabs{margin-top:17px}
#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)}
}

.voorjaarscheck-banner {
    width:100%; max-width:1200px;height:100px;margin:0 auto;background-repeat: no-repeat;background-position:center;
    background-image: url('//cdn.lasourisscooters.nl/la-souris/images/banners/banner-voorjaarscheck-xs.webp');
}
.omkeuring-banner {
    width:100%;max-width:1200px;height:100px;margin:0 auto;background-repeat: no-repeat;background-position:center;
    /* background-image: url('/images/wintercheck-banner-m.png'); */
    background-image: url('//cdn.lasourisscooters.nl/la-souris/images/banners/omkeuring-XS.webp');
}

@media screen and (min-width:600px) {
    .wintercheck-banner {
        width:100%; max-width:1200px;margin:0 auto;background-repeat: no-repeat;background-position:center;
        background-image: url('//cdn.lasourisscooters.nl/la-souris/images/banners/wintercheck_desktop.webp');
        height: 200px;
    }
    .voorjaarscheck-banner {
        background-image: url('//cdn.lasourisscooters.nl/la-souris/images/banners/banner-voorjaarscheck-xl.webp');
        height: 200px;
    }
    .omkeuring-banner {
        background-image: url('//cdn.lasourisscooters.nl/la-souris/images/banners/omkeuring-XL.webp');
        height: 200px;
    }
}
@media screen and (max-width: 600px) {
    .wintercheck-banner {
        content: url('//cdn.lasourisscooters.nl/la-souris/banner/wintercheck_mobiel.webp');
        max-width: 100%;
        height: auto;
        cursor: pointer;
        margin-bottom: 10px;
    }
}

fieldset input.error{border-color:#f55}

.efatbikes-service-label{
    color:#d91313;
}

section fieldset.vehicle-search{background-color:#f8fafc;border:1px solid #bcd;border-radius:2px;margin:24px 0 0 0;padding:8px 16px 16px 16px}
section fieldset.vehicle-search legend{font-weight:700;padding:0 8px}
.vehicle-help{color:#567;font-size:14px;font-weight:100;line-height:21px;margin:0 0 8px 0}
.vehicle-button{background-color:green;border:1px solid green;border-radius:2px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:400;line-height:24px;margin:16px 0 0 0;padding:8px 24px;transition:box-shadow .3s;user-select:none}
.vehicle-button:hover{box-shadow:0 0 11px rgba(33,33,33,.2)}
.vehicle-button:disabled{background-color:#9ab;border-color:#9ab;cursor:default}
.vehicle-message{background-color:#fff4f4;border:1px solid #e0b4b4;border-radius:2px;color:#912;font-size:14px;line-height:21px;margin:16px 0 0 0;padding:8px 12px;text-align:left}
.vehicle-found{background-color:#fff;border:1px solid #bcd;border-radius:2px;margin:16px 0 0 0;padding:8px 12px}
.vehicle-found h3{font-weight:700;margin:0 0 8px 0}
.vehicle-found ul{list-style:none;margin:0;padding:0}
.vehicle-found li{display:flex;font-size:16px;justify-content:space-between;line-height:24px;margin:0;padding:4px 0}
.vehicle-found li + li{border-top:1px solid #eef2f6}
.vehicle-found li span{color:#567;font-weight:100}
.vehicle-found li strong{color:#124;font-weight:400;text-align:right}
.vehicle-mismatch{color:#567;font-size:13px;font-weight:100;line-height:20px;margin:8px 0 0 0;text-align:left}
section input[type="submit"]:disabled{background-color:#9ab;border-color:#9ab;box-shadow:none;cursor:default}
section input[type="submit"].is-incomplete{background-color:#9ab;border-color:#9ab}
section input[type="submit"].is-incomplete:hover{box-shadow:none}
.service-message{background-color:#f4f7fa;border:1px solid #bcd;border-radius:2px;color:#124;font-size:14px;line-height:21px;margin:16px 0 0 0;padding:8px 12px;text-align:left}
.is-hidden{display:none}

@media screen and (max-width: 767px){
    .vehicle-button{width:100%}
}