:root{
--schrift-farbe:#868789; /* Schrift nicht aktiv #242424 */
--schrift-over:#868789; /* Schrift nicht aktiv #242424 */
--schrift-aktiv:#868789; /* Schrift nicht aktiv #126497 */
--schrift-pfad:#bcc800; /* Schrift der Buttons oberhalb von aktiv #126497 */
--level2-farbe:#bcc800; /* Schrift nicht aktiv ab Level 2 #717c8e */
--button-hgr:#ffffff; /* Button Hintergrund mouse-over #ffffff */
--button-hgr-over:#e3ea86; /* Button Hintergrund mouse-over #e5e8ee */
--button-hgr-aktiv:#bcc800; /* Button Hintergrund mouse-over #e5e8ee */
--button-hgr-pfad:#ffffff; /* Button Hintergrund oberhalb von aktiv #ffffff */
--hgr:#ffffff; /* Navi Hintergrundfarbe #ffffff */
--trennlinie-farbe:#bcc800; /* Farbe der Trennline zwischen Buttons #e5e8ee*/
--ecken-radius: 2px; /* Ecken-Rundung der Buttons 2px */
/* zum Ausblenden von Unter-Buttons den Stoplevel im Modul "Main Navigation Links" erhöhen */
--nav-mobile-color: #ffffff;
--border-nav-mobile: #000000;
--nav-mobile-background-color: #eeeeee;
}

@media screen and (max-width:599px;) { /* bei Änderung der Media-Breakpoints anpassen! */
	.left-navigation {
		display: none;
	}
}
.left-navigation > ul > li > a {
	color: var(--schrift-farbe);
	background-color: var(--button-hgr);
}
.left-navigation ul {
	margin: 0;
	padding: 0;
	background-color: var(--hgr);
}
.left-navigation ul a,
.left-navigation ul strong,
.left-navigation ul span.trail,
.left-navigation ul span.active,
.left-navigation ul span.forward {
	position: relative;
	display: block;
	margin: 0 -0.28571em;
	padding: 0.28571em;
	border-radius:  var(--ecken-radius);
	color: var(--level2-farbe);
	-webkit-transition: background-color 0.6s ease-in, color 0.6s ease-in;
	-moz-transition: background-color 0.6s ease-in, color 0.6s ease-in;
	-o-transition: background-color 0.6s ease-in, color 0.6s ease-in;
	transition: background-color 0.6s ease-in, color 0.6s ease-in;
}
.left-navigation ul a:hover,
.left-navigation ul strong:hover,
.left-navigation ul span.trail:hover,
.left-navigation ul span.active:hover,
.left-navigation ul span.forward:hover {
	border-radius:  var(--ecken-radius);
	color: var(--schrift-over);
	background-color: var(--button-hgr-over);
	text-decoration: none;
	-webkit-transition-duration: 0.05s;
	-moz-transition-duration: 0.05s;
	-o-transition-duration: 0.05s;
	transition-duration: 0.05s;
}
.left-navigation ul a:before,
.left-navigation ul strong:before,
.left-navigation ul span.trail:before,
.left-navigation ul span.active:before,
.left-navigation ul span.forward:before {
	margin-right: 0.42857em;
}
.left-navigation ul a.active,
.left-navigation ul strong.active,
.left-navigation ul span.active {
	background-color: var(--button-hgr-aktiv);
	color: var(--schrift-aktiv);
}
.left-navigation ul a.trail,
.left-navigation ul strong.trail,
.left-navigation ul span.trail {
	background-color: var(--button-hgr-pfad);
	color: var(--schrift-pfad);
}
.left-navigation ul ul {
	margin-left: 0.85714em;
}
.left-navigation li {
	padding: 0.14286em 0.42857em;
	border-top: 1px solid var(--trennlinie-farbe);
}
.left-navigation li:before {
	content: none;
}
.left-navigation li:first-child,
.left-navigation li li li {
	border: 0;
}
.left-navigation li li {
	margin-right: -0.42857em;
}
