/*Formulare*/
form {
	padding: 12px 20px 0px 0px;  /*210 enspricht der Höhe vom Menubar*/
	text-align: left;
	width: 100% !important;
}
.p-0 {
	padding: 0px 20px 0px 0px;
}
fieldset {
	border: none;
	} 
fieldset ul {
	margin: 0;
	padding: 15px 0 0 0;
	list-style-type: none;
	}	
fieldset li {
	margin: 0 0 12px 0;
	padding: 0;
	width: 100%;
	}
li.selector:after {
	content:attr(data-choice);
	font-weight: 700;
	}	
label {
	margin-top: 10px;
	display: block;
	width: 100%;
	}
.selector,
.label {
padding-top: 30px;	
font-weight: 700;
	}

.radiobutton {
	width: 25%;
	display: inline-block !important;
	margin-top: -10px;
	}	
	
input[type='radio'] {
  width:auto;
  float:left;
  margin-right: 1.5em;
  background:transparent;
  border:none;
}

input[type='radio']:checked,
input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
}

input[type='radio'] + label {
  cursor: pointer;
}	
label[title="Pflichtfeld"]:before {
	content: "*";
	margin-right: 6px;
	}
label[title="Pflichtfeld"]:after {
	font-weight: 700;
	}
button[type='submit'],
textarea, select, input {
	display: block;
	width: 100%;
	height: 35px;
	border: none;
	padding: 0;
	background-color: rgba(105,131,138,0.2);
	color: #000;
font-family: museo-sans, sans-serif;
font-weight: 300;
font-style: normal;
	font-size: 18px !important;
	}
textarea, select {
	height: 160px !important;
	padding: 6px;
	}
select[size="2"] {
	height: 95px !important;
	}
button[type='submit'],
select[name="Prio_1"],
select[name="Prio_2"],
select[name="Prio_3"] {
	height: 35px !important;
	width: 34% !important; 
	}
select[name="Workshop"] {
	height: 35px !important;
	width: 100% !important; 
	}


.medium {float: left; width: 65% !important; margin-bottom: 12px;}
.small {float: left; width: 34% !important; margin-bottom: 12px;}
.space {margin-right: 1%;}	
.m-right { float: right; width: 65%; margin-top: -35px; color: rgba(153,153,153,1); }

input.btnsend {
	margin: 0 0 0 6px;
	color: rgb(141, 141, 141);
	}
input.btnreset {
	margin: 0 0 0 6px;
	color: rgb(141, 141, 141);
	}
button[type='submit'],
input.btnzurueck, input.btnschicken {
	font-weight: 700;
	margin: 6px 6px 0px 0px;
	float: left;
	width: 158px;
	height: 35px;
	color: #000;
	text-align: center;
	border: none;
	background-color: rgba(105,131,138,0.2);
	} input.btnzurueck:hover, input.btnschicken:hover {
	background-color: rgba(105,131,138,0.1);
	}
.m-0 {
	margin: 14px 6px 14px 0px !important;
}
input[type="radio"] {
	width: 18px;
	height: 18px;
	margin-right: 18px;
	float: left;
	display: inline-block;
	}
input[name="Rewrite"] {
		display: none;
	}
input[name="Bemerkung"] {
		display: none;
	}
li.selectbox {
	height: 35px;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	}
/* Customize the label (the container) */
.container {
  display: inline-block; 
  float: left;
  height: 35px;
  width: 35px;
  position: relative;
  margin-top: -5px;
  margin-right: 10px;
  margin-bottom: 0px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 35px;
  width: 35px;
	background-color: rgba(105,131,138,0.2);
  border: none;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
	background-color: rgba(105,131,138,0.1);
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
	background-color: rgba(105,131,138,0.1);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left:10px;
  top: 1px;
  width: 10px;
  height: 22px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
}
li:nth-child(16),
li:nth-child(22),
li:nth-child(28) {
	margin-top: 21px;
	}
/*label.container:after {
	content: attr(title);
	white-space: nowrap;
	width: 100%;
	display: inline-block;
	margin-top: 8px;
	}
*/

#fehler_betrag,
#fehler_klasse,
#fehler_haus,
#fehler_groesse,
#fehler_lehrer,
#fehler_vorname,
#fehler_name,
#fehler_teilnehmer,
#fehler_organisation,
#fehler_geburtstag,
#fehler_strasse,
#fehler_plz,
#fehler_ort,
#fehler_eltern,
#fehler_telefon,
#fehler_tel,
#fehler_mail, 
#fehler_atmail,
#fehler_auswahl,
#fehler_agb,
#fehler_message,
#form_danke { 
	position: absolute;
	margin-top: 0px;
	width: 100%;
	font-weight: 700;
	background-color: #FFF;
	display:none;
} #form_danke { 
	position: relative;
	margin-bottom: 35px;
	display:block;
	}

#dsvgo {
	margin-top: 40px;
	width: 740px;
 }	#dsvgo > p {
	font-size: 16px;
	line-height: 20px;
	color: rgba(0,0,0,1);
	 
	 }