@charset "utf-8";

/****************************************************************************************************
 *
 * Style des Top-Right Header-Bars
 *
 ****************************************************************************************************/

#language-menu,
#account-menu {
	display: table-cell;
}

/**
 * Grosse Displays
 */
@media all and (min-width: 768px) {

	.header-bar-1-right {
		float: right;
	}

	#language-menu,
	#account-menu {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		float: none;
		background-image: none;
		margin: 0;
		padding-right: 5px;
	}

	.account-menu-item {
		float: left;
		height: inherit;
		line-height: inherit;
		font-size: inherit;
		font-weight: inherit;
	}

}

#language-menu .navbar-nav li a,
#account-menu  .navbar-nav li a {
	width: auto;
	border: 0;
}


#language-menu .navbar-nav .open .dropdown-menu li a,
#account-menu .navbar-nav .open .dropdown-menu li a {
	padding-left: 15px;
}

/*
 * Grosse Displays
 */
@media all and (min-width: 768px) {

	/* Unterdruecke Account-Toeggeli bei grossem Menu */
    .account-image {
	    display: none;
    }
}

/*
 * Kleine Displays
 */
@media all and (max-width: 767px) {
/*
	.header-bar-1-right .navbar-nav {
		margin-left: 0;
		margin-right: 0;
	}
*/

/* Level-1 */
/*
	.header-bar-1-right ul.navbar-nav > li > a,
	.header-bar-1-right ul.navbar-nav > .open > a,
	.header-bar-1-right ul.navbar-nav > li > p {
		line-height: var(--menu-small-screen-level-1---height);
		padding: 0;
		padding-left: 5px;
		padding-right: 5px;
		margin: 0;
		background-image: none;
	}

	.header-bar-1-right .navbar-nav > .active > a,
	.header-bar-1-right .navbar-nav .open .dropdown-menu > li > a,
	.header-bar-1-right .navbar-nav .active .dropdown-menu > li > a {
		font-size: 20px;
		line-height: 24px;
		height: var(--menu-small-screen-level-1---height);
		color: inherit;
		background-color: inherit;
		background-image: none;
	}

	.header-bar-1-right .navbar-nav > li > a:hover,
	.header-bar-1-right .navbar-nav > .active > a:hover,
	.header-bar-1-right .navbar-nav .open .dropdown-menu > li > a:hover,
	.header-bar-1-right .navbar-nav .active .dropdown-menu > li > a:hover {
		color: inherit;
		background-color: #dd0000;
		background-color: inherit;
		background-image: none;
	}
*/

	/* Active */
/*
	.header-bar-1-right .navbar-nav > li > a:active,
	.header-bar-1-right .navbar-nav > .active > a:active,
	.header-bar-1-right .navbar-nav .open .dropdown-menu > li > a:active,
	.header-bar-1-right .navbar-nav .active .dropdown-menu > li > a:active,
	.header-bar-1-right ul.navbar-nav > .active > a {
		color: inherit;
		background-color: #dd0000;
		background-color: inherit;
		background-image: none;
	}
*/

	/* Focus */
/*
	.header-bar-1-right .navbar-nav > li > a:focus,
	.header-bar-1-right .navbar-nav > .active > a:focus,
	.header-bar-1-right .navbar-nav .open .dropdown-menu > li > a:focus,
	.header-bar-1-right .navbar-nav .active .dropdown-menu > li > a:focus,
	.header-bar-1-right ul.navbar-nav > .active > a {
		color: inherit;
		background-color: #dd0000;
		background-color: inherit;
		background-image: none;
	}
 */

	/** Unterdruecke Wort "Konto" bei kleinem Menu und zeige Account-Toeggeli an */
	.account-menu-item {
		display: none;
	}

	/** Unterdruecke Name des eingeloggten Benutzers bei kleinem Menu und zeige Account-Toeggeli an */
	#account-menu > ul > li > a > .user-name {
		display: none;
	}

}

.header-bar-1-right .navbar-nav .open .dropdown-menu {
	position: absolute;
	box-shadow: var(--box-shadow);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.header-bar-1-right .navbar-nav .open .dropdown-menu li {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

/**
 * Kleiner Bildschirm
 */
@media all and (max-width: 767px) {

	.header-bar-1-right .navbar-nav .open .dropdown-menu {
		border-radius: 20px;
	}

	.header-bar-1-right .navbar-nav .open .dropdown-menu-center {
		position: fixed;
		left: calc(100% / 2 - 120px);
		right: auto;
	}
}