:root{
	--hellblau: rgba(255, 255, 255, 0.6);
	--mittelblau: rgb(0, 126, 188);
    --dunkelblau: rgb(0, 77, 134);
	--hellgrau: rgb(230,230,230);
	--mittelgrau: rgb(200,200,200);
}
	
	form{
	width: 100%;
	border: 1px solid var(--hellgrau);
	background-color:  var(--hellgrau);
	border-radius: 10px;
	font-size: 1rem;
	font-family: Roboto, sans-serif;
	padding: 1em;
}

.fax{
	display: none!important;
}

label {
	font-size: 0.9rem;
	color: var(--dunkelblau);
	padding-bottom: 5px;
	width: 100%;
}

input[type="text"], input[type="email"], input[type="date"], input[type="number"], fieldset, select, textarea {
	font-size:0.8rem; 
	border: none;
	border-bottom: 3px solid  var(--mittelgrau);
	background-color: e0e0e0;
	padding: 0.5em 1em;
	font-family: Roboto, sans-serif;
	width: 100%; min-width: 100%; 
	box-sizing: border-box;
	outline: none;
	margin-bottom: 1em;
	color: var(--dunkelblau);
	opacity: 90%;
}

input[type="radio"]{accent-color: var(--mittelblau); background-color: var(--mittelblau);}

fieldset {
	background-color:var(--hellblau);
	border-radius: 5px 5px 0 0;
	padding-top: 1em;
	
}

textarea {
	height: 15em;
}

.code{
	text-align: right;
}

.code img{
	height: 2em;
}

input[type="submit"] {
	font-size: 1.1rem; padding: 0.3em 1em; 
	font-family: Roboto, sans-serif;
	font-weight: bold;
	color: #d0d0d0;
	border: 1px solid silver;
	background-color: var(--mittelblau);
	border-radius: 5px;
	width: 100%;
	margin: 0 auto;
}



input:focus::-webkit-input-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent;}
input:focus:-ms-placeholder { color:transparent;}
input:focus, select:focus, textarea:focus {border-bottom: 3px solid var(--dunkelblau);}

input#senden:hover {opacity: 0.8;}
			
@media screen and (max-width:800px) {		
		.mobile-invisible{
		display: none;
		}
		
		input#senden, input#reset {
			width: 100%;
		}
		
		.code {
			text-align: left;
		}
}