header {
	z-index: 2000;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	max-height: 150px;
	transition: all 0.4s ease-in-out;
}


header.dummy {
	z-index: 0;
	position: relative;
}

header > .middle {
	max-width: 1660px !important;
}

header.fixedHeader {
	background-color: #fff;
}

.landingPage {
	padding-top: 0;
}

.landingPage header {
	background: -moz-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 1%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 1%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 1%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#00000000',GradientType=0 );
}

header > .middle, header > .middle > .margin {
	overflow: visible !important;
}

header .relative {
	height: 150px;
	transition: all 0.2s ease-in-out;
}


header .logo {
	height: 105px;
	position: absolute;
	z-index: 1;
	left: 15px;
	max-width: 344px;
	width: 70%;
	top: 74px;
	overflow: hidden;
	transition: all 0.2s ease-in-out;
}

header.floatingHeader .logo {
	display: block;
}

header .logo img {
	image-rendering: optimizeQuality;
	image-rendering: -webkit-optimize-contrast;
	display: block;
	width: 100%;
	height: auto;
	transition: all 0.2s ease-in-out;
}



header .menu {
	position: absolute;
	right: 20px;
	bottom: 14px;
	transition: all 0.2s ease-in-out;
}

.openMenu {
	height: 50px;
	width: 50px;
	position: absolute;
	right: 17px;
	bottom: 7px;
	cursor: pointer;
	background-image: url('../../../../images/icon_burgermenu_black.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 18px 14px;
	transition: top 0.2s ease-in-out, opacity 0.4s ease-in-out;
}


@media screen and (min-width: 1200px) {

	header .menu {
		right: 60px;
	}

	.scrolledABit .openSearch {
		bottom: 7px;
	}
}

header.floatingHeader .openMenu {
	background-image: url('../../../../images/icon_burgermenu_white.svg');
}

header .openMenu:hover {
	background-size: 27px 21px;
}

.scrolledABit header .openMenu {
	background-image: url('../../../../images/icon_burgermenu_black.svg');
}

#DD {
}


header .logo.negative {
	opacity: 1;
}

.logo img.negative {
	display: block;
}

.logo img.notnegative {
	display: none;
}

header.fixedHeader img.notnegative {
	display: block !important;
}

header.fixedHeader img.negative {
	display: none !important;
}


.scrolledABit .logo {
	top: 18px;
}

.scrolledABit .logo .negative {
	display: none;
}

.scrolledABit .logo .notnegative {
	display: block;
}




.scrolledABit .logo img {
	opacity: 1;
	position: relative;
	left: 0;
}

@media screen and (max-width: 1015px) {
}

.scrolledABit header {
	position: fixed;
	background-image: initial;
	background-color: rgba(255, 255, 255, 1);
}

.scrolledABit header .relative {
	height: 70px;
}


@media screen and (max-width: 700px) {


	header .relative {
		height: 82px;
	}

	header .logo {
		top: auto;
		height: 40px;
		bottom: 24px;
		left: 0;
	}

	.scrolledABit header .logo {
		width: 172px;
		top: 26px;
	}

	.openMenu {
		right: 0;
		bottom: 6px;
	}

	.searchIcon {
		display: none;
		pointer-events: none;
	}
}


@media screen and (max-width: 500px) {
	.openMenu {
		height: 100%;
		top: 0;
		bottom: 0;
	}
}