/* @override http://p702296.webspaceconfig.de/fileadmin/templates/ext/simplemenu-anchor/simplemenu.css?* */

* {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent; /* For some Androids */
}

/* @group ICON */

a#menu-icon {
	position: fixed;
	z-index: 999;
	top: 32px;
	right: 0px;
	padding: 20px;
}

#hamburger {
	width: 40px;
	height: 29px;
	position: relative;
}

.menui {
	transition: 0.6s ease;
	transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
	position: absolute;
}

.top-menu-navi {
	top: 0px;
	width: 40px;
	height: 4px;
	border-radius: 0px;
	background: var(--color-blue);
}

.mid-menu-navi {
	top: 10px;
	width: 40px;
	height: 4px;
	border-radius: 0px;
	background: var(--color-blue);
}

.bottom-menu-navi {
	top: 20px;
	width: 40px;
	height: 4px;
	border-radius: 0px;
	background: var(--color-blue);
}

.top-animate-navi {
	background: var(--color-blue);
	top: 7px !important;
	-webkit-transform: rotate(45deg);
	/* Chrome, Safari, Opera */
	transform: rotate(45deg);
}

.mid-animate-navi {
	opacity: 0;
}

.bottom-animate-navi {
	background: var(--color-blue);
	top: 7px !important;
	-webkit-transform: rotate(-450eg);
	/* Chrome, Safari, Opera */
	transform: rotate(-45deg);
}

/* @end */