/* FONT PATH ------------------------------------------------------------------ */
@font-face {
    font-family:'FontAwesome';
    src: url('../css/font_awesome/fonts/fontawesome-webfont.eot?v=4.4.0');
    src: url('../css/font_awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../css/font_awesome/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../css/font_awesome/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../css/font_awesome/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../css/font_awesome/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
    }

#preload_fontawesome {font-family:'FontAwesome';}	


header nav {
    z-index: 41;
}
.navi.affix {
    z-index: 41;
}

.left-mobil-navigation {
    display:none;
	z-index:2000;	
	position:absolute;
	top:0px;
	width:73%; /* 85% */
	opacity:0;
	height:100%;
	}

	.left-mobil-navigation.active {opacity:1;}

body.menu-mobile {
    height:100%!important;
    min-height:100%!important;
	}	
	
body.menu-mobile::before {
	z-index:1000;
	position:fixed;
	content: " ";
	width:100%;
	height:120%;
	background-color:rgba(0, 0, 0, 0.6);
	}	

	.menu-mobile div#zentrierung {
		position:fixed;
		width:100%;
		}	
	
div#left-mobil-menu {
	display:none;
	position:relative;
	z-index:2500;
	top:0px;
	left:0px;
	width:-moz-calc(100% - 0px);
	width:-webkit-calc(100% - 0px);
	width:calc(100% - 0px);
	height:50px;
	margin:0px;
	padding:0px 0px 0px 0px;
	}
	
	div#left-mobil-menu div.mobilmenu_wrapper {
		float:left;
		position:relative;	
		left:50%;
		width:90%;
		height:50px;
		margin-left:-45%;
		}	
	
	div#left-mobil-menu a#mobil-logo {
		z-index:5;
		display:block;
		position:absolute;
		top:5px;
		left:28%;
		margin:0px 0px 0px 179px;
		}
		
		div#left-mobil-menu a#mobil-logo > img {height: 35px;margin: 7px 0px 0px 0px;}		
	
	div#left-mobil-menu a#mobil-menu {
		z-index:10;
		display:block;
		position:absolute;
		top: 15px;
		width:5%;
		left:15px;
		}
	
		div#left-mobil-menu a#mobil-menu .fa::before {font-size: 27px;color: #66AC2F;}	
		div#left-mobil-menu a#mobil-menu:hover .fa::before {font-size:32px; color:#66AC2F;}	
		
.mobile-menu-list {
    display:none;
    position:absolute;
    z-index:2000;
    left:0px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    opacity:0;
    width:100%; /* 60% */
    min-height:100%;
    /*height:auto;*/
    text-align:left;
    top:0px!important;
    border-right:2px solid rgba(0,0,0,0.3) !important;
    background-color: #66AC2F;
 }

	.mobile-menu-list.active {opacity:1;}
	
	.mobile-menu-list ul {
		display: table;
		float: right;
		margin: 0px;
		padding: 10px;
		text-align: left;
		background-color: #fff;
		margin-right: 15px;
		box-shadow: 1px 2px 3px rgba(0,0,0,0.5);
		width: 90%;
		}
		.mobil-home-list{
			border-bottom: 2px solid white !important;
		}
		.mobile-menu-list li {
			margin: 0px !important;
			border-bottom: 1px solid rgba(0,0,0,0.1);
			position: relative;
			float: left;
			width: 100%;
			}
			
		.mobile-menu-list li  .dropdown-wrapper {
			 position: relative !important; 
			 opacity: 1;
			visibility: visible;
			display: none;
			}
			
		
		.mobile-menu-list > li.last {padding-bottom:30px;}
	
		
.mobile-menu-list li  .dropdown-wrapper ul{
	width: 100%;
	margin: 0px;
	box-shadow: none;
	}

.mobile-menu-list li:last-child {border:none;}

.mobile-menu-list li a {
	display:table;
	width:74%; /* 82% */
	padding:10px 10px 10px 10px!important; /* 10px 10px 10px 40px */
	border:none!important;
	font-size:20px;
	color: white;
	}

.mobile-menu-list img{
	width:140px;
}
.mobile-menu-list li a#mobil-logo{
	margin-left:35%;
}
	
	
.mobile-menu-list li.over > a,.mobile-menu-list li a i:hover ,
.mobile-menu-list li.over > a,.mobile-menu-list li a:hover {color:#66AC2F;}

	.mobile-menu-list li a i.fa_idcat999999:before {
		position:absolute;
		top:-2px;
		left:8px;
		margin:0px;
		padding:0px;
		font-family:'FontAwesome';
		font-size:24px;
		font-style:normal;
		font-weight:normal;
		line-height:44px;
		color:white;
		text-decoration:none;
		}                                   

	.mobile-menu-list li a i.fa_idcat999999:before {top:0px; left:9px; content:"\f015";}

		.mobile-menu-list li.over a i.fa_idcat999999:before, .mobile-menu-list li:hover a i.fa_idcat999999:before {color:#899f2b;}

			
.mobile-menu-list li .dropdown-menu-mobile{
	width: 20px;
	position: absolute;
	top: 0px;
	right: 5px;
	padding:7px 10px 7px 40px!important;
	}

	div.left-mobil-navigation a.mobil-menu:hover .fa::before,
	div#left-mobil-menu a.mobil-menu:hover .fa::before,
	.mobile-menu-list li .dropdown-menu-mobile:hover .fa::before,	
	.mobile-menu-list li .dropdown-menu-mobile.active .fa::before {color:white;}	


.mobile-menu-list .dropdown-menu li.over > a {color:white;}

.mobile-menu-list li.over > a,.mobile-menu-list li a i:hover ,
.mobile-menu-list li.over > a,.mobile-menu-list li a:hover {color:white;}	


.list-icons a.mobil-menu {float:left;}
.list-icons a.mobil-menu, a.mobil-menu:hover, a.mobil-menu:focus, a.mobil-menu:active {background: none !important;}
.list-icons a.mobil-menu i {width: 40px;}
.mobile-menu-list li.mobil-times-icon {height:47px;border-bottom: none !important}

.mobil-times-icon a.mobil-menu {
	z-index:100;
    position:absolute;
    right:4px;
    top:0px;
    width:20px;
	margin:0px;
	padding:8px 10px 8px 10px!important;
    font-size:18px;
	}

.mobile-menu-list li .dropdown-wrapper ul {
    margin: 0px;
    box-shadow: none;
    width: 100%;
    text-align:left;
    background-color: rgba(0,0,0,0.04);
    padding: 0px;
}

.mobile-menu-list li .dropdown-wrapper ul li a{
    font-size:18px;
}

.mobile-menu-list li .dropdown-wrapper ul li a:hover,
.mobile-menu-list li .dropdown-wrapper ul li a:focus{
    border:none!important;
    font-size:18px;
    background:transparent!important;
}

div.dropdown-wrapper ul.dropdown-menu a {padding:8px 10px 8px 25px!important;} /* 8px 10px 8px 40px */
ul#list_hauptnavigation_mobile a.mobil-menu .fa,
ul#list_hauptnavigation_mobile a.dropdown-menu-mobile .fa {font-size:26px;}


/* 3te Ebene ------------------------------------------------------------------ */
ul.dropdown-menu li ul.dropdown-menu-e3,
ul.dropdown-menu li ul.dropdown-menu-artikel {display:block;}
	ul.dropdown-menu li.over ul.dropdown-menu-e3,
	ul.dropdown-menu li.over ul.dropdown-menu-artikel {display:block;}

	ul.dropdown-menu li ul.dropdown-menu-e3 li > a.mobile-menu-link,
	ul.dropdown-menu li ul.dropdown-menu-artikel li > a.mobile-menu-link {
		display:table;
		width:74%; /* 82% */
		padding:8px 10px 8px 45px!important;
		border:none;
		font-size:16px!important;
		}

	ul.dropdown-menu li .dropdown-wrapper-e3 > .dropdown-menu-artikel li > a {
		width: 80%;
		padding-left:45px!important;
	}

	ul.dropdown-menu li ul.dropdown-menu-e3 li.over > a,
	ul.dropdown-menu li ul.dropdown-menu-e3 li:hover > a,
	ul.dropdown-menu li ul.dropdown-menu-e3 li:focus > a,
	ul.dropdown-menu li ul.dropdown-menu-artikel li.over > a,
	ul.dropdown-menu li ul.dropdown-menu-artikel li:hover > a,
	ul.dropdown-menu li ul.dropdown-menu-artikel li:focus > a {color:white;}

.mobile-menu-list li .dropdown-menu-mobile-e3 {
	width: 20px;
	position: absolute;
	top: 0px;
	right: 5px;
	padding:7px 10px 7px 40px!important;
	}

	.mobile-menu-list li .dropdown-menu-mobile-e3:hover .fa::before,
	.mobile-menu-list li .dropdown-menu-mobile-e3.active .fa::before {color:white;}
	
	a.dropdown-menu-mobile-e3 i.fa {
		position:relative;
		top:1px;
		right:5px;
		font-size:17px!important;
		}

/* 4te Ebene ------------------------------------------------------------------ */
ul.dropdown-menu li ul.dropdown-menu-e4,
ul.dropdown-menu li ul.dropdown-menu-artikel {display:block;}
	ul.dropdown-menu li.over ul.dropdown-menu-e4,
	ul.dropdown-menu li.over ul.dropdown-menu-artikel {display:block;}

	ul.dropdown-menu li ul.dropdown-menu-e4 li > a.mobile-menu-link,
	ul.dropdown-menu li ul.dropdown-menu-artikel li > a.mobile-menu-link {
		display:table;
		width:74%; /* 82% */
		padding:8px 10px 8px 45px!important;
		border:none;
		font-size:16px!important;
		color:#999999;
	}

	ul.dropdown-menu li .dropdown-wrapper-e4 > .dropdown-menu-artikel li > a {
		width: 100%;
		padding-left:55px!important;
	}

	ul.dropdown-menu li ul.dropdown-menu-e4 li.over > a,
	ul.dropdown-menu li ul.dropdown-menu-e4 li:hover > a,
	ul.dropdown-menu li ul.dropdown-menu-e4 li:focus > a,
	ul.dropdown-menu li ul.dropdown-menu-artikel li.over > a,
	ul.dropdown-menu li ul.dropdown-menu-artikel li:hover > a,
	ul.dropdown-menu li ul.dropdown-menu-artikel li:focus > a {color: white;}

.mobile-menu-list li .dropdown-menu-mobile-e4 {
	width: 20px;
	position: absolute;
	top: 0px;
	right: 5px;
	padding:7px 10px 7px 40px!important;
}

	.mobile-menu-list li .dropdown-menu-mobile-e4:hover .fa::before,
	.mobile-menu-list li .dropdown-menu-mobile-e4.active .fa::before {color:#66AC2F;}

	a.dropdown-menu-mobile-e4 i.fa {
		position:relative;
		top:1px;
		right:5px;
		font-size:17px!important;
	}


@media (max-width:800px) {
	.menu-mobile .left-mobil-navigation {display: block !important;}

	.left-mobil-navigation {width:100%;}
	
    .mobile-menu-list {
        width:100%;
    }
    .website-contenido{
        position: fixed;
        width: 100%;
    }
    #list_hauptnavigation{
        margin-bottom: 20px;
        display: block;
    }
    #list_hauptnavigation>li[role="presentation"]{
        margin-top: 10px;
    }
    #list_hauptnavigation li:first-child{
        width: 100%;
    }
    #list_hauptnavigation>li:nth-child(2) {
        margin-left: 13%;
    }
    .navi.affix .sticky-logo {
        display:inline;
        left: 5%;
        top:6px;
    }
    nav.affix #list_hauptnavigation{
        margin: 0px;
        padding: 0px;
    }
    nav.affix #list_hauptnavigation li:first-child {
        width: inherit;
        margin: 0px;
    }
    nav .list-icons {
        position: absolute;
        float: left;
        right: 20px;
        margin-top: 50px;
    }
    nav.affix .list-icons {
        display: none;
    }
}

@media (max-width:480px) {

	.left-mobil-navigation {width:100%;}
	.mobile-menu-list li a#mobil-logo{
	margin-left:30%;
    }    
}	

@media (min-width:1201px) {
body.menu-mobile::before{
	z-index:-1;
	background-color:#f5f5f5;
	}	
}