.header {
	background: var(--color-white);
	max-height: 100px;
	box-sizing: border-box;
	font-family: var(--font-condensed-family);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 200;
	box-shadow: 0 0 15px rgba(0,0,0,.2);
}

body.admin-bar .header {
	margin-top: 32px;
}

.header.hidden {
	-moz-transform: translate(0px, -200%);
	-webkit-transform: translate(0px, -200%);
	-o-transform: translate(0px, -200%);
	-ms-transform: translate(0px, -200%);
	transform: translate(0px, -200%);
}

	.header.hidden.unhidden {
		-moz-transform: translate(0px, 0%);
		-webkit-transform: translate(0px, 0%);
		-o-transform: translate(0px, 0%);
		-ms-transform: translate(0px, 0%);
		transform: translate(0px, 0%);
	}

	.header.hidden + .main {
		margin-top: -60px !important;
	}

	.header.hidden:after {
		content: "";
		display: block;
		width: 100%;
		height: 130%;
		position: absolute;
		left: 0;
		bottom: -130%;
	}

.header a {
	-webkit-transition: color 200ms ease-in-out;
	-moz-transition: color 200ms ease-in-out;
	-o-transition: color 200ms ease-in-out;
	-ms-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;
}

.header.scrolled {
	max-height: 75px;
}

.header.top {
	max-height: 130px;
}

.header.website-bar-open {
	max-height: 1000px;
}

body.transition .header,
body.transition .header .menu-wrapper .width,
body.transition .header .topbar,
body.transition .header .website-bar .website-bar-toggle,
body.transition .header.inited .website-bar .website-bar-content,
.header:after {
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

	body.transition .main {
		-webkit-transition: margin 200ms ease-in-out;
		-moz-transition: margin 200ms ease-in-out;
		-o-transition: margin 200ms ease-in-out;
		-ms-transition: margin 200ms ease-in-out;
		transition: margin 200ms ease-in-out;
	}

.header .website-bar-toggle {
	margin-left: 30px;
	position: relative;
}
	.header .menu .website-bar-toggle a {
		position: relative;
		padding-right: 24px;
	}

	.header .website-bar-toggle a:before,
	.header .website-bar-toggle a:after {
		content: "";
		display: block;
		width: 18px;
		height: 18px;
		margin-top: -10px;
		display: inline-block;
		background: url(../img/icons/arrow-down-small-grey.svg) no-repeat center center / contain;
		position: absolute;
		top: 50%;
		right: 0;
	}

		.header .website-bar-toggle a:after {
			background-image: url(../img/icons/arrow-up-small-grey.svg);
			opacity: 0;
		}

		.header.inited.website-bar-open .website-bar-toggle a:before {
			opacity: 0;
		}

		.header.inited.website-bar-open .website-bar-toggle a:after {
			opacity: 1;
		}

.header .website-bar {
	display: none;
	position: relative;
	z-index: 10;
	background: var(--color-grey-light);
}

	.header.inited .website-bar {
		display: block;
	}

	.header.inited .website-bar .width:after {
		content: "";
		display: block;
		position: absolute;
		width: calc(100% - 40px);
		left: 20px;
		bottom: 1px;
		height: 1px;
		background: var(--color-black);
	}

	.header.inited .website-bar .website-bar-content {
		max-height: 0;
		overflow: hidden;
		position: relative;
	}

		.header.inited.website-bar-open .website-bar .website-bar-content {
			max-height: 800px;
		}

			.header.inited.website-bar-open.scrolled .website-bar .website-bar-content {
				max-height: 0;
			}

		.header.inited .website-bar .website-bar-content-inner {
			padding: 20px 0;
		}

			.header.inited .website-bar .website-bar-content-inner .columns {
				flex-wrap: wrap;
			}

				.header.inited .website-bar .website-bar-content-inner .columns .column {
					display: block;
					padding: 0;
					width: calc(100% / 3 - 10px);
					margin-top: 20px;
				}

				.header.inited .website-bar .website-bar-content-inner .columns img {
					display: block;
					width: 100%;
					height: auto;
					margin-bottom: 10px;
				}

				.header.inited .website-bar .website-bar-content-inner .columns span {
					line-height: 1.3;
					font-size: 14px;
				}

					.header.inited .website-bar .website-bar-content-inner .columns span strong {
						color: var(--color-green);
					}

		.header.inited .website-bar-close {
			position: absolute;
			right: 0;
			top: 10px;
			width: 18px;
			height: 18px;
			cursor: pointer;
			background: url(../img/icons/close-small-grey.svg) no-repeat center center / contain;
		}

			.header.inited .website-bar-close:hover {
				background-image: url(../img/icons/close-small-grey-hover.svg);
			}

	.header .menu li.website-bar-toggle {
		display: none;
	}

		.header.inited .menu li.website-bar-toggle {
			display: inline;
			cursor: pointer;
		}

		.header.inited.website-bar-open .menu li.website-bar-toggle a {
			color: var(--color-green-light);
			font-weight: var(--font-condensed-weight-bold);
		}

	@media ( max-width: 1000px ) {

		.header.inited .website-bar .website-bar-content-inner {
			padding: 20px 0;
		}

	}

	@media ( max-width: 640px ) {

		.header.inited .website-bar .website-bar-content-inner .columns .column {
			width: calc(100% / 2 - 5px);
			position: relative;
			margin-top: 10px;
		}

		.header.inited .website-bar .website-bar-content-inner .columns .column img {
			margin: 0;
		}

		.header.inited .website-bar .website-bar-content-inner .columns .column .button {
			position: absolute;
			bottom: 0;
			box-sizing: border-box;
			max-width: 100%;
			font-size: 0.8em;
			padding: 5px;
		}

	}

.header .topbar {
	background: var(--color-grey-light);
	text-align: right;
	font-size: 14px;
	margin-right: -5px;
}

	.header .topbar li {
		position: relative;
	}

		.header .topbar a {
			padding-left: 5px;
			padding-right: 5px;
			color: var(--color-grey-medium-dark);
		}

		.header .topbar a:hover {
			color: var(--color-green);
		}

		.header .topbar li:after {
			content: "";
			display: inline-block;
			width: 1px;
			height: 16px;
			margin-top: -8px;
			position: absolute;
			right: -2px;
			top: 50%;
			background: var(--color-grey-medium-dark);
		}

		.header .topbar li:last-child:after,
		.header .topbar li.noline:after {
			display: none;
		}

	.header.scrolled .topbar {
		margin-top: -25px;
	}

	@media ( max-width: 1000px ) {

		.header .topbar .width {
			padding-left: 0;
		}

		.header .website-bar-toggle {
			margin-left: 15px;
		}

		.header .language-switcher {
			margin-left: 10px !important;
			margin-right: 0;
		}

	}

	@media ( max-width: 480px ) {

		.header .website-bar-toggle {
			margin-left: 0px;
		}

		.header .topbar {
			min-width: 340px;
		}

		body.website-area-peru .topbar,
		body.website-area-ukraine .topbar,
		body.website-area-colombia .topbar {
			padding-right: 0;
		}

		.header .topbar .menu-item a span {
			display: none;
		}

	}

.header .menu-wrapper .width {
	padding-left: 240px;
	padding-top: 13px;
	padding-bottom: 13px;
}

	.header.top .menu-wrapper .width {
		padding-top: 28px;
		padding-bottom: 23px;
	}

	.header .menu-wrapper .width .menu {
		vertical-align: middle;
		display: inline-block;
	}

.header .logo,
.header .logo:after {
	width: 135px;
	height: 80px;
	padding: 0;
	display: block;
	position: absolute;
	left: -37px;
	top: -6px;
	z-index: 250;
	background: url(../img/logo/logo_en_black.svg) no-repeat top center / 100% auto;
}

	body.logo-text-white .header .logo,
	body.logo-text-white .header .logo:after {
		background-image: url(../img/logo/logo_en_white.svg);
	}

	html[lang="de"] .header .logo,
	html[lang="de"] .header .logo:after {
		background-image: url(../img/logo/logo_de_black.svg);
	}

		html[lang="de"] body.logo-text-white .header .logo,
		html[lang="de"] body.logo-text-white .header .logo:after {
			background-image: url(../img/logo/logo_de_white.svg);
		}

	html[lang="es"] .header .logo,
	html[lang="es"] .header .logo:after {
		background-image: url(../img/logo/logo_es_black.svg);
	}

		html[lang="es"] body.logo-text-white .header .logo,
		html[lang="es"] body.logo-text-white .header .logo:after {
			background-image: url(../img/logo/logo_es_white.svg);
		}

	html[lang="es"] body.website-area-colombia .header .logo,
	html[lang="es"] body.website-area-colombia .header .logo:after {
		background-image: url(../img/logo/logo_colombia_black.svg);
	}

		html[lang="es"] body.website-area-colombia.logo-text-white .header .logo,
		html[lang="es"] body.website-area-colombia.logo-text-white .header .logo:after {
			background-image: url(../img/logo/logo_colombia_white.svg);
		}

	html[lang="es"] body.website-area-peru .header .logo,
	html[lang="es"] body.website-area-peru .header .logo:after {
		background-image: url(../img/logo/logo_en_black.svg);
	}

		html[lang="es"] body.website-area-peru.logo-text-white .header .logo,
		html[lang="es"] body.website-area-peru.logo-text-white .header .logo:after {
			background-image: url(../img/logo/logo_en_white.svg);
		}

	.header .logo:after {
		content: "";
		opacity: 0;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 230px;
		pointer-events: none;
		z-index: 5;
	}

		.header.top .logo:after {
			opacity: 1;
		}

	.header .logo span {
		display: none;
	}

	.header.top .logo {
		left: 28px;
		top: -8px;
		width: 196px;
		height: 112px;
	}

	body.transition .header .logo,
	body.transition .header .logo:after {
		-webkit-transition: all 200ms ease-in-out;
		-moz-transition: all 200ms ease-in-out;
		-o-transition: all 200ms ease-in-out;
		-ms-transition: all 200ms ease-in-out;
		transition: all 200ms ease-in-out;
	}

.header .menu-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

	.header .menu-container .searchbar {
		order: 2;
		margin-left: 10px;
	}

	.header .menu-container .menu-container-spacer {
		flex-grow: 1;
		order: 3;
	}

	.header .menu-container #menu-main-side {
		order: 4;
	}

.header .menu {
	display: inline-block;
}

	.header .menu li {
		display: inline;
	}

		.header a {
			display: inline-block;
			padding: 10px 20px;
			color: var(--color-black);
			vertical-align: middle;
		}

		.header #menu-main > li:after {
			content: "";
			display: inline-block;
			width: 1px;
			height: 19px;
			margin-left: -2px;
			margin-right: 1px;
			background: var(--color-black);
			vertical-align: middle;
		}

		.header #menu-main a {
			font-weight: var(--font-condensed-weight-bold);
			padding: 10px 20px;
		}

		.header .menu > li > a {
			text-transform: uppercase;
		}

		.header .sub-menu {
			position: absolute;
			width: 100%;
			display: block;
			padding-top: 15px;
			padding-bottom: 30px;
			z-index: 160;
			opacity: 0;
			pointer-events: none;
		}

			body.transition .header .sub-menu {
				-webkit-transition: opacity 200ms ease-in-out;
				-moz-transition: opacity 200ms ease-in-out;
				-o-transition: opacity 200ms ease-in-out;
				-ms-transition: opacity 200ms ease-in-out;
				transition: opacity 200ms ease-in-out;
			}

			.header.top .sub-menu {
				padding-top: 30px;
			}

			.header #menu-main > li > .sub-menu:after {
				content: "";
				position: absolute;
				top: 0;
				left: -50vw;
				width: 150vw;
				height: 15px;
				background: var(--color-white);
				z-index: -1;
			}

			.header #menu-main > li > .sub-menu:before {
				content: "";
				position: absolute;
				left: -50vw;
				width: 150vw;
				height: 0%;
				top: 15px;
				background: rgba(255,255,255,.9);
				z-index: -2;
				box-shadow: 0 0 15px rgba(0,0,0,.2);

				-webkit-transition: height 200ms ease-in-out;
				-moz-transition: height 200ms ease-in-out;
				-o-transition: height 200ms ease-in-out;
				-ms-transition: height 200ms ease-in-out;
				transition: height 200ms ease-in-out;
			}

				.header #menu-main > li:hover > .sub-menu:before {
					height: calc(100% - 15px);
				}

			.header .menu > li:hover .sub-menu {
				opacity: 1;
				pointer-events: all;
			}

				.header .menu > li:hover .sub-menu {
					z-index: 180;
				}

			.header .current-menu-item > a,
			.header .current_page_item > a,
			.header .current_page_ancestor > a {
				font-weight: var(--font-condensed-weight-bold);
			}

			.header .menu li.current-menu-item > a,
			.header .menu > li.current-page-ancestor > a,
			.header .menu > li.current_page_ancestor > a,
			.header .menu a:hover {
				color: var(--color-green-light);
			}

			.header .sub-menu li {
				display: inline-block;
				width: 230px;
				vertical-align: top;
			}

				.header .sub-menu li#menu-item-54,
				.header .sub-menu li#menu-item-54 li { /* special case about submenu */
					width: 300px;
				}

				body.website-area-peru .header .sub-menu li,
				body.website-area-ukraine .header .sub-menu li,
				body.website-area-colombia .header .sub-menu li {
					display: block;
				}

			.header .sub-menu .sub-menu {
				display: block;
				position: static;
				padding-top: 0;
				padding-bottom: 10px;
			}

				.header .sub-menu .sub-menu li {
					display: block;
				}

				.header .sub-menu .sub-menu a {
					font-weight: var(--font-condensed-weight);
				}

		.header .menu-item.with-teaser-box {
			min-height: 220px;
		}

		.header .teaser-box {
			position: absolute;
			left: 225px;
			width: 520px;
			padding-top: 46px;
		}

			.header .teaser-box img {
				display: block;
				width: 100%;
				height: auto;
				margin-bottom: 5px;
			}

			.header .teaser-box .teaserlist {
				list-style-type: none;
				margin: 0;
				padding: 0;
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
			}

				.header .teaser-box .teaserlist li {
					flex: 1 1 0px;
				}

					.header .teaser-box .teaserlist li .teaser {
						padding: 0 5px !important;
						display: block;
						text-decoration: none;
					}

						.header .teaser-box .teaserlist li .teaser .title {
							margin-top: 5px;
							display: block;
							line-height: 1.3;
							max-height: 4em;
							overflow: hidden;
							display: -webkit-box;
							-webkit-line-clamp: 3;
							-webkit-box-orient: vertical;
						}

						.header .teaser-box .teaserlist li .thumbnail {
							display: block;
							position: relative;
						}

							.header .teaser-box .teaserlist li .teaser-link .thumbnail:after {
								content: "";
								display: block;
								position: absolute;
								width: 40px;
								margin-left: -20px;
								height: 40px;
								margin-top: -20px;
								background: url(../img/icons/link-white.svg) no-repeat center center / contain;
								left: 50%;
								top: 50%;
							}

	body.website-area-peru .header li,
	body.website-area-ukraine .header li,
	body.website-area-colombia .header li {
		display: inline-block;
	}

		body.website-area-peru .header .sub-menu,
		body.website-area-ukraine .header .sub-menu,
		body.website-area-colombia .header .sub-menu {
			width: auto;
			padding-bottom: 10px;
		}

		body.website-area-peru .header #menu-main > li > .sub-menu:before,
		body.website-area-peru .header #menu-main > li > .sub-menu:after,
		body.website-area-ukraine .header #menu-main > li > .sub-menu:before,
		body.website-area-ukraine .header #menu-main > li > .sub-menu:after,
		body.website-area-colombia .header #menu-main > li > .sub-menu:before,
		body.website-area-colombia .header #menu-main > li > .sub-menu:after {
			left: -100vw;
			width: 200vw;
		}

.header .language-switcher {
	margin-left: 20px;
}

	.header .language-switcher a {
		padding-left: 4px;
		padding-right: 4px;
	}

		.header .language-switcher .current-lang a {
			font-weight: var(--font-condensed-weight-bold);
			color: var(--color-green-light);
		}

.header .menu-wrapper .width .menu-social {
	width: 185px;
	text-align: right;
	order: 4;
}

	body.transition .header .menu-wrapper .width .menu-social {
		-webkit-transition: margin-top 200ms ease-in-out;
		-moz-transition: margin-top 200ms ease-in-out;
		-o-transition: margin-top 200ms ease-in-out;
		-ms-transition: margin-top 200ms ease-in-out;
		transition: margin-top 200ms ease-in-out;
	}

	.header.scrolled .menu-wrapper .width .menu-social {
		margin-top: 0;
	}

	.header .menu-social a {
		width: 34px;
		height: 34px;
		padding: 0;
		overflow: hidden;
		min-width: unset;
	}

	.header .menu-social li.facebook a:before {
		background-image: url(../img/social-icons/facebook_grey.svg);
	}

	.header .menu-social li.instagram a:before {
		background-image: url(../img/social-icons/instagram_grey.svg);
	}

	.header .menu-social li.linkedin a:before {
		background-image: url(../img/social-icons/linkedin_grey.svg);
	}

	.header .menu-social li.twitter a:before {
		background-image: url(../img/social-icons/twitter_grey.svg);
	}

	.header .menu-social li.youtube a:before {
		background-image: url(../img/social-icons/youtube_grey.svg);
	}

		.header .menu-social li.facebook a:after {
			background-image: url(../img/social-icons/facebook_green.svg);
		}

		.header .menu-social li.instagram a:after {
			background-image: url(../img/social-icons/instagram_green.svg);
		}

		.header .menu-social li.linkedin a:after {
			background-image: url(../img/social-icons/linkedin_green.svg);
		}

		.header .menu-social li.twitter a:after {
			background-image: url(../img/social-icons/twitter_green.svg);
		}

		.header .menu-social li.youtube a:after {
			background-image: url(../img/social-icons/youtube_green.svg);
		}

.header .burger {
	display: none;
}

.header .searchbar {
	width: 40px;
	position: relative;
}

	.header .searchbar .searchform {
		display: none;
		position: absolute;
		right: 40px;
		width: 600px;
		background: var(--color-white);
		text-align: right;
	}

		.header .searchbar .searchform input {
			max-width: 390px;
			padding: 9px 10px;
			font-size: 16px;
		}

			body.website-area-colombia .header .searchbar .searchform input {
				max-width: 280px;
			}

		.header .searchbar .searchform button {
			padding: 12px 10px;
			font-size: 16px;
			max-width: 80px;
		}

	.header .searchbar .search-icon {
		width: 40px;
		height: 40px;
		background: url(../img/icons/search.svg) no-repeat center center / contain;
		cursor: pointer;
	}

	.header.searchbar-open .searchbar .searchform {
		display: block;
	}

	.relevanssi-live-search-results {
		box-sizing: border-box;
		background: #fff;
		box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
		border-radius: 0;
		width: 315px;
		min-height: 175px;
		max-height: 300px;
	}

		.relevanssi-live-search-no-min-chars .spinner {
			opacity: 0.3;
		}

		.rlv-has-spinner {
			width: 20px;
			height: 20px;
		}
		
			.rlv-has-spinner:after {
				display: none;
			}

		.relevanssi-live-search-result p,
		.relevanssi-live-search-result-status p {
			font-size: 0.9em;
			padding: 0;
			margin: 0;
			border-bottom: 1px solid rgba(30, 30, 30, 0.1);
		}

		.relevanssi-live-search-result-status p {
			font-size: 0.8em;
			padding: 0 10px;
			opacity: 0.6;
		}

		.relevanssi-live-search-result--focused {
			background: #ddd;
		}

		.relevanssi-live-search-result--focused a {
			color: #000;
		}

		.relevanssi-live-search-result:last-of-type p {
			border-bottom: 0;
		}

		.relevanssi-live-search-result a {
			display: block;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		/* Bullet proof Screen Reader Only text */
		.relevanssi-live-search-instructions {
			border: 0 !important;
			clip: rect(1px, 1px, 1px, 1px) !important;
			-webkit-clip-path: inset(50%) !important;
			clip-path: inset(50%) !important;
			height: 1px !important;
			overflow: hidden !important;
			padding: 0 !important;
			position: absolute !important;
			width: 1px !important;
			white-space: nowrap !important;
		}

		@keyframes relevanssi-spinner-line-fade-more {
			0%,
			100% {
				opacity: 0; /* minimum opacity */
			}
			1% {
				opacity: 1;
			}
		}

		@keyframes relevanssi-spinner-line-fade-quick {
			0%,
			39%,
			100% {
				opacity: 0.25; /* minimum opacity */
			}
			40% {
				opacity: 1;
			}
		}

		@keyframes relevanssi-spinner-line-fade-default {
			0%,
			100% {
				opacity: 0.22; /* minimum opacity */
			}
			1% {
				opacity: 1;
			}
		}

		.relevanssi-live-search-results {
			opacity: 0;
			transition: opacity .25s ease-in-out;
			-moz-transition: opacity .25s ease-in-out;
			-webkit-transition: opacity .25s ease-in-out;
			height: 0;
			overflow: hidden;
			z-index: 9999995; /* Exceed SearchWP Modal Search Form overlay. */
			position: absolute;
			display: none;
		}

		.relevanssi-live-search-results-showing {
			display: block;
			opacity: 1;
			height: auto;
			overflow: auto;
		}

		.relevanssi-live-search-no-results, .relevanssi-live-search-didyoumean {
			padding: 0 1em;
		}

		.relevanssi-live-search-no-min-chars:after {
			content: "continue typing";
			display: block;
			text-align: center;
			padding: 2em 2em 0;
		}

			html[lang="de"] .relevanssi-live-search-no-min-chars:after {
				content: "Weiterschreiben";
			}

		#np-rlvlive {
			position: absolute;
			width: 100%;
			max-width: 475px;
			right: 5px;
			left: auto;
			text-align: left;
		}

			#np-rlvlive .relevanssi-live-search-no-results,
			#np-rlvlive .screen-reader-text {
				padding: 10px;
			}

			#np-rlvlive .relevanssi-live-search-results {
				left: auto !important;
				right: 0 !important;
				top: 0 !important;
				width: 100% !important;
			}

			#np-rlvlive a {
				padding: 5px 10px;
				text-decoration: none;
				color: var(--color-green);
			}

				#np-rlvlive a:hover {
					color: var(--color-green-light);
				}

@media ( max-width: 1000px ) { /* also change in js/general.js @Header.options.mobileBreakPoint */

	.header .menu-wrapper {
		height: 50px;
	}

		.header.open .menu-wrapper {
			height: auto;
		}

	.header .menu-wrapper .width .menu-social {
		text-align: center;
		width: 100%;
		margin-top: 10px;
	}

	.header .logo {
		top: -6px;
		left: -40px;
		width: 110px;
		height: 65px;
	}

	.header .burger {
		display: block;
		position: absolute;
		right: 20px;
		top: 10px;
		width: 30px;
		height: 30px;
		cursor: pointer;
		z-index: 1100;

		-webkit-transition: top 200ms ease-in-out;
		-moz-transition: top 200ms ease-in-out;
		-o-transition: top 200ms ease-in-out;
		-ms-transition: top 200ms ease-in-out;
		transition: top 200ms ease-in-out;
	}

		.header .burger .icon {
			top: 50%;
			width: 100%;
			position: absolute;
			margin-top: -2px;
		}

			.header .burger .icon,
			.header .burger .icon:before,
			.header .burger .icon:after {
				content: "";
				display: block;
				background: var(--color-green);
				height: 3px;
				width: 100%;
				position: absolute;
				left: 0;

				-webkit-transform-origin: 92% 50%;
				-moz-transform-origin: 92% 50%;
				-ms-transform-origin: 92% 50%;
				-o-transform-origin: 92% 50%;
				transform-origin: 92% 50%;
			}

				body.transition .header .burger .icon,
				body.transition .header .burger .icon:before,
				body.transition .header .burger .icon:after {
					-webkit-transition: all 200ms ease-in-out;
					-moz-transition: all 200ms ease-in-out;
					-o-transition: all 200ms ease-in-out;
					-ms-transition: all 200ms ease-in-out;
					transition: all 200ms ease-in-out;
				}

			.header .burger .icon:before {
				margin-top: -9px;
			}

			.header .burger .icon:after {
				margin-top: 9px;
			}

			.header.open .burger .icon {
				background: transparent !important;
			}

				.header.open .burger .icon:before {
					width: 100%;
					margin-left: -5px;

					-moz-transform: rotate(-45deg);
					-webkit-transform: rotate(-45deg);
					-o-transform: rotate(-45deg);
					-ms-transform: rotate(-45deg);
					transform: rotate(-45deg);
				}

				.header.open .burger .icon:after {
					width: 100%;
					margin-left: -5px;

					-moz-transform: rotate(45deg);
					-webkit-transform: rotate(45deg);
					-o-transform: rotate(45deg);
					-ms-transform: rotate(45deg);
					transform: rotate(45deg);
				}

		.header.top .burger {
			top: 10px;
		}

	.header .menu-wrapper .width,
	.header.top .menu-wrapper .width {
		padding: 0 20px 10px;
	}

	.header .menu-container .menu {
		display: none !important;
	}

		.header.open {
			height: auto;
			max-height: none;
		}

		.header.open .menu-container {
			display: block;
			padding: 0;
			text-align: center;
			width: 100%;
			padding-top: 40px;
			padding-bottom: 20px;
			max-height: calc(100vh - 10px);
			box-sizing: border-box;
			overflow: auto;
		}

			.header.open .menu-container .menu {
				display: block !important;
			}

			.header.top.open .menu-container {
				max-height: calc(100vh - 50px);
			}

			.header.open .menu-container .menu {
				display: block;
			}

			.header.open #menu-main li {
				display: block;
				width: 100%;
			}

	.header #menu-main li:after {
		display: none;
	}

	.header .important {
		padding-bottom: 20px;
	}

		.header .important a {
			float: none;
			margin-top: 10px;
		}

	.header .sub-menu {
		position: static;
		opacity: 1;
		padding-bottom: 0;
		padding-top: 0 !important;
		display: none;
	}

		.header .menu-item-has-children.active .sub-menu {
			display: block;
		}

		.header .sub-menu:before,
		.header .sub-menu:after {
			display: none !important;
		}

	.header .teaser-box {
		position: static;
		display: none !important;
	}

	.header .sub-menu li#menu-item-54,
	.header .sub-menu li#menu-item-54 li {
		width: 100%;
	}

	.header.top .logo {
		top: -5px;
		width: 106px;
		left: 10px;
	}

	.header .logo:after {
		height: 110px;
	}

	.header .searchbar {
		position: absolute;
		right: 60px;
		top: 5px;
	}

}

@media ( max-width: 740px ) {

	.header .searchbar .searchform input {
		max-width: calc(100vw - 340px);
	}

	#np-rlvlive {
		max-width: calc(100vw - 255px);
	}

}

@media ( max-width: 480px ) {

	.header .searchbar .searchform button {
		max-width: 70px;
	}

	.header .searchbar .searchform {
		right: -60px;
		top: 40px;
		padding-right: 15px;
		padding-bottom: 12px;
	}

	.header .searchbar .searchform input {
		max-width: calc(100vw - 220px);
	}

	#np-rlvlive {
		max-width: calc(100vw - 145px);
		right: 20px;
	}

}