:root {
    --group-blue: #414141;
    --dka-blue: #0a7389;
    --kursana-creme: #fcf6d8;
    --gray-240: #f0f0f0;
    --gray-230: #e6e6e6;
    --gray-215: #d7d7d7;
    --gray-201: #c9c9c9;
    --gray-180: #b4b4b4;
    --gray-132: #848484;
    --gray-65: #414141;
    --mint: #00c3cd;
    --light-blue: #9ec4e6;
    --light-green: #b4c80f;
    --light-orange: #f7ca89;
    --dussmann-rot: #e6003c;
    --positive: #00DE9A;
    --neutral: #FFD653;
    --negative: #FF5230;
    --dashboard-font-size: 15px;
    --dashboard-canvas: #f5f5f5;
    --dussmann-font-color: var(--gray-132);
    --dussmann-font-color-highlight: var(--gray-65);
    --dussmann-button-highlight-color: white;
    --dussmann-button-color: #555555;
    --dussmann-button-color-hover: #9e0012;
    --dussmann-button-border-color-hover: #cccccc;
    /* --dussmann-rot-legacy: \var(--dussmann-rot) */
}

:root, .apply-core-css-vars {
    --positive-h: 162;
    --positive-s: 100%;
    --positive-l: 44%;

    --neutral-h: 46;
    --neutral-s: 67%;
    --neutral-l: 50%;

    --negative-h: 10;
    --negative-s: 81%;
    --negative-l: 50%;

    --dussmann-rot-h: 344;
    --dussmann-rot-s: 100%;
    --dussmann-rot-l: 45%;

    --gray-65-h: 0;
    --gray-65-s: 0%;
    --gray-65-l: 25%;

    --base-color-success-h: var(--positive-h) !important;
    --base-color-success-s: var(--positive-s) !important;
    --base-color-success-l: var(--positive-l) !important;

    /* TODO: TBD - are these styles really to be overridden? There are probably more design choices necessary. */
    --base-color-controls-pure-hover-fg-h: var(--dussmann-rot-h);
    --base-color-controls-pure-hover-fg-s: var(--dussmann-rot-s);
    --base-color-controls-pure-hover-fg-l: var(--dussmann-rot-l);
    --base-color-controls-pure-hover-fg: hsl(var(--base-color-controls-pure-hover-fg-h), var(--base-color-controls-pure-hover-fg-s), var(--base-color-controls-pure-hover-fg-l)) !important;

    --base-color-controls-light-fg: var(--base-color-light) !important;

    --base-color-controls-light-bg-h: var(--dussmann-rot-h);
    --base-color-controls-light-bg-s: var(--dussmann-rot-s);
    --base-color-controls-light-bg-l: var(--dussmann-rot-l);
    --base-color-controls-light-bg: hsl(var(--base-color-controls-light-bg-h), var(--base-color-controls-light-bg-s), var(--base-color-controls-light-bg-l)) !important;
}

@font-face {
    font-family:DussmannWeb;
    font-style:normal;
    font-weight:400;
    src: url(/wwwres/vendor/blueend/dussmann/fonts/DussmannWeb-Regular.woff2) format("woff2")
}
@font-face {
    font-family:DussmannWeb;
    font-style:normal;
    font-weight:700;
    src: url(/wwwres/vendor/blueend/dussmann/fonts/DussmannWeb-Bold.woff2) format("woff2")
}
@font-face {
    font-family:RatioDG;
    font-style:normal;
    font-weight:400;
    src: url(/wwwres/vendor/blueend/dussmann/fonts/RatioDG-Regular.woff2) format("woff2"),
    url(/wwwres/vendor/blueend/dussmann/fonts/RatioDG-Regular.woff) format("woff")
}
@font-face {
    font-family:RatioDG;
    font-style:normal;
    font-weight:700;
    src: url(/wwwres/vendor/blueend/dussmann/fonts/RatioDG-Bold.woff2) format("woff2"),
    url(/wwwres/vendor/blueend/dussmann/fonts/RatioDG-Bold.woff) format("woff")
}
@font-face {
    font-family:RatioDGLetter;
    font-style:normal;
    font-weight:400;
    src: url(/wwwres/vendor/blueend/dussmann/fonts/RatioDGLetter-Regular.woff2) format("woff2"),
    url(/wwwres/vendor/blueend/dussmann/fonts/RatioDGLetter-Regular.woff) format("woff")
}
@font-face {
    font-family:RatioDGLetter;
    font-style:normal;
    font-weight:700;
    src: url(/wwwres/vendor/blueend/dussmann/fonts/RatioDGLetter-Bold.woff2) format("woff2"),
    url(/wwwres/vendor/blueend/dussmann/fonts/RatioDGLetter-Bold.woff) format("woff")
}
h1, h2, h3, h4, h5, h6 {
    color: var(--base-color-readable-fg);
}
body a {
    color: var(--base-color-accent-bg);
}
.text.--section {
    text-transform: initial;
    letter-spacing: initial;
    font-size: var(--fs-14px);
}

#xelos-theme-app.isDesktop #Layout #Main.withMainLeft #MainLeft ul a i.has-children {
    opacity: 1;
}

.postHeader {
    .headerSource {
        .xBadge {
            &.--xs.--compact.--filled {
                a {
                    color: var(--base-color-light) !important;
                }
            }
        }
    }
}

form .xButton {
    &.--secondary {
        background-color: var(--dussmann-rot) !important;
        color: var(--base-color-light) !important;

        &.--context {
            color: var(--base-color-light) !important;
        }

        &:hover {
            background-color: var(--dussmann-rot) !important;
            border-color: var(--dussmann-button-color-hover) !important;
        }
    }

    &:not(xvue-form-date-field button).--tertiary {
        color: hsl(var(--gray-65-h), var(--gray-65-s), var(--gray-65-l)) !important;
        background-color: hsl(var(--neutral-h), var(--neutral-s), var(--neutral-l)) !important;

        &.--attention {
            color: var(--base-color-light) !important;
            background-color: hsl(var(--negative-h), var(--negative-s), var(--negative-l)) !important;
        }
    }

    &.--rounded {
        color: var(--base-color-light) !important;
        background-color: hsl(var(--dussmann-rot-h), var(--dussmann-rot-s), var(--dussmann-rot-l)) !important;
    }
}

.btn.large {
    &.btn_cancel {
        color: var(--base-color-light) !important;
        background-color: hsl(var(--negative-h), var(--negative-s), var(--negative-l)) !important;
    }

    &.modal_no {
        background-color: hsl(var(--negative-h), var(--negative-s), var(--negative-l));
    }
}

/* Navigation smart tree hover */
.smartTree span.item:hover {
    span.caption a,
    span.tools i {
        color: var(--base-color-light) !important;
    }
}

ul.glide__slides {
    background-color: var(--dashboard-canvas);
}

/* Module specific */
.xm_news {
    .article_slide_container .article_slide {
        .news_summary {
            h2, p {
                color: rgba(255,255,255,.8) !important;
            }
        }
    }

    &.read a {
        color: var(--dussmann-rot) !important;
    }
}

.xm_widgets .widgets ul li a i {
    color: hsl(var(--dussmann-rot-h), var(--dussmann-rot-s), var(--dussmann-rot-l)) !important;
}

.xm_dussmann.management-blog .blog-posts ul li .text .summary img {
    max-width: 100% !important;
}

.emoticon {
    vertical-align: middle;
}

div.xm_cms.view-page .context-menu {
    display: inline!important;
}

/* Reset lists */
ol.default, ul.default,
ol.default li, ul.default li {
    margin: unset;
    padding: unset;
}

ol.default, ul.default {
    margin: 1em 0 1em 2em;
}