/**
 * (en) navigation local for NAME
 * (de) Navigation Lokal für NAME
 *
 * @copyright			Copyright 2015, crossbase mediasolution GmbH
 * @version				1.0
 */

@media screen
{

	.nav-local {
		width: 100%;
		z-index: auto;
		margin: 0 0 24px 0;
		border-radius: 0;
	}

	.nav-local .nav-universal {
		/*border-bottom: 1px solid #c8c8c8;*/
	}

	.nav-local > span {
		display: block;
		color: #fff;
		background: #1d374a;
		padding: 4px 26px;
		border-radius: 0;
		}

	.nav-local .nav-universal,
	.nav-local .nav-universal ul,
	.nav-local .nav-universal li,
	.nav-local .nav-universal a,
	.nav-local .nav-universal span {
		margin: 0;
		padding: 0;
		text-decoration: none;
	}

	.nav-local .nav-universal {
		background: #f2f2f2;
		border-radius: 0;
		overflow: hidden;
	}

	.nav-local .nav-universal ul {
		display: none;
	}

	.nav-local .nav-universal ul ul {
		background: #f2f2f2;
	}

	.nav-local .nav-universal ul ul ul {
		background: #fff;
	}

	.nav-local .nav-universal li a,
	.nav-local .nav-universal li span.parent,
	.nav-local .nav-universal li span.active {
		display: block;
		position: relative;
		padding: 4px 8px 4px 26px;
		border-top: 1px solid transparent;
		color: #000000;
		-webkit-transition: background-color 0.3s ease, color 0.3s ease;
		transition: background-color 0.3s ease, color 0.3s ease;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		cursor: pointer;
	}

	.nav-local .nav-universal li.reset-link > *,
	.nav-local .nav-universal li.reset-link.hover > *,
	.nav-local .nav-universal li.reset-link > a::before,
	.nav-local .nav-universal li.reset-link.hover > a::before,
	.nav-local .nav-universal li.reset-link > .more::after,
	.nav-local .nav-universal li.reset-link.hover > .more::after {
		color: rgba(112, 112, 112, 0.5);
	}
	
	.nav-local .nav-universal a:hover,
	.nav-local .nav-universal a:active {
		background: #1d374a;
		color: #fff;
	}

	.nav-local .nav-universal li.reset-link > a:hover,
	.nav-local .nav-universal li.reset-link > .more:hover,
	.nav-local .nav-universal li.reset-link > a:active,
	.nav-local .nav-universal li.reset-link > .more:active {
		background: rgba(204, 28, 20, 0.5);
		color: #fff;
	}	

	.nav-local .nav-universal li .parent {
		margin: 0 35px 0 0;
	}

	.nav-local .nav-universal	li > span.active,
	.nav-local .nav-universal	li > a.active,
	.nav-local .nav-universal	li > a.active:hover {
		color: #fff;
		background: #1d374a;
		cursor: default;
	}

	.nav-local .nav-universal	li > span.parent {
		cursor: pointer;
	}

	.nav-local p.firstentry > a {
		color: #fff;
		display: block;
		margin: -4px -26px;
		padding: 4px 26px;
		border-radius: 0;
	}

	.nav-local p.firstentry > a:hover {
		background: none repeat scroll 0 0 #ff6601;
		color: #fff;
		}

	.nav-local .nav-universal a:before,
	.nav-local .nav-universal span.active:before {
		font-family: 'Font Awesome 5 Free';
		line-height: 25px;
		content: '\f111';
		font-weight: 900;
		color: #ffffff;
		position: absolute;
		left: 8px;
		top: 1px;
	}

	.nav-local .nav-universal a:hover::before,
	.nav-local .nav-universal span.active:hover::before,
	.nav-local .nav-universal a.active::before,
	.nav-local .nav-universal span.active::before {
		content: '\f192';
	}


	.nav-local p.firstentry > a:before,
	.nav-local > span:before {
		font-family: 'Font Awesome 5 Free';
		line-height: 22px;
		content: '\f15b';
		position: absolute;
		margin-left: -18px;
		color: white;
	}

	.nav-local .nav-universal li > span.parent:before {
		font-family: 'Font Awesome 5 Free';
		line-height: 22px;
		content: '\f07b';
		position: absolute;
		left: 8px;
		top: 6px;
	}

	.nav-local .nav-universal li.hover > span.parent:before {
		font-family: 'Font Awesome 5 Free';
		line-height: 22px;
		content: '\f07c';
		position: absolute;
		left: 8px;
		top: 6px;
	}

	.nav-local .nav-universal li > a,
	.nav-local .nav-universal li > span.active,
	.nav-local .nav-universal li > span.parent {
		padding: 4px 8px 4px 30px;
	}

	.nav-local .nav-universal li > a:before,
	.nav-local .nav-universal li > span.active:before,
	.nav-local .nav-universal li > span.parent:before {
		left: 8px;
	}

	.nav-local .nav-universal li > ul > li > a,
	.nav-local .nav-universal li > ul > li > span.active,
	.nav-local .nav-universal li > ul > li > span.parent,
	.nav-local .nav-universal li > ul > li.hover > span.parent {
		padding: 4px 8px 4px 50px;
	}

	.nav-local .nav-universal li > ul > li > a:before,
	.nav-local .nav-universal li > ul > li > span.active:before,
	.nav-local .nav-universal li > ul > li > span.parent:before,
	.nav-local .nav-universal li > ul > li.hover > span.parent:before {
		left: 30px;
	}

	.nav-local .nav-universal li > ul > li > ul > li > a,
	.nav-local .nav-universal li > ul > li > ul > li > span.active,
	.nav-local .nav-universal li > ul > li > ul > li > span.parent,
	.nav-local .nav-universal li > ul > li > ul > li.hover > span.parent {
		padding: 4px 8px 4px 80px;
	}

	.nav-local .nav-universal li > ul > li > ul > li > a:before,
	.nav-local .nav-universal li > ul > li > ul > li > span.active:before,
	.nav-local .nav-universal li > ul > li > ul > li > span.parent:before,
	.nav-local .nav-universal li > ul > li > ul > li.hover > span.parent:before {
				left: 60px;
	}

	.nav-local .nav-universal li > ul > li > ul > li > ul > li a,
	.nav-local .nav-universal li > ul > li > ul > li > ul > li span.active,
	.nav-local .nav-universal li > ul > li > ul > li > ul > li span.parent,
	.nav-local .nav-universal li > ul > li > ul > li > ul > li.hover span.parent {
		padding: 4px 8px 4px 112px;
	}

	.nav-local .nav-universal li > ul > li > ul > li > ul > li a:before,
	.nav-local .nav-universal li > ul > li > ul > li > ul > li span.active:before,
	.nav-local .nav-universal li > ul > li > ul > li > ul > li span.active:before,
	.nav-local .nav-universal li > ul > li > ul > li > ul > li.hover span.parent:before {
		left: 92px;
	}

	.nav-local .nav-universal li > .more {
		position: relative;
		float: right;
		padding: 4px 14px 4px 16px;
		margin: 0 0 -1px 0;
		cursor: pointer;
		z-index: auto;
		background: transparent;
		text-align: center;
		border-top: 1px solid transparent;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		font-size: 18px;
	}

	.nav-local .nav-universal li > .more::after{
		height: auto;
		width: auto;
		background: transparent;
		font-family: 'RAFI_online_ICO';
		/*font-weight: 900;*/
		content: '\e914';
		position: absolute;
		right: 8px;
		top: 4px;
		width: auto;
		text-align: left;
		color: #333;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition: transform 300ms ease 0s;
		-webkit-transition: -webkit-transform 300ms ease 0s;
		transition: -webkit-transform 300ms ease 0s;
		transition: transform 300ms ease 0s;
		transition: transform 300ms ease 0s, -webkit-transform 300ms ease 0s;
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
		}

	.nav-local .nav-universal li.hover > .more::after {
		font-family: 'RAFI_online_ICO';
		/*font-weight: 900;*/
		content: '\e914';
		position: absolute;
		right: 8px;
		top: 4px;
		width: auto;
		text-align: left;
		color: #333;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition: transform 300ms ease 0s;
		-webkit-transition: -webkit-transform 300ms ease 0s;
		transition: -webkit-transform 300ms ease 0s;
		transition: transform 300ms ease 0s;
		transition: transform 300ms ease 0s, -webkit-transform 300ms ease 0s;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	.nav-local .nav-universal li .more:hover::after,
	.nav-local .nav-universal li .more:hover::before,
	.nav-local .nav-universal li.hover .more:hover::after,
	.nav-local .nav-universal li.hover .more:hover::before {
		color: #fff;
	}

	.nav-local .nav-universal li .more:hover,
	.nav-local .nav-universal li span.parent:hover {
		background: #1d374a;
		color: #fff;
	}


}

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

	.nav-local.nav-media-service {
			display: block;
	}

}