:root {
	/* Rot */
	--me-color-01: #db2828;
	/* Orange */
	--me-color-02: #f2711c;
	/*	Gelb */
	--me-color-03: #fbbd08;
	/*	Olivegrün */
	--me-color-04: #b5cc18;
	/*	grün		*/
	--me-color-05: #21ba45;
	/*	Teal		*/
	--me-color-06: #00b5ad;
	/* Blau */
	--me-color-07: #2185d0;
	/* violet */
	--me-color-08: #6435c9;
	/* lila */
	--me-color-09: #a333c8;
	/* pink */
	--me-color-10: #e03997;
	/* braun */
	--me-color-11: #a5673f;
	/* grau */
	--me-color-12: #767676;
	/* schwarz */
	--me-color-13: #1b1c1d;

	/*	********** dark:		*/
	--d-color-00: #000;
	--d-color-10: #111;
	--d-color-20: #222;
	--d-color-30: #333;
	--d-color-31: #313131;
	--d-color-32: #323232;
	--d-color-34: #343434;
	--d-color-40: #444;
	--d-color-50: #555;
	--d-color-60: #666;
	--d-color-70: #aaa;
	--d-color-80: #bbb;
	--d-color-90: #ccc;

	--bg-neon-glow: #0c0d16;
	--bg-dark: #343a40;
	--bg-dark-d: #1b1c1d;
	--bg-secondary: #6c757d;
	--bg-white-txt: rgba(0, 0, 0, 0.3);
	--bg-Overlay-Light: #383840;
	--bg-Overlay-Dark: #2d2f34;
	--bg-Surface: #27292d;
	--bg-Base: #1f2023;
	--bg-Overflow: #010101;

	--d-ivt-blau: #54c8ff;
	--d-ivt-blau2: rgba(0, 255, 10, 1);
	--d-ivt-ogreen: var(--me-color-04);


	/*	default's */
	--df-body-bg-color: var(--d-color-34);
	--df-border-radius: .28571429rem;
}

body {
	padding: 2em;
	background-color: var(--df-body-bg-color);
}

.pusher {
	background-color: var(--df-body-bg-color) !important;
	padding: 2em;
}

.num {
	color: var(--d-ivt-blau);
	margin: 0 4px;
}

.ui.segment {
	background-color: transparent;
}

.ui.inverted.divider {
	background-color: var(--me-color-12);
}

.ui.inverted.horizontal.header.divider {
	background-color: transparent;
	/*	box-shadow: 0 0 0 2px var(--me-color-12) inset !important;*/
	color: #fff;
	/*	border-bottom-color: 3.5px solid #fff;*/


}

.ui.inverted.segment {
	background-color: transparent;
	box-shadow: 0 0 0 2px var(--me-color-12) inset !important;
}

/*	********************************** .ui.table:	*/
.ui.table,
.ui.table tr,
.ui.table th,
.ui.table thead th,
.ui.table td {
	background: transparent !important;
	background-color: transparent !important;
	color: #fff;
}

.ui.table {
	color: #fff;
}

/*	********************************** .ui.inverted.buttons:	*/
.ui.inverted.buttons {
	background-color: transparent;
	box-shadow: 0 0 0 2px #fff inset !important;
	border-radius: var(--df-border-radius);
}

.ui.inverted.buttons .button {
	background-color: transparent;
	color: #fff;
}

.ui.inverted.buttons .button:hover,
.ui.inverted.buttons .button:focus {
	background-color: #fff;
	color: #000;
}

/*
.ui.icon.button._leftTop {
	font-size: 24px !important;
	padding: 8px 12px 12px 8px;
	border-radius: 0px 0px 50% 0px;

}
*/


/*	********************************** .ui.inverted.input:	*/
.ui.inverted.input {
	box-shadow: 0 0 0 2px #fff inset !important;
	border-radius: var(--df-border-radius);
}

.ui.inverted.input input {
	background-color: transparent !important;
	color: #fff !important;
}

.ui.inverted.input .icon {
	background-color: transparent !important;
	filter: invert(1);
}

.ui.transparent.inverted.input {
	box-shadow: 0 0 0 2px transparent inset !important;
}

.ui.transparent.label {
	background-color: transparent !important;
	box-shadow: 0 0 0 2px #fff inset !important;
	color: #fff !important;
}

/*	********************************** .ui.inverted.blue:	*/

.ui.inverted.blue.segment,
.ui.inverted.blue.card {
	background-color: transparent !important;
	box-shadow: 0 0 0 2px var(--d-ivt-blau) inset !important;
}

.ui.inverted.blue.table {
	background-color: transparent !important;
	box-shadow: 0 0 0 2px var(--d-ivt-blau) inset !important;
	color: var(--d-ivt-blau) !important;
}

.ui.inverted.blue.table th,
.ui.inverted.blue.dropdown {
	color: var(--d-ivt-blau) !important;
}

.ui.inverted.blue.divider {
	background-color: var(--d-ivt-blau);
}

.ui.inverted.blue.tag.label {
	background-color: transparent !important;
	box-shadow: 0 0 0 2px var(--d-ivt-blau) inset !important;
	color: var(--d-ivt-blau) !important;
}

.ui.inverted.blue.tag.label:hover {
	background-color: var(--d-ivt-blau) !important;
	color: #fff !important;
}

.ui.inverted.blue.tag.label::after {
	background-color: transparent !important;
}

/* sidebar */
.ui.transparent.inverted.blue.sidebar {
	background-color: var(--df-body-bg-color) !important;
	color: var(--d-ivt-blau) !important;
}

.ui.transparent.inverted.blue.sidebar .header {
	color: var(--d-ivt-blau) !important;

}

.ui.transparent.inverted.blue.sidebar div.header {
	color: #fff !important;
	font-size: 16px;
}

.ui.transparent.inverted.blue.sidebar .item {
	color: var(--d-ivt-blau) !important;
	font-size: 13px;
}

.ui.transparent.inverted.blue.sidebar .divider {
	padding-bottom: 26px !important;
	border-bottom-color: var(--d-ivt-blau);
}

.ui.transparent.inverted.blue.sidebar ._underline {
	border-bottom: 1px solid var(--d-ivt-blau) !important;
}

.ui.transparent.inverted.blue.sidebar .vertical.menu {
	background-color: transparent !important;
	color: var(--d-ivt-blau) !important;
}

.ui.transparent.inverted.blue.sidebar .vertical.menu a:hover {
	background-color: var(--d-ivt-blau) !important;
	color: #fff !important;
}