:root{
--schrift-farbe:#242424; /* Schrift nicht aktiv #242424 */
--schrift-over:#242424; /* Schrift nicht aktiv #242424 */
--schrift-aktiv:#126497; /* Schrift nicht aktiv #126497 */
--schrift-pfad:#126497; /* Schrift der Buttons oberhalb von aktiv #126497 */
--level2-farbe:#717c8e; /* Schrift nicht aktiv ab Level 2 #717c8e */
--button-hgr:#ffffff; /* Button Hintergrund mouse-over #ffffff */
--button-hgr-over:#e5e8ee; /* Button Hintergrund mouse-over #e5e8ee */
--button-hgr-aktiv:#e5e8ee; /* Button Hintergrund mouse-over #e5e8ee */
--button-hgr-pfad:#ffffff; /* Button Hintergrund oberhalb von aktiv #ffffff */
--hgr:#ffffff; /* Navi Hintergrundfarbe #ffffff */
--trennlinie-farbe:#e5e8ee; /* 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 */
}

@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;
}
@media screen and (max-width: 599px) {
	.logo a {
		display: inline;
	}
}
.logo img {
	display: block;
	width: auto;
	height: 100%;
}
@media screen and (max-width: 599px) {
	.logo img {
		display: inline;
		height: auto;
		max-height: 4.0625em;
	}
}