/**
 * Navigation Styles 
 */
.navbar {
	border-radius: inherit;
	border: 0;
	margin: 0;
	min-height: inherit;
	display: flex;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-ms-flex-item-align: center;
	align-self: center;
	z-index: 3;
	width: 100%;
	height: 50px;
	bottom: 0px;
	right: 0px;
	margin-right: auto;
	margin-left: auto;
	max-width: 1200px;
	
	transition: all ease 0.25s;
}
.navbar-collapse {
	padding: 0;
}

.navbar-collapse.in {
	overflow: inherit;
}

.navbar-top{
	padding-bottom: 50px;
}

.navbar-top h2{
	padding-left: 15px;
}


/**
 * Fixieren der Navigation
 */
.navbar-fixed {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	transition: all ease 0.25s;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
	z-index: 200;
	opacity: 0.9;
}
div.yuimenubar > .bd > ul.first-of-type {
	display: flex;
}
.nav_navpunkte {
	width: 100%;
}
#yui-main ul.first-of-type {
	width: 100%;
}


/**
 * Base Styles
 */
div.yuimenuimage img,
div.yuimenuimage_activ img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
div.yuimenuimage,
div.yuimenuimage_activ {
	border-left: 15px solid;
	height: 100%;
	width: 100%;
}
li.yuimenubaritem,
li.yuimenubaritem_activ {
	position: relative;
	width: 100%;
	border-right: 2px solid #fff;
}
li.yuimenubaritem:last-of-type,
li.yuimenubaritem_activ:last-of-type {
	border: 0
}
div.yuimenubaritem,
div.yuimenubaritem_activ {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
}
div.yuimenubaritem a,
div.yuimenubaritem a:link,
div.yuimenubaritem a:hover,
div.yuimenubaritem a:active,
div.yuimenubaritem a:visited,
div.yuimenubaritem_activ a {
	text-decoration: none;
	transition: color 0.4s;
	width: 100%;
	text-align: center;
}

/**
 * Unterpunkte 
 */
.yuimenu {
	width: 100%;
	position: absolute;
	top: 100%;
	padding-top: 2px;
}
.yuimenu > .bd > ul.first-of-type {
	flex-direction: column;
	margin-top: 0;
}


div.yuimenuitem,
div.yuimenuitem_activ {
	width: 100%;
	padding: 2px 15px;
	border-bottom: 1px solid #bbb;
}
div.yuimenuitem a,
div.yuimenuitem a:link,
div.yuimenuitem a:hover,
div.yuimenuitem a:active,
div.yuimenuitem a:visited,
div.yuimenuitem_activ a,
div.yuimenuitem_activ a:link,
div.yuimenuitem_activ a:hover,
div.yuimenuitem_activ a:active,
div.yuimenuitem_activ a:visited {
	transition: color 0.4s;
	text-decoration: none;
	font-size: 0.9rem;
}
ul.header-links {
	list-style-type: none;
}




/**
 * Versuch menuhorizontal.css zu neutralisieren
 */
#yui-main, div.yuimenubar {
	position: relative;
}



