*{
	margin:0;
	padding:0;
	box-sizing:border-box
}
html{
	scroll-behavior:smooth
}
body{
	font-family: Montserrat;
	background-image:url(/images/velg.webp);
	background-size:cover;
	background-position:center;
	height:100vh
}
body::-webkit-scrollbar{
	display:none
}
.overlay{
	background-color:rgba(0,0,0,.2);
	padding-left:2%;
	color:#fff;
	text-align:left;
	width:100%;
	height:100%
}
.logo{
	font-family:Moulpali,sans-serif;
	letter-spacing:.1875vw;
	margin-top:-2.9%;
	margin-left:2.6%;
	font-size:2.7vw;
	color:#fff
}
.logo a{
	color:#fff;
	text-decoration:none
}
nav{
	display:flex;
	justify-content:flex-end;
	margin-bottom:6%;
	padding-top:2%;
	font-size:1.25vw
}
nav a{
	position:relative;
	color:#fff;
	text-decoration:none;
	margin-right:2%;
	margin-top:1.2%
}
nav a::after{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	height:1px;
	width:100%;
	background-color:#fff;
	transform:scaleX(0);
	transform-origin:left;
	transition:transform .3s ease
}
nav a:hover::after{
	transform:scaleX(1)
}
.line1{
	display:flex;
	height:.10625vw;
	background-color:#fff;
	width:81%;
	margin-top:-3.2%;
	margin-left:19%
}
.line2{
	display:flex;
	height:.09375vw;
	background-color:#fff;
	width:10%;
	margin-top:-.1%;
	margin-left:-8.5%
}
.hoofdtekst{
	margin-top:12%;
	font-size:1.6vw;
	padding-left:.5%
}
.subtekst{
	margin-top:3%;
	font-size:1.2vw;
	padding-left:.5%
}
.kentekenblok{
	height:78vh;
	width:40vw;
	background-color:#f0f0f0;
	border-radius:1.5vw;
	float:right;
	right:3%;
	top:42%;
	position:absolute
}
.kentekentekst{
	color:#000;
	font-family:Montserrat;
	font-size:1.875vw;
	text-align:center;
	padding-top:10%;
	font-weight:700;
	letter-spacing:.1875vw
}
@font-face{
	font-family:Kentekenfont;
	src:url(/fonts/Kentekenfont.ttf)
}
input[type=kenteken]{
	height:17vh;
	width:30vw;
	background:linear-gradient(to right,#2561a0 12%,#f0b504 12%);
	border-radius:.8vw;
	float:right;
	margin-right:12%;
	margin-top:2%;
	border:#000;
	border-style:solid;
	border-width:.1875vw;
	padding-left:15%;
	font-size:4.2vw;
	text-transform:uppercase;
	font-family:Kentekenfont
}
.NL{
	position:absolute;
	bottom:47vh;
	left:6.2vw;
	font-size:1.5vw;
	color:#fff;
	pointer-events:none;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:2000
}
.sterren-image{
	position:absolute;
	bottom:54vh;
	left:4.35vw;
	height:9%;
	width:14%
}
.controleren{
	font-family:Montserrat;
	color:#fff;
	background-color:#000;
	float:right;
	border-radius:1vw;
	width:10vw;
	height:7vh;
	margin-top:3%;
	margin-right:12%;
	margin-bottom:2%;
	border:none;
	margin-left:10%;
	font-size:1.0416666666666667vw
}
.controleren:hover{
	background-color:#292929
}
.animate__animated.animate__fadeInUp{
	--animate-duration:2s
}
.result{
	font-family:Moulpali;
	float:left;
	color:#000;
	margin-left:13%;
	margin-right:13%;
	font-size:3vw;
	line-height:100%
}
.section-2,.section-below{
	height:100vh;
	width:100vw;
	padding-top:2%;
	display:flex;
	justify-content:flex-start
}
.section-below{
	background-color:#8b8686
}
.section-2{
	background-color:#535050
}
.klantTekst{
	color:#000;
	margin-left:5.87%;
	padding-top:8%;
	font-size:3.1vw;
	font-style:bold;
	font-family:Moulpali;
	font-size:3.1vw
}
.klantFormBox{
	height:60%;
	width:40%;
	background-color:#eaeaea;
	border-radius:1.5vw;
	position:absolute;
	float:left;
	margin-top:13.7%;
	margin-left:5%;
	font-size:0
}
.klantForm{
	width:40%;
	height:10%;
	float:left;
	padding-left:10%;
	padding-top:8%
}
input[type=email],input[type=wachtwoord]{
	height:12vh;
	width:32vw;
	background:#d9d9d9;
	border-radius:1.5vw;
	border:none;
	margin-right:12%;
	margin-top:2%;
	margin-bottom:15%;
	padding-left:15%;
	font-size:1.25vw
}
input[type=button]{
	font-family:Montserrat;
	color:#fff;
	background-color:#000;
	border-radius:1vw;
	width:10vw;
	height:7vh;
	border:none;
	font-size:1.0416666666666667vw
}
input[value=REGISTREREN]{
	position:absolute;
	margin-left:30%
}
input[type=button]:hover{
	background-color:#292929
}
.hoek1,.hoek4{
	position:absolute;
	width:.25%;
	height:10%;
	background-color:#000
}
.hoek2,.hoek3{
	position:absolute;
	width:8%;
	height:.5%;
	background-color:#000
}
.hoek1,.hoek2{
	top:130%;
	right:3.3%
}
.hoek3{
	top:192%;
	left:57%
}
.hoek4{
	top:182%;
	left:57%
}
.voordelen{
	position:relative;
	top:60%;
	left:-5%;
	right:5.7vw;
	font-size:1.6vw;
	text-align:center;
	width:50%;
	height:20%
}
.groteTekst{
	position:relative;
	font-family:Montserrat;
	font-size:3vw;
	font-weight:700;
	bottom:-35%;
	left:29%;
	width:45%;
	height:6%
}
.whyWait{
	position:absolute;
	bottom:-50%;
	right:14%;
	font-size:1.6vw;
	text-align:center
}
label{
	font-size:1.1vw;
	white-space:nowrap
}
.nieuwKlantFormBox{
	height:80%;
	width:40%;
	background-color:#eaeaea;
	border-radius:1.5vw;
	right:0;
	margin-right:4%;
	margin-top:4%;
	position:absolute
}
input[type=namen]{
	height:5vh;
	width:10vw;
	background:#d9d9d9;
	border-radius:.5vw;
	border:none;
	font-size:1vw;
	display:flex;
	position:relative;
	margin-right:6%;
	margin-bottom:-3%;
	padding-left:3%
}
.personalia{
	margin-right:32%
}
.bedrijfsnaamTekst{
	margin-left:-11%
}
.nieuwKlantFormContactTekst,.nieuwKlantFormPersonaliaTekst{
	width:40%;
	height:10%;
	float:left;
	margin-left:7%;
	margin-top:5%;
	display:flex
}
.nieuwKlantFormContactInputs,.nieuwKlantFormPersonaliaInputs{
	float:left;
	margin-left:7%;
	margin-top:-3%;
	display:flex
}
.telefoonnummerTekst{
	margin-left:31.5%
}
input[type=contactinformatie]{
	height:5vh;
	width:18vw;
	background:#d9d9d9;
	border-radius:.5vw;
	border:none;
	font-size:1vw;
	padding-left:3%;
	margin-right:3%
}
.nieuwKlantFormBerichtTekst{
	width:40%;
	height:10%;
	float:left;
	margin-left:7%;
	margin-top:3%;
	display:flex
}
.nieuwKlantFormBerichtInput{
	float:left;
	display:flex;
	margin-top:-3%
}
#bericht{
	height:30vh;
	width:38vw;
	background:#d9d9d9;
	border-radius:.7vw;
	border:none;
	font-size:1vw;
	padding-left:3%;
	padding-top:3%;
	margin-left:7%;
	line-height:normal;
	overflow:auto
}
input[value=VERSTUREN]{
	position:absolute;
	top:88%;
	right:5%
}
.nieuwKlantFormBoxTekst{
	color:#000;
	font-style:bold;
	font-family:Moulpali;
	font-size:2.45vw;
	position:absolute;
	right:0;
	bottom:-113%;
	margin-right:5.5%
}
.nieuwKlantTekst{
	width:40%;
	margin-left:5%;
	margin-top:15%;
	text-align:center;
	font-weight:700;
	color:#fff
}
.header-title{
	font-size:3vw;
	margin-bottom:1%
}
.header-description{
	font-size:2vw;
	margin-bottom:.8vw
}
.header-small{
	font-size:1.5vw;
	margin-bottom:.5vw
}
.header-image{
	margin-top:7%;
	margin-left:6%;
	width:20%;
	height:auto
}
footer{
	background-color:#7b7b7b;
	height:25%;
	padding-top:2vh;
	color:#fff;
	text-transform:uppercase
}
.footer-container{
	display:flex;
	justify-content:center;
	width:90%;
	margin-top:1.5%;
	margin-right:auto;
	margin-left:auto;
	gap:11vw
}
.footerInfo{
	max-width:33.3333333333%
}
.footerInfo h3{
	font-size:2vw;
	margin-top:0;
	margin-bottom:1vh
}
.footerInfo p{
	font-size:1.2vw;
	line-height:3vh;
	margin-top:0
}
.footerInfo a{
	color:#fff;
	text-decoration:none
}
.footerInfo a:hover{
	text-decoration:underline
}
.whiteShade{
	position:relative;
	top:-6.4%;
	left:-3%;
	right:0;
	height:100%;
	width:150%;
	background-color:rgba(255,255,255,.2);
	z-index:-2
}
.algemeneVoorwaardenTekst{
	padding-left:3%;
	padding-top:1.5%;
	font-size:.7vw
}
.algemeneVoorwaardenTekst h1{
	padding-bottom:.2%
}
.kvkInformatieTekst{
	padding-left:3%;
	font-size:1vw
}
.kvkInformatieTekst h1{
	padding-top:1.5%
}
.kvkInformatieTekst p{
	padding-bottom:.3%
}
.veelgesteldeVragenTekst p{
	padding-bottom:.5%
}
.veelgesteldeVragenTekst{
	padding-left:2%;
	font-size:.78vw;
	padding-top:5%
}
.vraagEnAntwoord{
	padding-bottom:.8%
}