/*
 * Hausfarbe: das dunkle Lila der App (#332F87) statt des Türkis von Bootstrap "info".
 * Wird nach adminlte.min.css geladen und überschreibt alle *-info-Klassen.
 */
:root {
    --marke: #332F87;
    --marke-hover: #2A2770;
    --marke-aktiv: #25226A;
    --marke-hell: #ECEAF8;
    --marke-hell-2: #DEDBF2;
    --marke-verlauf: #4A46A0;
    --info: #332F87;
}

/* Hintergründe */
.bg-info, .bg-info > a { background-color: var(--marke) !important; color: #fff !important; }
.bg-gradient-info {
    background: var(--marke) linear-gradient(180deg, var(--marke-verlauf), var(--marke)) repeat-x !important;
    color: #fff !important;
}
a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: var(--marke-hover) !important; }

/* Text und Rahmen */
.text-info, .color-info { color: var(--marke) !important; }
a.text-info:hover, a.text-info:focus { color: var(--marke-aktiv) !important; }
.border-info { border-color: var(--marke) !important; }

/* Knöpfe */
.btn-info { color: #fff; background-color: var(--marke); border-color: var(--marke); }
.btn-info:hover { color: #fff; background-color: var(--marke-hover); border-color: var(--marke-hover); }
.btn-info:focus, .btn-info.focus { color: #fff; background-color: var(--marke-hover); border-color: var(--marke-hover);
                                   box-shadow: 0 0 0 .2rem rgba(51, 47, 135, .35); }
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle { color: #fff; background-color: var(--marke-aktiv); border-color: var(--marke-aktiv); }
.btn-info.disabled, .btn-info:disabled { color: #fff; background-color: var(--marke); border-color: var(--marke); }

.btn-outline-info { color: var(--marke); border-color: var(--marke); }
.btn-outline-info:hover { color: #fff; background-color: var(--marke); border-color: var(--marke); }
.btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 .2rem rgba(51, 47, 135, .35); }
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: var(--marke); border-color: var(--marke); }
.btn-outline-info.disabled, .btn-outline-info:disabled { color: var(--marke); background-color: transparent; }

/* Karten */
.card-info.card-outline { border-top: 3px solid var(--marke); }
.card-info:not(.card-outline) > .card-header { background-color: var(--marke); color: #fff; }
.card-info:not(.card-outline) > .card-header a { color: #fff; }
.card-info.card-outline-tabs > .card-header a.active { border-top: 3px solid var(--marke); }

/* Abzeichen, Hinweise, Tabellen */
.badge-info { color: #fff; background-color: var(--marke); }
a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: var(--marke-hover); }
.alert-info { color: #fff; background-color: var(--marke); border-color: var(--marke-hover); }
.callout.callout-info { border-left-color: var(--marke); }
.table-info, .table-info > td, .table-info > th { background-color: var(--marke-hell-2); }
.list-group-item-info { color: var(--marke-aktiv); background-color: var(--marke-hell-2); }

/* Schalter und Formulare in Info-Farbe */
.custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::before { background-color: var(--marke); border-color: var(--marke-aktiv); }
.icheck-info > input:first-child:checked + label::before,
.icheck-info > input:first-child:checked + input[type=hidden] + label::before { background-color: var(--marke); border-color: var(--marke); }