/* ############################################################
	FARBKLIMA
###############################################################

	Rot:						#bd0926 - rgba(189,9,38,1)
	Rot (2):				#a4001d - rgba(164,0,29,1)
	
	Grau (1):				#f8f6f5 - rgba(248,246,245,1)
	Grau (2):				#f0eeec - rgba(240,238,236,1)
	Grau (3):				#dcd7d2 - rgba(220,215,210,1)
	Grau (4):				#504c48 - rgba(80,76,72,1)
	
###############################################################
	ALLGEMEINES
############################################################ */

body {
	overflow-x: hidden;
}


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

/* Hamburger */
.nav-button {
	position: relative;
	display: inline-block;
	top: 29px;
	right: 7px;
	width: 24px;
}
	.nav-burgerlines {
		display: block;
	}
	.nav-burgerlines:hover {
		cursor: pointer;
	}
		.nav-burgerlines span {
			display: block;
			position: relative;
			top: 0;
			width: 24px;
			height: 2px;
			margin-bottom: 7px;
			background-color: #a4001d;
			transition: all ease-in-out 0.4s;  
		}
		.nav-button span:nth-child(3) {
			margin-bottom: 0;
		}
		.nav-button.openburger span:nth-child(2) {
			width: 0;
			opacity: 0;
		}
		.nav-button.openburger span:nth-child(1) {
			top: 10px;
			width: 28px;
			transform: rotate(-45deg);
		}
		.nav-button.openburger span:nth-child(3) {
			top: -8px;
			width: 28px;
			transform: rotate(45deg);
		}


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

.fixedcontent {
	position: fixed;
}

nav.push-menu-right {
	z-index: 19;
	position: fixed;
	display: none;
	overflow-x: hidden;
	overflow-y: scroll;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding-top: 80px;
	background-color: #f8f6f5;
}
	nav.push-menu-right .nav-mobile {
		position: relative;
		width: 100%;
		min-height: 100%;
	}
	nav.push-menu-right .nav-mobile-abstand {
		height: 80px;
	}
	/* Fusszeile */
	.push-menu-right .footer__inhaltbox {
		position: relative;
		height: 80px;
		margin-top: -80px;
		background-color: #f0eeec;
	}
@media (min-width: 980px) {
	nav.push-menu-right {
		display: none;
	}
}