@charset "utf-8";

/****************************************************************************************************
 *
 * Gemeinsame Style-Definitionen fuer alle Header-Bars (1-3)
 *
 ****************************************************************************************************/

/*
 * Grosse Displays: Kein Header Brand fuer grosse Displays
 */
@media all and (min-width: 768px) {
	.header-brand {
		display: none;
	}
}

/*
 * Kleine Displays
 */
@media all and (max-width: 767px) {

	/* Brand */
	.navbar-brand {
		padding-top: 0;
		padding-bottom: 0;
	}

	.header-brand {
		display: table-cell;
		height: var(--menu-small-screen-level-1---height);
		line-height: var(--menu-small-screen-level-1---height);
		vertical-align: middle;
		text-align: center;
		padding-left: 10px;
		padding-right: 0;
		width: var(--menu-header-brand-small-screen---width);
	}

	.navbar-brand img {
		margin-left: 10px;
	}

	/* Brand Link */
	.navbar-default .navbar-brand {
		font-weight: normal;
		padding-left: 15px;
		padding-right: 15px;
		margin: 0;
		vertical-align: middle;
		text-align: center;
		color: inherit;
		height: inherit;
	}

	/* Brand Hover und Focus */
	.navbar-default .navbar-brand:hover,
	.navbar-default .navbar-brand:focus {
		color: var(--menu-active-level-1---color);
		background-color: var(--menu-active-level-1---background-color);
		background-image: none;
	}

	.header-brand a {
		height: var(--menu-small-screen-level-1---height);
		line-height: var(--menu-small-screen-level-1---height);
		font-size: var(--menu-small-screen-level-1---font-size);
		color: var(--menu-level-1---color);
		background-color: var(--menu-level-1---background-color);
	}

}