/* variables */
:root {
    --dw-body-bg-color: rgb(238, 234, 227);
    --dw-body-bg-color-2: rgb(243, 241, 238);
    --dw-modal-bg-color: rgba(120, 120, 120, 0.5);
    --dw-primary-color: rgb(102, 51, 51);
    --dw-secondary-color: rgb(193 179 154); /* rgb(186, 175, 155) */
    --dw-tertiary-color: rgb(232, 226, 217);
    --dw-card-bg-color: rgba(48, 25, 12, 0.75);
    --dw-border-color: rgb(168, 168, 168);
    --dw-border-th-color: var(--dw-link-color);
    --dw-border-td-color: var(--dw-border-color);
    --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-primary-color);
    --dw-link-color-hover: rgb(0, 0, 0);
    --dw-hr-color: var(--dw-border-color);
    --dw-quote-color: rgb(235, 235, 235);
    --dw-btn-color: var(--dw-link-color);
    --dw-btn-bg-color: var(--dw-body-bg-color-2);
    --dw-btn-border-color: var(--dw-border-color);
    --dw-btn-color-hover: var(--dw-link-color);
    --dw-btn-bg-color-hover: var(--dw-tertiary-color);
    --dw-btn-border-color-hover: var(--dw-text-color);
    --dw-menu-color: rgb(62, 62, 62);
    --dw-menu-invert-color: rgb(255, 255, 255);
    --dw-header-bg-color: var(--dw-secondary-color);
    --dw-header-bg-2-color: rgb(161, 144, 113);
    --dw-footer-bg-color: var(--dw-secondary-color);
    --dw-heading-color: var(--dw-text-color);
    --dw-form-element-bg: var(--dw-body-bg-color-2);
    --dw-form-element-border-color: var(--dw-border-color);
    --dw-form-element-border-color-hover: var(--dw-border-color-hover);
    --dw-form-element-focus-bg: white;
}

/* 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 }