/*
Theme Name: Flexmobility
Version: 1.3.0
Description: Flexmobility autohandel en verhuur. Teksten en contactgegevens instelbaar via de Customizer.
Author: Flexmobility
Text Domain: flexmobility
*/
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#172437;background:#f5f7f9;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}header{background:#0c1c2e;color:white;position:sticky;top:0;z-index:10;border-bottom:1px solid #ffffff20}.wrap{max-width:1240px;margin:auto;padding:0 36px}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{font-size:27px;font-weight:800;letter-spacing:-1.2px}.logo span{color:#b9ed63}nav{display:flex;gap:20px;align-items:center;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 25px;border-radius:5px;background:#b9ed63;color:#10202f;font-weight:700;border:0;cursor:pointer}.btn.outline{border:1px solid #ffffff60;background:transparent;color:white}.hero{background:#0c1c2e;color:white;padding:65px 0 80px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:42px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#7fa342}.hero .eyebrow{color:#b9ed63}h1{font-size:clamp(40px,5vw,68px);line-height:1.06;letter-spacing:-2.8px;margin:22px 0}h1 span{color:#b9ed63}h2{font-size:clamp(30px,3vw,43px);line-height:1.15;letter-spacing:-1.3px;margin:13px 0 22px}h3{font-size:23px;line-height:1.3;margin:8px 0 14px}.lead{font-size:18px;color:#bac4d0;max-width:480px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-photo{position:relative}.hero-photo img{width:100%;aspect-ratio:1.25;object-fit:cover;border-radius:10px}.photo-label{position:absolute;bottom:18px;left:18px;background:#0c1c2eef;padding:11px 18px;border-radius:5px;font-size:14px}.photo-label strong{display:block;color:#b9ed63}.strip{background:#b9ed63}.strip .wrap{display:flex;justify-content:space-between;padding-top:19px;padding-bottom:19px;font-weight:700;font-size:14px}section{padding:85px 0}.section-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.muted{color:#617083;max-width:540px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}.filter{border:1px solid #d5dce3;border-radius:30px;background:white;color:#344356;padding:9px 20px;cursor:pointer}.filter.active{background:#13283b;color:white;border-color:#13283b}.cars{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.car{background:white;border:1px solid #e1e6eb;border-radius:8px;overflow:hidden}.car img{width:100%;aspect-ratio:1.5;object-fit:cover}.car-info{padding:22px}.tag{color:#68832f;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:1px}.spec{font-size:14px;color:#617083;padding-bottom:20px;border-bottom:1px solid #e4e8ed}.car-bottom{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin-top:19px}.car-bottom a{font-weight:700;text-decoration:underline;text-underline-offset:4px}.dark{background:#12273a;color:white}.trade{display:grid;grid-template-columns:1fr 1fr;gap:65px}.trade p{color:#bac4d0}.services{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}.service{padding:28px;background:#1a3248;border:1px solid #ffffff15;border-radius:6px}.service .num{color:#b9ed63;font-size:14px}.service h3{margin-top:16px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.step{border-top:2px solid #b9ed63;padding-top:20px}.step .num{color:#78994b;font-weight:700}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}details{border-bottom:1px solid #d8e0e7;padding:21px 0}summary{font-weight:700;cursor:pointer}.contact{background:#e7eedf;border-radius:10px;padding:45px;display:flex;justify-content:space-between;align-items:center;gap:35px}.contact h2{margin-top:0}.contact p{max-width:590px}.contact .btn{background:#13283b;color:white;white-space:nowrap}.contact-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px}.contact-links a{text-decoration:underline}footer{background:#0c1c2e;color:#a8b5c4;padding:45px 0}.footer-row{display:flex;justify-content:space-between;gap:30px}.footer-row .logo{color:white}.fine{border-top:1px solid #ffffff20;margin-top:30px;padding-top:20px;font-size:13px;display:flex;justify-content:space-between} .hidden{display:none!important}:focus-visible{outline:3px solid #7baf31;outline-offset:4px}@media(max-width:850px){.hero-grid,.trade,.faq{grid-template-columns:1fr}.hero-grid{gap:35px}.hero-photo img{aspect-ratio:1.6}.cars{grid-template-columns:repeat(2,1fr)}nav{gap:16px}nav .btn{display:none}.strip .wrap{gap:15px;flex-wrap:wrap}.contact{display:block}.contact .btn{margin-top:15px}}@media(max-width:560px){.wrap{padding:0 22px}.nav{height:auto;min-height:100px;flex-wrap:wrap;gap:8px;padding-top:14px;padding-bottom:14px}nav{font-size:13px;gap:18px}h1{letter-spacing:-1.7px}.hero{padding:40px 0 48px}section{padding:55px 0}.cars,.services,.steps{grid-template-columns:1fr}.section-top{display:block}.contact{padding:28px}.footer-row,.fine{display:block}.strip .wrap{font-size:12px}.hero-photo img{aspect-ratio:1.35}}
@media(max-width:650px){nav{flex-wrap:wrap;gap:10px 16px}.nav{height:auto;min-height:100px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}}

.brand-logo{display:inline-flex;align-items:center;justify-content:center;background:#ffffff;border-radius:6px;padding:6px 10px;width:255px;height:58px;flex-shrink:0;overflow:hidden}.brand-logo img{display:block;width:235px;height:46px;object-fit:cover;max-width:none}footer .brand-logo{width:275px;height:64px}footer .brand-logo img{width:255px;height:52px}@media(max-width:560px){.brand-logo{width:220px;height:52px}.brand-logo img{width:200px;height:40px}.nav{padding-top:12px;padding-bottom:12px}nav{flex-wrap:wrap}}@media(min-width:850px) and (max-width:1100px){.nav{flex-wrap:wrap;height:auto;padding-top:15px;padding-bottom:15px}nav{flex-wrap:wrap}}