/* INDIVIDUAL */
/* webfont */
@font-face {
    font-family: 'it-kerle';
    src: url('/webfont/itkerle.eot');
    src: url('/webfont/itkerle.eot?#iefix') format('embedded-opentype'),
         url('/webfont/itkerle.woff2') format('woff2'),
         url('/webfont/itkerle.woff') format('woff'),
         url('/webfont/itkerle.ttf') format('truetype'),
         url('/webfont/itkerle.svg#it-kerle') format('svg');
    font-weight: normal;
    font-style: normal;
}
h3 {color: #333333;}

.webfont-h1 {
	font-family: it-kerle;
	font-size: 2em !important;
}
.normal-h2 {
	font-family: Verdana, Geneva, sans-serif !important;
	font-size: 1.5em !important;
}

/* RESPONSIVE */
.mobile-menu .menu-mainmenu {
    position: fixed !important;
    right: 0 !important;
    top: 76px !important;
    width: 220px !important;
}
.mobile-menu .menu-mainmenu > li {
	padding: 0 !important;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.mobile-menu .menu-mainmenu a:hover {
	-webkit-box-shadow: 5px 5px 8px #ccc inset;
	-moz-box-shadow: 5px 5px 8px #ccc inset;
    box-shadow: 5px 5px 8px #ccc inset;
}
.mobile-menu .menu-mainmenu span {
	font-size: 1.5em;
}
.mobile-menu .menu-mainmenu > li.active > a {
	background: #00b51a !important;
	text-shadow: 0 1px 0 rgba(0,0,0,0.6) !important;
}

.hide-large {
	-webkit-box-shadow: 0 0 20px grey;
	-moz-box-shadow: 0 0 20px grey;
	box-shadow: 0 0 20px grey;
}

@media only screen and (min-width: 960px), (max-device-width: 960px) {
	.hide-large {display: none;}
}
@media only screen and (max-width: 960px), (max-device-width: 960px) {
	#jsn-header {box-shadow: none;}
	#jsn-menu {display: none;}
	.menu-close {display: none;}
	.mobile-menu {
		display: block !important;
		top: -3px;
	}
	.mobile-menu .jsn-menu-toggle, .mobile-menu .jsn-menu-toggle:hover {
		background-position-y: 3px;
		height: 98px;
		padding-top: 3px;
	}
	.jsn-menu-toggle {
		background: #fff url("../images/navigation/bg_header_mobile.gif") no-repeat scroll right;
		height: 101px;
		display: block;
		width: 100%;
	}
	.jsn-menu-toggle:hover {
		background: #fff url("../images/navigation/bg_header_mobile_h.gif") no-repeat scroll right;
	}
	#jsn-menu div.jsn-modulecontainer ul.menu-mainmenu li span.jsn-menu-toggle {
		height: 40px;
	}
}