/* variables */
:root {
    --dw-body-bg-color: rgb(255, 255, 255);
    --dw-body-bg-color-darker: rgb(235, 235, 235);
    --dw-modal-bg-color: rgba(120, 120, 120, 0.5);
    --dw-primary-color: rgb(2, 143, 127);
    --dw-secondary-color: rgb(197 216 214);
    --dw-tertiary-color: rgb(38, 153, 214);
    --dw-card-bg-color: rgba(13, 37, 33,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: var(--dw-text-color);
    --dw-btn-bg-color: rgb(250, 250, 250);
    --dw-btn-border-color: var(--dw-border-color);
    --dw-btn-color-hover: var(--dw-text-color);
    --dw-btn-bg-color-hover: rgb(197 216 214);
    --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-footer-bg-color: var(--dw-secondary-color);
    --dw-heading-color: var(--dw-text-color);
    --dw-form-element-bg: rgb(243, 244, 246);
    --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: var(--dw-body-bg-color);
}

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