@charset "utf-8";

html {
	background: #232534;
}

body {
	color: #282827;
}

a {
	color: #4a96d2;
}

a:hover {
	color: #3699ff;
}

.border-bottom {
	border-bottom: 1px solid #a7b1c2 !important;
}

.card .border-bottom {
	border-color: #e3e3e3 !important;
}

/* Statischer Bereich oben */

.bd-navbar {
	background: #232534;
	color: #a2a3b5;
}

/* Logo */

.col-logo { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#494e73+0,232534+100 */
	background: rgb(73,78,115);
	background: -moz-linear-gradient(left,  rgba(73,78,115,1) 0%, rgba(35,37,52,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(73,78,115,1) 0%,rgba(35,37,52,1) 100%);
	background: linear-gradient(to right,  rgba(73,78,115,1) 0%,rgba(35,37,52,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494e73', endColorstr='#232534',GradientType=1 );
}

/* Suchfeld */

.col-search .input-search {
	background: #373952 ; color: #a2a3b5; /*3c3f52*/
}

.col-search .btn-search {
	background: #373952; /*3c3f52*/
}

.col-search ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #a2a3b5;
  opacity: 1; /* Firefox */
}

.col-search :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #a2a3b5;
}

.col-search ::-ms-input-placeholder { /* Microsoft Edge */
  color: #a2a3b5;
}

.card ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #aaa;
  opacity: 1; /* Firefox */
}

.card :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #aaa;
}

.card ::-ms-input-placeholder { /* Microsoft Edge */
  color: #aaa;
}

.funktionen {
	background: #33364b; /*3c3f52*/;
	color: #a2a3b5;
}

.funktionen .btn {
	transition: none !important;
	/*background: rgba(255,255,255,0.1);*/
	color: #a2a3b5;
	border-right: 2px solid #232534 !important;
}

.funktionen .btn:hover {
	background: #1b1b27;
	color: #fff;
}

.funktionen .btn img {
	filter: brightness(0) saturate(100%) invert(45%) sepia(20%) saturate(682%) hue-rotate(198deg) brightness(92%) contrast(85%);
}

.funktionen .btn:hover img {
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(200%) contrast(102%);
}

.funktionen .btn-important {background: #a2a3b5 !important; color: #33364b;}

.funktionen .btn-important:hover {background: #1b1b27  !important;}

.funktionen .btn-important img {
	filter: brightness(0) invert(20%) sepia(12%) saturate(1463%) hue-rotate(195deg) brightness(87%) contrast(88%);
}

/* Statischer Bereich links */

.bd-sidebar {
	background: #232534;
	color: #a2a3b5;
}

.bd-sidebar ul li.divider {
			color: #5d6187;
}

.bd-sidebar ul li a {
		color: #a2a3b5;
}

.bd-sidebar ul li.active a,
.bd-sidebar ul li a:hover {
		background: #1b1b27;
		color: #fff;
}

/* Hauptbereich */

.bd-content {
	background: #edeff6;
}

/* Infobereich */

.info > .border-left {
	border-left: 1px solid #a7b1c2 !important;
}

/* Karten */

.card-grey {
	background: #edeff6;
}

.card-header {
    background-color: #fafafa;
    border-bottom: 1px solid #e3e3e3;
}

/* Tables */

.table thead th {
		background-color: #fafafa;
		border-bottom: 1px solid #e3e3e3;
}

.footnote {
	color: #636571;
}

/* Modal */
/* W.K. 16.02.2022 changed header color from  #33364b to #20212a*/
.modal-header {
	background: #20212a; 
	border-bottom: 1px solid #282827;
	color: #a2a3b5;
}

.modal-content {
	background: #232534;
  color: #a2a3b5;
}

.modal-light .modal-content {
	background: #fff;
	color: #282827;
}

/* Statischer Bereich unten */

.bd-footer {
	background: #edeff6;
	border-top: 1px solid #dadada;
	color: #a7b1c2;
}