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)}
}

.wintercheck-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/banner-wintercheck-xs.webp');
}
.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 {
        background-image: url('//cdn.lasourisscooters.nl/la-souris/images/banners/banner-wintercheck-xl.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;
    }
}

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

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