/*Formulieren Bazeja; booking, collabs(contact) login-signup mobiel eerst*/
fieldset {
	margin: 0.5em;
	padding: 2rem;
	border: 1px solid hsl(0, 0%, 60%);
	background: var(--clr-backgroundtext);
	}
@media screen and (min-width: 48rem){
	fieldset {
		/* width: 35em; */
		padding: 1%;
		}
}
/*uitlijnen van de teksten t.o.v. input- & textarea-velden*/
fieldset label {
	width: 11rem; 
	float:left;
	text-align:left;
	}
@media screen and (min-width: 48rem){
	fieldset label {
		text-align: right;
		}
}
/*styling input & textarea*/
input, textarea {
	outline: none;
	height:24px;
	width: 9.57rem;
	background-color: rgb(54, 54, 54);
	border-width: 1px;
	border-style: solid;
	border-color:hsl(0, 0%, 60%);
	margin: 0.2rem;
	color: hsl(0, 0%, 100%);
}
textarea {
	resize: vertical;
	height: 50px;
	max-height: 100px;
}
input:focus, textarea:focus {
	border: 1px solid hsl(0, 100%, 27%);
}
input [type=text] text + size {
	width: auto;
}
.check-radio {
	margin: 1rem;
	width: 1.4rem;
}
@media screen and (min-width: 768px) {
	textarea {
		height:50px;
		max-height: 150px;
		}
	input [type=text] text + size{
		width: auto;
		}
	.check-radio {
		margin: 0.5rem;
		width: 2rem;
		}
}