/* LIVE */
.content .events-form {
  border: 1px solid #dddddd;
  padding: 0.5em 1em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  zoom: 1;
}
/**
 * API Formular ProcessWire Basic Styles Example
 * -----------------------------------------------------------------------------
 */
.ui-widget-content {
  background-color: #fff;
}
.content form {
  margin-bottom: 1.618em;
}
form input[type=text],
form input[type=email],
form input[type=password],
form input[type=number],
form textarea {
  border: 1px solid #ddd;
  border-top: 1px solid #bbb;
  border-left: 1px solid #bbb;
  color: #333;
  font-size: 0.75em;
  font-family: inherit;
  border-radius: 4px;
  width: 100%;
  padding: 6px 7px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  zoom: 1;
  background-image: -webkit-gradient(linear, right top, left bottom, color-stop(0, #f7f7f7), color-stop(0.81, #ffffff));
  background-image: -o-linear-gradient(left bottom, #f7f7f7 0%, #ffffff 81%);
  background-image: -moz-linear-gradient(left bottom, #f7f7f7 0%, #ffffff 81%);
  background-image: -webkit-linear-gradient(left bottom, #f7f7f7 0%, #ffffff 81%);
  background-image: -ms-linear-gradient(left bottom, #f7f7f7 0%, #ffffff 81%);
  background-image: linear-gradient(to left bottom, #f7f7f7 0%, #ffffff 81%);
}
form select {
  font-size: 0.75em;
	border: 1px solid #ddd;
	padding: 6px 10px;
	font-size: 16px;
	-moz-transform: scale(1)!important;
}

/** fix FFox select bug with transform **/
form button:disabled,
form input:disabled,
form textarea:disabled {
  opacity: 0.6;
}
form button:readonly,
form input:readonly,
form textarea:readonly {
  opacity: 0.6;
}
/**
 * Clearfixes
 * -----------------------------------------------------------------------------
 */
.content .Inputfields > .Inputfield > .InputfieldContent:before,
.content .Inputfields > .Inputfield > .InputfieldContent:after,
.content .InputfieldForm:after {
  /* @soma clearfix */

  content: " ";
  display: table;
}
.content .Inputfields > .Inputfield > .InputfieldContent:after,
.content .InputfieldForm:after {
  /* @soma clearfix  */

  clear: both;
}
.ui-helper-clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ui-helper-clearfix {
  display: inline-block;
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
  height: 1%;
}
.ui-helper-clearfix {
  display: block;
}
/**
 * Inputfields
 * -----------------------------------------------------------------------------
 */
.content .Inputfields {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.content .Inputfields p {
  margin: 0 0 0.2em;
  font-size: 0.75em;
  padding: 0em;
}
.content .Inputfields .Inputfield {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  zoom: 1;
  padding: 0.2em 0 0.2em;
  background-color: #ffffff;
  clear: both;
}
.content .Inputfields .Inputfield .InputfieldHeader,
.content .Inputfields .Inputfield label {
  font-weight: bold;
  font-size: 1em;
}
.content .Inputfields .Inputfield label {
  cursor: pointer;
}
.content .Inputfields .Inputfield label.InputfieldHeader {
  margin: 0 0 0.3em 0;
  display: inline-block;
  color: #444444;
}
.content .Inputfields .Inputfield label.InputfieldHeaderHidden {
  display: none!important;
}
.InputfieldHeaderHidden.password-forgot {
    display: block!important;
}
.content .Inputfields .Inputfield ul li label {
  font-weight: normal;
}
.content .Inputfields .InputfieldHidden {
  display: none;
}
.content .Inputfields .InputfieldColumnWidth {
  float: left;
  clear: none;
  margin-left: 1%;
}
.content .Inputfields .InputfieldColumnWidthFirst {
  clear: both;
  margin-left: 0;
}
.content .Inputfields hr {
  height: 1px;
  border: 0;
  border-bottom: 1px dashed #ccc;
}
.content .Inputfields .InputfieldFieldset {
  margin: 0 0 0.6em;
  padding: 1em;
  border: 1px solid #ddd;
}
.content .Inputfields .InputfieldFieldset > .InputfieldHeader {
  border-bottom: 1px solid #ddd;
  display: block!important;
  font-weight: bold;
  margin: 0 0 0.7em;
  padding: 0 0 0.7em;
  font-size: 1.2em;
  color: #444444;
}
.content .Inputfields .InputfieldHeaderHidden {
  display: none;
}
.content .Inputfields .description {
  color: #777777;
  margin: 0.2em 0 0.7em 0;
  font-size: 0.9em;
  line-height: 1.3em;
}
.ui-state-error .InputfieldContent {
  position: relative;
  padding: 0 0 0.5em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  zoom: 1;
}
.ui-state-error .InputfieldContent p {
  margin: 0;
  position: relative;
  display: block;
}
.ui-state-error .InputfieldContent p span.ui-state-error {
  color: #ffffff;
  font-size: 1em;
  line-height: 1.4em;
  display: inline-block !important;
  background-color: #e00b00;
  padding: 0.5em 0.8em;
  border: 1px solid #ff0052;
  margin-top: 0.6em;
  -webkit-text-stroke: 0.4px;
}
.ui-state-error .InputfieldContent p span.ui-state-error:before {
  content: " ";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 9px 10px 9px;
  border-color: transparent transparent #e00b00 transparent;
  position: absolute;
  top: 0px;
  left: 5px;
}
.ui-state-error .InputfieldContent input[type=text],
.ui-state-error .InputfieldContent input[type=email],
.ui-state-error .InputfieldContent textarea {
  border: 1px solid #ff0052;
}
.content .ui-state-error-text {
  color: #ffffff;
}
.content .error-text {
  color: #e00b00;
}

.content .InputfieldCheckbox .InputfieldContent label {
  font-weight: normal;
}
.content .InputfieldCheckbox .InputfieldContent label input {
  display: inline-block;
  margin-right: 5px;
}
.content .InputfieldCheckbox .InputfieldContent label span {
  display: inline-block;
  width: 85%;
  vertical-align: top;
}

.content .InputfieldRadios ul,
.content .InputfieldCheckboxes ul {
  /* we don't need checkboxes/radios to have bullets, etc. */

  list-style: none!important;
  /* no need for top/bottom margins in a group of checkboxes or radios */

  margin: 0;
  padding-left: 0!important;
}
.content ul.InputfieldRadiosColumns,
.content ul.InputfieldCheckboxesColumns,
.content ul.InputfieldRadiosFloated {
  width: 100%;
  margin: 0.4em 0 0 0;
}
.content .Inputfields .InputfieldCheckboxesColumns li,
.content .Inputfields .InputfieldRadiosColumns li,
.content .Inputfields .InputfieldRadiosFloated li {
  display: block;
  float: left;
}
.content .Inputfields .InputfieldCheckboxesFloated li,
.content .Inputfields .InputfieldRadiosFloated li {
  padding-right: 1em;
}
.content .Inputfields .InputfieldCheckboxesColumns li,
.content .Inputfields .InputfieldRadiosColumns li {
  padding-right: 1%;
  padding-bottom: 1%;
}
.content .InputfieldForm .Inputfields .InputfieldColumnWidthFirstTmp,
.content .InputfieldForm .Inputfields .InputfieldColumnWidthFirst.InputfieldStateHidden + .Inputfield {
  /* for support of inputfield dependencies */

  clear: both;
  margin-left: 0;
}
.content .InputfieldStateRequired > .InputfieldHeader:first-child:after {
  /* Add asterisk to indicate field is required */

  content: ' *';
  color: #b50e60;
}
/* This css button was generated by css-button-generator.com */
.ui-button {
  vertical-align: middle;
  display: inline;
  font-size: 1em;
  background-color: #e2001a;
  border: 1px solid #c90017;
  color: #fff;
  font-weight: 700;
  border-radius: 5px;
  padding: 0.5em 1em;
  cursor: pointer;
}
.ui-button:hover {
  background-color: #c90017;
  border: 1px solid #e2001a;
}
.ui-button:active {
  color: #fff;
  background-color: #333;
  border: 1px solid #888;
}
.ui-input {
  display: inline;
  vertical-align: middle;
  font-size: 1em;
  margin: 0em 0.5em;
  padding: 0.3em 0.5em;
}
.ui-button-link a {
  text-decoration: none!important;
}
#Inputfield_login.ui-button,
#Inputfield_register.ui-button {
  font-size: 0.75em;
}
/**
 * UI Sliders
 */
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}
.ui-slider-horizontal {
  height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.25em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.ui-slider.ui-slider-horizontal {
  background-color: #ddd;
  box-shadow: inset 0px 0px 5px #aaa;
}
.ui-slider-handle {
  width: 10px;
  height: 10px;
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 50%;
}
.ui-slider-handle.ui-state-hover {
  cursor: pointer;
  background-color: #bbb;
  border: 1px solid #666;
}

.InputfieldHeader .toggle-icon{
  display: none;
}


#username_path { display: none;}


/**
 * Additional member form styles (8.9.2023 / ko)
 * -----------------------------------------------------------------------------
 */

#form-join-sev .InputfieldFieldset .InputfieldContent ul.Inputfields {
    margin: 0 0 0 0;
}

#form-join-sev .Inputfield_pflichtfelder .InputfieldHeader,
#form-join-sev .Inputfield_pp_info .InputfieldHeader {
	display: none;
}
#form-join-sev .Inputfield_pflichtfelder {
	font-size: 0.87em;
	line-height: 25px;
	margin-bottom: 15px;
}
#form-join-sev .Inputfield_pp_info {
	font-size: 0.87em;
	line-height: 25px;
}

#form-join-sev .Inputfield_optin .InputfieldContent {
	font-size: 1.061em;
}

#form-join-sev .Inputfield_optin_info {
	font-size: 0.87em;
	margin-top: -16px;
	margin-left: 28px;
}
#form-join-sev .Inputfield_optin_info .InputfieldHeader {
	display: none;
}
#form-join-sev .Inputfield_optin_info {
	font-size: 0.87em;
	line-height: 25px;
}

#form-join-sev .Inputfield_korrespondenzsprache,
#form-join-sev .Inputfield_mitgliederzeitung,
#form-join-sev .Inputfield_privat_rechtschutz,
#form-join-sev .Inputfield_reka_card,
#form-join-sev .Inputfield_werbung,
#form-join-sev .Inputfield_politinfos {
	border-bottom: 1px solid #ddd;
}

#form-join-sev .Inputfield_korrespondenzsprache .InputfieldHeader,
#form-join-sev .Inputfield_mitgliederzeitung .InputfieldHeader,
#form-join-sev .Inputfield_privat_rechtschutz .InputfieldHeader,
#form-join-sev .Inputfield_reka_card .InputfieldHeader,
#form-join-sev .Inputfield_werbung .InputfieldHeader,
#form-join-sev .Inputfield_politinfos .InputfieldHeader,
#form-join-sev .Inputfield_adressweitergabe .InputfieldHeader {
	font-size: 0.822em;
	font-weight: normal;
	margin-bottom: 0;
}
#form-join-sev .Inputfield_korrespondenzsprache .InputfieldContent,
#form-join-sev .Inputfield_mitgliederzeitung .InputfieldContent,
#form-join-sev .Inputfield_privat_rechtschutz .InputfieldContent,
#form-join-sev .Inputfield_reka_card .InputfieldContent,
#form-join-sev .Inputfield_werbung .InputfieldContent,
#form-join-sev .Inputfield_politinfos .InputfieldContent,
#form-join-sev .Inputfield_adressweitergabe .InputfieldContent {
	margin-top: -10px;
}

#form-join-sev .Inputfield_mitgliederzeitung .InputfieldContent .InputfieldRadiosStacked {
	margin-top: 10px;
}
#form-join-sev .Inputfield_mitgliederzeitung .InputfieldContent .InputfieldRadiosStacked li,
#form-join-sev .Inputfield_ueberzeugt_von .InputfieldContent .InputfieldRadiosStacked li {
	margin: 0 0 0 0;
}


/* Form spam-honeypot */
#events-form ul.Inputfields li.Inputfield_email_confirm,
#kurs-form ul.Inputfields li.Inputfield_email_confirm,
#contact-form ul.Inputfields li.Inputfield_email_confirm {
  display: none !important;
}

/**
 * Make some responsive
 * -----------------------------------------------------------------------------
 */
@media only screen and (max-width: 479px) {
  .Inputfield {
    clear: both !important;
    width: 100% !important;
    margin-left: 0 !important;
  }
  .content .InputfieldCheckboxesColumns li {
    width: 100%!important;
  }
  .content .InputfieldRadiosColumns li {
    width: 100%!important;
  }
}