/* Root */
:root {
    --bs-branding: #007E89;
    --bs-branding-rgb: 0, 126, 137;
    --bs-link-color: #007E89;
    --bs-link-color-rgb: 0, 126, 137;
    --bs-link-hover-color: rgb(0, 100.8, 109.6);
    --bs-link-hover-color-rgb: 0, 101, 110;
}

/* Buttons */
.btn-branding {
    --bs-btn-color: #fff;
    --bs-btn-bg: #007E89;
    --bs-btn-border-color: #007E89;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(0, 107.1, 116.45);
    --bs-btn-hover-border-color: rgb(0, 100.8, 109.6);
    --bs-btn-focus-shadow-rgb: 38, 145, 155;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(0, 100.8, 109.6);
    --bs-btn-active-border-color: rgb(0, 94.5, 102.75);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #007E89;
    --bs-btn-disabled-border-color: #007E89;
}

.btn-outline-branding {
    --bs-btn-color: #007E89;
    --bs-btn-border-color: #007E89;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #007E89;
    --bs-btn-hover-border-color: #007E89;
    --bs-btn-focus-shadow-rgb: 0, 126, 137;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #007E89;
    --bs-btn-active-border-color: #007E89;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #007E89;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #007E89;
    --bs-gradient: none;
}

/* Forms */
.form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3e%3crect width='10' height='10' rx='2' fill='%23007E89'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3e%3crect width='10' height='10' rx='2' fill='%23007E89'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:focus:not(:checked) {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23007E89'/%3e%3c/svg%3e");
}

/* SVG Fill */
.fill-branding {
    fill: #007E89;
}

/* 'info' Farbe */

:root {
    --bs-info: #007E89;
    --bs-info-rgb: 0, 126, 137;
    --bs-info-text-emphasis: #fff;
    --bs-info-bg-subtle: #007E89;
    --bs-info-border-subtle: #007E89;
}