/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 24 2024 | 12:32:23 */
.sub-menu
{
	right: 0px;
	top:20px;
}





@media screen and (max-width: 1280px) {

ul#mobile_menu
{
	min-width: 300px;
}


/*  START Divi Mobile Menu START */

html.menu-blur #et-main-area 
{
	top:-30px;
	transition-duration: 1.8s;
	/* filter sind immer für den parent mit childelementen gültig und können nicht zurückgenommen werden */
  	filter: grayscale(79%) blur(4px); 
}

html.menu-blur-out #et-main-area 
{
	 top:-30px;
	 transition-duration: 1.8s;
	 /* filter sind immer für den parent mit childelementen gültig und können nicht zurückgenommen werden */
  	 /* filter: grayscale(0%) blur(0px); */
	filter: unset;
}



.et_mobile_menu
{
	//border-color: var(--hex-corp-dark-grey) !important;
	border-top: 1px solid rgba(0,0,0,0.1) !important;
	/* transition-delay: 0.15s; */
	opacity: 0.95;
}

.mobile_menu_bar::before, 
	.mobile_menu_bar:after {
		transition:all 1s ease !important;
	}
	
.mobile_menu_bar:hover::before, 
.mobile_menu_bar:hover::after {
  color: #fff !important;
  background-color: #85ac39 !important;
}
	
.mobile_menu_bar::before {

  font-weight: bold !important;
  font-size: 4.1em !important;
  font-feature-settings: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  top: -20px;
  padding: 8px;
}




#mobile_menu::-webkit-scrollbar {
  max-width: 8px;               /* width of the entire scrollbar */
}

#mobile_menu::-webkit-scrollbar-track {
  background: var(--hex-corp-dark-grey);        /* color of the tracking area */
}

#mobile_menu::-webkit-scrollbar-thumb {
  background: var(--hex-corp-accent-color2);     /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */

}


	.et_pb_text
	{
		font-size: 1.2em !important;	
	}
	.mobile_menu_bar_toggle
	{
		padding-top:10px;
		padding-left:8px;
	}
	.mobile_menu_bar_toggle:hover
	{
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		transition: background-color 800ms;

	}

	.mobile_menu_bar_toggle:hover::before
	{
		transition: color 500ms;

	}

	.mobile_menu_bar
	{
		height:70px !important;
		width:70px !important;
		 /* top:-5px; *//* mit second top menu 20px */

	}

	.mobile_menu_bar::before
	{

		color: var(--hex-corp-dark-grey) !important;
	}

	.mobile_menu_bar:hover
	{

		/* background-color: var(--hex-corp-orange); */

	}

	.mobile_menu_bar:hover::before
	{
		color: var(--hex-corp-white) !important;
	}



	#main-header{
		/* background-color: var(--hex-corp-white) !important; */
	}	

	ul#mobile_menu li a
	{
		color: var(--hex-corp-white) !important;
	  padding-left: 25px !important;
	  padding-right: 25px !important;
	}

	ul.et_mobile_menu {

	  padding: 0px !important;
	  padding-top: 10px !important;
	  padding-bottom: 10px !important;
	}

	ul.et_mobile_menu li{

	}

	.et_mobile_menu li li {
	  padding-left: 0px !important;
	}

	#main-header .et_mobile_menu li ul {

	  padding-left: 0px !important;
	}

	/* hier ist war das Problem, nicht auf Block stellen */

	#mobile_menu
	{
		/* display: block !important; */
		overflow-y: auto !important; 
		max-height: 65vh !important;
	}


	ul.et_mobile_menu
	{

	}
	#main-header .et_mobile_menu {
	  background-color: var(--hex-corp-light-grey) !important;
		
	}

	#main-header .et_mobile_menu li a {
		color: var(--hex-corp-dark-grey) !important;
	}

	#main-header .et_mobile_menu li:hover a,
	#main-header .et_mobile_menu li ul.sub-menu:hover li a
	{
		color: var(--hex-corp-white) !important;
	}


	ul#mobile_menu li a:hover,
	ul#mobile_menu li.current-menu-item a,
ul#mobile_menu li a:active,
ul#mobile_menu li.current-menu-ancestor a
	{
		color: var(--hex-corp-white) !important;
	}

.et_mobile_menu li a:hover, .nav ul li a:hover {
    background-color: rgba(0,0,0,.03);
    opacity: 1 !important;
}


	.current-menu-ancestor
	{
		background-color: var(--hex-corp-dark-grey) !important;
	}

	ul#mobile_menu li.menu-item:hover,
	ul#mobile_menu li.current-menu-item
	{
		background-color: var(--hex-corp-dark-grey);
	}

	.current-menu-ancestor li:hover,
	ul#mobile_menu li ul.sub-menu li:hover{
		background-color: var(--hex-corp-accent-color2) !important;
	}


	.current-menu-ancestor li:hover a,
	ul#mobile_menu li ul.sub-menu li:hover a{
		color: var(--hex-corp-dark-grey) !important;
	}

/*  END Divi Mobile Menu END */


/* START Enable Mobile Menu For Custom Resolution START */ 
/*
@media (min-width: 0px)
{	  
	#et_mobile_nav_menu
	{
	  display: block !important;
	}

	#top-menu{
	  display: none !important;
	}

}*/

/* END Enable Mobile Menu For Custom Resolution END */ 


/* START Menu customization START */
.et_mobile_menu {
  left:auto !important;
  right: 0 !important;
  width: auto !important;	

}

/* STOP Menu customization STOP */
}