:root {
	--seperator-color: #cccccc;
}
.form-label {
	font-size: var( --font-size );
}
.member-plugin .header-wrapper-background {
	background-position: center center !important;
}
.seperator-vertical {
	border:0 0 0 1px var( --primary-color );
}
.seperator-horizontal {
	border:1px 0 0 0 var( --primary-color );
}
label[for="uploader_item"] {
	font-size: var( --font-size );
}
.member-menu-trigger.d-md-none.mb-3 a {
	background-color: var( --button-bg-color );
	color: var( --button-text-color );
	border-color: transparent;
}
.btn.btn-sm.btn-info.btn-block.collapsed:hover {
	background-color: var( --button-text-color );
	color: var( --button-bg-color );
	border-color: var( --button-bg-color );
	transition: all .3s;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
	margin-left: -1px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border: 1px solid transparent !important;
	border-radius: 0px 7px 7px 0px;
	background-color: var( --primary-color ) !important;
}
.item-container {
	background-image: url( 'data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"%3E%3Cpath d="M34.052,17.026A17.026,17.026,0,1,0,5.526,29.569l-.016.014.552.466c.036.03.075.055.111.085.293.243.6.474.907.7.1.072.2.145.3.215q.5.342,1.017.649c.076.045.152.088.228.131.38.216.767.42,1.164.607l.088.04A16.873,16.873,0,0,0,14,33.776l.114.02c.448.077.9.139,1.36.181l.168.013c.457.038.919.062,1.387.062s.921-.024,1.376-.061l.173-.013q.683-.062,1.348-.178l.116-.021a16.872,16.872,0,0,0,4.06-1.272l.142-.064q.573-.269,1.121-.58.137-.077.272-.157c.333-.2.661-.4.979-.619.115-.078.227-.16.34-.242.272-.2.539-.4.8-.609.058-.046.119-.087.176-.134l.567-.473-.017-.014A16.982,16.982,0,0,0,34.052,17.026Zm-32.814,0A15.788,15.788,0,1,1,27.5,28.829a4.64,4.64,0,0,0-.553-.332L21.7,25.875a1.372,1.372,0,0,1-.763-1.234V22.811c.121-.15.25-.319.382-.506a12.617,12.617,0,0,0,1.62-3.172A2.247,2.247,0,0,0,24.231,17.1V14.9a2.253,2.253,0,0,0-.549-1.467V10.546a4.994,4.994,0,0,0-1.166-3.631c-1.141-1.3-2.988-1.962-5.49-1.962s-4.349.659-5.49,1.961a4.994,4.994,0,0,0-1.166,3.631v2.889A2.256,2.256,0,0,0,9.821,14.9V17.1a2.252,2.252,0,0,0,.83,1.747A11.634,11.634,0,0,0,12.566,22.8V24.59a1.381,1.381,0,0,1-.719,1.212l-4.9,2.67a4.474,4.474,0,0,0-.466.295A15.75,15.75,0,0,1,1.238,17.026ZM26.288,29.8q-.325.236-.661.455c-.1.067-.2.134-.31.2-.292.181-.589.353-.893.514-.067.035-.134.069-.2.1a15.777,15.777,0,0,1-2.16.914l-.079.027q-.582.193-1.179.342h0c-.4.1-.807.181-1.216.249l-.033.006c-.384.063-.772.108-1.161.142-.069.006-.137.011-.207.015-.384.029-.771.048-1.159.048s-.784-.019-1.173-.048c-.067,0-.135-.009-.2-.015-.393-.035-.783-.081-1.17-.144l-.052-.009A15.728,15.728,0,0,1,12.02,32l-.073-.025q-.584-.2-1.153-.441l-.008,0c-.358-.154-.709-.325-1.056-.505-.045-.024-.091-.046-.136-.07-.316-.169-.626-.352-.931-.542q-.136-.085-.269-.173c-.281-.184-.558-.375-.828-.578l-.082-.064.059-.033,4.9-2.67a2.618,2.618,0,0,0,1.365-2.3V22.36l-.142-.172A10.337,10.337,0,0,1,11.8,18.339l-.056-.245-.211-.137a1.026,1.026,0,0,1-.476-.862V14.9a1.011,1.011,0,0,1,.345-.757l.2-.185V10.51l-.006-.081a3.729,3.729,0,0,1,.864-2.7c.9-1.02,2.429-1.539,4.559-1.539s3.65.514,4.548,1.527a3.791,3.791,0,0,1,.875,2.712l-.006,3.53.2.185a1.012,1.012,0,0,1,.345.757V17.1a1.034,1.034,0,0,1-.731.975l-.308.095-.1.306a11.454,11.454,0,0,1-1.545,3.115c-.162.229-.32.432-.456.588l-.154.175v2.29a2.6,2.6,0,0,0,1.448,2.342L26.39,29.6l.1.051C26.423,29.705,26.355,29.752,26.288,29.8Z" fill="%23666"/%3E%3C/svg%3E' );
	width: 90px;
	height: 90px;
	margin: 1rem;
}
.card.card-danger.rounded-0.border-danger.passwordcheck {
	width: 19rem;
	border-radius: 5px !important;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0px 3.5rem !important;
	line-height: 1.8em;
	text-align: center;
	width: 58% !important;
}
.row.mt-4.small.mx-3 .form-check-label {
	font-size: 0.9rem;
}
.signup {
	padding: 1rem;
	border-radius: 5px;
	background-color: var( --container-bg-color );
}
.signup input,
.signup-page input {
	background-size: 20px 100%;
	background-repeat: no-repeat;
	background-position: 99% center;
	background-color: #fff;
}
.signup-page input.form-control[name="login_name"],
.signup input.form-control[name="email"] {
	background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ccc' d='M20,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6A2,2 0 0,0 20,4M20,18H4V8L12,13L20,8V18M20,6L12,11L4,6V6H20V6Z' /%3E%3C/svg%3E" );
}
.signup-page input.form-control[name="password"],
.signup input.form-control[name="password"],
.signup input.form-control[name="password2"] {
	background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ccc' d='M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z' /%3E%3C/svg%3E" );
}
.main-nav-item.member-menu .sub-menu {
	display: none;
}
.member-stammdaten .nav-item.change-maindata .nav-link.small,
.member-passwort .nav-item.change-password .nav-link.small {
	color: var( --primary-color ) !important;
	text-decoration: underline;
	text-decoration-color: var( --primary-color );
}
.ui-datepicker select.ui-datepicker-month {
	width: 43% !important;
}
.ui-datepicker select.ui-datepicker-year {
	width: 57% !important;
}
.member-login #member-menu-collapse .card-header {
	background: var( --primary-color );
	color: #fff !important;
}
.member-login #member-menu-collapse .card-header svg path {
	fill: #fff !important;
}
.member-login #member-menu-collapse .card-body {
	padding-left: 4px;
}
@media screen and ( min-width: 991px ) {
	.member-login .sub-2 > .sub-menu {
		position: absolute;
		left: 0rem;
		width: auto;
		margin-left: 0em;
		flex-direction: row;
		transition: all .3s;
	}
}
div[data-id="member-menu-cms"] .sub-menu.pt-2 {
	flex-direction: column;
	left: 0;
	display: none;
	border-top: 3px solid var(--primary-color);
	top: 52px;
}
[data-id="member-menu-cms"] .sub-2 > .sub-menu {
	position: absolute;
	left: 0;
	width: 75%;
	margin-left: 0em;
	flex-direction: column;
	background: var( --body-bg-color );
}
#member-menu-collapse .card-header {
	background: var( --primary-color );
	color: var( --primary-color-text );
}
.btn.btn-sm.custom-button {
	border-radius: .375rem;
}
.fileupload .custom-button,
.fileinput-button {
	position: relative;
	margin-bottom: 1rem;
	float: left;
}
.member-stammdaten #member-menu-collapse .card-body,
.member-passwort #member-menu-collapse .card-body {
	padding-left: 1rem;
}
.member-stammdaten #member-menu-collapse .member-logout-button {
	transition: background-color ease .3s;
}
.member-stammdaten #member-menu-collapse .member-logout-button:hover {
	background-color: #eee;
	color: var( --butten-bg-color );
}
.passwort-vergessen .btn {
	min-height: 38px;
}
.member-login .container.pt-3.mt-4.mb-4.main-page-content {
	top: 1rem;
	margin-bottom: 5rem !important;
}
.card-header.section {
	font-size: calc( var( --font-size ) * 1.2 );
}
.form-control{
	font-size: var( --font-size ) !important;
}
.card-header h6 {
	margin-bottom: -2px;
}
.form-select:focus {
	border-color: var( --primary-color ) !important;
	outline: 0;
	box-shadow: 0 0 0 2px var( --primary-color ) !important;
}
@media screen and ( max-width: 768px ) {
	.card.card-danger.rounded-0.border-danger.passwordcheck {
		position: relative;
		top: 0;
		right: 0;
		width: auto;
		border-radius: 5px !important;
	}
}
@media screen and ( max-width: 990px ) {
	#member_button .buttonDropdown{
		display: none !important;
	}
}
@media screen and ( max-width: 1400px ) {
	.d-inline-block.me-1.ms-1 {
		display: none !important;
	}
}
@media screen and ( min-width: 1400px ){
	.main-nav-item.member-menu:hover.main-nav-item.member-menu .sub-menu {
		display: block;
	}
}