a, form a, form.bnws-mjpsu-form a {
  font-family: inherit;
}

/*** BUTTON ***/
.bnws-button {
  background: #e20e15;
  border-radius: 2px;
  height: 36px;
  margin: 0;
  min-width: 64px;
  padding: 0 10px;
  display: inline-block;
  font-family: #222222;
  font-size: 12px;
  font-weight: 500;
  text-transform: unset;
  letter-spacing: 0;
  overflow: hidden;
  will-change: box-shadow;
  transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
  outline: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  line-height: 36px;
  padding-left: 10px;
  display: flex;
  align-items: center;
  border: none;
  color: #fff;
  text-decoration: none;
}

.bnws-button:hover {
  background: #f9c5c7;
}

.bnws-button .material-icons {
  margin-left: 0px;
  position: relative;
  top: 0px;
  margin-right: 4px;
  text-decoration: none;
}

.bnws-button span {
  text-decoration: none;
}

.bnws-icon-button {
  border: none;
  border-radius: 5px;
  padding: 7px 8px;
  background-color: #e20e15;
  line-height: 1em;
  transition: all 0.3s ease;
  color: #fff;
  cursor: pointer;
  margin-bottom: 5px;
  margin-left: 5px;
}
.bnws-submit.pale {
  background: transparent;
  color: var(--bnws-col-gray);
}
.bnws-submit.save {
  background-color:#222222;
}
.bnws-submit.accept {
  background-color:#18A224;
}


.bnws-submit:disabled,
.bnws-submit[disabled],
.bnws-submit[disabled]:hover,
button[disabled], html input[disabled] {
  background-color: #cccccc;
  cursor: not-allowed;
}

.bnws-submit:hover {
  background-color:#ef6d72;
}

.bnws-submit.save:hover,.bnws-submit.accept:hover {
  background-color:#454545;
}

.bnws-submit.submitting {
  background-color:#999;
  cursor: not-allowed;
}

.bnws-submit.donation-purpose {
  margin-top:0;
  background: var(--bnws-col-gray5);
  color: var(--col-font);
  font-size: 1em;
  height: auto;
  line-height: 30px;
  padding: 0px var(--bnws-whitespace-l3);
}

.bnws-submit.font-light {
  background: var(---bnws-col-gray5);
  color: var(--bnws-col-gray);
}

.bnws-submit.secondary, .bnws-submit.current-choice,.bnws-submit.secondary:hover, .bnws-submit.current-choice:hover,.bnws-submit.donation-purpose:hover {
  background: rgba(51, 45, 87,1);
  color:#fff;
}

a > button.bnws-submit {
  font-family: "Roboto Condensed","Oswald","Montserrat";
}


.register-interests {
  display: flex;
  flex-wrap: wrap;
}

.choosen-interest {
  padding: 5px 10px;
  background: #e20e15;
  border-radius: 4px;
  margin-right: 4px;
  margin-bottom: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  line-height: 1.2em;
  color:#fff;
}
#registerBuergerforum .choosen-interest {
  background: #e20e15;
  color: #fff;
}
.choosen-interest:hover {
  opacity: 0.8;
  background: #e20e15;
  color: #fff;
}
.choosen-interest i {
  margin-left: 4px;
  color: #ef6d72;
}

#registerBuergerforum .choosen-interest i {
  color: #ef6d72
}

.bnws-mjpsu-seperator {
  border-top: 2px solid var(--bnws-col-gray3);
  padding-top: 20px;
  margin-top: 20px;
}

form  .form-field {
  margin-bottom:20px;
}

.form-multicol {
  display: flex;
  align-items: baseline;
  width: 100%;
  gap: 10px;
  margin-bottom: 10px;
}
.form-multicol .form-field {
  margin-bottom: 0px;
}
.form-multicol.form-2-col .form-field {
  width: 50%;
}
.form-multicol.form-3-col .form-field {
  width: 33.33%;
}

 form  .form-field {
  font-weight: 500;
  cursor: pointer;
  display: block;
  width: 100%;
}

 form .form-field .error-box {
  font-weight: 500;
  color:#e20e15;
}

.error {
  color:#e20e15;
}

.error-box.common {
  font-size: 1.2em;
  font-weight: 600;
  color:#e20e15;
}

.success {
  color:#18A224;
}

.success-box {
  font-size: 1.2em;
  font-weight: 600;
  color:#18A224;
}

.pending {
  color:#ed651b;
}

.bnws-mjpsu-error-box {
  color: rgba(var(--bnws-rgb-error),1);
  font-size: 0.90em;
  line-height: 1.3;
}

/*** ACTION BAR BUTTON ***/

button.bnws-action-bar-button, .bnws-submit.bnws-action-bar-button {
  background: rgba(51, 45, 87,1);
  padding: var(--bnws-whitespace-l2) var(--bnws-whitespace-l2);
  margin-right: var(--bnws-whitespace-l1);
  color:#fff;
  display: inline-flex;
  align-items: center;
}

button.bnws-action-bar-button:hover {
  background: rgba(51, 45, 87,0.8);
}

button.bnws-action-bar-button i, button.bnws-action-bar-button img {
  margin-right: var(--bnws-whitespace-l2);
}

button.bnws-action-bar-button img {
  height: 24px;
}


/*** REGISTER FORM ***/
.mjpsu-show-association-info {
  cursor: pointer;
}

#mjpsu-member-info {
  margin:20px 0;
  padding:20px;
  background-color: var(--bnws-col-gray5);
}

#mjpsu-member-info img {
  max-width: 250px;
}

.bnws-mjpsu-bf-registered {
  margin-bottom: 24px;
  padding-bottom: 30px;
  border-bottom: 3px dashed var(--bnws-col-gray5);
}

/*** DONATION FORM ***/

.visit-icon {
  background: #e20e15;
  color: #fff;
  min-height: 24px;
  min-width: 24px;
  max-height: 24px;
  max-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--bnws-whitespace-l1);
  margin-left: auto;
}

.visit-icon i {
  font-size: 12px;
}

#donation-purpose-box {
  padding:0px var(--bnws-whitespace-l5);
  margin-top:var(--bnws-whitespace-l5);
  border:2px solid rgba(51, 45, 87,1);
}

.donation-success-box {
  text-align: center;
  margin: 0 auto;
}
.donation-success-box i {
  font-size: 3em;
  color:rgba(51, 45, 87,1);
  margin-bottom: var(--bnws-whitespace-l5);
}

.donation-success-box button {
  margin-top: 40px;
}

.donation-data-box {
  max-width: 500px;
  margin: 0 auto;
  padding: var(--bnws-whitespace-l5);
  background-color: var(--bnws-col-gray5);
  border-radius: var(--bnws-whitespace-l1);
  margin-top: 20px;
}

.donation-data-box img {
  margin-bottom: 12px;
}

.donation-success-box .bnws-flex-col div {
  text-align: left;
}

.bnws-mjpsu-list-box {
  border:1px solid var(--bnws-col-gray3);
  border-radius: var(--bnws-whitespace-l1);
  transition: var(--bnws-transition);
  max-height: 150px;
  overflow-y: auto;
  height: 150px;
  min-height: 150px;
  background-color: #fff;
}

.bnws-mjpsu-list-box.disabled {
  background-color: #f9f9f9;
  opacity: 0.6;
  cursor: not-allowed;
  user-select: none;
}

.bnws-mjpsu-list-box .list-box-item{
  padding:5px;
  transition: var(--bnws-transition);
  cursor: pointer;
  user-select: none;
  display: flex;
  line-height: 1.2em;
}

.bnws-mjpsu-list-box.disabled .list-box-item{
  cursor: not-allowed;
}

.bnws-mjpsu-list-box .list-box-item.hidden{
  display: none;
}

.bnws-mjpsu-list-box .list-box-item:hover{
  background-color: var(--bnws-col-gray5);
}



/*** BNWS TOOLS OVERRIDE ***/
/* Create a custom checkbox */
.bnws-mjpsu-cb.cb-terms {
  margin-top:var(--bnws-whitespace-l3);
}

.bnws-cb-container .bnws-cb-checkmark::after {
  left: 10px;
  top: 7px;
}

#registerBuergerforum .bnws-cb-container.bnws-mjpsu-cb .bnws-cb-checkmark {
  background-color: #fff;
}

#registerBuergerforum  .bnws-cb-container.bnws-mjpsu-cb input:checked ~ .bnws-cb-checkmark {
  background-color: #e20e15;
}

.bnws-cb-container.bnws-mjpsu-cb input:checked ~ .bnws-cb-checkmark {
  background-color: #e20e15;
}

.bnws-radio-container.bnws-mjpsu-cb input:checked ~ .bnws-radio-checkmark {
  background-color: #e20e15;
}



/*** FORM, INPUT ***/

form.bnws-form input[type="text"]:hover, form.bnws-form input[type="password"]:hover, form.bnws-form input[type="email"]:hover, form.bnws-form input[type="url"]:hover, form.bnws-form input[type="date"]:hover, form.bnws-form input[type="month"]:hover, 
form.bnws-form input[type="time"]:hover, form.bnws-form input[type="datetime"]:hover, form.bnws-form input[type="datetime-local"]:hover, form.bnws-form input[type="week"]:hover, form.bnws-form input[type="number"]:hover, 
form.bnws-form input[type="search"]:hover, input[type="search"]:hover, form.bnws-form input[type="tel"]:hover, form.bnws-form input[type="color"]:hover, form.bnws-form select:hover, form.bnws-form textarea:hover,.bnws-input-field input:hover.bnws-select:hover {
  border-bottom: 2px solid rgba(51, 45, 87,0.4)
}

form.bnws-form input[type="text"]:focus, form.bnws-form input[type="password"]:focus, form.bnws-form input[type="email"]:focus, form.bnws-form input[type="url"]:focus, form.bnws-form input[type="date"]:focus, form.bnws-form input[type="month"]:focus, 
form.bnws-form input[type="time"]:focus, form.bnws-form input[type="datetime"]:focus, form.bnws-form input[type="datetime-local"]:focus, form.bnws-form input[type="week"]:focus, form.bnws-form input[type="number"]:focus, 
form.bnws-form input[type="search"]:focus, input[type="search"]:focus, form.bnws-form input[type="tel"]:focus, form.bnws-form input[type="color"]:focus, form.bnws-form select:focus, form.bnws-form textarea:focus,.bnws-input-field input:focus,.bnws-select:focus {
  border-bottom: 2px solid rgba(51, 45, 87,1);
  background-color: rgba(51, 45, 87,0.4);
}
.input-wrapper {
  position: relative;
}

/*** POPUP ***/
.bnws-tools-popup-close {
  background-color: rgba(51, 45, 87,0.8);
}

.bnws-tools-popup-close:hover {
  background-color: rgba(51, 45, 87,0.6);
}

/*** SWITCH ***/

input:checked + .switch-slider {
  background-color: #e20e15;
}

input:focus + .switch-slider {
  box-shadow: 0 0 1px #e20e15;
}


/*** LOADER ***/
.bnws-tools-site-loader {
  background-image: none;position: fixed;left: 0px;top: 0px;right: 0px;bottom: 0px;height: 100%;width: 100%;
  background-color: rgba(0,0,0,0.6);
  z-index: 999;display: none;opacity: 1;}
.bnws-tools-site-loader.onload {display: block;}

.bnws-tools-site-loader:after {content:" ";position:absolute;width: 10em;height: 10em;border-radius: 50%;left: calc(50% - 30px);top: calc(50% - 30px);font-size: 8px;  
  border-top: 1.1em solid #fff;
  border-right: 1.1em solid #fff;
  border-bottom: 1.1em solid #fff;
  border-left: 1.1em solid #e20e15;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  font-size: 10px;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}