@charset "UTF-8";
/**
 * InputfieldForm CSS file for FormBuilder with non-Legacy frameworks
 *
 */




.InputfieldForm textarea,
.InputfieldForm .InputfieldMaxWidth {
  width: 100%;
}
.InputfieldForm input[type=text],
.InputfieldForm input[type=password],
.InputfieldForm input[type=date],
.InputfieldForm input[type=datetime],
.InputfieldForm input[type=datetime-local],
.InputfieldForm input[type=month],
.InputfieldForm input[type=week],
.InputfieldForm input[type=email],
.InputfieldForm input[type=number],
.InputfieldForm input[type=search],
.InputfieldForm input[type=tel],
.InputfieldForm input[type=time],
.InputfieldForm input[type=url],
.InputfieldForm input[type=color],
.InputfieldForm select,
.InputfieldForm textarea {
  margin: 0;
}
.InputfieldForm, .InputfieldForm *, .InputfieldForm *:before, .InputfieldForm *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.InputfieldForm .Inputfields {
  height: auto;
  list-style: none;
  padding: 0;
}
.InputfieldForm .Inputfield {
  list-style: none;
  display: block;
}
.InputfieldForm .Inputfield {
  clear: both;
  margin: 0 0 1.5em 0;
}
.InputfieldForm .Inputfield:not(fieldset) {
  padding: 0;
}
.InputfieldForm fieldset,
.InputfieldForm .InputfieldFieldset {
  margin: 0 0 1.5em 0;
  padding-bottom: 0;
}
.InputfieldForm .InputfieldFieldset:not(.InputfieldColumnWidth) {
  clear: both;
}
.InputfieldForm .InputfieldStateCollapsed .InputfieldHeader {
  opacity: 0.5;
}
.InputfieldForm .InputfieldStateCollapsed .InputfieldHeader:after {
  content: " …";
}
.InputfieldForm .InputfieldStateCollapsed .InputfieldContent {
  display: none;
}
.InputfieldForm .InputfieldHidden {
  display: none;
}
.InputfieldForm .description,
.InputfieldForm .notes {
  margin: 0.25em 0;
}
.InputfieldForm .Inputfield:not(.InputfieldStateCollapsed) > .InputfieldHeaderHidden > span {
  display: none;
}
.InputfieldForm .InputfieldSubmitPrev {
  float: left;
}
.InputfieldForm .InputfieldSubmitPrev + .InputfieldSubmit {
  clear: none;
  float: left;
  margin-left: 1em;
}


.InputfieldFormWidths {
  /** the following have to do with column widths **********************************************/
}
.InputfieldFormWidths input[type=text],
.InputfieldFormWidths input[type=email],
.InputfieldFormWidths input[type=url],
.InputfieldFormWidths select,
.InputfieldFormWidths textarea {
  width: 100%;
}
.InputfieldFormWidths .InputfieldColumnWidth {
  /* an Inputfield that has a percentage width assigned to it */
  float: left;
  clear: none;
  margin-left: 0;
  margin-right: 0;
}
.InputfieldFormWidths .InputfieldColumnWidth > .InputfieldHeader,
.InputfieldFormWidths .InputfieldColumnWidth > .InputfieldContent {
  padding-left: 1.5em;font-weight:400;
}
.InputfieldFormWidths .InputfieldColumnWidth > .InputfieldHeaderHidden::before {
  display: inline-block;
  content: " ";
}
.InputfieldFormWidths .InputfieldColumnWidthFirst,
.InputfieldFormWidths .InputfieldColumnWidth + .InputfieldSubmit,
.InputfieldFormWidths .InputfieldColumnWidthFirstTmp,
.InputfieldFormWidths .InputfieldColumnWidthFirst.InputfieldStateHidden + .Inputfield {
  /* first Inputfield with a percent width... */
  /* ...or the last percentage-width Inputifeld before the submit button */
  clear: both;
}
.InputfieldFormWidths .InputfieldColumnWidthFirst > .InputfieldHeader,
.InputfieldFormWidths .InputfieldColumnWidthFirst > .InputfieldContent,
.InputfieldFormWidths .InputfieldColumnWidth + .InputfieldSubmit > .InputfieldHeader,
.InputfieldFormWidths .InputfieldColumnWidth + .InputfieldSubmit > .InputfieldContent,
.InputfieldFormWidths .InputfieldColumnWidthFirstTmp > .InputfieldHeader,
.InputfieldFormWidths .InputfieldColumnWidthFirstTmp > .InputfieldContent,
.InputfieldFormWidths .InputfieldColumnWidthFirst.InputfieldStateHidden + .Inputfield > .InputfieldHeader,
.InputfieldFormWidths .InputfieldColumnWidthFirst.InputfieldStateHidden + .Inputfield > .InputfieldContent {
  padding-left: 0;
	font-weight:400;
}
.InputfieldFormWidths .description {
  margin: 0.25em 0;
}
.InputfieldFormWidths .notes {
  margin: 0.25em 0;
}

/*** state toggles *******************************************************/
.InputfieldStateToggle {
  cursor: pointer;
}
.InputfieldStateToggle i.toggle-icon {
  /* the open/close icon that goes with most Inputfields */
  float: right;
  padding-right: 0.25em;
}
.InputfieldStateToggle i.toggle-icon {
  padding-right: 0.5em;
  line-height: 1.7em;
}
.InputfieldStateToggle i + i {
  margin-right: 0.5em;
  margin-left: 0;
}

/*** misc ******************************************************************/
.InputfieldStateRequired > .InputfieldHeader:first-child:after {
  /* Required state: Add asterisk to indicate field is required */
  color: #dd0b2f;
}

.InputfieldCheckbox.InputfieldStateRequired > .InputfieldContent > label > span.pw-no-select:after {
	content: '*';	
	margin-left: 0.25em;
	color: #dd0b2f!important;
}

.Inputfields > .Inputfield > .InputfieldContent:before,
.Inputfields > .Inputfield > .InputfieldContent:after,
.InputfieldForm:after {
  content: " ";
  display: table;
}

.Inputfields > .Inputfield > .InputfieldContent:after,
.InputfieldForm:after {
  clear: both;
}

.InputfieldSelect ul,
.InputfieldRadios ul,
.InputfieldCheckboxes ul {
  margin: 0;
}
.InputfieldSelect ul li,
.InputfieldRadios ul li,
.InputfieldCheckboxes ul li {
  margin: 0;
}

#wrap_Inputfield- {
  display: none;
}

.InputfieldForm .InputfieldFormBuilderPageBreak {
  /*margin-bottom: 0;*/
}

fieldset{border: none;
  background:#f9f9f9;
  padding:1rem;
  border-radius: 8px;
  }

  fieldset legend{float: left;
    padding-bottom: 20px;
    font-weight: 600;color:#dd0b2f}

/****************************************************************************
 * Render Value Mode 
 *
 * Used when only values are being rendered in the form (no inputs)
 *
 */
.InputfieldRenderValueMode .InputfieldSelect li,
.InputfieldRenderValueMode .InputfieldRadios li,
.InputfieldRenderValueMode .InputfieldCheckboxes li {
  margin: 0;
}
.InputfieldRenderValueMode .InputfieldSubmit,
.InputfieldRenderValueMode .InputfieldButton {
  display: none;
}

.pw-no-select {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  /* prevent selection of this element */
}

.pw-no-select a, span.pw-no-select::after{color:#61b64a;text-decoration:none;}
.pw-no-select a:hover{color:#000}


* {
  box-sizing: border-box;
}

input[type=text], select, textarea {
  width: 100%;
  padding: 10px 20px;
  border: none;
	margin-bottom: 20px;
	font-family: 'Noto Sans', sans-serif;font-weight:300;
	border-radius: 5px;
background:#fff;
border: 1px solid #ccc;
font-size:16px;
}

input[type=email] {
  width: 100%;
  padding: 10px 20px;
  border: none;
	margin-bottom: 20px;
	font-family: 'Noto Sans', sans-serif;font-weight:300;
	border-radius: 5px;
background:#fff;
border: 1px solid #ccc;
font-size:16px;
}

textarea {
height: 120px;
	margin-bottom: 0px;
	font-family: 'Noto Sans', sans-serif;font-weight:300;
  font-size:16px;
}


button[type=submit] {
  padding:10px 20px;background:#61b64a;border:1px solid #61b64a;border-radius:5px;display:inline-block;color:#fff;font-weight:400;transition:all .3s;width:fit-content;margin:5px;cursor:pointer;font-size:16px
  }
  
  button[type=submit]:hover {
    background:#00744c;color:#fff;border:1px solid #00744c
  }

p.error{color:#dd0b2f;}

.Inputfield_angaben_fur_das_sepa_lastschriftmandat label{display:none;}


@media all and (max-width : 960px) {
input[type=text], select, textarea {
  width: 100%;
}

input[type=email] {
  width: 100%;
}
	}