/*
 * Atom: Hamburger-Menü-Button (.toggle, .toggle__bar) für die mobile
 * Navigation.
 */

.toggle__bar {
	width: 32px;
	height: 5px;
	margin: 6px 0;
	background-color: #d40f14;
	transition: 0.4s;
}

.toggle__bar--active:nth-child(1) {
	transform: translate(0, 11px) rotate(-45deg);
}

.toggle__bar--active:nth-child(2) {
	opacity: 0;
}

.toggle__bar--active:nth-child(3) {
	transform: translate(0, -11px) rotate(45deg);
}

.toggle {
	z-index: 9;
	position: relative;
}