@import './bootstrap_fbw_constants.css';
@import url("https://cdn.jsdelivr.net/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);
}


ul.fence {
  padding-bottom: 0;
  margin-bottom: 20px; }
ul.fence li {
  position: relative;
  padding-bottom: 10px; }
ul.fence li:last-child {
  padding-bottom: 0; }
ul.fence li .btn-block {
  border-radius: 100%;
  display: inline-block;
  margin-right: 5px;
  position: relative;
  width: 50px;
  z-index: 2; }
ul.fence li:before {
  content: "";
  border-left: 1px solid #333;
  position: absolute;
  margin-left: 24px;
  height: 100%;
  z-index: 1; }
ul.fence li .btn.disabled {
  opacity: 1.0 !important; }