:root,
[data-bs-theme=light] {
    --bs-primary: #708769;
    --bs-primary-rgb: 112, 135, 105;
    --bs-primary-text: #5c7058;
    --bs-primary-bg-subtle: #e6eae4;
    --bs-primary-border-subtle: #c5cfc0;
    --bs-secondary: #2F3130;
    --bs-secondary-rgb: 47, 49, 48;
    --bs-link-color: #708769;
    --bs-link-color-rgb: 112, 135, 105;
    --bs-link-hover-color: #2F3130;
    --bs-link-hover-color-rgb: 47, 49, 48;
    /* Abstufungen der Primärfarbe */
    --bs-primary-25: #f7f8f7;
    --bs-primary-50: #edf0ed;
    --bs-primary-100: #e6eae4;
    --bs-primary-150: #d6ddd3;
    --bs-primary-200: #c5cfc0;
    --bs-primary-250: #b5c1ae;
    --bs-primary-300: #a4b39c;
    --bs-primary-350: #94a68a;
    --bs-primary-400: #839878;
    --bs-primary-450: #738a66;
    --bs-primary-500: #708769;
    --bs-primary-550: #657b5f;
    --bs-primary-600: #5a6f55;
    --bs-primary-650: #4f634b;
    --bs-primary-700: #445741;
    --bs-primary-750: #3a4b38;
    --bs-primary-800: #303f2f;
    --bs-primary-850: #263326;
    --bs-primary-900: #1c271d;
    --bs-primary-950: #131c13;
}

[data-bs-theme=dark] {
    --bs-link-color: #e6eae4;
    --bs-link-hover-color: #ffffff;
    --bs-link-color-rgb: 230, 234, 228;
    --bs-link-hover-color-rgb: 255, 255, 255;
}

/* Textmarkierung */
::selection {
    background: var(--bs-primary-450);
    color: var(--bs-white);
}

::-moz-selection {
    background: var(--bs-primary-450);
    color: var(--bs-white);
}

::-webkit-selection {
    background: var(--bs-primary-450);
    color: var(--bs-white);
}

/* Accordion */
.accordion {
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%235a6f55'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-box-shadow: 0 0 0 1px rgba(112, 135, 105, 0.25);
}

/* Dropdown */
.dropdown-menu {
    --bs-dropdown-link-active-bg: #708769;
}

/* Buttons */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #8da583;
    --bs-btn-border-color: #8da583;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7c9472;
    --bs-btn-hover-border-color: #7c9472;
    --bs-btn-focus-shadow-rgb: 112, 135, 105;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6b8361;
    --bs-btn-active-border-color: #6b8361;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #8da583;
    --bs-btn-disabled-border-color: #8da583;
}

.btn-outline-primary {
    --bs-btn-color: #708769;
    --bs-btn-border-color: #708769;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #708769;
    --bs-btn-hover-border-color: #708769;
    --bs-btn-focus-shadow-rgb: 112, 135, 105;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #708769;
    --bs-btn-active-border-color: #708769;
    --bs-gradient: none;
}

/* Formulare */
.form-check-input:focus {
    border-color: #b5c1ae;
}

.form-check-input:checked {
    background-color: #708769;
    border-color: #708769;
}

.form-control:focus {
    border-color: #b5c1ae;
}

.form-select:focus {
    border-color: #b5c1ae;
    box-shadow: 0 0 0 1px rgba(112, 135, 105, 0.25);
}

.form-range::-webkit-slider-thumb,
.form-range::-moz-range-thumb {
    background-color: #708769;
    border: 0;
}

    .form-range::-webkit-slider-thumb:active,
    .form-range::-moz-range-thumb:active {
        background-color: #b5c1ae;
    }

.form-range::-webkit-slider-runnable-track,
.form-range::-moz-range-track {
    background-color: var(--bs-tertiary-bg);
    border-color: transparent;
}

/* Navigation */
.nav {
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-secondary);
}

.nav-tabs {
    --bs-nav-tabs-link-active-color: var(--bs-secondary);
}

.nav-pills {
    --bs-nav-pills-link-active-bg: #708769;
}

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        background-color: #708769;
    }

/* Cards */
.card.card-selected {
    border-color: #708769;
}

    .card.card-selected:before {
        border-color: transparent #708769 transparent transparent;
    }

/* Fortschrittsbalken */
.progress,
.progress-stacked {
    --bs-progress-bg: var(--bs-secondary-bg);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: #708769;
    background-color: var(--bs-progress-bg);
}

/* Utilities */
.bg-primary-25 {
    background-color: #f7f8f7 !important;
}

.bg-primary-50 {
    background-color: #edf0ed !important;
}

.bg-primary-100 {
    background-color: #e6eae4 !important;
}

.bg-primary-150 {
    background-color: #d6ddd3 !important;
}

.bg-primary-200 {
    background-color: #c5cfc0 !important;
}

.bg-primary-250 {
    background-color: #b5c1ae !important;
}

.bg-primary-300 {
    background-color: #a4b39c !important;
}

.bg-primary-350 {
    background-color: #94a68a !important;
}

.bg-primary-400 {
    background-color: #839878 !important;
}

.bg-primary-450 {
    background-color: #738a66 !important;
}

.bg-primary-500 {
    background-color: #708769 !important;
}

.bg-primary-550 {
    background-color: #657b5f !important;
}

.bg-primary-600 {
    background-color: #5a6f55 !important;
}

.bg-primary-650 {
    background-color: #4f634b !important;
}

.bg-primary-700 {
    background-color: #445741 !important;
}

.bg-primary-750 {
    background-color: #3a4b38 !important;
}

.bg-primary-800 {
    background-color: #303f2f !important;
}

.bg-primary-850 {
    background-color: #263326 !important;
}

.bg-primary-900 {
    background-color: #1c271d !important;
}

.bg-primary-950 {
    background-color: #131c13 !important;
}