a {
    color: var(--projekt-primary-color);
}

a:hover {
    color: var(--projekt-a-hover-color);
}

.table-primary,
.table-primary>th,
.table-primary>td {
    background-color: var(--projekt-table-primary-bg-color);
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody+tbody {
    border-color: var(--projekt-table-primary-border-color);
}

.table-hover .table-primary:hover {
    background-color: var(--projekt-table-hover-color);
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: var(--projekt-table-hover-color);
}

.table-secondary,
.table-secondary>th,
.table-secondary>td {
    background-color: var(--projekt-table-secondary-bg-color);
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody+tbody {
    border-color: var(--projekt-table-secondary-border-color);
}

.table-hover .table-secondary:hover {
    background-color: var(--projekt-table-hover-color);
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: var(--projekt-table-hover-color);
}

.form-control:focus {
    border-color: var(--projekt-form-control-border-color);
    box-shadow: 0 0 0 0.2rem rgba(40, 157, 190, 0.25);
}

.btn:focus,
.btn.focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 157, 190, 0.25);
}

.btn-primary {
    background-color: var(--projekt-primary-color);
    border-color: var(--projekt-primary-color);
}

.btn-primary:hover {
    background-color: var(--projekt-btn-primary-hover-bg-color) !important;
    border-color: var(--projekt-btn-primary-hover-border-color);
}


.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(72, 172, 200, 0.5);
    background-color: var(--projekt-primary-color);
    border-color: var(--projekt-btn-primary-hover-border-color);
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: var(--projekt-primary-color);
    border-color: var(--projekt-primary-color);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    background-color: var(--projekt-btn-primary-hover-border-color);
    border-color: var(--projekt-btn-primary-dropdown-border-color);
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(72, 172, 200, 0.5);
}

.btn-secondary {
    background-color: var(--bg-menuecolor-value);
    border-color: var(--bg-menuecolor-value);
}

.btn-secondary:hover {
    background-color: var(--projekt-btn-secondary-hover-bg-color);
    border-color: var(--projekt-btn-secondary-hover-border-color);
}

.btn-secondary:focus,
.btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(152, 159, 166, 0.5);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: var(--bg-menuecolor-value);
    border-color: var(--bg-menuecolor-value);
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
    background-color: var(--projekt-btn-secondary-hover-border-color);
    border-color: var(--projekt-btn-secondary-dropdown-border-color);
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(152, 159, 166, 0.5);
}

.btn-outline-primary {
    color: var(--projekt-primary-color);
    border-color: var(--projekt-primary-color);
}

.btn-outline-primary:hover {
    background-color: var(--projekt-primary-color);
    border-color: var(--projekt-primary-color);
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 157, 190, 0.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: var(--projekt-primary-color);
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
    background-color: var(--projekt-primary-color);
    border-color: var(--projekt-primary-color);
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 157, 190, 0.5);
}

.btn-outline-secondary {
    color: var(--bg-menuecolor-value);
    border-color: var(--bg-menuecolor-value);
}

.btn-outline-secondary:hover {
    background-color: var(--bg-menuecolor-value);
    border-color: var(--bg-menuecolor-value);
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: var(--bg-menuecolor-value);
    background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle {
    background-color: var(--bg-menuecolor-value);
    border-color: var(--bg-menuecolor-value);
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
}

.btn-link {
    color: var(--projekt-primary-color);
}

.btn-link:hover {
    color: var(--projekt-a-hover-color);
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--projekt-primary-color);
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: var(--projekt-primary-color);
    background-color: var(--projekt-primary-color);
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(40, 157, 190, 0.25);
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: var(--projekt-form-control-border-color);
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    background-color: var(--projekt-custom-control-bg-control);
    border-color: var(--projekt-custom-control-border-control);
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: var(--projekt-primary-color);
    background-color: var(--projekt-primary-color);
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(40, 157, 190, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(40, 157, 190, 0.5);
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(40, 157, 190, 0.5);
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(40, 157, 190, 0.5);
}

.custom-select:focus {
    border-color: var(--projekt-form-control-border-color);
    box-shadow: 0 0 0 0.2rem rgba(40, 157, 190, 0.25);
}

.custom-file-input:focus~.custom-file-label {
    border-color: var(--projekt-form-control-border-color);
    box-shadow: 0 0 0 0.2rem rgba(40, 157, 190, 0.25);
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 157, 190, 0.25);
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 157, 190, 0.25);
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 157, 190, 0.25);
}

.custom-range::-webkit-slider-thumb {
    background-color: var(--projekt-primary-color);
}

.custom-range::-webkit-slider-thumb:active {
    background-color: var(--projekt-custom-control-bg-control);
}

.custom-range::-moz-range-thumb {
    background-color: var(--projekt-primary-color);
}

.custom-range::-moz-range-thumb:active {
    background-color: var(--projekt-custom-control-bg-control);
}

.custom-range::-ms-thumb {
    background-color: var(--projekt-primary-color);
}

.custom-range::-ms-thumb:active {
    background-color: var(--projekt-custom-control-bg-control);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: var(--projekt-primary-color);
}

.page-link {
    color: var(--projekt-primary-color);
}

.page-link:hover {
    color: var(--projekt-a-hover-color);
}

.page-link:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 157, 190, 0.25);
}

.page-item.active .page-link {
    background-color: var(--projekt-primary-color);
    border-color: var(--projekt-primary-color);
}

.badge-primary {
    background-color: var(--projekt-primary-color);
}

a.badge-primary:hover,
a.badge-primary:focus {
    background-color: var(--projekt-btn-primary-hover-border-color);
}

a.badge-primary:focus,
a.badge-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 157, 190, 0.5);
}

.badge-secondary {
    background-color: var(--bg-menuecolor-value);
}

a.badge-secondary:hover,
a.badge-secondary:focus {
    background-color: var(--projekt-btn-secondary-hover-border-color);
}

a.badge-secondary:focus,
a.badge-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
}

.alert-primary {
    color: var(--projekt-primary-alert-color);
    background-color: var(--projekt-primary-alert-bg-color);
    border-color: var(--projekt-table-primary-bg-color);
}

.alert-primary hr {
    border-top-color: var(--projekt-primary-alert-border-top-color);
}

.alert-primary .alert-link {
    color: var(--projekt-primary-alert-link-color);
}

.alert-secondary {
    color: var(--projekt-secondary-alert-color);
    background-color: var(--projekt-secondary-alert-bg-color);
    border-color: var(--projekt-table-secondary-bg-color);
}

.alert-secondary hr {
    border-top-color: var(--projekt-secondary-alert-border-top-color);
}

.alert-secondary .alert-link {
    color: var(--projekt-secondary-alert-link-color);
}

.progress-bar {
    background-color: var(--projekt-primary-color);
}

.list-group-item.active {
    background-color: var(--projekt-primary-color);
    border-color: var(--projekt-primary-color);
}

.list-group-item-primary {
    color: var(--projekt-primary-alert-color);
    background-color: var(--projekt-table-primary-bg-color);
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: var(--projekt-primary-alert-color);
    background-color: var(--projekt-primary-alert-border-top-color);
}

.list-group-item-primary.list-group-item-action.active {
    background-color: var(--projekt-primary-alert-color);
    border-color: var(--projekt-primary-alert-color);
}

.list-group-item-secondary {
    color: var(--projekt-secondary-alert-color);
    background-color: var(--projekt-table-secondary-bg-color);
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
    color: var(--projekt-secondary-alert-color);
    background-color: var(--projekt-secondary-alert-border-top-color);
}

.list-group-item-secondary.list-group-item-action.active {
    background-color: var(--projekt-secondary-alert-color);
    border-color: var(--projekt-secondary-alert-color);
}

.bg-primary {
    background-color: var(--projekt-primary-color) !important;
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: var(--projekt-btn-primary-hover-border-color) !important;
}

.bg-secondary {
    background-color: var(--bg-secondary-value) !important;
}

.border-primary {
    border-color: var(--projekt-primary-color) !important;
}

.border-secondary {
    border-color: var(--bg-menuecolor-value) !important;
}

.text-primary {
    color: var(--projekt-primary-color) !important;
}

a.text-primary:hover,
a.text-primary:focus {
    color: var(--projekt-a-hover-color) !important;
}

.text-secondary {
    color: var(--bg-menuecolor-value) !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
    color: var(--projekt-a-text-secondary-color) !important;
}

html {
    font-size: .8rem;
}

@media (min-width: 576px) {
    html {
        font-size: .9rem;
    }
}

@media (min-width: 768px) {
    html {
        font-size: .9rem;
    }
}

@media (min-width: 992px) {
    html {
        font-size: 1rem;
    }
}

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.form-row>.col,
.form-row>[class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--projekt-form-control-color);
    background-color: var(--projekt-form-control-bg-color);
    background-clip: padding-box;
    border: 1px solid var(--projekt-form-control-border-color);
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}

/* Bootstrap 5 Anpassungen */

.tab-pane {
    padding: 10px;
}

.navbar-brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

a.nav-item.nav-link {
    color: var(--projekt-primary-color) !important;
}

a.nav-item.nav-link:hover {
    color: var(--projekt-a-hover-color) !important;
}

a.nav-item.nav-link.active {
    color: var(--projekt-form-control-color) !important;
    background-color: var(--projekt-form-control-bg-color);
    border-color: #dee2e6 #dee2e6 #fff;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.row {
    padding-right: unset;
    padding-left: unset;
    margin-right: unset;
    margin-left: unset;
}

.row>* {
    padding-right: unset;
    padding-left: unset;
    margin-top: unset;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    padding-left: unset;
    padding-right: unset;
}

table.dataTable.no-footer {
    border-bottom: 1px solid var(--projekt-dataTable-border-bottom-color);
}

tr:hover {
    background-color: var(--projekt-tr-hover-bg-color) !important;
}