body {
    background: #f8fafb;
}

:root {
    --bs-primary: rgb(40, 146, 208);
}

.fukleima-logo {
    font-size: 1rem;
    color: #545454;
    font-weight: bold;
}

nav.nav-border {
    border: 1px solid var(--bs-border-color);
}

.btn-primary {
    background-color: rgb(40, 146, 208);
    border-color: rgb(40, 146, 208);
    color: white;
}

.btn-primary:hover {
    background-color: rgb(35, 133, 191);
    border-color: rgb(35, 133, 191);
    color: white;
}

ul.pagination li.page-item.active a.page-link {
    background-color: rgb(35, 133, 191);
    color: #ffffff;
}

ul.pagination li.page-item:not([class*=" "]) a {  /* li hat page-item aber keine anderen klassen */
    color: rgb(35, 133, 191);
}

.text-bg-info {
    background: #ffc107 !important;
}

.bold {
    font-weight: bold;
}

.background-deleted {
    background: #ffdfdf;
}

.text-inherited {
    color: #737373;
}

.adminIcon {
    width: 60px;
    padding-right:10px;
}

.card-logo {
    max-width: 160px;
    max-height: 160px;
    min-width: 120px;
    min-height: 120px;
    object-fit: contain; /* Bild bleibt im Seitenverhältnis */
}

.callout {
    padding: 15px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.callout-info {
    border-left-color: #5bc0de;
    background-color: #d9edf7;
    color: #31708f;
}

.callout-warning {
    border-left-color: #f0ad4e;
    background-color: #fcf8e3;
    color: #8a6d3b;
}

.callout-error {
    border-left-color: #f04e4e;
    background-color: #fce3e3;
    color: rgba(138, 59, 59, 0.95);
}

.bt-background-nav.nav-border {
    border-bottom: 1px solid #693265;
}

span.expired,
span.draft {
    color: #808080;
    font-style: italic;
}

p.size.deleted {
    color: #808080;
    font-style: italic;
}

.badge.list {
    font-weight: unset;
}

.formLabel {
    font-size: 12px;
    padding-left: 10px;
    color: rgba(var(--bs-body-color-rgb), .65);
}

.formLabelBig {
    color: rgba(var(--bs-body-color-rgb), .65);
}
.formLabelPreLogin {
    font-size: 14px;
    color: rgba(var(--bs-body-color-rgb), .65);
}

.logoPreviewForm {
    width: 150px;
    height: 150px;
    border: 1px solid #dddddd;
}

.hidden {
    display: none;
}

.redeemConstraints {
    color: rgba(var(--bs-body-color-rgb), .65);
    font-size: 14px;
}

form[name="set_password_form"] ul,
form[name="change_password_form"] ul {
    color: red;
}

table.list {
    border: 1px solid var(--bs-border-color);
}

.pointer,
.pointer i {
    cursor: pointer !important;
}