:root, [data-bs-theme=light] {
    --bs-kcm-primary1: rgba(149, 63, 145, 1);
    --bs-kcm-primary1-gray: rgba(250, 250, 250, 1);
    --bs-kcm-secondary1: rgba(21, 47, 57, 1);
    /*--bs-kcm-secondary1: rgba(251, 187, 31, 1);*/
    --bs-primary: var(--bs-kcm-primary1);
    --bs-btn-bg: var(--bs-kcm-primary1);
    --bs-link-color: var(--bs-kcm-primary1);
    --bs-secondary: var(--bs-kcm-secondary1);
    --bs-body-color: var(--bs-kcm-secondary1); /*#212529;*/
    /*--bs-body-color-rgb: 251, 187, 31;*/
    --bs-body-color-rgb: 21, 47, 57;
    --bs-emphasis-color: var(--bs-kcm-secondary1); /*z.B. für Tabellenschriftfarben*/
}

.form-check-input:checked {
    background-color: var(--bs-kcm-primary1);
    border-color: var(--bs-kcm-primary1);
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: var(--bs-kcm-primary1);
    border-color: var(--bs-kcm-primary1);
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--bs-kcm-primary1);
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-kcm-primary1);
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-kcm-primary1);
    --bs-btn-border-color: var(--bs-kcm-primary1);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-kcm-primary1);
    --bs-btn-disabled-border-color: var(--bs-kcm-primary1);
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-kcm-primary1);
    --bs-btn-border-color: var(--bs-kcm-primary1);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-kcm-primary1);
    --bs-btn-hover-border-color: var(--bs-kcm-primary1);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-kcm-primary1);
    --bs-btn-active-border-color: var(--bs-kcm-primary1);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-kcm-primary1);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-kcm-primary1);
    --bs-gradient: none;
}

.dropdown-menu {
    --bs-dropdown-link-active-bg: var(--bs-kcm-primary1);
}

.dropdown-menu-dark {
    --bs-dropdown-link-active-bg: var(--bs-kcm-primary1);
}

.nav-pills {
    --bs-nav-pills-link-active-bg: var(--bs-kcm-primary1);
}

.pagination {
    --bs-pagination-active-bg: var(--bs-kcm-primary1);
    --bs-pagination-active-border-color: var(--bs-kcm-primary1);
}

.progress-stacked {
    --bs-progress-bar-bg: var(--bs-kcm-primary1);
}

.list-group {
    --bs-list-group-active-bg: var(--bs-kcm-primary1);
    --bs-list-group-active-border-color: var(--bs-kcm-primary1);
}