@charset "utf-8";

/****************************************************************************************************
 *
 * Das Button-Menu bei kleinen Displays
 *
 ****************************************************************************************************/

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

	.navbar-default .menu-button {
		display: table-cell;
		vertical-align: middle;
		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);
		/*	position: fixed; */
		right: 0;
		color: var(--menu-level-1---color);
		background-color: var(--menu-level-1---background-color);
		width: calc(var(--menu-small-screen-level-1---height) - 20px);
	}

	.navbar-default .menu-button:hover {
		display: table-cell;
		vertical-align: middle;
		color: var(--menu-active-level-1---color);
		background-color: var(--menu-active-level-1---background-color);
	}

	.navbar-default .menu-button {

	}

	.navbar-default .navbar-toggle {
		height: var(--menu-small-screen-level-1---height);
		line-height: var(--menu-small-screen-level-1---height);
		min-width: 0;
		margin: 0 10px 0 0;
		border: 0;
	}

	/* Menu-"Wuerste" */
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #ffffff;
	}

	/* Menu-"Wuerste" */
	.navbar-toggle .icon-bar {
		height: 3px;
	}

	/* Menu Hover und Focus */
	.navbar-default .navbar-toggle:hover {
		background-color: inherit;
		background-image: none;
	}

	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:active {
		background-color: inherit;
		background-image: none;
	}

}