/*Stylesheet BuchungsFormulare Form Inhalt English For Kids® */
/* Feber 2021 fuer Responsive Formulare*/

@media screen {
form {overflow: hidden; line-height: .85;}
/*label#chkEmail {color:red; }*/
fieldset{width: 86%;margin: .75em 0 0 0;}
legend {
	background-image: url(../img/icons/finger.gif); background-repeat:no-repeat;
	background-position: .15%;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 98%; font-variant: small-caps; font-weight: 600;
	text-indent: 0%; text-align: left;
	padding-left: 3em; padding-right: 1em; margin: 0; }
div > label { clear: both; display: block; float: left; /*background-color: white;*/}
label {	clear:both;	width: 35%; display: block;	float: left;
	text-align: left; font-weight: normal; font-size: 1em;
	line-height: 1.25;	height: 1.75em;
	margin:.25em 1rem 0 0.25rem; padding: 0; }
input {	display: block;	width:40%; border: 1px #ccc solid;	padding: .25em;	margin-top:.25rem;	/*margin:.25em 0 0 0; padding: .0rem;*/	}
input:focus, textarea:focus {border-color: maroon;}
input[type="email"] + legend.clear {margin-top:.5rem;margin-bottom:.5rem;}
legend.clear {margin-top:.5rem;margin-bottom:.5rem;}
label.long {width:80%; }
label.ref {width:40%; }
div.radio-inline {	display: block;	float: left;	text-align: left;
	margin-top:0; padding:0; 	/*border-right: 1px solid red; background-color: gray;*/  width: 40%;}

/* input-radio-button */
span.input-radio, 
input[type="radio"] { width: 20px; height:20px; margin-top:10px; margin-right:.5rem; padding:0; display: inline;line-height: 1.25; /* border-right: 1px solid red;*/}
td.radiobutton input[type="radio"] {width: 15px; height:15px; margin-right:.5rem; }
.radio-trenner { display: block; float: left;  width: 35%; margin-right: 1.5em; color:black;
   /* border-right: 4px solid green; background-color: yellow;*/   }
	
/* .radio-trennerEnde { display: block; float: left;border-right: 1px solid black;  margin-right: 1em; background-color: yellow;  /*width: 90px; }*/
	
/* EOF input-radio-button */

fieldset.required, .required { background-color: inherit; color: maroon; }
fieldset.required label, fieldset.required span.radio-inline {color:black;}
fieldset.required > input[type=text]:focus{ border-color: red; }
fieldset.required > input[type=tel]:focus, fieldset.required input[type=email]:focus {border-color: red;}
fieldset.required > input[type=tel]#txtTelBuero:focus {border-color: maroon;}


textarea { position:relative; width: 80%; height:auto; line-height: 1.40; margin-bottom:.75em; margin-top:.5rem; padding:.75em;}
textarea, input {color: blue;}
fieldset.sport ul li {display:inline;}

input[type="checkbox"] {float:left; width: 2em; margin-right:1em; }
@media screen and (max-width: 560px) {input[type="checkbox"] { margin-right:.75rem; margin-left:2rem; margin-top:.5rem;}} 
/* EOF media query */

select[name="cmbKlasse"], select[name="cmbTyp"], select[name="cmbAufmerksam"] {margin-top: .5em; margin-right:2em; float:left; color:black;}

label[for="cmbAufmerksam"], label[for="txtKontaktmedium"] { width:0; margin:0;padding:0;}
/*label[for="chkKletterwand"] { width:0;}*/
	
/*Sonderregelung radioButton-Liste*/
label[for="txtEmpfehlungsAdressen"] {width:50%;}
p label[for="chkKletterwand"], p label[for="chkStornoVersicherung"],
li label[for="chkEinverstaendnis"] { width:17%;}

/* form ende inhalte zum ende*/
input[name="captcha_input"]{width:30%; min-width: 20%; clear:left;}
input[name="txtOrtBuchung"] {width:30%; min-width: 20%;display:inline;}	

/* formular absenden oder resert*/
input[type=reset], input[type=submit] { width:auto; float:left; margin-right:2em; height: 2.5em; padding:.75em; color:black; font-weight:bold;}
@media screen and (max-width: 550px) {
input[type=reset], input[type=submit] {float:none;}}


@media screen and (max-width: 480px) {
 	/*div > label { clear: both; display: block; float: none; }*/
	label {	width: 40%;  }
	.radio-trenner { width: 50%; margin-right: 0em; color:black;} 
	input[type="radio"] { width: 20px; height:20px; margin-top:-5px; }
	input {	margin-top:.25rem;	/*margin:.25em 0 0 0; padding: .0rem;*/	width:50%;}
	p label[for="chkStornoVersicherung"], li label[for="chkEinverstaendnis"] { width:35%;}
	label[for="txtEmpfehlungsAdressen"] {width:90%;}
	#health label, #e-marketing label{margin-bottom:.5rem;}
	
}
@media screen and (max-width: 379px) {
 	/*div > label { clear: both; display: block; float: none; }*/
	fieldset{width: 90%;}
	label {	width: 40%;  }
	input {width:90%}
	input[type="checkbox"] { margin-right:.75rem; margin-left:1rem; margin-top:.5rem;}
	div.radio-inline {width:50%;}
	#health label, #e-marketing label{margin-bottom:.25rem;}
	label[for="txtAnmerkungGesundheit"] {margin:0;}
	textarea[for="txtAnmerkungGesundheit"] { width: 90%; }
}
}