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

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


/* Hamburger */
.nav-button {
	position: relative;
	display: inline-block;
	width: 32px;
	height: 15px;
	cursor: pointer;
	background-image: url("../../Images/Elemente/Nav_Hamburger_Mobile.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 32px 15px;
}
.nav-button.open {
	position: absolute;
	top: 42px;
	left: 0;
}
.nav-button.close {
	background-image: url("../../Images/Elemente/Nav_Close_Mobile.svg");
}
@media (min-width: 1020px) {
	.nav-button {
		width: 40px;
		height: 19px;
		background-image: url("../../Images/Elemente/Nav_Hamburger.svg");
		background-size: 40px 19px;
	}
	.nav-button:hover {
		background-image: url("../../Images/Elemente/Nav_Hamburger_Hover.svg");
	}
	.nav-button.open {
		top: 60px;
	}
	.nav-button.close {
		background-image: url("../../Images/Elemente/Nav_Close.svg");
	}
	.nav-button.close:hover {
		background-image: url("../../Images/Elemente/Nav_Close_Hover.svg");
	}
	.nav-button:after {
		content: "Menü";
		display: inline-block;
		position: absolute;
		top: 0;
		left: 40px;
		padding-left: 23px;
		font-size: 1.1875rem; /* 19px */
		line-height: 1.0;
		letter-spacing: 0.19px;
		color: var(--main-color-1);
	}
	.nav-button:hover:after {
		font-weight: 600;
	}
	/*.nav-button.open:after {
		content: "Schliessen";
	}*/
}