/* ############################################################
	FARBKLIMA
###############################################################
	
	Orange:					#ee832f - rgb(238,131,47)
	Grün:						#286565 - rgb(40,101,101)
	Mint:						#e5f2ec - rgb(229,242,236)
	Grau:						#413c38 - rgb(65,60,56)
	
###############################################################
	ALLGEMEINES
############################################################ */

nav.navigation__box,
nav.navigation__box.open {
}

/* Navigation Aktiv */
html.open,
body.open {
	overflow: hidden;
}


/* ############################################################
	ICONS, BURGER
############################################################ */

/* Hamburger */
#nav-button,
#nav-button-close {
	display: inline-block;
	position: relative;
	width: 40px;
	height: 43px;
	background-image: url("../../Images/Navigation/nav-hamburger-close.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
#nav-button {
	position: absolute;
	top: 37px;
	right: 20px;
	background-image: url("../../Images/Navigation/nav-hamburger-open.svg");
}
#nav-button:hover,
#nav-button-close:hover {
	cursor: pointer;
}
@media (min-width: 760px) {
	#nav-button {
		top: 81px;
		right: 50px;
	}
}


/* ############################################################
	NAVIGATIONSBALKEN
############################################################ */

nav.navigation__box {
	z-index: 11;
	position: fixed;
	overflow: auto;
	top: 0;
	bottom: 0;
	left: 100%;
	right: 0;
	padding: 0;
	background-color: #ee832f;
}
@media (min-width: 1020px) {
	nav.navigation__box {
		display: none;
	}
}