#masthead {
	background: -moz-linear-gradient(top,  rgba(18,16,11,0.7) 0%, rgba(18,16,11,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(18,16,11,0.7) 0%,rgba(18,16,11,0) 100%);
	background: linear-gradient(to bottom,  rgba(18,16,11,0.7) 0%,rgba(18,16,11,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b312100b', endColorstr='#0012100b',GradientType=0 );

	padding:1.3rem 2rem 5.7rem;
	display: flex;
	align-items: center;
	justify-content: space-between;

	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:10;

	transition:all .2s ease-in-out;
}

.custom-logo-link {
	display: inline-block;
	width:50vw;
	position:relative;
	z-index:2;
}


.menu-toggle {
	position:relative;
	z-index:2;
	border:0 none;
	background:none;
	border-radius:0;
	padding:0;
	margin-right:-17px;
	outline:none;
	overflow:hidden;
	display:block;
}

.menu-hauptmenue-container {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color:rgba(0,0,0,0);
	transition:all .2s ease-in-out;
	transition-delay:.1s;
	visibility:hidden;
}
.main-navigation.is--open .menu-hauptmenue-container {
	background-color:rgba(0,0,0,.9);
	transition-delay:0s;
	visibility:visible;
}
.menu-hauptmenue-container ul {
	list-style:none;
	padding:0;
	margin:0;
	text-align:center;
	font-size:3rem;
	line-height:1.36;
}

.menu-hauptmenue-container > ul > li:not(:last-of-type) {
	margin-bottom:4rem;
}
.menu-hauptmenue-container a {
	color:#FFF;
	text-decoration:none;
	transition:all .2s ease-in-out;
}
.menu-hauptmenue-container a[href] {
	font-weight:700;
}
.menu-hauptmenue-container a[href]:hover {
	color:#eb573c;
}

#primary-menu {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(.75);
	transition: all .2s ease-in-out;
	transition-delay: 0s;
	opacity:0;
}
.main-navigation.is--open #primary-menu {
	transform: translate(-50%,-50%) scale(1);
	opacity:1;
	transition-delay:.1s;
	margin-top:35px;
}

.ud--nav-search {
	display:flex;
	align-items:center;
}
.ud--search {
	position:relative;
}
.ud--search-form {
	position:absolute;
	top:0;
	right:0;
	z-index:0;
	overflow: hidden;
	max-width: 0;
	opacity:0;
	visibility:hidden;
	transition: all .2s linear;
	transition-delay:.2s;
}
.ud--search-form.is--open {
	max-width:300px;
	opacity:1;
	visibility:visible;
	transition-delay:0;
	z-index:9;
}
.ud--search-form .search-form {
	display:flex;
	align-items: center;
}
.ud--search-form .search-field {
	padding-right:80px;
	max-width:300px; /*calc(100vw - 60px - 4rem);*/
}

.ud--search-form .search-form button  {
	margin-left:-80px;
	transition:all .3s ease-in-out;
	opacity:0;
	transition-delay:0;
}
.ud--search-form.is--open .search-form button  {
	opacity:1;
	transition-delay:.2s;
}
.ud--search-form.is--open .ud--close-search-form {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: -1;
}

.ud--search-form .ud--magnifier {
	fill:#eb573c;
}

.ud--magnifier path {
	transform:scale(.84);
	transform-origin:center;
}

.search-toggle,
.ud--search-form .search-form button {
	position: relative;
	background: transparent;
	border: 0;
	border-radius: 0;
	padding: 0;
	outline:none;
	display:block;
	cursor:pointer;
}
.search-toggle svg {
	fill:#FFF;
	display:block;
}

/* Burger-Menu */
.ham {
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: width .2s ease-in-out, transform 400ms;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display:block;
}
.hamRotate.active {
	transform: rotate(45deg);
}
.line {
	fill:none;
	transition: stroke-dasharray 200ms, stroke-dashoffset 200ms;
	stroke:#FFF;
	stroke-width:5.5;
	stroke-linecap:round;
}
.ham8 .top {
	stroke-dasharray: 40 160;
}
.ham8 .middle {
	stroke-dasharray: 40 142;
	transform-origin: 50%;
	transition: transform 200ms;
}
.ham8 .bottom {
	stroke-dasharray: 40 85;
	transform-origin: 50%;
	transition: transform 200ms, stroke-dashoffset 200ms;
}
.ham8.active .top {
	stroke-dashoffset: -64px;
}
.ham8.active .middle {
	transform: rotate(90deg);
}
.ham8.active .bottom {
	stroke-dashoffset: -64px;
}


#masthead.is--fixed {
	position:fixed;
	padding-top:.25rem;
	padding-bottom:.25rem;
	background-color:#2d2d2d;
	z-index:9;
}
#masthead .ud--search-form .ud--magnifier,
#masthead .search-toggle svg {
	transition:all .2s ease-in-out;
}
#masthead .ud--search-form .ud--magnifier,
#masthead .search-toggle svg {
	width:60px;
	height:60px;
}
#masthead .ham {
	width:60px;
}

@media screen and (min-width:480px) {
	#masthead {
		padding:1.3rem calc(10vw + 2rem) 5.7rem;
	}
}

@media (min-width:768px) and (min-height:900px) {
	.menu-hauptmenue-container ul {
		font-size:6rem;
	}
	.menu-hauptmenue-container > ul > li:not(:last-of-type) {
		margin-bottom:5rem;
	}
}
@media screen and (min-width:768px) {
	/*
	.menu-hauptmenue-container > ul > li:not(:last-of-type) {
		margin-bottom:8rem;
	}
	*/
	.menu-toggle {
		margin-right:-20px;
	}
	#masthead .ud--search-form .ud--magnifier,
	#masthead .search-toggle svg {
		width:80px;
		height:80px;
	}
	#masthead .ham {
		width:80px;
	}
}
@media screen and (min-width:1200px) {
	#masthead {
		padding:1.3rem 16.6666667vw 5.7rem;
	}
}