/** CSS für die Navigation - mobile first */

/*:root{
	--color-a:#bf4b42;
	--color-b:#dca375;
	--color-c:#782021;
	--color-d:#339900;
	--color-e:#ffffff;
	--color-f:#222222;
}*/
#mobile-menu-toggle{display:block;position:fixed;top:0;right:0;padding:20px;font-size:34px;background-color:color-mix(in srgb,var(--color-d)100%,black);border:0;z-index:1001;width:100%;text-align:right;color:#fff}
#mobile-menu{position:fixed;top:0;right:-100%;width:100%;height:100vh;padding-top:74px;background:var(--color-d);transition:right .3s ease;flex-direction:column;z-index:999;overflow:auto;box-sizing:border-box}
#mobile-menu.active{right:0}
#mobile-menu ul,#mobile-menu li{list-style:none;padding:0;width:100%;display:block;margin:0}
#mobile-menu ul{background:var(--color-d)}
#mobile-menu li a{min-height:48px;border-bottom:1px solid var(--color-e);background:#0003;color:var(--color-e)!important;padding:.75em 1em;width:100%;display:flex;align-items:center;text-decoration:none;box-sizing:border-box}
#mobile-menu .menu-item-has-children{position:relative}
#mobile-menu .menu-item-has-children>a{padding-right:20%}
#mobile-menu .submenu-toggle{position:absolute;top:0;right:0;width:20%;height:48px;padding:0;border:0;background:#0002;color:var(--color-e);cursor:pointer;z-index:2}
#mobile-menu .submenu-toggle::before{content:"";position:absolute;top:50%;left:50%;width:.55em;height:.55em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translate(-50%,-65%) rotate(45deg)}
#mobile-menu .menu-item-has-children.submenu-open>.submenu-toggle::before{transform:translate(-50%,-35%) rotate(225deg)}
#mobile-menu .sub-menu{display:none;background:color-mix(in srgb,var(--color-d)50%,var(--color-e))}
#mobile-menu .menu-item-has-children.submenu-open>.sub-menu{display:block}
#mobile-menu li ul li a{list-style:none;padding:.8em 1em .8em 1.5em;width:100%;display:block;font-size:.9em;background:color-mix(in srgb,var(--color-d)50%,var(--color-e));border-bottom:1px solid var(--color-e);color:var(--color-e)!important;text-transform:none}

.navbar{background-color:var(--color-d);cursor:pointer;width:100%;position:sticky;top:0;z-index:9999;text-align:right}
.main_nav{margin:0 0 0 auto;padding:0;display:inline-flex;width:auto;background-color:var(--color-e)}
.main_nav li{list-style-type:none;background-color:var(--color-e)}
.main_nav li>a{box-sizing:border-box;padding:20px 15px 10px;font-size:1.25em;background-color:var(--color-d);color:var(--color-e);text-decoration:none;text-transform:uppercase;display:block;transition:all ease .3s}
.main_nav li:hover>a,.main_nav li>a:hover,.main_nav .current_page_item>a,.main_nav .current_page_parent>a{margin-top:10px;padding-top:10px;background-color:color-mix(in srgb,var(--color-d) 90%,black)}
.main_nav li ul.sub-menu{position:absolute;left:-999em;background:#fff4;padding:.5em;z-index:1000;margin:0 0 0 -.5em}
.main_nav li:hover ul.sub-menu,.navbar .main_nav li.hover ul.sub-menu{left:auto;display:block}
.sub-menu li{background-color:transparent;margin-bottom:.4em}
.sub-menu li a,.navbar .current_page_item .sub-menu li a,.navbar .current_page_parent .sub-menu li a{padding:.4em 1em;margin:0;font-size:1em;text-transform:none;background-color:var(--color-d)}
.sub-menu li a:hover,.sub-menu .current_page_item a,.sub-menu .current_menu_item a{padding:.4em 1em .4em 2em!important;margin:0;background-color:color-mix(in srgb,var(--color-d) 90%,black)}

@media(min-width:500px){
	#mobile-menu-toggle{top:10px;right:10px}
}

@media(min-width:800)and (hover:hover) and (pointer:fine){
	#mobile-menu-toggle{display:none}
	#mobile-menu{display:flex;position:static;top:auto;right:auto;width:auto;height:auto;padding-top:0;background:transparent;transition:none;flex-direction:row;z-index:auto}
	#mobile-menu ul,#mobile-menu li{width:auto}
	#mobile-menu ul{background:transparent}
	#mobile-menu li a{border-bottom:0;background:var(--color-d);color:var(--color-e)!important;padding:20px 15px 10px 15px;width:auto;display:block}
	#mobile-menu li ul li a{padding:.4em 1em;width:auto;font-size:1em;background:var(--color-d);border-bottom:0;color:var(--color-e)!important}	
	.navbar .sub-menu li{height:40px}
	.navbar .sub-menu li a{height:auto}
}

@media(min-width:1025px){
}