/*	Generic fancystyles with wbgm customizing 			***************/
html {
	font-size: 16px;
}

.wbgm.wrap, .wbgm.wrap * {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}

#page-wrapper {
	margin-left: 5%;
	margin-right: 5%;
	min-width: 300px;
}

.wbgmHidden {
	display: none !important;
}

div.wbgmHideKostenRegIfDisabled {
	overflow: hidden;
	height: 78px;
	margin-bottom: 20px;
	opacity: 1;
	transition: all 0.33s ease-in-out;
}
div.wbgmHideKostenRegIfDisabled:has( :disabled) {
	height: 0px;
	margin-bottom: 0;
	opacity: 0.25;
	transition: all 0.33s ease-in-out;
}

.wbgmNoBottomMargin {
	margin-bottom: 0 !important;
}

.form-container {
	background: #E0DFDA66;
	padding: 6rem 7rem 8rem 7rem;
}
.form-container div {
	max-width: none;
}
.form-container legend {
	display: none;
}

.form-container input[type=text],
.form-container input[type=date],
.form-container input[type=email],
.form-container input[type=password],
.form-container input[type=file],
.form-container .select2-container .select2-selection/*.select2-selection--single*/
{
	border-radius: 2px;
	border: 1px solid #C5C3BA;
	height: 3rem;
	padding-bottom: 0;
	color: #003C50;
}
.wbgm.wrap.wbgmMembers .form-container input:not([type=submit]) {
	width: 100%;
}

.form-container input[type=file] {
	height: 50px;
	padding-top: 15px;
	padding-left: 10px;
}
.form-container .select2-container .select2-selection/*.select2-selection--single*/ {
	padding-top: 9px;
}
.form-container .select2-container--default .select2-selection--single .select2-selection__arrow b {
	margin-top: 8px;
}


.form-container input::placeholder,
.form-container input:placeholder-shown::placeholder,
.form-container input:focus::placeholder,
.form-container input.form-control:focus-visible::placeholder,
.form-container input.form-control::placeholder,
.form-container input.form-control:placeholder-shown::placeholder,
.form-container input.form-control:focus::placeholder,
.form-container input.form-control:focus-visible::placeholder
{
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 1.0rem;
	color: transparent;
	opacity: 0;
	display: none;
	visibility: hidden;
}

.form-container .form-control:focus {
	color: #003C50;
	background-color: white;
	border-color: #0C9ADA;
	outline: 0;
	box-shadow: 0 0 0 1px #2eace6bb;
}

.form-label-group,
.form-floating
{
	position: relative;
}
.form-label-group label.floating,
.form-floating label.floating
{
	position: absolute;
	top: -10px;
	left: 12px;
	font-size: 0.875rem;
	line-height: 0.875rem;
	background: white;
	padding: 2px 4px 3px 4px;
	border: 1px dotted #E0DFDA;
	transition: all .15s ease-in-out;
}
.form-label-group > input:placeholder-shown:not(:focus) + label.floating,
.form-floating > input:placeholder-shown:not(:focus) + label.floating
{
	font-size: 1.0rem;
	color: #999999;
	border: none;
	background: transparent;
	padding: 0 0 5px 0;
	top: 17px;
}
.wbgmForm .form-floating .form-control::placeholder {
	color: transparent !important;
	opacity: 0 !important;
}

fieldset.login div.inputField.floatlabel label,
.form-container label
{
	color: #999999;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	width: min-content;
	max-width: min-content;
	white-space: nowrap;
}
.form-container label > input {
	margin-right: 0.75rem;
}

.form-container fieldset {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
}
.form-container.new fieldset {
	align-items: flex-start;
}

.form-container fieldset > div {
	width: 49.5%;
	margin-bottom: 2.0rem;
	min-width: 280px;
}
.form-container fieldset.max3cols > div {
	width: 32.67%;
	min-width: 200px;
}
@media screen and (max-width: 684px) {
	.form-container fieldset.max3cols > div {
		width: 49.5%;
	}
}
@media screen and (max-width: 484px) {
	.form-container fieldset > div {
		width: 99.5%;
	}
}

.form-container div.form-submit {
	width: 100%;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
}

.form-container div.form-submit input.btn-primary:not(:disabled):not(.disabled):active,
.form-container div.form-submit input:focus,
.form-container div.form-submit input:active,
.form-container div.form-submit input {
	height: 52px;
	background: #F07B00;
	border: 1px solid #F07B00;
	border-radius: 25px;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 1rem;
	letter-spacing: 1px;
	padding: 0 2rem;
	margin-bottom: 1rem;
	outline: none;
	cursor: pointer;
}

.form-container.new div.form-submit {
    width: 100%;
    text-align: center;
    margin-top: 0;
}

.form-container .gender,
.form-container .gender > div {
	display: flex;
}

.form-container .gender > label.control-label {
/*	width: fit-content;*/
/*	max-width: fit-content;*/
	margin-right: 3.6rem;
	padding-top: 8px;
}
.form-container .gender div.radio label {
	max-width: none;
	height: 2rem;
}

div.goback {
	margin-top: 1rem;
}




/* https://www.w3schools.com/howto/howto_css_custom_checkbox.asp */
/* Customize the label (the checkboxContainer) */
.checkbox .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,
.checkboxContainer input:checked,
.checkboxContainer input:disabled
{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkboxContainer .checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fafafa;
  outline: 1px solid darkgrey;
}

/* On mouse-over, add the light background color */
.checkboxContainer:hover input ~ .checkmark {
  background-color: #fa9064; /*#ffddbb;*/
}

/* When the checkbox is checked, add the full background color */
.checkboxContainer input:checked ~ .checkmark {
  background-color: #e85113; /*darkorange;*/
}
.checkboxContainer input:focus ~ .checkmark {
/*  box-shadow: 0 0 0 0.2rem rgb(0 123 255/ 25%);*/
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkboxContainer .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: 5px;
  top: -1px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* disbaled style */
.checkboxContainer input:disabled ~ .checkmark {
	background-color: transparent;
	outline: 1px solid lightgrey;
	box-shadow: none;
}
.checkboxContainer input:disabled ~ .checkmark:after {
  border-color: darkgrey;
}
.checkboxContainer.disabled,
.checkboxContainer input:disabled {
	cursor: default;
}




.form-container input[type=radio] {
	width: 17px;
	height: 17px;
	position: relative;
	top: 2px;
}
/* https://www.w3schools.com/howto/howto_css_custom_checkbox.asp */
/* Customize the label (the radioContainer) */
.radio label.radioContainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
/*  font-size: 22px;*/

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radioContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.radioContainer .checkmark {
  position: absolute;
  top: 6px;
  left: 0;
  height: 19px;
  width: 19px;
  background-color: #fafafa;
  border-radius: 50%;
  outline: 1px solid lightgrey;
}

/* On mouse-over, add the light background color */
.radioContainer:hover input ~ .checkmark {
  background-color: #fa9064; /*#ffddbb;*/
}

/* When the radio button is checked, add the full background color */
.radioContainer input:checked ~ .checkmark {
  background-color: #e85113; /*darkorange;*/
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radioContainer .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radioContainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radioContainer .checkmark:after {
  top: 6px;
  left: 6px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: white;
}


/* disbaled style */
.radioContainer input:disabled ~ .checkmark {
	background-color: transparent;
	outline: 1px solid lightgrey;
	box-shadow: none;
}
.radioContainer.disabled,
.radioContainer input:disabled {
	cursor: default;
}



/***********/
/* select2 */
.wbgmSelect span.select2 {
	width: 100% !important;
	min-width: 100% !important;
}

/*	Generic fancystyles with wbgm customizing ENDE		***************/






/*	OVERALL wbgm styles START				***************/

	.wbgmForm.form-container {
		padding: 2.5rem 2rem 1rem 2rem;
	}
	
	.form-container .checkbox label {
		padding-top: 3px;
	}

	.flexlist {
	}
	.flexlist > div {
		display: flex;
		justify-content: space-evenly;
		border: 1px solid lightgrey;
		min-height: 1.75rem;
		align-items: center;
	}
	.flexlist > div.header {
		font-weight: bold;
		text-decoration: underline;
		border: 1px solid grey;
		background: #E0DFDA66;
	}
	.flexlist > div.record {
	}
	.flexlist.members > div > div {
		width: 9.0%;
		border-left: 1px dotted lightgrey;
		border-right: 1px dotted lightgrey;
		hyphens: auto;
	}
	.flexlist.members > div > div.name {
		width: 18.0%;
	}
	.flexlist.members {
		margin-top: 2rem;
	}
	
/*	OVERALL wbgm styles ENDE				***************/




/*	ADMIN wbgm styles START					***************/
	.adminstart a.target {
		display: flex;
		border: 2px solid #e85113;
		margin: 2rem 0;
		padding: 0.625rem;
		padding-left: 0;
	}
	.adminstart a.target, .adminstart a.target * {
		color: black;
		text-decoration: none;
	}
	.adminstart .target .pic {
		width: 10%;
		min-width: 100px;
		display:flex;
		justify-content: space-around;
		align-items: center;
	}
	.adminstart .target .pic img {
		width: 72px;
		height: 72px;
	}

	.adminstart .target .txt {
		width: 90%;
	}
	.adminstart .target .txt h3 {
		color: #e85113;
		font-size: 1.125rem;
		margin-top: 0.5rem;
	}
	
	.adminstart ul {
		list-style-type: disc;
		list-style-position: inside;
		margin-bottom: 0.25rem;
	}
	.adminstart ul li {
		margin: 0;
	}


	/* admin forms 			*******/
	.wbgmImport.buttons button {
		padding: 0.5rem 1.25rem;
		margin: 0.75rem;
	}

	.form-container .importMode {
		display: flex;
		flex-direction: column;
		color: rgb(33, 37, 41);
	}

	.form-container.message {
		background: transparent;
	}

	.wbgmForm.message input,
	.wbgmForm.message .select2-selection {
		background: #fffcf8;
		height: auto;
		min-height: 3rem;
	}
	.wbgmForm.message input[type=date] {
		margin-bottom: 0.75rem;
	}

	.form-container.upload fieldset {
		flex-direction: column;
		margin-top: 3rem;
	}
	.form-container.upload fieldset > div {
		width: 100%;
		margin-bottom: 2rem;
	}

	.removeAction {
		display: block;
		margin-top: 0.25rem;
		padding-top: 0.25rem;
		border-top: 1px solid darkred;
		color: darkred;
	}
	.removeAction:hover {
		color: red;
		border-color: red;
	}

/*	ADMIN wbgm styles ENDE					***************/




/*	PUBLIC wbgm styles START				***************/

	/* Hide menu parts when logged-out */
	.grve-widget.widget.widget_pages > ul > li:last-child > ul.children.loggedout,
	#grve-main-menu.grve-horizontal-menu li > .membermenu.loggedout + ul,
	#grve-main-menu.grve-horizontal-menu li.mHover > .membermenu.loggedout + ul {
		display: none !important;
	}
	.loggedinHidden.loggedin,
	.loggedinVisible:not(.loggedin) {
		display: none !important;
	}

	/* hide grandchildren in footer menu */
	footer#grve-footer .grve-footer-bar>.grve-container .grve-footer-bar-widgets .widget_pages ul li ul.children ul.children {
		display: none;
	}
	
	/* wbgm container */
	.grve-column > .wbgm.wrap {
		margin-bottom: 2.0rem;
	}
	div.wbgm.wrap:last-child {
		margin-bottom: 0;
	}
	
	/* default stylings */
	.wbgm .public h3, .page_category-mitglieder .wbgm h3 {
		color: #e85113;
	}
	.wbgm .public a, .wbgList a {
		text-decoration: underline;
	}

	/* Form elements */
	.wbgmForm.public.form-container {
		background: transparent;
		padding: 0;
	}
	.wbgmForm form fieldset {
		background-color: transparent;
		padding: 1.0rem 0 0 0;
	}
	.wbgmForm.public form fieldset {
		margin-bottom: 0;
	}
	
	.wbgmForm.public.register .checkboxgroup, .wbgmForm.public.register .checkbox {
		width: 100%;
		margin-bottom: 0;
	}
	.wbgmForm.public.register .checkboxgroup label {
		white-space: normal;
		font-weight: normal;
		max-width: 100%;
		width: 100%;
		margin-bottom: 1rem;
	}
	
	.form-container.wbgmForm.account fieldset > div.gender {
		width: 50%;
		max-height: 3rem;
		align-items: center;
	}
	.form-container.wbgmForm.account fieldset > div.streetnr {
		width: 100%;
	}
	.form-container.wbgmForm.pwreset fieldset > div.form-group {
		width: 100%;
	}
	
	.wbgmForm.public.account fieldset {
		align-items: flex-start;
	}

	.wbgmForm.public.account .checkboxgroup {
		width: 100%;
	}

	.form-container.public fieldset > div.email {
		margin-bottom: 1.0rem;
		width: 100%;
	}
	.form-container.login fieldset > div {
		margin-bottom: 1.0rem;
	}
	.form-container.login .form-submit {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	.form-container.login .form-submit > div {
		min-width: 280px;
	}
	.form-container.login .form-submit > div.pwforgot {
		padding-top: 20px;
	}
	
	body div.form-container form label.floating > span,
	#grve-content form label.floating > span {
		color: #999999;
	}
	
	.form-container fieldset > div.passwordHint,
	.passwordHint {
		width: 100%;
		border: 2px solid;
		border-color: #e85113 !important;
		font-weight: bold;
		padding: 0.5rem;
	}
	.passwordHint p {
		margin: 0;
		padding: 0;
	}
	.passwordHint p:first-child {
		margin-bottom: 0.5rem;
	}
	
	.requiredHint {
		font-size: 0.9rem;
		color: #666666;
		margin-top: 0;
	}
	.form-group.gender .radio,
	.form-group.gender .radio+.radio {
		margin-top: 20px; /* Overwritten bootstrap's -5px; */
	}
	.form-group .checkbox,
	.form-group .checkbox+.checkbox {
		margin-top: 8px; /* Overwritten bootstrap's -5px; */
	}
	.form-group .checkbox,
	.form-group .checkbox+.checkbox,
	.form-group .checkbox label {
		margin-bottom: 0;
	}
	
	/* responsive form elements */
	@media screen and (max-width: 840px) {
		.wbgmForm.public.form-container fieldset > div {
			width: 100%;
			margin-bottom: 1.0rem !important;
		}
		.checkboxgroup {
			margin-bottom: 0.75rem;
		}
		.checkboxgroup.changePassword {
			position: relative;
			top: 3.9rem;
		}
		.form-group.passwordRepeat {
			position: relative;
			top: -3rem;
		}
	}
	/* responsive form elements ENDE */
	
	
	/** wordpress contact form 7 forms START **/
	/* invisible data container */
	#wbgmMemberData {
		display: none;
	}

	/* headlines in forms */
	.wbgmMemberDataForm h5, .wbgmMemberDataForm h6 {
		font-weight: bold;
		font-size: 16px;
		color: #23698a;
	}
	.wbgmMemberData .wbgmMemberDataForm h5, .wbgmMemberData .wbgmMemberDataForm h6 {
		color: #e85113;
	}

	.wbgmMemberDataForm h5 {
		font-size: 18px;
		text-align: center;
	}
	.wbgmMemberDataForm label,
	.wbgmMemberDataForm > p {
		font-size: 15px;
	}
	
	.wpcf7-form-control.badumbau,
	.wpcf7-form-control.pflegegrad,
	.wpcf7-form-control.ausfuehrungswunsch,
	.wpcf7-form-control.kostenregulierung-dummy,
	.wpcf7-form-control.baumassnahme,
	.wpcf7-form-control.kostenregulierung,
	.wpcf7-form-control.mietobjekt,
	.wpcf7-form-control.hundesteuer,
	.wpcf7-form-control.hundeversicherung {
		display: flex;
		flex-wrap: wrap;
		column-gap: 4%;
		align-items: center;
	}
	.wpcf7-form-control.badumbau > span.wpcf7-list-item,
	.wpcf7-form-control.pflegegrad > span.wpcf7-list-item,
	.wpcf7-form-control.ausfuehrungswunsch > span.wpcf7-list-item,
	.wpcf7-form-control.kostenregulierung-dummy > span.wpcf7-list-item,
	.wpcf7-form-control.baumassnahme > span.wpcf7-list-item,
	.wpcf7-form-control.kostenregulierung > span.wpcf7-list-item,
	.wpcf7-form-control.mietobjekt > span.wpcf7-list-item,
	.wpcf7-form-control.hundesteuer > span.wpcf7-list-item,
	.wpcf7-form-control.hundeversicherung > span.wpcf7-list-item {
		min-width: 48%;
		width: 48%;
		font-size: 15px;
	}
	.wpcf7-form-control.mietobjekt > span.wpcf7-list-item,
	.wpcf7-form-control.hundesteuer > span.wpcf7-list-item,
	.wpcf7-form-control.hundeversicherung > span.wpcf7-list-item {
		min-width: 60px;
		width: unset;
		font-size: 15px;
		margin-right: 0.5rem;
	}
	.wbgmMemberDataForm .wpcf7-form-control.mietobjekt > span.wpcf7-list-item span.wpcf7-list-item-label {
		white-space: nowrap !important;
	}
	@media screen and (max-width: 543px) {
		.wpcf7-form-control.badumbau > span.wpcf7-list-item,
		.wpcf7-form-control.pflegegrad > span.wpcf7-list-item,
		.wpcf7-form-control.ausfuehrungswunsch > span.wpcf7-list-item,
		.wpcf7-form-control.kostenregulierung-dummy > span.wpcf7-list-item,
		.wpcf7-form-control.baumassnahme > span.wpcf7-list-item,
		.wpcf7-form-control.kostenregulierung > span.wpcf7-list-item,
		.wpcf7-form-control.mietobjekt > span.wpcf7-list-item {
			min-width: 99%;
			width: 99%;
		}
	}
	
	.wbgmMemberDataForm .wpcf7-list-item-label::before, .wbgmMemberDataForm .wpcf7-list-item-label::after {
		content: none;
	}
	
	.wbgmMemberDataForm span.wpcf7-list-item label {
		width: 100%;
	}
	.wbgmMemberDataForm span.wpcf7-list-item input {
		vertical-align: middle;
	}
	.wbgmMemberDataForm span.wpcf7-list-item-label {
		white-space: break-spaces !important;
		max-width: calc(100% - 24px);
	}
	.wbgmMemberDataForm .hundesteuer span.wpcf7-list-item-label,
	.wbgmMemberDataForm .hundeversicherung span.wpcf7-list-item-label {
		white-space: unset !important;
	}
	.wbgmMemberDataForm span.wpcf7-list-item-label > span {
		font-weight: normal;
		font-size: 13px;
	}
	
	.wbgmMemberDataForm p:has( .required-hint) {
		text-align: right;
		font-style: italic;
	}
	
	.wbgmMemberDataForm .wbgmAcceptance {
		display: flex;
		flex-direction: column;
	}
	.wbgmMemberDataForm .wbgmAcceptance .checkboxHeaderFlex {
		display: flex;
		align-items: baseline;
	}
	.wbgmMemberDataForm .wbgmAcceptance h6 {
		margin: 0;
	}
	.wbgmMemberDataForm .wbgmAcceptance small {
		font-size: 13px;
		display: inline-block;
	}
	body .wbgmMemberDataForm .wbgmAcceptance span.wpcf7-form-control-wrap {
		margin-bottom: 0;
		padding-bottom: 4px;
	}
	body .wbgmMemberDataForm .wbgmAcceptance input {
		margin-bottom: 3px !important;
	}
	
	body .wpcf7 form.sent .wpcf7-response-output {
		border-color: transparent !important;
	}
	
	div.uploader {
		display: flex;
		flex-wrap: wrap;
		column-gap: 1.5rem;
		align-items: bottom;
	}
	div.uploader .check_text {
		display: flex;
		align-items: center;
		margin-left: 0.75rem;
	}
	div.uploader .check_text p {
		font-size: 13px;
		line-height: 1;
		margin: 0;
		padding: 0;
	}
	div.uploader input[type="file"], div.uploader input[type="file"]:hover {
		border: none;
		box-shadow: none !important;
		background-color: transparent !important;
		font-size: 15px;
	}
	div.uploader p > span {
		margin: 0;
	}
	
	.wbgmMemberDataForm input:not([type="submit"]) {
		height: unset !important;
	}
	
	/* captcha button */
	.wbgmMemberData .frc-captcha .frc-button {
		background-color: #e85113 !important;
	}
	/* invalid message */
	.wbgmMemberDataForm .wpcf7-not-valid-tip {
		position: relative;
		left: 0;
		top: 0;
	}
	/** wordpress contact form 7 forms ENDE **/


	/* lists */
	.wbgList > div {
		border-top: 1px solid #e85113;
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}
	.wbgList > div:last-child {
		border-bottom: 1px solid #e85113;
	}

	.memberEvent h4 {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 1rem;
	}
	.memberEvent h4 span {
		width: 100%;
		display: inline-block;
		color: #e85113;
		font-size: 1rem;
		margin-bottom: 0.25rem;
	}
	.memberEvent > div {
		white-space: pre-line;
	}

	.eventContentImg {
		display: flex;
		flex-direction: column;
		font-size: 0.9rem;
		font-style: italic;
	}
	.eventContentImg.right {
		align-items: flex-end;
	}
	
	.memberEvent.memberDoc {
		display: flex;
		flex-wrap: wrap;
		padding-bottom: 0;
	}
	.memberDoc > * {
		width: 100%;
	}
	.memberDoc > p {
		text-align: left;
		margin: 0;
	}
	.memberDoc > div {
		display: flex;
		justify-content: flex-end;
		position: relative;
		top: -1.5rem;
	}
	@media screen and (max-width: 540px) {
		.memberDoc > div { top: 0; margin-bottom: 1.5rem; }
	}
	.memberDoc > div a {
		margin-left: 0.75rem;
		padding: 0;
		border: 2px solid white;
		background: #707173;
	}
	.memberDoc > div a:hover {
		background-color: #e85318;
	}
	.memberDoc > div img {
		width: 40px;
		height: auto;
	}


	/* legacy: buttons */
	div.page_category-mitglieder h2 {
		color: #e85113;
	}
/*	div.page_category-mitglieder .teaserbox .teaser-title,
	div.page_category-mitglieder .teaserbox .teaser-btn a.tbtn {
		background-color: #e85113;
		border-color: #e85113;
	}*/
	.teaserbox.category-mitglieder .teaser-title, .teaserbox.category-mitglieder .teaser-btn a.tbtn {
	border-color: #e85113;
	background-color: #e85113;
	}
/*	div.page_category-mitglieder .teaserbox .teaser-btn a.tbtn:hover, 
	div.page_category-mitglieder .teaserbox .teaser-btn a.tbtn:active, 
	div.page_category-mitglieder .teaserbox .teaser-btn a.tbtn:focus {
		color: white;	font-weight: bold;	padding: 6px 14px;
	}*/
	.teaserbox.category-mitglieder .teaser-btn a.tbtn:hover, .teaserbox.category-mitglieder .teaser-btn a.tbtn:active, .teaserbox.category-mitglieder .teaser-btn a.tbtn:focus {
		color: #e85113;
		background-color: #fff;
	}

	div.page_category-mitglieder a:not([class*="btn"]):hover,
	div.page_category-mitglieder a:not([class*="btn"]):focus,
	div.page_category-mitglieder a:not([class*="btn"]):active {
    color: #e85113;
}


	/* legacy: forms: .page_category-mitglieder .wpcf7-form.init, div form#loginform, #asverein_register_form,*/
	div.page_category-mitglieder form {
		background-color: #fcd9ca;
		border: 1px solid #fcd9ca;
		border-radius: 2px;
	}
	div.page_category-mitglieder form input,
	div.page_category-mitglieder form select,
	div.page_category-mitglieder form textarea {
		border-color: #e85113 !important;
	}

	div.page_category-mitglieder form input:not([type="submit"]):not(:disabled):hover,
	div.page_category-mitglieder form input:not([type="submit"]):not(:disabled):active,
	div.page_category-mitglieder form input:not([type="submit"]):not(:disabled):focus,
	div.page_category-mitglieder form select:hover,
	div.page_category-mitglieder form select:active,
	div.page_category-mitglieder form select:focus,
	div.page_category-mitglieder form textarea:hover,
	div.page_category-mitglieder form textarea:active,
	div.page_category-mitglieder form textarea:focus {
		-webkit-box-shadow: 0 0 6px #e85113;
		box-shadow: 0 0 6px #e85113;
	}
	div.page_category-mitglieder form input:not([type="submit"]):disabled:hover,
	div.page_category-mitglieder form input:not([type="submit"]):disabled:active,
	div.page_category-mitglieder form input:not([type="submit"]):disabled:focus {
		-webkit-box-shadow: none;
		box-shadow: none;
	}


	/* legacy: input + hover */
	.wbgm button.btn-primary,
	.page_category-mitglieder .wpcf7-form.init input[type="submit"],
	.page_category-mitglieder a.grve-btn,
	div.page_category-mitglieder form [type="submit"] {
		background-color: #e85113 !important;
		color: white !important;
		border: 2px solid #e85113 !important;
		border-radius: 2px !important;
	}
	
	.wbgm button.btn-primary:hover,
	.page_category-mitglieder .wpcf7-form.init input[type="submit"]:hover:not(:disabled),
	.page_category-mitglieder a.grve-btn:hover,
	div.page_category-mitglieder form [type="submit"]:hover {
		background-color: white !important;
		color: #e85113 !important;
	}
	
	.wbgm button.btn-primary:active:focus,
	.wbgm .btn-primary:not(:disabled):not(.disabled):active:focus,
	.page_category-mitglieder .wpcf7-form.init input[type="submit"]:focus:active,
	.page_category-mitglieder a.grve-btn:focus:active,
	div.page_category-mitglieder form [type="submit"]:focus:active {
		outline: none;
		box-shadow: none;
	}
	
	div.page_category-mitglieder form label,
	.wbgmMemberDataForm label {
		color: black;
		padding-top: 5px;
	}
	
	
	#grve-content .wpcf7 form div.wpcf7-response-output {
		background-color: #23698A;
		border-color: #23698A;
		color: white;
	}
	#grve-content .page_category-mitglieder .wpcf7 form div.wpcf7-response-output {
		background-color: #e85113;
		border-color: #e85113;
	}
	
	
	#grve-theme-wrapper .page_category-mitglieder .form-container input[type=text]:disabled,
	#grve-theme-wrapper .page_category-mitglieder .form-container input[type=date]:disabled,
	#grve-theme-wrapper .page_category-mitglieder .form-container input[type=email]:disabled,
	#grve-theme-wrapper .page_category-mitglieder .form-container input[type=password]:disabled {
		background-color: #eeeeee !important;
	}

	#grve-content #grve-main-content .page_category-mitglieder table tbody tr {
		border-bottom: 1px solid #e85113;
	}
	#grve-content #grve-main-content .page_category-mitglieder table tbody tr:hover,
	#grve-content #grve-main-content .page_category-mitglieder table tbody tr:nth-child(2n+1) {
		background-color: #fcd9ca;
	}
	#grve-content #grve-main-content .page table thead tr, #grve-content #grve-main-content .page table tbody tr.vc-th, #grve-content #grve-main-content .page table tfoot tr {
		background-color: #e85113 !important;
	}


	.wbgmErrors, .wbgmMessages {
		margin-bottom: 1rem;
		background: #f5f5f5;
	}
	.wbgmErrors {
		border: 3px solid red;
		display: flex;
		align-items: center;
	}
	.wbgmErrors .errorMark {
		width: calc(4.4% + 9px);
		font-size: 250%;
		color: red;
		text-align: center;
		min-width: 28px;
	}
	.wbgmErrors pre, .wbgmMessages pre {
		margin-bottom: 0 !important;
		font-size: 100%;
		white-space: pre-line;
	}
	.wbgmErrors pre {
		color: red;
		text-decoration: underline;
		background: white;
		flex-grow: 4;
		border-left: 1px solid red;
		border-top-left-radius: unset;
		border-bottom-left-radius: unset;
	}
	.wbgmForm .btn-primary:focus, .btn-primary.focus {
		box-shadow: none;
	}

	div.row.description {
		display: block;
		padding-left: 12.5%;
	}
	div.row.description .col-md-9 {
		max-width: 100%;
	}
	@media screen and (max-width: 767px) {
		div.row.description { padding-left: 0; }
	}


/*	PUBLIC wbgm styles ENDE					***************/
