.addform-wrapper {
	padding-top: 30px;
}
.addform-wrapper form {

}
.addform-wrapper form > div {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-row-gap: 20px;
	grid-column-gap: 40px;
}


label {
	font-size: 16px;
	border-radius: 0px;
	font-weight: 700;
		color: var(--color-dark);
}
.label {
	border-radius: 0px;
}
a.label[href] {
	cursor: pointer;
}
.addform label {
	font-weight: 700;
	color: var(--color-dark);
}
.addformlabel {
	font-size: 26px;
	font-weight: 700;
		color: var(--color-dark);
}

textarea {
	min-height: 200px;
	border-radius: 0px;
}

input::placeholder, textarea::placeholder {
	position: relative;
}
input[readonly] {
	background: #fff;
	cursor: text
}
input[type='text'],input[type='email'],input[type='password'] {
	border: 1px solid rgba(var(--color-dark-rgb), 0.4);
	background-color: #ffffff;
	box-shadow: none !important;
	font-size: 16px;
	line-height: 1.6;
	color: var(--color-primary);
	border-radius: var(--radius-tiny);
	height: 48px;
	margin-bottom: 0;
}
.input-search {
	border-radius: 0 !important;
}
input:focus {
	border-color: var(--color-primary) !important
}
input[type='text'].invalid,input[type='email'].invalid,select.invalid,textarea.invalid {
	border-color: #e02020 !important;
}
input[type='text'].valid,input[type='email'].valid,select.valid,textarea.valid {
	border-color: #2cc26f !important;
}

.addformArea {
	border: 1px solid rgba(var(--color-dark-rgb), 0.4);
	background-color: #ffffff;
	box-shadow: none !important;
	font-size: 16px;
	line-height: 1.6;
	color: var(--color-primary);
	border-radius: var(--radius-tiny);
}
.addformArea:focus {
	border-color: var(--color-primary) !important
}

.formval-message {
	font-size: 0.85em;
	margin: -0.5em 0 1em 0;
	color: #8ed1de;
}

.input-group-label {
	background-color: #fff;
}
.input-group-label:first-child {
	border-radius: 8px 0 0 8px;
}
.input-group-label:last-child {
	border-radius: 0 8px 8px 0;
}
.input-group-field:last-child {
	border-radius: 0 0px 0px 0;
}
.input-group>:last-child, .input-group>:last-child.input-group-button>* {
	border-radius: 0 8px 8px 0;
}
.input-group-button .button {
}

[type=checkbox], [type=file], [type=radio] {
	margin-bottom:0;
}
.col2 br {
	display: none;
}
select {
	border-radius: var(--radius-medium);
	line-height: 1.4;
	appearance: none;
	height: 48px;
	border: 1px solid  rgba(var(--color-dark-rgb), 0.4);
	padding-left: 15px;
	background-image: url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEyOHB4IiBoZWlnaHQ9IjEyOHB4IiB2aWV3Qm94PSIwIDAgNDQ0LjgxOSA0NDQuODE5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NDQuODE5IDQ0NC44MTk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNNDM0LjI1MiwxMTQuMjAzbC0yMS40MDktMjEuNDE2Yy03LjQxOS03LjA0LTE2LjA4NC0xMC41NjEtMjUuOTc1LTEwLjU2MWMtMTAuMDk1LDAtMTguNjU3LDMuNTIxLTI1LjcsMTAuNTYxICAgTDIyMi40MSwyMzEuNTQ5TDgzLjY1Myw5Mi43OTFjLTcuMDQyLTcuMDQtMTUuNjA2LTEwLjU2MS0yNS42OTctMTAuNTYxYy05Ljg5NiwwLTE4LjU1OSwzLjUyMS0yNS45NzksMTAuNTYxbC0yMS4xMjgsMjEuNDE2ICAgQzMuNjE1LDEyMS40MzYsMCwxMzAuMDk5LDAsMTQwLjE4OGMwLDEwLjI3NywzLjYxOSwxOC44NDIsMTAuODQ4LDI1LjY5M2wxODUuODY0LDE4NS44NjVjNi44NTUsNy4yMywxNS40MTYsMTAuODQ4LDI1LjY5NywxMC44NDggICBjMTAuMDg4LDAsMTguNzUtMy42MTcsMjUuOTc3LTEwLjg0OGwxODUuODY1LTE4NS44NjVjNy4wNDMtNy4wNDQsMTAuNTY3LTE1LjYwOCwxMC41NjctMjUuNjkzICAgQzQ0NC44MTksMTMwLjI4Nyw0NDEuMjk1LDEyMS42MjksNDM0LjI1MiwxMTQuMjAzeiIgZmlsbD0iIzAwN2FmYSIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=');
	background-size: 10px auto;
	background-position: right -5px center;
	background-color: #f7f7f7;
	font-weight: 500;
	font-size: 14px;
	color: var(--color-dark);
}
.form-label {
	margin: 0;
	line-height: 1.4;
	margin-top: 7px;
	margin-bottom: 10px
}
.req {
	color: var(--color-secondary);
	font-weight: 700;
}
.knoppen {
	padding-top: 20px;
	display: flex;
	justify-content: center;
	width: 100%;
	text-align: center;
}

.checkbox-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-start;

}
.checkbox-wrap label.text  {
	position: relative;
	top:10px;
	margin:0;
	line-height: 1;
	padding:0;
	margin-left: -10px;
}



/* Klacht */
.addform-wrapper form > div .regel.email,
.addform-wrapper form > div .regel.naamproduct,
.addform-wrapper form > div .regel.vraag,
.addform-wrapper form > div .regel.fotouploaden,
.addform-wrapper form > div .regel.check-1,
.addform-wrapper form > div .regel.check-2,
.addform-wrapper form > div .regel.submit,
.addform-wrapper form > div .regel.uitleg {
	grid-column: span 2;
}
.addform-wrapper form > div .regel.fotouploaden {
	border-radius: 10px;
	padding: 20px 20px 0;
	background-color: var(--color-light);
}
.addform-wrapper form > div .regel.check-1,
.addform-wrapper form > div .regel.check-2 {
	padding: 20px 20px 0;
}
.hint {
	font-style: italic;
	color: var(--color-dark);
}
.addform-wrapper form > div .regel.honing-text {
	display: none;
}
.addform-wrapper form > div .regel.uitleg {
	color: var(--color-dark);
}

/* Contact */


.input-group-label {
	background-color: #fff;
}
.input-group-label:last-child {
	border-radius: 0 3px 3px 0;
}


@media (max-width: 640px) {
	.addform-wrapper {
		border-radius: 20px;
		padding: 20px;
		background-color: #fff;
	}
	.addform-wrapper form {
		padding: 0px;
	}
	.addform-wrapper form > div {
		display: grid;
		grid-template-columns: 1fr;
		grid-column-gap: none
	}
	.addform-wrapper form > div .regel {
		grid-column: span 2;
	}
	
}