/*  ==================================================================
	HIER KOMMEN DEINE AUSGELAGERTEN CSS BEFEHLE REIN =================
	==================================================================  */

@media only screen and (max-width: 767px) {
	body #page-container .et_pb_section .et_pb_row a.et_pb_button:hover {
		font-size: 13px!important;
	}
}

@media only screen and (min-width: 767px) and (max-width: 980px) {
	body #page-container .et_pb_section .et_pb_row a.et_pb_button:hover {
		font-size: 15px!important;
	}
}

@media only screen and (min-width: 980px) {
	body #page-container .et_pb_section .et_pb_row a.et_pb_button:hover {
		font-size: 18px!important;
	}
}

@media all and (min-width: 980px) {
	#menu-main_menu > li > a:hover, #menu-main_menu > li > a:focus, #menu-main_menu > li > a:active {
		text-decoration: none;
		opacity: 1!important;
	}
	 
	 #menu-main_menu > li > a {
		 transition: color 0.1s, background-color 0.1s;
		 }
	 
	 #menu-main_menu > li > a {
		 position: relative;
		 display: block;
		 transition: color 0.1s,background-color 0.1s,padding 0.2s ease-in;
	 }
	 
	 #menu-main_menu > li > a::before {
		 content: '';
		 display: block;
		 position: absolute;
		 bottom: 0px;
		 left: 0;
		 height: 1px;
		 width: 100%;
		 background-color: #fff;
		 transform-origin: center;
		 transform: scale(0, 1);
		 transition: color 0.1s,transform 0.2s ease-out;
	 }
	 
	 #menu-main_menu > li > a:active::before {
		 background-color: #fff;
		 }
	 
	 #menu-main_menu > li > a:hover::before, #menu-main_menu > li > a:focus::before {
		 transform-origin: center;
		 transform: scale(1, 1);
		 }
	 
	 #mega-menu > div > div > div > .et_pb_blurb_content {
		 display: block;
	 }
}