/* variables */
:root {
    --dw-body-bg-color: rgb(249, 249, 249);
    --dw-body-bg-color-darker: rgb(240, 235, 230);
    --dw-modal-bg-color: rgba(120, 120, 120, 0.5);
    --dw-primary-color: rgb(10, 25, 34);
    --dw-secondary-color: rgb(135, 168, 137);
    --dw-tertiary-color: rgb(198, 139, 124);
    --dw-card-bg-color: rgba(55, 52, 49,0.75);
    --dw-border-color: rgb(168, 168, 168);
    --dw-border-color-hover: rgb(126, 125, 125);
    --dw-border-th-color: rgb(213, 213, 213);
    --dw-border-td-color: rgb(230, 230, 230);
    --dw-text-color: rgb(23, 23, 23);
    --dw-lead-color: rgb(78, 78, 78);
    --dw-text-invert-color: rgb(250, 250, 250);
    --dw-link-color: var(--dw-text-color);
    --dw-link-color-hover: var(--dw-text-color);
    --dw-hr-color: var(--dw-border-color);
    --dw-quote-color: rgb(235, 235, 235);
    --dw-btn-color: rgb(255, 255, 255);
    --dw-btn-bg-color: rgb(55, 52, 49);
    --dw-btn-border-color: transparent;
    --dw-btn-color-hover: rgb(255, 255, 255);
    --dw-btn-bg-color-hover: rgb(55, 52, 49);
    --dw-btn-border-color-hover: transparent;
    --dw-menu-color: rgb(12, 12, 12);
    --dw-menu-invert-color: rgb(255, 255, 255);
    --dw-header-bg-color: none;
    --dw-footer-bg-color: none;
    --dw-heading-color: var(--dw-text-color);
    --dw-form-element-bg: rgb(237, 237, 237);
    --dw-form-element-border-color: var(--dw-border-color);
    --dw-form-element-border-color-hover: var(--dw-border-color-hover);
}

/* Cms farben klassen */
.bg-body { background-color: var(--dw-body-bg-color) !important }
.bg-header { background-color: var(--dw-secondary-color) !important }
.bg-footer { background-color: var(--dw-secondary-color) !important }
.bg-dunkel { background-color: var(--dw-lead-color) !important }
.bg-dunkler { background-color: var(--dw-menu-color) !important }
.bg-schwarz { background-color: var(--dw-text-color) !important }
.bg-hell { background-color: var(--dw-border-color) !important }
.bg-heller { background-color: var(--dw-border-th-color) !important }
.bg-weiss { background-color: var(--dw-text-invert-color) !important }
.bg-primaer { background-color: var(--dw-primary-color) !important }
.bg-sekundaer { background-color: var(--dw-secondary-color) !important }
.bg-tertiaer { background-color: var(--dw-tertiary-color) !important }
.text-body { color: var(--dw-text-color) !important }
.text-dunkel { color: var(--dw-lead-color) !important }
.text-dunkler { color: var(--dw-menu-color) !important }
.text-schwarz { color: var(--dw-text-color) !important }
.text-hell { color: var(--dw-border-color) !important }
.text-heller { color: var(--dw-border-th-color) !important }
.text-weiss { color: var(--dw-text-invert-color) !important }
.text-primaer { color: var(--dw-primary-color) !important }
.text-sekundaer { color: var(--dw-secondary-color) !important }
.text-tertiaer { color: var(--dw-tertiary-color) !important }
.text-link { color: var(--dw-text-color) !important }
.border-dunkel { border-color: var(--dw-lead-color) !important }
.border-dunkler { border-color: var(--dw-menu-color) !important }
.border-schwarz { border-color: var(--dw-text-color) !important }
.border-hell { border-color: var(--dw-border-color) !important }
.border-heller { border-color: var(--dw-border-th-color) !important }
.border-weiss { border-color: var(--dw-text-invert-color) !important }
.border-primaer { border-color: var(--dw-primary-color) !important }
.border-sekundaer { border-color: var(--dw-secondary-color) !important }
.border-tertiaer { border-color: var(--dw-tertiary-color) !important }