:root {
	/* Flaechen */
	--main-bg-color: #f5f5f5;
	--content-bg-color: #fff;
	--logo-bg-color: #fff;
	--alert-bg-color: #34495e;
	/* Header */
	--header1-bg-color: #424242;
	--header2-bg-color: #e81716;
	--header2-text-color: #fff;
	--header2-highlight-color: #f8f8f8;
	--nav-text-color: #333;
	/* Footer */
	--footer1-bg-color: #fff;
	--footer2-bg-color: #667071;
	--footer-text-color: #fff;
	/* Tree / Sidebar */
	--tree-bg-color: #fff;
	--tree-border-color: #d0d0d0;
	--tree-text-color: #999;
	--tree-highlight-color: #2479df;
	/* fieldset */
	--fieldset-border-color: #999;
	--fieldset-legende-text-color: #111;
	/* Text */
	--link-color: #2479df;
	--content-text-color: #333;
	--text-color-active: #a50000;
	--text-color-dark: #000;
	--text-color-dark1: #333;
	--text-color-dark2: #666;
	--text-color-dark3: #999;
	--text-color-light: #fff;
	--ueberschrift1-text-color: #e81716;
	--ueberschrift2-text-color: #5d676d;
	--legende-color: #2288ff;
	/* Borders */
	--border-color: #aaa;
	--filter-border-color: #aaa;
	/* Buttons */
	--submit-bg-color: #2288ff;
	--submit-bg-color-highlighted: #3298fe;
	--btn-text-color-light: #fff;
	--btn-text-color-dark: #000;
	--input-bg-color: #fff;
	--register-bg-color: #f4f4f4;
	/* Schnellzugriff */
	--schnellzugriff-bg-color: #00785d;
	/* Warnungen */
	--error: #ff0000;
	--notification: #2288ff;
	--hint: #ff8000;
	--success: #008800;
}

body {background-color: var(--main-bg-color);}
h1 { color: var(--ueberschrift1-text-color); }
h2 { color: var(--ueberschrift2-text-color) }
a { color: var(--link-color); }
hr { background-color: var(--border-color); }

input, select { background-color: var(--input-bg-color); border-color: var(--border-color); color: var(--text-color-dark);}
.btn, button, input[type=submit], input[type=reset] { color: var(--btn-text-color-light); background-color: var(--submit-bg-color); }
.btn:hover, button:hover, input[type=submit]:hover, input[type=reset]:hover { background-color: var(--submit-bg-color-highlighted); }
.select-box { border-bottom-color: var(--border-color) !important; }
.RequiredFields  { color: var(--error); }
input:checked + .toggle-scheme--slider{background-color:var(--header2-bg-color)}

#alertBox, #feedBackBox { color: var(--text-color-light); background-color: var(--alert-bg-color);}
#alertHat{ border-bottom-color: var(--border-color); }
#alertHat > *{ border-left-color: var(--border-color);}

/* Style fuer die Register */
#tabsG ul { background-color: var(--register-bg-color); }
#tabsG li a { color: var(--text-color-dark3); }
#tabsG  #current a, #tabsG li a:hover { color: var(--text-color-light); background-color: var(--header2-bg-color); }

#header1 { background-color: var(--header1-bg-color); }
#header2 nav > ul > li > a.active { border-bottom-color: var(--header2-highlight-color); }
#header2 a.active { border-bottom-color: var(--text-color-light) }
#header2 .active > a { color: var(--text-color-active); }
#logoGeb, #logoContainer  { background-color: var(--logo-bg-color); }
#login-info-box{background-color: var(--header1-bg-color);}
#login-info-box:hover{background-color: var(--header1-bg-color);filter:contrast(1.3)}

#container2 { color: var(--text-color-light); }
#container3 { background-color: var(--content-bg-color); }
#container4 { background-color: var(--header2-bg-color); }
#container5 span { color: var(--text-color-dark3); }
#container7 article .del { color: var(--text-color-dark3);}
/* Schnellzugriff */
#container7 a {background-color: var(--schnellzugriff-bg-color);}

/* Sidebar */
#container8 { background-color: var(--tree-bg-color); }
#container8 nav .active { color: var(--text-color-active); }
#container8 nav a:hover { color: var(--tree-highlight-color); }
#container8 nav a { color: var(--tree-text-color); }
#container8 nav ul ul { border-left-color: var(--tree-text-color); }
#container8 nav li li:before { color: var(--tree-text-color); }
.subBtn { border-color: var(--tree-bg-color); background-color: var(--tree-text-color); }
a.plusImg.noHref:after {color: var(--text-color-dark3) !important;}

#container9 { color: var(--content-text-color); }
#container10, #container10 > span  { color: var(--footer-text-color); }

#container11 { background-color: var(--tree-border-color) }
#container11:hover { background-color: var(--tree-border-color) }

#footer1, #footer-placeholder { background-color: var(--footer1-bg-color); }
#footer2 { background-color: var(--footer2-bg-color) }
#footer2 a {color: var(--footer-text-color);}
#footer2 span svg path {fill: var(--footer-text-color)}

/* Filter */
.material-filter label, .material-filter font { color: var(--text-color-dark2) }
.material-filter div.sortedA, .material-filter div.sortedB, .material-filter div.sortedC { background-color: var(--input-bg-color) }
.material-filter input:not([type=submit]):not([type=checkbox]):not([type=radio]) {background-color: var(--input-bg-color); border-bottom-color: var(--filter-border-color); color: var(--text-color-dark2) }
.material-filter input:not([type=submit]):not([type=checkbox]):not([type=radio]):focus { border-bottom-color: var(--submit-bg-color); }
.material-filter select:focus { border-bottom-color: var(--submit-bg-color); }
.material-filter .select-box { border-bottom-color: var(--filter-border-color) !important;  }
.material-filter-caption { color: var(--text-color-dark1); }
.legend { color: var(--text-color-dark1) }
.info-field .info-i {background-color: var(--submit-bg-color); color: var(--text-color-light) }
.info-text { color: var(--text-color-light); background-color: var(--submit-bg-color); }
.old-filter { color: var(--text-color-dark2); }
#dashboardContent label {color: var(--fieldset-legende-text-color) !important}

table td.error input { background-color: var(--error); color: var(--text-color-light);}
#search-container { border-bottom-color: var(--border-color); }
.StandardSchriftSchwarz { color: var(--text-color-dark2); }

legend { color: var(--text-color-dark2) }
fieldset ol li { border-bottom-color: var(--filter-border-color); }
fieldset {  border-color: var(--fieldset-border-color); }
fieldset.formInputs ol li div.data.error > input, fieldset.formInputs ol li div.data.error > textarea, fieldset.formInputs ol li div.data.error > #cke_FieldDescription, fieldset.formInputs ol li div.data.error .cke_wysiwyg_frame, fieldset.formInputs ol li div.data.error > div > select, fieldset.formInputs ol li div.data.error > div div > label, fieldset.formInputsFlexible ol li div.data.error > input, fieldset.formInputsFlexible ol li div.data.error > textarea, fieldset.formInputsFlexible ol li div.data.error > #cke_FieldDescription, fieldset.formInputsFlexible ol li div.data.error > div > select, fieldset.formInputsFlexible ol li div.data.error > div div > label  { background-color: var(--error); background-color: var(--error); color: var(--text-color-light); }
fieldset.formInputsFlexible:nth-child(2n) { background-color: var(--content-bg-color); }

.MessageRed { background-color: var(--error); }
.MessageGreen { color: var(--text-color-light) !important; background-color: var(--success); }
.MessageBlue { color: var(--text-color-light) !important; background-color: var(--notification); }

.FontRedBackground { background-color: var(--error); color: var(--text-color-light); }
.HeaderSortLink { color: var(--link-color); }
.blaettern_links { color: var(--text-color-dark1); }
#selectionContainer #show-stammbaum-filter-btn { color: var(--text-color-dark3); }
.SaveMessageArbeitsRaport { color: var(--success) !important; }
.ErrorMessageArbeitsRaport { color: var(--error) !important; }

#login-info-box { color: var(--text-color-dark2) }
#userName { color: var(--text-color-light) }

.dokman-ansicht > a {border-color: var(--header2-bg-color); color:var(--header2-bg-color); }
.dokman-ansicht > a:hover, .dokman-ansicht > a.is-active {background-color: var(--header2-bg-color); color:var(--text-color-light);}

#page-title, #page-title a, #page-titleHeaderBottom, #page-titleHeaderBottom a  { color: var(--header2-text-color); }

.filter-element-wrapper label.floating { color: var(--legende-color); }
.filter-element-wrapper.empty label.floating { color: var(--text-color-dark3); }

/* Gruppentitel z.B. bei Jobs - Berufskenntnissen */
.formInputsTitle { background-color: var(--text-color-dark2); }

/* Struktur */
.NaviGebDaten { border-top-color: var(--border-color) !important;}

/* Style fuer Fehler und Warnmeldungen und Hinweismeldungen */
.errorMessage { color: var(--error); }
.hintMessage { color: var(--hint);}
.hintValue { background-color: var(--hint) !important; color: var(--text-color-dark) !important; }
/* Meldungen zum Speichern und Loeschen */	
.pageActionMessage { border-color: var(--success); color: var(--success); }
/* Style fuer Fehler und Warnmeldungen */
.saveMessage { color: var(--success); }
/* Style fuer Fehler und Warnmeldungen bei Buchungen */
.warningBuchungen { color: var(--error); }
/* Box fuer die uebernahme von offenen Rechnugen */
.OverTakeTitle { background-color: var(--content-text-color); color: var(--text-color-light); }

@media (min-width: 1421px) {
	#container1 {
		box-shadow: 0 8px 14px #bbb;
	}
}

@media all and (min-width: 1221px) {
	#header2 li a {  color: var(--header2-text-color); border-bottom-color: transparent; }
	#header2 nav > ul > li:hover > a { color: var(--text-color-dark); }
	#header2 nav > ul > li:hover { background-color: var(--header2-highlight-color); }
	#header2 nav > ul > li:hover > a { border-bottom-color: transparent; }
	#header2 li li a { color: var(--text-color-dark2); }
	#header2 nav > ul > li > ul { background-color: var(--header2-highlight-color); border-bottom-color: var(--header2-highlight-color); }
	#header2 ul ul ul { background-color: var(--header2-highlight-color);  }
	#header2 ul ul ul li a { color: var(--nav-text-color); }
	#header2 ul ul a:hover { color: var(--text-color-active); }
	#header2 li.trennlinie > div { color: var(--nav-text-color) !important}
	#footer1.fixed { box-shadow: 0 0px 1px currentColor; }
}
@media all and (max-width: 1220px) {
	#header2 nav { background-color: var(--header2-bg-color); }
	#header2 nav a { color: var(--text-color-light); }
	#header2 nav[data-visible=true] li.trennlinie div {color: var(--logo-bg-color); }
	#container4 nav > ul > li {border-bottom-color: var(--header2-text-color)}
}
@media all and (max-width: 830px) {
	#header2, #container4 { background-color: var(--content-bg-color); }
	#page-title { background-color: var(--header2-bg-color); }
	#page-titleHeaderBottom { background-color: var(--header2-bg-color); }
}
@media all and (max-width: 600px) {
	#logoContainer { border-color:var(--logo-bg-color); }
}