/* MOVEZE Laadloon / ERE — licht, hoog contrast */
.mll { max-width: 1000px; margin: 0 auto; padding: 32px 20px;
	background: #ffffff !important; color: #143A4A !important; border-radius: 20px; }
.mll h2 { color: #143A4A !important; font-size: 24px; margin: 0 0 10px; }
.mll h3 { color: #143A4A !important; font-size: 17px; margin: 0 0 8px; }
.mll__lead { color: #143A4A !important; font-size: 16px; max-width: 680px; }

.mll__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 20px; margin: 28px 0; }
.mll__kaart { background: #F7F9F8; border-radius: 14px; padding: 22px; }
.mll__kaart p { color: #143A4A !important; font-size: 14px; margin: 0; }

.mll__transparant { background: #F7F9F8; border-left: 4px solid #143A4A;
	border-radius: 0 10px 10px 0; padding: 14px 18px; font-size: 13.5px; color: #143A4A !important; }
.mll__transparant strong { color: #143A4A !important; }

/* Calculator */
.mll--calc { border: 1px solid #DCEAF1; }
.mll__velden { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin: 18px 0; }
.mll__velden label { font-size: 13px; color: #143A4A !important; }
.mll__velden input[type="number"] { display: block; width: 100%; margin-top: 5px; padding: 10px 12px;
	border: 1px solid #DCEAF1; border-radius: 9px; background: #ffffff !important; color: #143A4A !important; font-size: 14px; }
.mll__velden input[type="range"] { width: 78%; vertical-align: middle; margin-top: 8px; }
.mll__velden output { font-size: 13px; font-weight: 600; color: #143A4A !important; margin-left: 8px; }

.mll__uitkomst { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; margin: 20px 0 10px; }
.mll__kpi { background: #F7F9F8; border-radius: 12px; padding: 16px 18px; }
.mll__kpi span { display: block; font-size: 12px; color: #6F9DB8 !important; margin-bottom: 4px; }
.mll__kpi strong { font-size: 20px; color: #143A4A !important; }
.mll__kpi--groen { background: #DCEAF1; }
.mll__kpi--groen strong { color: #3F8F83 !important; }

/* Formulier */
.mll__form { max-width: 620px; margin: 0 auto; padding: 30px;
	background: #ffffff !important; color: #143A4A !important;
	border: 1px solid #DCEAF1; border-radius: 18px; }
.mll__form h3 { font-size: 20px; }
.mll__form p { color: #143A4A !important; font-size: 14.5px; }
.mll__rij { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.mll__form label { display: block; font-size: 13px; color: #143A4A !important; margin-bottom: 13px; }
.mll__form input, .mll__form textarea { display: block; width: 100%; margin-top: 5px; padding: 11px 13px;
	border: 1px solid #DCEAF1; border-radius: 9px; font-size: 14.5px;
	background: #ffffff !important; color: #143A4A !important; font-family: inherit; }
.mll__form button { background: #143A4A; color: #ffffff !important; border: none;
	padding: 13px 28px; border-radius: 10px; font-weight: 600; font-size: 15px; cursor: pointer; }
.mll__form--bedankt { text-align: center; }
.mll__form--bedankt h3 { color: #3F8F83 !important; }
.mll__fout { color: #B3413C !important; font-size: 14px; }
.mll__note { font-size: 12px; color: #6F9DB8 !important; margin-top: 12px; }

@media (max-width: 600px) { .mll__rij { grid-template-columns: 1fr; } }