/* ############################################################
	MOBILE-NAVIGATION
############################################################ */

/* Hamburger */
.nav-button {
	z-index: 11;
	cursor: pointer;
	display: block;
	position: absolute;
	top: 29px;
	right: 0;
	width: 30px;
	height: 23px;
	background-image: url("../../Images/Elemente/elitecag_Hamburger.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	font-weight: 500;
	font-size: 1.125rem; /* 18px */
	line-height: 1.4;
	letter-spacing: 0;
	color: var(--main-color-3);
	text-transform: uppercase;
	-o-transition: background 0.3s var(--cubic-bezier);
	-ms-transition: background 0.3s var(--cubic-bezier);
	-moz-transition: background 0.3s var(--cubic-bezier);
	-webkit-transition: background 0.3s var(--cubic-bezier);
	transition: background 0.3s var(--cubic-bezier);
}
.nav-button:hover {
	color: var(--main-color-3);
}
.nav-button.close {
	top: 36px;
	width: 23px;
	height: 23px;
	background-image: url("../../Images/Elemente/elitecag_Hamburger_Close_Negativ.svg");
	color: var(--main-color-white);
}
@media screen and (min-width: 768px) {
	.nav-button {
		top: 38px;
	}
	.nav-button:before {
		content: "Menü";
		display: inline-block;
		position: absolute;
		top: 0;
		right: 30px;
		padding-right: 15px;
	}
	.nav-button.close {
		top: 38px;
	}
	.nav-button.close:before {
		content: "Schliessen";
		top: 0;
		right: 23px;
		padding-right: 15px;
	}
}