/**
*	Forms
*/

:root {
	--danger-dark: #a94442;
	--success-dark: #3c763d;
}

/* Pflichtfeld */

.form-group {
	position: relative;
}
.pflichtfeld label:after,
.pflichtfeld h5:after {
	content: '*';
	font-weight: normal;
	font-size: 75%;
	position: relative;
	line-height: 0;
	vertical-align: baseline;
	top: -0.5em;
}
.plichtfeld-nomarker label:after {
	content: '';
}
.pflichtfeld-feedback {
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 10px;
	margin-right: 10px;
	color: var(--danger-dark);
	display: none;
}
.form-group.row .pflichtfeld-feedback {
	margin-right: 25px;
}
.form-horizontal .pflichtfeld-feedback {
	margin-right: 25px;
}
h5 > .pflichtfeld-feedback {
	margin-right: 15px !important;
}
.error .pflichtfeld-feedback {
	display: inline-block;
}
.error label {
	color: var(--danger-dark);
}
.error .form-control {
	border: 1px solid var(--danger-dark) !important;
	/* padding-right: 42.5px; */
	padding-right: 30px;
}
.error .form-check {
	
}
#schutzhinweis {
	color: var(--danger-dark);
	margin-top: 5px;
}

/* Message */

.msg {
	margin: 0;
	position: relative;
}
.msg .alert-success:before,
.msg .alert-danger:before {
	/* Font Awesome 4 
	font-family: "FontAwesome";
	font-style: normal;
	font-weight: normal;
	font-line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	*/

	/* Font Awesome 5 */
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-weight: 900;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	text-rendering: auto;
	transform: translate(0, 0);
	
}
.msg .alert-success:before,
.msg .alert-danger:before {
	font-size: 32px;
	position: absolute;
	top: 0;
	left: 0;
	/* margin: 10px 0 0 15px; */
	margin: 15px 0 0 -46px;
}
.msg .alert-success:before {
	/* fa-check-circle */
	content: "\f058" !important;
	color: var(--success-dark);
}
.msg .alert-danger:before {
	/* fa-exclamation-circle */
	content: "\f06a" !important;
	color: var(--danger-dark);
}
.msg .alert-success,
.msg .alert-danger {
	/* padding-left: 50px; */
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-left-width: 60px;
}

/* Loading Spinner */

.spinner {}
.fancy-loading {
	border: 6px solid rgba(255, 255, 255, 0.2);
	border-top: 6px solid rgba(255, 255, 255, 0.8);
	/* border: 6px solid rgba(100, 100, 100, 0.2);
	border-top: 6px solid rgba(0, 0, 0, 0.6); */
	border-radius: 100%;
	height: 50px;
	width: 50px;
	-webkit-animation: fancy-rotate .8s infinite linear;
	animation: fancy-rotate .8s infinite linear;
	background: transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
	z-index: 99999;
}
@-webkit-keyframes fancy-rotate {

	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg); }
	to {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg); }

}
@keyframes fancy-rotate {

	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg); }
	to {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg); }

}