form {
  width: 100%;
  max-width: 37.5rem;
}
fieldset {
  width: 100%;
  margin: auto;
  padding: 2%;
}
.textfeld, .submitbutton {
  margin: 2%;
}
.textfeld label {
  display: block;
  padding-bottom: 0.2rem;
}
.textfeld input, .textfeld textarea {
  width: 100%;
  padding: 4px;
  display: block;
  border-radius: 2px;
  border: 1px solid #999;
}
label {
  cursor: pointer;
}
.button {
	padding: 0.2rem 1rem;
	color: #fff;
	background: #44a52a;
	font-weight: bold;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

/* ************************************ */
	a.infobox { 
		background-color: #666;
		font-size: 0.6rem;
		border-radius: 0.2rem;
		padding: 0.1rem 0.5rem;
		text-decoration:none; 
	}
	a.infobox:hover { 
		cursor:help; 
		color:#c30; 
		background:white; 
	}
	a.infobox span { 
		visibility:hidden; 
		position:absolute; 
		margin-top:1.5rem; 
		padding:1rem; 
		text-decoration:none; 
	}
		
	a.infobox:hover span, 
	a.infobox:focus span, 
	a.infobox:active span {
		visibility:visible; 
		padding: 1rem;
		margin-left: -5rem;
		width: 80%;
		max-width: 35rem;
		border:1px solid #c30; 
		color:blue; 
		background:#44a52a; 
		z-index:1000;
	}
	
.checkbox {
	padding: 1rem 0;
}

.checkbox li {
	list-style: none;
	padding: 0.2rem 0;
}
h6 {
	color:red;
	font-size: 1rem;
}

/* ************************************ */

@media screen and (min-width: 600px) {
  .textfeld input, .submitbutton {
     display: inline-block;
     width: 68%;
   }

  .textfeld label {
     display: inline-block;
     margin: 0 2% 0 0;
     vertical-align: top;
     width: 22%;
  }
}
.inputred {
	background-color: #ffcccc;
}