:root {
	--primary: #EE751E;
	--secondary: #2B2B2B;

	--weiss: #FFF;
	--shadowSchwarz: 0 0 5px 0 rgba(0, 0, 0, .13);
	--borderSchwarz: 2px solid rgba(238, 117, 30, 0);
	--backgroundweiss: #F5F5F5;
	--boxShadow: 0 0 5px #000;
	--feldGrau: #95A3B9;
	--formGrau: 1px solid #CCC;
}
body {
	color: var(--secondary);
	background-color: var(--weiss);
}
.input,
.checkbox__input:checked + .checkbox__label:before {
	background-color: var(--weiss);
}
.iconColor {
	fill: var(--primary);
}
.checkbox__label:before {
	border: 1px solid var(--secondary);
	background-color: var(--weiss)
}

.button {
	background-color: var(--primary);
	color: var(--weiss);
	border: 1px solid var(--primary);
}
.black-button {
	background-color: var(--secondary);
	border: 1px solid var(--secondary);
	color: var(--weiss);
}
.filter .options-wrapper {
	box-shadow: var(--shadowSchwarz);
	background-color: var(--weiss);
}
.spollers {
	background: var(--weiss);
	box-shadow: var(--shadowSchwarz);
}
.match-svg-size {
	color: var(--primary);
}
.card {
	border: var(--borderSchwarz);
}
.checkbox__input:focus-visible + .checkbox__label:before {
	box-shadow: var(--boxShadow);
}
.header {
	background-color: var(--weiss)
}
.footer {
	background-color: var(--primary);
	color: var(--weiss)
}
.pagging__item {
	background-color: var(--weiss);
}
._active {
	background-color: var(--primary);
	color: var(--weiss);
}
.contact {
	background-color: var(--backgroundweiss);
}
.file-input-area {
	border: 2px dashed var(--primary);
	background-color: var(--weiss)
}
.main__title span,
.login-text {
	color: var(--primary);
}

.btn-login,
.btn-login:hover {
	background-color: var(--primary); 
	color: var(--weiss);
}
.form-control {
	border: var(--formGrau);
}
.form-control::placeholder {
	color: var(--feldGrau);
}
.text-color,
.text-color:hover,
.tmpl404 .main__description a,
.admin .navLink:hover {
	color: var(--primary);
}
.admin .navLink.active,
.bearbeitenColor {
	color: var(--secondary);
}

@media (max-width:47.99875em) {
	.filters__col--1 {
		background-color: var(--primary);
	}
	.filter__title {
		background-color: var(--weiss);
	}
}

@media (any-hover:hover) {
	.button:hover {
		background-color: var(--secondary);
		border: 1px solid var(--secondary)
	}
	.black-button:hover {
		background-color: var(--primary);
		border: 1px solid var(--primary)
	}
	.file-button:hover {
		background-color: var(--weiss);
		color: var(--primary)
	}
	.card:hover {
		border: 2px solid var(--primary);
	}
}