: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);
}

#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,
	.news_summary h2 a {
		font-size: 15pt !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;
}