/* font family and size for Inputfield forms */
.FormBuilder, 
.InputfieldForm,
.InputfieldForm input,
.InputfieldForm textarea,
.InputfieldForm select,
.InputfieldForm button,
.ui-widget {
	font-size: 1.0em; color:#666;
	line-height: 1.5em;
	box-sizing: border-box;
}
.InputfieldForm {margin: 0.5em 0;}

/* additional padding for inputs and textareas */
.InputfieldForm input,
.InputfieldForm textarea {padding: 0.25em 0.35em; border:1px solid #AAA; 	font-size: 1.0em; color:#666; font-family:'Roboto Condensed', Arial, Verdana, sans-serif; }

.InputfieldForm input:focus,
.InputfieldForm textarea:focus {border-color:#817741; color:#817741; box-shadow:0 0 10px rgba(130,120,65,0.3);}

/* error messages */
.FormBuilder .error, 
.InputfieldForm .error,
.InputfieldForm .error small {color:#BF0000 !important;}

/* wrapper for label + input */
.Inputfield {margin-bottom: 0.5em;}

/* submit button */
.InputfieldForm button    {padding: 1rem 3rem; background:#817741; color:#FFF; border:none;}
.InputfieldForm button:hover, .InputfieldForm button:focus {cursor:pointer; background:#777;}

/* label header */
.Inputfield .InputfieldHeader {display:block; font-weight:400; font-size:1.4rem;}

/* show a red asterisk after label when field "required" */
.InputfieldStateRequired > .InputfieldHeader:first-child:after {color: red;	content: '*';}

/* styling for fieldsets and legend */
fieldset.InputfieldFieldset         {padding:0; border-top:3px solid #3092C0;}
fieldset.InputfieldFieldset legend  {font-size:24px; padding:0 30px 2px 0; margin-left:0; background:#FFF; color:#3092C0;}

/* honeypot */
#wrap_Inputfield- {display: none;}

/* clearfix */
.pw-clearfix:before,
.pw-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.pw-clearfix:after {clear: both;}
/* clearfix support for IE7 */
.pw-clearfix {min-height: 0;}


div.InputfieldContent div.InputfieldContent  {}
.InputfieldContent p.hinweis {font-size:1.5rem; margin-bottom:1rem;}


.Inputfield {margin-bottom:0 !important; padding:5px 0 10px 0 !important;}


p.description {font-style:italic; font-size:1.5remem; margin:-8px 0 2px 0 !important; padding:0; color:#999;}


input[type="checkbox"]  {
  border:1px solid #CCC !important; 
  width:18px; height:18px; 
  padding:3px; 
  color:#FFF;
  }
input[type="radio"]     {
  border:1px solid #FFF; 
  width:22px; height:22px; 
  padding:0;
  color:#75C030; 
  border-radius:11px;
  }

input[type="checkbox"]:checked  {
  width:18px; height:18px; 
  background-color:#75C030;
  color:white;
  }
input[type="radio"]:checked     {background-color:transparent color:#75C030; border:none;}


/* Shitty Checkbox zur Kenntnisnahme des Datenschutzes*/
.FormBuilder-kontakt .Inputfield_datenschutz .InputfieldContent label span                  {display:none;}

/* Labe für Datenschutzhinweis entfernen */
.FormBuilder-kontakt .Inputfield_datenschutz label {display:none;}

.FormBuilder-kontakt .InputfieldFormWidths .notes {line-height:100%;}

.FormBuilder-kontakt .Inputfield_datenschutzhinweis .InputfieldHeader.InputfieldStateToggle {display:none;}

#Inputfield_recaptcha label {display:none;}

/* Der Text dazu */
.ds-zusatz    {margin-top:-20px;}
.ds-zusatz p  {font-size:1.3rem; font-style:italic; margin-bottom:5px; line-height:145%;}

@media only screen and (max-width: 480px) {
 .InputfieldFormWidths .Inputfield { padding:0 !important; margin-top:-1.5rem !important; margin-bottom:0 !important; /* Blöd. Aber ich kann die Inline-Styles des Formbuilder nicht überschreiben */}
 .InputfieldContent p.hinweis {font-size:1.3rem; line-height:1.3rem;margin-bottom:0.5rem;}
}