/*
Theme Name: ostertun_master
Theme URI: https://dev-ostertun.c-2129.maxcluster.nete
Description: ostertun_master wordpress theme
Version: 1.0
Author: T.Ott
Tags: slick layout
ostertun_master by WFL
*/
@font-face {
	font-family: "Maven Pro";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src:
		local(),
		url(fonts/maven-pro-v28-latin-regular.woff2) format("woff2"),
		url(fonts/maven-pro-v28-latin-regular.woff) format("woff");
}
@font-face {
	font-family: "Maven Pro";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src:
		local(),
		url(fonts/maven-pro-v28-latin-600.woff2) format("woff2"),
		url(fonts/maven-pro-v28-latin-600.woff) format("woff");
}
@font-face {
	font-family: "Maven Pro";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src:
		local(),
		url(fonts/maven-pro-v28-latin-500.woff2) format("woff2"),
		url(fonts/maven-pro-v28-latin-500.woff) format("woff");
}
@font-face {
	font-family: "Maven Pro";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src:
		local(),
		url(fonts/maven-pro-v28-latin-700.woff2) format("woff2"),
		url(fonts/maven-pro-v28-latin-700.woff) format("woff");
}
@font-face {
	font-family: "Maven Pro";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src:
		local(),
		url(fonts/maven-pro-v28-latin-800.woff2) format("woff2"),
		url(fonts/maven-pro-v28-latin-800.woff) format("woff");
}
@font-face {
	font-family: "Maven Pro";
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src:
		local(),
		url(fonts/maven-pro-v28-latin-900.woff2) format("woff2"),
		url(fonts/maven-pro-v28-latin-900.woff) format("woff");
}
* {
	box-sizing: border-box;
	margin: 0;
	outline: none;
	padding: 0;
	-webkit-tap-highlight-color: transparent;
}
html {
	scroll-behavior: smooth;
	scrollbar-color: #0000003d #0000001f;
	scrollbar-width: thin;
}
body {
	background: #f6f6f6;
	color: var(--color-primary);
	font-family: var(--font-family);
	line-height: 150%;
	overflow-y: overlay;
	scrollbar-color: #0000003d #0000001f;
	scrollbar-width: thin;
}
::-webkit-scrollbar {
	width: 6px;
}
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px #0000003d;
}
::-webkit-scrollbar-thumb {
	background: #00000052;
	-webkit-box-shadow: inset 0 0 6px #0000007a;
}
h1,
h2,
h3,
h4,
h5 {
	font-family: var(--font-family-headlines);
	font-weight: 400;
	width: 100%;
}
a,
div {
	text-decoration: none;
}
address {
	font-style: normal;
}
:root {
	--color-primary: #25305d;
	--color-secondary: #fff;
	--color-tertiary: #7192b1;
	--color-contrast: #d3e0ea;
	--color-hover: #25305d;
	--color-contrast-plus: #066eba;
	--height-header-desktop: 88px;
	--height-header-touch: 64px;
	--height-subnavigation: 64px;
	--font-family: "Maven Pro", sans-serif;
	--font-family-headlines: "Maven Pro", sans-serif;
}
.wrapper {
	background: var(--color-secondary);
	margin-right: auto;
	margin-left: auto;
}
.flexwrapper {
	display: flex;
}
.tac {
	text-align: center;
}
.tag {
	text-decoration: underline;
}
.nowrap {
	white-space: nowrap;
}
.icon {
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 24px auto;
	padding-left: 40px;
}
.map {
	background-image: url(images/map.svg);
}
.phone {
	background-image: url(images/phone.svg);
}
.mail {
	background-image: url(images/mail.svg);
}
.highlight {
	color: var(--color-tertiary);
	text-transform: uppercase;
}
.cta,
.full-cta {
	border-radius: 8px;
	font-family: var(--font-family-headlines);
	font-weight: 600;
	line-height: 1;
	padding-top: 16px;
	padding-bottom: 16px;
	text-align: center;
	transition: opacity 0.24s ease-in-out;
}
.social {
	display: block;
}
/* .field-wrapper {
	width: 100%;
} */
.contact-container-link {
	background-position: 8px center;
	background-repeat: no-repeat;
	color: #fff;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	transition: background 0.24s ease-in-out;
	width: 100%;
}
.resize-animation-stopper * {
	animation: none !important;
	transition: none !important;
}
a[href$=".pdf"] {
	background-image: url(images/pdf-icon.svg);
	background-position: left top;
	background-repeat: no-repeat;
	display: inline-block;
	font-weight: 700;
}
/* .field-wrapper textarea,
.field-wrapper select {
	background: #fff;
	border: 1px solid #1818183d;
	border-radius: 4px;
	font-family: var(--font-family);
	margin-bottom: 16px;
	padding: 8px;
	width: 100%;
} */
.contact-container-link:hover {
	background-color: #25305d;
	color: #fff;
	transition: background 0.24s ease-in-out;
}
.social:hover,
.cta:hover,
.full-cta:hover {
	opacity: 0.8;
	transition: opacity 0.24s ease-in-out;
}
/* .field-wrapper .wpcf7-list-item {
	float: left;
	height: 28px;
	margin: 0;
}
.field-wrapper .wpcf7-form-control-wrap {
	height: 28px;
	line-height: 28px;
	margin-bottom: 16px;
}
.field-wrapper .wpcf7-form-control-wrap + label {
	display: inline-block;
	height: 28px;
	line-height: 28px;
	margin-bottom: 16px;
}
.field-wrapper input[type="text"],
.field-wrapper input[type="tel"],
.field-wrapper input[type="email"],
.field-wrapper input[type="date"] {
	background: #fff;
	border: 1px solid #1818183d;
	border-radius: 4px;
	font-family: var(--font-family);
	height: 40px;
	line-height: 40px;
	margin-bottom: 16px;
	padding-right: 8px;
	padding-left: 8px;
	width: 100%;
}
.field-wrapper input[type="submit"] {
	appearance: none;
	-webkit-appearance: button;
	background-color: #3e3e3e;
	background-image: url(images/contact_form.svg);
	background-position: 148px center;
	background-repeat: no-repeat;
	background-size: 26px auto;
	border: none;
	border-radius: 16px;
	box-shadow: none;
	color: #fff;
	font-family: var(--font-family);
	font-size: 20px;
	font-weight: 500;
	height: 56px;
	line-height: 56px;
	margin-top: 32px;
	padding-left: 24px;
	text-align: left;
	transition: opacity 0.24s ease-in-out;
	width: 200px;
}
.field-wrapper input[type="checkbox"] {
	appeareance: none;
	-webkit-appearance: none;
	background: #fff;
	border: 2px solid transparent;
	border-radius: 2px;
	height: 24px;
	margin-top: 2px;
	margin-right: 12px;
	margin-left: 3px;
	outline: 2px solid #fff;
	width: 24px;
}
.field-wrapper .wpcf7-form-control-wrap .wpcf7-list-item-label {
	display: none;
}
.field-wrapper input[type="checkbox"]:checked {
	background: #00807a;
	outline-color: #fff;
}
.field-wrapper input[type="submit"]:disabled {
	background-color: #6e6e6e;
}
.field-wrapper input[type="submit"]:hover {
	opacity: 0.64;
	transition: opacity 0.24s ease-in-out;
} */
#logo {
	align-self: center;
	background-image: url(images/logo.svg);
	background-repeat: no-repeat;
}
#de {
	background-image: url(images/de.svg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 16px;
	padding-left: 29px;
}
#footer {
	background: #fff;
	border-top: 1px solid var(--color-contrast);
	color: #3e3e3e;
}
#scroll-top {
	position: absolute;
	top: 100vh;
	bottom: 0;
	right: 0;
}
#footercontact {
	font-weight: 300;
}
#totop {
	background-color: var(--color-contrast);
	background-image: url(images/triangle.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: calc(var(--height-header-desktop) / 4) auto;
	bottom: 0;
	display: inline-block;
	height: 40px;
	position: fixed;
	right: 0;
	transform: rotate(270deg);
	width: 40px;
	z-index: 10;
}
#header {
	background: var(--color-secondary);
	box-shadow: 0 1px 10px #e5e5e5;
	z-index: 99;
}
#header-form {
	align-items: center;
	display: flex;
}
#form-link {
	background-color: var(--color-contrast-plus);
	border-radius: 8px;
	color: var(--color-secondary);
	display: inline-block;
	font-family: var(--font-family-headlines);
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	transition: background-color 0.24s ease-in-out;
	width: 100%;
	white-space: pre;
}
#meta {
	border-top: 1px solid var(--color-contrast);
}
#contact-container {
	background: var(--color-contrast-plus);
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	height: 120px;
	position: fixed;
	transition: right 0.24s ease-in-out;
	width: 264px;
	z-index: 2;
}
#contact-container-phone {
	background-image: url(images/phone-white.svg);
	background-size: auto 16px;
	border-top-left-radius: 4px;
}
#contact-container-call-back {
	background-image: url(images/call-back.svg);
	background-size: auto 20px;
}
#contact-container-mail {
	background-image: url(images/mail-white.svg);
	background-size: auto 16px;
	border-bottom-left-radius: 4px;
}
#kununu {
	height: auto;
}
#search-form {
	display: none;
}
#searchtoggle {
	appearance: none;
	-webkit-appearance: none;
	background: transparent;
	border: 0;
	cursor: pointer;
	position: fixed;
	z-index: 2;
}
#content {
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	position: relative;
}
#footernavigation {
	background-color: #f6f6f6;
}
#metahosting {
	color: var(--color-contrast-plus);
}
#tertiarynavigation,
#footernavigation ul {
	display: flex;
}
#content-elements li {
	margin-left: 1em;
}
#menu li,
#footernavigation li,
#tertiarynavigation li {
	list-style: none;
}
#footernavigation a {
	background-color: var(--color-contrast-plus);
	border-radius: 8px;
	color: var(--color-secondary);
	transition: opacity 0.24s ease-in-out;
}
#footer a,
#tertiarynavigation a {
	color: var(--color-contrast-plus);
}
#footer strong {
	font-weight: 600;
}
#menu a {
	color: var(--color-contrast-plus);
}
#content a {
	color: var(--color-primary);
}
#footernavigation .flexwrapper {
	justify-content: space-evenly;
}
#totop.hidden {
	display: none;
}
#searchtoggle:checked {
	background-image: url(images/close.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 12px;
	opacity: 1;
}
#searchtoggle:not(:checked) {
	opacity: 0;
}
#logo:hover {
	opacity: 0.88;
	transition: opacity 0.24s ease-in-out;
}
#form-link:hover {
	background-color: var(--color-contrast);
	transition: background 0.24s ease-in-out;
}
#footernavigation a:hover,
#meta a:hover {
	opacity: 0.64;
	transition: opacity 0.24s ease-in-out;
}
#content a:hover {
	transition: color 0.24s ease-in-out;
}
#content .field-wrapper a {
	color: #fff;
}
#searchtoggle:checked + #header-meta .flexwrapper {
	z-index: 1;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	select,
	textarea,
	input,
	input[type="search"] {
		font-size: 16px;
	}
}
@media screen and (max-width: 479px) {
	body {
		font-size: 14px;
	}
	.search-submit {
		right: 135px;
	}
	.search-field {
		width: calc(100% - 160px);
	}
	.field-wrapper .wpcf7-form-control-wrap + label {
		font-size: 12px;
		word-spacing: -1px;
	}
	#form-link {
		font-size: 16px;
		padding-right: 8px;
		padding-left: 8px;
	}
	#search,
	#searchtoggle {
		height: 24px;
		margin-top: 20px;
		width: 24px;
	}
	#searchtoggle {
		right: 150px;
	}
	#header-meta .flexwrapper {
		height: 64px;
		position: fixed;
		right: 150px;
		top: 0;
	}
	#searchtoggle:checked {
		right: 148px;
	}
	#searchtoggle:checked + #header-meta #search-form {
		left: 12px;
		right: 159px;
	}
}
@media screen and (min-width: 480px) and (max-width: 639px) {
	.search-submit {
		right: 194px;
	}
	.search-field {
		width: calc(100% - 234px);
	}
	.search-submit {
		background-size: 20px;
		height: 28px;
		width: 28px;
	}
	#search,
	#searchtoggle {
		height: 32px;
		margin-top: 16px;
		width: 32px;
	}
	#searchtoggle {
		right: 192px;
	}
	#header-meta .flexwrapper {
		height: 64px;
		position: fixed;
		right: 192px;
		top: 0;
	}
	#searchtoggle:checked {
		right: 222px;
	}
	#searchtoggle:checked + #header-meta #search-form {
		left: 12px;
		right: 192px;
	}
}
@media screen and (max-height: 639px) {
	#contact-container {
		bottom: 80px;
	}
}
@media screen and (min-height: 640px) {
	#contact-container {
		bottom: calc(50vh - 40px);
	}
}
@media screen and (min-width: 480px) and (max-width: 959px) {
	body {
		font-size: 16px;
	}
	#form-link {
		font-size: 21px;
		padding-right: 12px;
		padding-left: 12px;
	}
}
@media screen and (max-width: 639px) {
	.social {
		margin-right: 12px;
	}
	#footernavigation {
		margin-top: 48px;
		margin-bottom: 48px;
	}
	#header-form {
		right: 58px;
	}
	#footermeta {
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
	}
	#meta {
		padding: 12px;
	}
	#totop {
		left: calc(100vw - 40px);
	}
	#footer {
		padding-right: 12px;
		padding-left: 12px;
	}
	#footermeta p {
		align-items: center;
		display: flex;
	}
	#footernavigation ul {
		display: flex;
		flex-direction: column;
	}
	#content-elements ul + p {
		padding-top: 46px;
	}
	.left #logo {
		left: 80px;
	}
	.left #menuToggle {
		left: 12px;
	}
	.right #logo {
		left: 12px;
	}
	.right #menuToggle {
		left: calc((100% - 46px) * 1);
	}
	#content p:not(:last-child) {
		padding-bottom: 23px;
	}
	#content-elements ul li:not(:last-child),
	#content-elements ol li:not(:last-child) {
		padding-bottom: 23px;
	}
	#footernavigation ul li:not(:last-child) {
		margin-bottom: 24px;
	}
}
@media screen and (min-width: 640px) {
	#footernavigation ul {
		row-gap: 16px;
		flex-wrap: wrap;
		justify-content: center;
	}
	#content-elements ul + p {
		padding-top: 52px;
	}
	#content p:not(:last-child) {
		padding-bottom: 26px;
	}
	#content-elements ul li:not(:last-child),
	#content-elements ol li:not(:last-child) {
		padding-bottom: 26px;
	}
}
@media screen and (min-width: 640px) and (max-width: 959px) {
	.search-submit {
		background-size: 20px;
		height: 28px;
		right: 226px;
		width: 28px;
	}
	.search-field {
		width: calc(100% - 456px);
	}
	#search,
	#searchtoggle {
		height: 28px;
		margin-top: 18px;
		width: 28px;
	}
	#header-form {
		right: 81px;
	}
	#footer {
		display: grid;
		grid-template-columns: calc(100% - 120px) 120px;
		padding-right: 16px;
		padding-left: 16px;
	}
	#meta {
		padding: 12px 16px;
	}
	#footernavigation {
		grid-column-end: 3;
		grid-column-start: 1;
		grid-row-end: 3;
		grid-row-start: 2;
		margin-top: 24px;
	}
	#footermeta {
		grid-column-end: 3;
		grid-column-start: 2;
		grid-row-end: 2;
		grid-row-start: 1;
		text-align: right;
		width: 120px;
	}
	#footernavigation li {
		margin-top: -4px;
		margin-bottom: 16px;
	}
	#footermeta p {
		display: flex;
		justify-content: space-evenly;
	}
	#searchtoggle:not(:checked) {
		right: 226px;
	}
	#header-meta .flexwrapper {
		height: 64px;
		position: fixed;
		right: 226px;
		top: 0;
	}
	#searchtoggle:checked {
		right: 264px;
	}
	#footer > .flexwrapper {
		grid-column-end: 2;
		grid-column-start: 1;
		grid-row-end: 2;
		grid-row-start: 1;
	}
	.left #logo {
		left: 96px;
	}
	.left #menuToggle {
		left: 16px;
	}
	.right #logo {
		left: 16px;
	}
	.right #menuToggle {
		right: calc((100% - 41px) * -1);
	}
	#footernavigation li:not(:last-child) {
		margin-right: 16px;
	}
	.right #menuToggle .bar {
		right: 16px;
	}
	#searchtoggle:checked + #header-meta #search-form {
		left: 194px;
		right: 250px;
	}
}
@media screen and (max-width: 959px) {
	.search-submit {
		background-color: #fff;
		background-image: url(images/search.svg);
		background-position: center;
		background-repeat: no-repeat;
		border: none;
	}
	.search-field,
	.search-submit {
		appearance: none;
		-webkit-appearance: none;
		border-radius: 0;
		display: flex;
		position: fixed;
	}
	.search-field {
		background: #f6f6f6;
		border: 1px solid #d6d6d6;
		color: var(--color-primary);
		font-size: 12px;
		font-weight: 400;
		height: 32px;
		line-height: 1;
		margin-right: 8px;
		padding: 12px 8px;
	}
	.onclick-menu-content {
		display: none;
		opacity: 0;
		padding: 8px 32px 0;
		visibility: hidden;
		transition: visibility 0.48s;
	}
	.onclick-menu-link {
		margin-top: -24px;
		position: absolute;
	}
	.social {
		height: 32px;
		width: 32px;
	}
	.onclick-menu-content li {
		list-style: none;
	}
	.onclick-menu a {
		font-size: 16px;
		height: 16px;
		line-height: 16px;
	}
	a[href$=".pdf"] {
		background-size: auto 48px;
		height: 48px;
		line-height: 48px;
		padding-left: 48px;
	}
	.onclick-menu-link:after {
		content: "+";
		display: block;
		height: 30px;
		text-align: left;
		width: 30px;
	}
	.no-js .onclick-menu .onclick-menu-content {
		display: inherit;
		opacity: 1;
		visibility: visible;
	}
	.onclick-menu:focus .onclick-menu-link:after {
		content: "-";
		display: block;
	}
	.no-js .onclick-menu .onclick-menu-link:after {
		content: "-";
	}
	.js .onclick-menu-link.hidden + .onclick-menu-content {
		display: none;
		opacity: 0;
		visibility: hidden;
	}
	.js .onclick-menu-link:not(.hidden) + .onclick-menu-content {
		display: block;
		opacity: 1;
		visibility: visible;
	}
	#footercontact {
		width: 296px;
	}
	#header-inner {
		background: var(--color-secondary);
	}
	#header {
		height: var(--height-header-touch);
		position: fixed;
		top: 0;
		width: 100%;
	}
	#header-inner {
		height: var(--height-header-touch);
	}
	#logo {
		background-size: 100% 48px;
		display: inline-block;
		height: 48px;
		margin-top: 8px;
		position: fixed;
		width: 144px;
	}
	#menu {
		background: var(--color-secondary);
		box-shadow: 0 1px 10px #e5e5e5;
		-webkit-font-smoothing: antialiased;
		margin: 16px 0 0 -32px;
		padding: 16px 32px;
		position: absolute;
		transform-origin: 0 0;
		transition: transform 0.4s cubic-bezier(0.77, 0.2, 0.05, 1);
		width: 320px;
	}
	#menuToggle {
		display: block;
		position: relative;
		top: calc((var(--height-header-touch) - 40px) / 2 + 9px);
		-webkit-user-select: none;
		user-select: none;
		z-index: 1;
	}
	#footer {
		padding-top: calc(var(--height-header-touch) / 2);
		padding-bottom: calc(var(--height-header-touch) / 2);
	}
	#header-form {
		position: fixed;
		top: 12px;
	}
	#form-link {
		height: 40px;
		line-height: 40px;
	}
	#meta {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		line-height: 32px;
	}
	#tertiarynavigation {
		flex-direction:column;
	}
	#footernavigation a {
		padding: 8px 16px;
	}
	#menu li {
		padding: 8px 0;
	}
	#menu > li {
		clear: both;
		float: left;
		font-size: 18px;
	}
	#menu > a {
		height: 18px;
		line-height: 18px;
	}
	#menuToggle input {
		cursor: pointer;
		display: block;
		height: 32px;
		left: -22px;
		opacity: 0;
		position: absolute;
		top: -7px;
		-webkit-touch-callout: none;
		width: 40px;
		z-index: 2;
	}
	.left #menu {
		transform: translate(-100%, 0);
	}
	.right #menuToggle {
		left:calc((100% - 46px) * 1);
	}
	.right #menu {
		margin-left: -270px;
		transform: translate(100%, 0);
	}
	#menuToggle .bar {
		background: var(--color-primary);
		border-radius: 3px;
		display: block;
		height: 4px;
		margin-bottom: 5px;
		position: relative;
		transform-origin: 4px 0;
		transition:
			transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
			background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
			opacity 0.55s ease-in-out,
			width 0.55s ease-in-out;
		width: 33px;
		z-index: 1;
	}
	#footer > .flexwrapper {
		flex-direction: column;
	}
	#menu .has-children,
	#menu .menu-item-has-children > a {
		padding-left: 30px;
	}
	#footercontact p:not(:last-child) {
		padding-bottom: calc(var(--height-header-touch) / 8 * 3);
	}
	#menuToggle input:checked ~ ul {
		transform: none;
		transition: transform 0.4s cubic-bezier(0.77, 0.2, 0.05, 1) ease-in-out;
	}
	#tertiarynavigation li:not(:last-child) a {
		margin-right: 12px;
	}
	#header .current-menu-item > a:after {
		background: var(--color-contrast);
		border-radius: 2px;
		content: "";
		display: block;
		height: 4px;
		margin-left: -8px;
		width: calc(100% + 16px);
	}
	#menuToggle .bar:first-child {
		transform-origin: 0 0;
	}
	#menuToggle .bar:nth-last-child(2) {
		transform-origin: 0 100%;
		width: 20px;
	}
	#menuToggle input:checked ~ .bar {
		background: var(--color-contrast);
		opacity: 1;
		transform: rotate(45deg) translate(0px, 2px);
	}
	#menuToggle input:checked ~ .bar:nth-last-child(3) {
		opacity: 0;
		transform: rotate(0deg) scale(0.2, 0.2);
	}
	#menuToggle input:checked ~ .bar:nth-last-child(2) {
		transform: rotate(-45deg) translate(-2px, 2px);
		width: 33px;
	}
	#header + #content {
		margin-top: var(--height-header-touch);
	}
	#searchtoggle:checked + #header-meta #search-form {
		align-items: center;
		background: var(--color-secondary);
		display: flex;
		height: 64px;
		position: fixed;
	}
}
@media screen and (min-width:960px) {
	body {
		font-size: 16px;
	}
	.social {
		height: 40px;
		width: 40px;
	}
	.wrapper {
		max-width: 1680px;
	}
	.onclick-menu-content {
		background: var(--color-tertiary);
		left: -100vw;
		opacity: 0;
		position: absolute;
		transition: opacity 0.24s ease-in-out;
	}
	.social {
		height: 48px;
		width: 48px;
	}
	.firstsocial {
		margin-right: 28px;
	}
	.search-field {
		height: 40px;
		background: #fff;
		border: 1px solid #dce5ea;
		color: var(--color-primary);
		font-size: 12px;
		font-weight: 400;
		line-height: 1;
		margin-right: 12px;
		padding: 12px 8px;
	}
	.search-submit {
		height: 28px;
		width: 28px;
		background-image: url(images/search.svg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 20px;
		border: none;
	}
	.search-field,
	.search-submit {
		appearance: none;
		-webkit-appearance: none;
		background-color: #fff;
		border-radius: 0;
		display: flex;
	}
	a[href$=".pdf"] {
		background-size: auto 64px;
		height: 64px;
		line-height: 64px;
		padding-left: 64px;
	}
	.onclick-menu-content a {
		font-size: 16px;
		height: calc(var(--height-subnavigation) / 4 * 3);
		line-height: calc(var(--height-subnavigation) / 4 * 3);
		padding-right: calc(var(--height-subnavigation) / 8 * 3);
		padding-left: calc(var(--height-subnavigation) / 8 * 3);
		white-space: nowrap;
	}
	@media (hover: none) {
		.onclick-menu span:after {
			content: "+";
			display: block;
			font-size: 24px;
			height: calc(var(--height-header-desktop) / 4);
			margin-top: calc(var(--height-header-desktop) * -0.625);
			margin-left: -24px;
			position: absolute;
			text-align: left;
			width: calc(var(--height-header-desktop) / 4);
		}
	}
	.onclick-menu-content a:hover {
		color: var(--color-hover);
	}
	#header {
		display: flex;
		height: var(--height-header-desktop);
		position: fixed;
		top: 0;
	}
	#search,
	#searchtoggle {
		height: 28px;
		margin-top: 22px;
		width: 28px;
	}
	#form-link {
		font-size: 20px;
		height: 48px;
		line-height: 48px;
	}
	#header-meta {
		background: var(--color-secondary);
		display: flex;
		height: var(--height-header-desktop);
		justify-content: space-between;
		width: 196px;
	}
	#header-inner {
		height: var(--height-desktop);
		justify-content: flex-end;
		position: sticky;
		top: 0;
	}
	#logo {
		background-size: 100% auto;
		display: flex;
		height: calc(var(--height-header-desktop) - 16px);
		width: 196px;
	}
	#meta {
		display: flex;
		height: 40px;
		justify-content: space-between;
		line-height: 40px;
		padding-right: 24px;
		padding-left: 24px;
	}
	#menu {
		display: flex;
		height: var(--height-header-desktop);
		justify-content: flex-end;
	}
	#footer {
		align-items: flex-start;
		display: flex;
		justify-content: space-between;
		padding-top: calc(var(--height-header-desktop) / 1.5);
		padding-bottom: calc(var(--height-header-desktop) / 1.5);
	}
	#footermeta {
		width: 160px;
	}
	#header-inner nav {
		justify-content: center;
	}
	#footermeta p {
		display: flex;
		justify-content: space-between;
	}
	#header-inner nav {
		display: flex;
		height: var(--height-header-desktop);
		flex: 1;
	}
	#tertiarynavigation a {
		margin-right: 24px;
	}
	#menu a {
		cursor: pointer;
		display: block;
	}
	#menu > li {
		height: var(--height-header-desktop);
	}
	#footernavigation li {
		margin-top: 30px;
		margin-bottom: 24px;
	}
	#footernavigation a {
		padding: 8px 24px;
	}
	#menu > li > a {
		font-size: 18px;
		height: var(--height-header-desktop);
		line-height: var(--height-header-desktop);
	}
	#header-meta .flexwrapper {
		height: 72px;
		position: fixed;
	}
	#footer > .flexwrapper {
		flex-direction: column;
		width: 240px;
	}
	#header-meta .flexwrapper {
		justify-content: flex-end;
	}
	#footercontact p:not(:last-child) {
		margin-right: 24px;
	}
	#menu a:hover {
		color: var(--color-tertiary);
		text-decoration: none;
	}
	#footernavigation li:not(:last-child) {
		margin-right: 24px;
	}
	#meta span:not(:last-child) {
		margin-right: 24px;
	}
	#menuToggle input[type="checkbox"] {
		display: none;
	}
	#menu > li:hover ul {
		left: auto;
		margin-left: calc((var(--height-subnavigation) / 8 * 3) * -1);
		opacity: 1;
	}
	#header .current-menu-item > a:after,
	#header .menu-item a:hover::after {
		background: var(--color-contrast);
		border-radius: 2px;
		content: "";
		display: block;
		height: 4px;
		margin-top: -24px;
		margin-left: -8px;
		width: calc(100% + 16px);
	}
	#header + #content {
		margin-top: var(--height-header-desktop);
	}
	#searchtoggle:checked + #header-meta #search-form {
		align-items: center;
		display: flex;
		height: 72px;
		position: fixed;
	}
}
@media screen and (min-width: 960px) and (max-width: 1023px) {
	#form-link {
		padding-right: 12px;
		padding-left: 12px;
		font-size: 18px;
	}
	#header-form {
		width: 150px;
	}
}
@media screen and (min-width: 1024px) {
	#form-link {
		padding-right: 24px;
		padding-left: 24px;
	}
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
	.search-field {
		width: 556px;
	}
	#footercontact p {
		height: 48px;
		line-height: 48px;
	}
	#footercontact p:not(:last-child) {
		padding-bottom: calc(var(--height-header-touch) / 8 * 3);
	}
	#menu > li:not(:first-child) {
		margin-left: 22px;
	}
}
@media screen and (min-width: 1280px) {
	.search-field {
		width: 698px;
	}
	#footercontact {
		display: flex;
		height: 48px;
		line-height: 48px;
	}
	#menu > li:not(:first-child) {
		margin-left: 48px;
	}
}
@media screen and (min-width: 960px) and (max-width: 1679px) {
	.search-submit {
		right: 230px;
	}
	#header {
		width: 100%;
	}
	#header-meta {
		width: 196px;
	}
	#header-inner {
		margin-left: 16px;
		width: calc(100% - 348px);
	}
	#header-form {
		margin-right: 32px;
	}
	#header-meta {
		margin-left: 32px;
	}
	#footer {
		padding-right: 32px;
		padding-left: 32px;
	}
	#header-meta .flexwrapper {
		right: 304px;
		width: 624px;
	}
	.search_visible #header-inner {
		margin-right: 64px;
	}
	.search_hidden #header-inner {
		margin-right: 16px;
	}
	#searchtoggle:not(:checked) {
		right: 305px;
	}
	#searchtoggle:checked {
		right: 297px;
	}
	#searchtoggle:checked + #search-form {
		width: 592px;
	}
}
@media screen and (min-width: 1680px) {
	.search-field {
		width: 732px;
	}
	.search-submit {
		right: 226px;
	}
	#header {
		margin-right: calc((100% - 1680px) / 2);
		margin-left: calc((100% - 1680px) / 2);
		width: 1680px;
	}
	#header-inner {
		margin-left: calc((100% - 1616px) / 2);
		width: calc(100% - 397px);
	}
	#header-form {
		margin-right: 48px;
	}
	#header-meta {
		margin-left: 48px;
	}
	#footer {
		padding-right: 48px;
		padding-left: 48px;
	}
	#totop {
		right: calc(100vw / 2 - 840px);
	}
	#header-meta .flexwrapper {
		right: calc((100% - 1680px) / 2 + 327px);
		width: 624px;
	}
	.search_visible #header-inner {
		margin-right: calc((100% - 1616px) / 2 + 91px);
	}
	.search_hidden #header-inner {
		margin-right: calc((100% - 1616px) / 2);
	}
	#searchtoggle:not(:checked) {
		right: calc((100% - 1680px) / 2 + 327px);
	}
	#searchtoggle:checked {
		right: calc((100% - 1680px) / 2 + 372px);
	}
	#searchtoggle:checked + #header-meta #search-form {
		width: 764px;
	}
}
@media (any-hover: hover) {
	.contact-container-link {
		padding-left: 40px;
	}
	#contact-container {
		right: -228px;
	}
	#contact-container input {
		display: none;
	}
	#contact-container:hover {
		right: 0;
		transition: right 0.24s ease-in-out;
	}
}
@media (any-hover: none) {
	.contact-container-link {
		padding-left: 40px;
	}
	#contact-container {
		right: -204px;
	}
	#contact-container-container {
		background: #00aeb6;
		border-bottom-left-radius: 4px;
		border-top-left-radius: 4px;
		position: absolute;
		width: 240px;
	}
	#contact-container input[type="checkbox"] {
		appearance: none;
		-webkit-appearance: none;
		cursor: pointer;
		height: 120px;
		margin-top: 0;
		opacity: 0.64;
		position: absolute;
		transition:
			margin 0.24s ease-in-out,
			height 0.24s ease-in-out,
			background 0.24s ease-in-out,
			opacity 0.24s ease-in-out;
		width: 36px;
		z-index: 1;
	}
	#contact-container input[type="checkbox"]:checked {
		background-color: #00aeb6;
		background-image: url(images/close_white.svg);
		background-position: center top 8px;
		background-repeat: no-repeat;
		background-size: auto 16px;
		height: 152px;
		margin-top: -32px;
		z-index: 0;
	}
	#contact-container input[type="checkbox"]:not(checked) ~ #contact-container-container {
		right: 0;
		transition: right 0.24s ease-in-out;
	}
	#contact-container input[type="checkbox"]:checked ~ #contact-container-container {
		right: 204px;
	}
}