h4{ font-weight: 700; }

.container-fluid.content{ min-height: 450px; }
.container-fluid.content .page-content .row.lightblue:first-child{ padding-top: 75px; }

.checkout-btns .btn.btn-light{ width: 100%; margin-bottom: 15px; }
.checkout-btns .btn.btn-secondary{ width: 100%; }

.container-fluid.content .container { position: relative; z-index: 9; }
/* ============================================
		CONTENT
=============================================*/

.z-top{	z-index: 9; }

/*  CONTACT */
.block.form{ margin-left: 0; }
.block.form .form-group:nth-child(13){ margin-bottom: 45px; }

.form-group label{ margin-bottom: 5px; }

.form-control-error-list{ font-size: 12px; color: var(--red); }
.form-control-error-list ul{ padding-left: 12px; }
.form-control-error-list ul li:before{ display: none; }

.form-control{ padding: .375rem .75rem !important; }
.form-control-label.required:after{ content: " *"; }

.form-group input[type="date"]{ width: 100%; max-width: 100%; display: inline-block;}

form.checkFields {margin-top: 24px;}

#payMethodes label { border: 1px solid var(--text-color); border-radius: 10px; padding: 12px; margin-right: 6px;}
#payMethodes label:has( :checked) {background: var(--gradient); color: var(--white);}
#payMethodes label input[type="radio"] {display: none;}
#payMethodes label p {margin: 6px 0 0 0;}

#payMethodes .form-group.issuers{ margin-top: 24px; width: fit-content; }


/* ============================================
		FOOTER & ENDPAGE
=============================================*/
.container-fluid.footer-endpage{ margin-top: -250px; }


/* ============================================
		MOBIEL
=============================================*/

/* --------------------------------------- */
@media only screen and (max-width: 1399px) {
	.block.list.appli-steps { margin-left: 5rem; }
}

/* --------------------------------------- */
@media only screen and (max-width: 1199px) {
	.block.list.appli-steps { margin-left: 3rem; }
}

/* --------------------------------------- */
@media only screen and (max-width: 767px) {

	.page-content .container .row > div:has(#payMethodes) { width: 100%;}

	.form-group .col-md-5{ margin-bottom: 15px; }
}

/* --------------------------------------- */
@media only screen and (max-width: 479px) {
	.form-control{ padding: 2px 8px !important; }
	.block.form .form-group:nth-child(13){ margin-bottom: 15px; }
	.block.form .form_field_entry label{ width: 100%; float: none; }
	.form-group .form-control{ width: 100% !important; }
	
	.block.list.appli-steps { margin-left: 0; }

	#payMethodes {display: flex; flex-wrap: wrap; gap: 12px;}
	#payMethodes label { margin: 0;}
	#payMethodes .form-group.issuers { margin: 0; width: 100%;}
}

/* ============================================
		OVERIG
=============================================*/

.innerform{ width: 100%; height: 1550px; }

@media only screen and (min-width: 959px) and (max-width: 1220px){
	.innerform{ width:100%; height: 1550px; }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.innerform{ width:100%; height: 2200px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.innerform{ width:100%; height: 2200px; }
}
@media only screen and (max-width: 479px) {
	.innerform{ width:100%; height: 2300px; }
}