@charset "UTF-8";

:root {
	--clr-blau: #1b80f7;
	--clr-rosa: #fc5388;
	--clr-gruen: #00b68f;
	--clr-orange: #ff8167;
	--clr-violet: #7002c5;

	--gradient-blau: linear-gradient(
		45deg,
		#1b80f7 20%,
		#000 80%
	);
}



body {
	background-color: #191919;
	color: #f0f0f0;
}


.btn_primary {
	background-color: #000 !important;
	color: #fff!important;
	border-color: #191919!important;
}

.btn_primary:hover, .btn_primary:active {
	border-color: #000000 !important;
	background-color: #262626 !important;
}

.btn_checked {
	background-color: #262626 !important;
}



.form-control, .form-select, .form-check-input {
	background-color: #000 !important;
	color: #fff!important;
	border-color: #262626 !important;
}

.form-check-input:checked {
	background-color: var(--clr-gruen)!important;
}


.select_primary {
	border-color: #262626 !important;
	background-color: #000 !important;
}


.modal {
	border-color: #dadada !important;
	border-width: 1px;
	--bs-modal-border-color: #fff !important;
}



.bg_header {
	background-color: #101010 !important;
}

.bg_box {
	background-color: #000000!important;
}

.bg_middle {
	background-color: #363636 !important;
}

.bg_low {
	background-color: #1e1e1e !important;
}

.bg_blau {
	background-color: var(--clr-blau)!important;
}

.bg_rosa {
	background-color: var(--clr-rosa)!important;
}

.bg_gruen {
	background-color: var(--clr-gruen)!important;
}

.bg_orange {
	background-color: var(--clr-orange)!important;
}

.bg_violet {
	background-color: var(--clr-violet)!important;
}




.bg_hover_gruen:hover {
	background-color: var(--clr-gruen)!important;
}



.text_main {
	color: #f0f0f0!important;
}

.text_full {
	color: #000!important;
}

.text_blau {
	color: var(--clr-blau)!important;
}

.text_rosa {
	color: var(--clr-rosa)!important;
}

.text_gruen {
	color: var(--clr-gruen)!important;
}

.text_orange {
	color: var(--clr-orange)!important;
}

.text_violet {
	color: var(--clr-violet)!important;
}



.border_full {
	border-color: #000000!important;
}

.border_middle {
	border-color: rgba(50,50,50,0.5) !important;
}

.border_blau {
	border-color: var(--clr-blau)!important;
}

.border_rosa {
	border-color: var(--clr-rosa)!important;
}

.border_gruen {
	border-color: var(--clr-gruen)!important;
}

.border_orange {
	border-color: var(--clr-orange)!important;
}

.border_violet {
	border-color: var(--clr-violet)!important;
}






.shadow_full:hover {
	box-shadow: 0px 0px 3px #000000!important;
}

.shadow_blau:hover {
	box-shadow: 0px 0px 3px var(--clr-blau)!important;
}

.shadow_rosa:hover {
	box-shadow: 0px 0px 3px var(--clr-rosa)!important;
}

.shadow_gruen:hover {
	box-shadow: 0px 0px 3px var(--clr-gruen)!important;
}

.shadow_orange:hover {
	box-shadow: 0px 0px 3px var(--clr-orange)!important;
}

.shadow_violet:hover {
	box-shadow: 0px 0px 3px var(--clr-violet)!important;
}



.toast, .modal-content {
	background-color: #000;
}

.toast_success {
	box-shadow: 0px 0px 10px #32d207 !important;
}

.toast_warning {
	box-shadow: 0px 0px 10px #ce5103 !important;
}

.toast_danger {
	box-shadow: 0px 0px 10px #ce1138 !important;
}

.toast_info {
	box-shadow: 0px 0px 10px #ffffff !important;
}


/*


.tox {
	color: #000 !important;
}

.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary {
	background-color: #000 !important;
}

.tox .tox-statusbar {
	background-color: #000 !important;
}

.mce-content-body  {
	background-color: #000 !important;
}*/