/*Reihenfolge der Variablen entspricht der Reihenfolge ab '.btn-primary'. Suche
    die Klasse in bootstrap, dann lassen sich ab der Position die folgenden sechs Werte
    am schnellsten finden.
    theme: default
*/
:root {
    --primary-fg: #fff;
    --primary-bg: #337ab7;
    --primary-border: #2e6da4;
    --primary-focus: #286090;
    --primary-focus-border: #122b40;
    --primary-border-hover: #204d74;
    --tr1-bg: rgb(178,200,226);
    --tr2-bg: rgb(178,200,226,0.5);
    --hover-bg: var(--tr1-bg);
    --attention-fg: rgb(213,0,32);
    /**Verwendung: Hintergrundfarbe für Tabelle 'Aktuelle Kostenübersicht'*/
    --info-bg: var(--hover-bg);
}
.text-primary {
  color: var(--primary-bg);
}
a:hover,
a:focus {
    color: var(--primary-focus);
}
.bg-primary {
  color: var(--primary-fg);
  background-color: var(--primary-bg);
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: var(--primary-focus);
}
.btn-primary {
  color: var(--primary-fg);
  background-color: var(--primary-bg);
  border-color: var(--primary-border);
}
.btn-primary:focus,
.btn-primary.focus {
  color: var(--primary-fg);
  background-color: var(--primary-focus);
  border-color: var(--primary-focus-border);
}
.btn-primary:hover {
  color: var(--primary-fg);
  background-color: var(--primary-focus);
  border-color: var(--primary-border-hover);
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: var(--primary-fg);
  background-color: var(--primary-focus);
  border-color: var(--primary-border-hover);
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: var(--primary-fg);
  background-color: var(--primary-border-hover);
  border-color: var(--primary-focus-border);
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: var(--primary-bg);
  border-color: var(--primary-border);
}
.btn-primary .badge {
  color: var(--primary-bg);
  background-color: var(--primary-fg);
}
.btn-default {
    color: var(--primary-bg);
}
.btn-default:focus,
.btn-default.focus {
    color: var(--primary-bg);
}
.btn-default:hover {
    color: var(--primary-bg);
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: var(--primary-bg);
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
    color: var(--primary-bg);
}
.btn-default .badge {
    color: var(--primary-fg);
}
.label-primary {
  background-color: var(--primary-bg);
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: var(--primary-focus);
}
.panel-primary {
  border-color: var(--primary-bg);
}
.panel-primary > .panel-heading {
  color: var(--primary-fg);
  background-color: var(--primary-bg);
  border-color: var(--primary-bg);
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: var(--primary-bg);
}
.panel-primary > .panel-heading .badge {
  color: var(--primary-bg);
  background-color: var(--primary-fg);
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: var(--primary-bg);
}
.glyphicon,
.far,
.fas {
    color: var(--primary-bg);
}
a,
.dropdown-menu li a:not(.nav-anker),
.dropdown-menu li button {
    color: var(--primary-bg);
}
a:not(.anker-sort) span.glyphicon,
a:not(.anker-sort) span.far,
a:not(.anker-sort) span.fas,
button span.glyphicon,
button span.far,
button span.fas,
.input-group-addon span.glyphicon,
.input-group-addon button span.far,
.input-group-addon button span.fas {
    color: var(--primary-bg);
}
.dropdown button span.glyphicon,
.dropdown button span.far,
.dropdown button span.fas {
    color: var(--primary-fg);
}
.dropdown button span.glyphicon,
.dropdown button span.far,
.dropdown button span.fas {
    color: var(--primary-fg);
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color: var(--primary-fg);
    background-color: var(--primary-bg);
}
body {
    color: var(--text-color);
}
.widget:hover {
    background-color: var(--hover-bg);
}
.attention {
    color: var(--attention-fg);
}