/*
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:rgba(0,0,0,.24) rgba(0,0,0,.12);
	scrollbar-width:thin;
}
body {
	background:#f6f6f6;
	color:var(--color-primary);
	font-family:var(--font-family);
	line-height:150%;
	overflow-y:overlay;
	scrollbar-color:rgba(0,0,0,.24) rgba(0,0,0,.12);
	scrollbar-width:thin;
}
::-webkit-scrollbar {
	width:6px;
}
::-webkit-scrollbar-track {
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.24);
}
::-webkit-scrollbar-thumb {
	background:rgba(0,0,0,.32);
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.48);
}
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 .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 .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 rgba(24,24,24,.24);
	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 .24s ease-in-out;
}
.social:hover,.cta:hover,.full-cta:hover {
	opacity:.8;
	transition:opacity .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 rgba(24,24,24,.24);
	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 .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:.64;
	transition:opacity .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 .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 .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 .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:.88;
	transition:opacity .24s ease-in-out;
}
#form-link:hover {
	background-color:var(--color-contrast);
	transition:background .24s ease-in-out;
}
#footernavigation a:hover,#meta a:hover {
	opacity:.64;
	transition:opacity .24s ease-in-out;
}
#content a:hover {
	transition:color .24s ease-in-out;
}
#content .field-wrapper a {
	color:#fff;
}
#searchtoggle:checked + #header-meta .flexwrapper {
	z-index:1;
}
@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 (-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 (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: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 .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:90px;
	}
	#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 .4s cubic-bezier(.77,.2,.05,1.0);
		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-end;
		display:flex;
		flex-direction:column;
		line-height:32px;
	}
	#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:auto;
	}
	.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 0px;
		transition:transform .5s cubic-bezier(.77,.2,.05,1.0),background .5s cubic-bezier(.77,.2,.05,1.0),opacity .55s ease-in-out,width .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 .4s cubic-bezier(.77,.2,.05,1.0) 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(.2,.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 (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 (min-width:960px) {
	body {
		font-size:16px;
	}
	.social {
		height:40px;
		width:40px;
	}
	.homelink {
		background-image:url(images/homelink.svg);
		background-position:left 26px;
		background-repeat:no-repeat;
		background-size:16px auto;
		padding-left:27px;
	}
	.wrapper {
		max-width:1680px;
	}
	.onclick-menu-content {
		background:var(--color-tertiary);
		left:-100vw;
		opacity:0;
		position:absolute;
		transition:opacity .24s ease-in-out;
	}
	.social {
		height:48px;
		width:48px;
	}
	.firstsocial {
		margin-right:28px;
	}
	.search-field {
		height:40px;
		background: white;
		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) * -.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;
	}
	#kununu {
		margin-bottom:12px;
		width:160px;
	}
	#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;
	}
	#header-form {
	}
}
@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 .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:.64;
		position:absolute;
		transition:margin .24s ease-in-out,height .24s ease-in-out,background .24s ease-in-out,opacity .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 .24s ease-in-out;
	}
	#contact-container input[type="checkbox"]:checked ~ #contact-container-container {
		right:204px;
	}
}