@import 'bootstrap_fbw_constants.css';
@import url("../../../../../../npm/bootstrap-icons-1.3.0/font/bootstrap-icons.css");

/* Individuelle Designs */

.font-headings {
  font-family: var(--bs-font-headings) !important;
}


.fill-primary {
  fill: var(--bs-primary) !important;
}

.fill-hover-primary:hover,
.btn:hover .fill-hover-primary {
  fill: var(--bs-primary) !important;
}

.fill-secondary {
  fill: var(--bs-secondary) !important;
}

.fill-hover-secondary:hover,
.btn:hover .fill-hover-secondary {
  fill: var(--bs-secondary) !important;
}

.fill-success {
  fill: var(--bs-success) !important;
}

.fill-hover-success:hover,
.btn:hover .fill-hover-success {
  fill: var(--bs-success) !important;
}

.fill-info {
  fill: var(--bs-info) !important;
}

.fill-hover-info:hover,
.btn:hover .fill-hover-info {
  fill: var(--bs-info) !important;
}

.fill-warning {
  fill: var(--bs-warning) !important;
}

.fill-hover-warning:hover,
.btn:hover .fill-hover-warning {
  fill: var(--bs-warning) !important;
}

.fill-danger {
  fill: var(--bs-danger) !important;
}

.fill-hover-danger:hover,
.btn:hover .fill-hover-danger {
  fill: var(--bs-danger) !important;
}

.fill-light {
  fill: var(--bs-light) !important;
}

.fill-hover-light:hover,
.btn:hover .fill-hover-light {
  fill: var(--bs-light) !important;
}

.fill-dark {
  fill: var(--bs-dark) !important;
}

.fill-hover-dark:hover,
.btn:hover .fill-hover-dark {
  fill: var(--bs-dark) !important;
}

.fill-white {
  fill: var(--bs-white) !important;
}

.fill-hover-white:hover,
.btn:hover .fill-hover-white {
  fill: var(--bs-white) !important;
}


.badge.bg-secondary {
  color: var(--bs-primary);
}