#newsletter_container a,
#newsletter_container a:hover,
#newsletter_container a:active {
	border-bottom: 0px solid #ff5400;
}

#newsletter_container.invisible {
	display: none;
}

.ce-textpic,
.anzeigebereich {
	overflow: visible!important;
}


h2.warning {
	color: red;
	margin-bottom: 2rem;
}

.tx-ks-womenssupport .redLink {
  padding: 30px 50px;
  background: rgba(150, 27, 128, 0.1);
  margin-bottom: 20px;
}

form#formNewAddress {
  margin-top: 2rem;
  position: relative;
}

.redLink h2 {
  font-size: 1.25rem;
}
.redLink .helptext {
  left: 10% !important;
  width: inherit;
  max-width: 400px;
	
}

.redLink #email {
  display: block;
  height: 3rem;
  width: 100%;
  padding:1rem;
  border: 1px solid #961b80;
  box-sizing: border-box;
  font-size: 1rem;
  color: #961b80;
}


.tx-ks-womenssupport .redLink .button {
  background: #961b80;
  position: relative;
  display: inline-block;
  padding: 0px 35px;
  margin: 30px 0 10px 0;
  line-height:2.5rem;
  color: #fff;
  font-size: 1rem;
  border: none;
}

.actButton {
	cursor: pointer;
}
.validationMessage {
	width: 100%;
	text-align: right;
	color: red;
}

.validation > input,
.validation select,
.validation .checkboxflex,
.validation textarea,
.validation .form-group.flexType,
.validation .validationContainer {
	background: rgba(255,0,0,.12);
	border-radius: 5px;
}

.tx-ks-womenssupport fieldset {
  width: 100%;
  min-width: 500px;
  margin: 20px 0;
  padding: 0px 20px 20px 20px;
  border: 1px solid #333;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  position: relative;
  box-sizing: border-box;
}

.tx-ks-womenssupport fieldset legend {
  font-weight: bold;
  padding: 15px 10px 20px 0;
  font-size: 1.25rem;
  width: auto;
  float: left;
}

legend + * {
  clear: left;
}

.centeredButton {
  text-align: center;
  margin: 10px 0;
  padding: 10px 0;
}

.togglehelp {
	cursor: pointer;
	color: #a0318c;
	margin-left: 5px;
}
.togglehelp i.fa.fa-question-circle {
    font-size: 20px;
}


.helptext {
  padding: 5px 10px 10px 10px;
 /* width: 100%;*/
  width: 400px;
  font-style: italic;
  font-weight: 600;
  font-size: .9rem;
  color: #a0318c;
  cursor: pointer;
}
.helptextPosition {
  display: flex; 
  position: relative;
}

.flexCon div.helptext {
  position: absolute;
  background: #fff;
  box-shadow: -5px 5px 25px 0 rgba(26,46,74,.25);
  left: 40%;
  top: 30px;
  z-index: 111;
}

.helptext.longversion {
  max-width: 700px;
  width: 100%;
  
}

.tx-ks-womenssupport .form-group.flexCon {
  display: flex;
  justify-content: flex-end;
  position: relative;
  flex-wrap: wrap;
}

.form-group {
  margin-bottom: 1rem;
}

.tx-ks-womenssupport .form-control::placeholder {
  color: #666;
  opacity: 1;
  font-size: 0.875rem;
}

.tx-ks-womenssupport .form-group input:focus-visible,
.tx-ks-womenssupport .form-group.flexCon select:focus-visible,
.tx-ks-womenssupport .form-group.flexCon textarea:focus-visible {
  outline: 2px solid #a0318c;
}
.tx-ks-womenssupport .centeredButton button:focus-visible  {
  border: 3px solid #a0318c;
  outline: none;
  border-radius: .375rem;
}
 

.tx-ks-womenssupport .form-group.flexCon input, 
.tx-ks-womenssupport .form-group.flexCon select,
.tx-ks-womenssupport .form-group.flexCon textarea  {
  width: 50%;
  margin-left: 10px;
  border: 1px solid #333;
  color: #a0318c;
}
.tx-ks-womenssupport .form-group.flexCon select {
	box-sizing: content-box;
}

.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
    padding-top: 0.375rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: .375rem;
}

textarea {
	max-width: 50%;
}

textarea#bemerkungen,
textarea#besonderheiten {
	max-width: 100%;
	box-sizing: border-box;
}

.tx-ks-womenssupport .form-group.flexType {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: .125rem;
  width: 45%;
  flex-shrink: 0;
  flex-grow: 0;
}

#a_verbandSonstige {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
}
#a_verbandSonstige .checkboxflex {
	display: flex;
	justify-content: space-between;
	width: 50%;
	margin-left: 10px;
	box-sizing: content-box;
	padding: 5px 14px 0 14px;
}

#a_verbandSonstige .form-check {
	width: 30%;
}

 /* Customize the label (the checkboxContainer) */
.checkboxContainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display:inline-block;
}

/* Hide the browser's default checkbox */
.checkboxContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 18px;
  width: 18px;
 /* background-color: #eee;*/
  outline: 1px solid #333; 
}

/* On mouse-over, add a grey background color */
.checkboxContainer:hover input ~ .checkmark {
  background-color: #ed34cc;
}

/* When the checkbox is checked, add a blue background */
.checkboxContainer input:checked ~ .checkmark {
  background-color: #a0318c;
}
.checkboxContainer input:focus ~ .checkmark {
  box-shadow: 0 0 0 0.2rem rgb(160 49 140/ 25%);
}

/* disbaled style */
.checkboxContainer input:disabled ~ .checkmark {
	background-color: #eee;
	outline: 1px solid #ccc;
	box-shadow: none;
}
.checkboxContainer.disabled,
.checkboxContainer input:disabled {
	cursor: default;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkboxContainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */

.checkboxContainer .checkmark:after {
  left: 6px;
  top: 2px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-sizing: border-box;
}

.form-check-input:checked[type="checkbox"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

/* Radio Buttons Status - START */
.button-wrap {
  position: relative;
  justify-content: center;
  display: flex;
}

.button-wrap > div {
  /*width: 50%;*/
  flex-grow:0;
}

.button-wrap input[type="radio"]{
  width: auto;
  display: none;
}

#noSavePublic,
.button-label {
  display: inline-block;
  padding: 1em 2em;
  margin: 0.5em;
  cursor: pointer;
  color: #303030;
  border-radius: 0.25em;
  background: #efefef;
  box-shadow: 0 3px 10px rgba(0,0,0,0.2), inset 0 -3px 0 rgba(0,0,0,0.22);
  transition: 0.3s;
  user-select: none;
}

#noSavePublic {
	cursor: unset !important;
}

.button-label:hover {
    background: #dfdfdf;
    color: #202020;
    box-shadow: 0 3px 10px rgba(0,0,0,0.2), inset 0 -3px 0 rgba(0,0,0,0.32);
}

.button-label:active {
    transform: translateY(2px);
    box-shadow: 0 3px 10px rgba(0,0,0,0.2), inset 0px -1px 0 rgba(0,0,0,0.22); 
}

#statusButton2:checked + .button-label,
#statusButton3:checked + .button-label {
  background: green;
  color: #ffffff;
}

#statusButton2:checked + .button-label:hover,
#statusButton3:checked + .button-label:hover {
  background: #1EBC61;
  color: #ffffff;
}

#statusButton1:checked + .button-label {
  background: #961b80;
  color: #ffffff;
}

#statusButton1:checked + .button-label:hover,
.tx-ks-womenssupport .editForm input[type="submit"]:hover {
  background: #961b80;
  color: #dfdfdf;
}

.tx-ks-womenssupport .editForm input[type="submit"] {
  border: none;
  background: #961b80;
  padding: 10px 40px;
  font-size: 1em;
  color: #fff;
  margin-right: 10px;
  cursor: pointer;
  border-radius: 0.25em;
  box-shadow: 0 3px 10px rgba(0,0,0,0.2), inset 0 -3px 0 rgba(0,0,0,0.22);
  transition: 0.3s;
}

/* Radio Buttons Status - ENDE */

#a_emailAdmin {
  padding-top: 1.5rem;
}
.datenverwaltung .validationMessage {
  text-align: left;
}

.datenverwaltung .form-check {
  width: 100%;
}

.datenverwaltung #statusContainer.form-group {
  justify-content: center!important;
}

#a_sprachen .form-group {
  display: flex;
  flex-wrap: wrap;
}

#a_barrierearmut > div:nth-of-type(1) {
  margin: 0;
}