/*
Theme Name: widopan2021
Theme URI: https://widopan.de
Description: widopan2021 wordpress theme
Version: 1.1
Author: T.Ott
Tags: slick layout
widopan2021 by Thorsten Ott
*/
@font-face {
	font-display:swap;
	font-family:'Source Sans 3';
	font-style:normal;
	font-weight:400;
	src:url('fonts/source-sans-3-v15-latin_latin-ext-regular.woff2') format('woff2');
}
@font-face {
	font-display:swap;
	font-family:'Source Sans 3';
	font-style:normal;
	font-weight:600;
	src:url('fonts/source-sans-3-v15-latin_latin-ext-600.woff2') format('woff2');
}
@font-face {
	font-display:swap;
	font-family:'Source Sans 3';
	font-style:normal;
	font-weight:700;
	src:url('fonts/source-sans-3-v15-latin_latin-ext-700.woff2') format('woff2');
}
* {
	box-sizing:border-box;
	margin:0;
	outline:none;
	padding:0;
	-webkit-tap-highlight-color:transparent;
}
::-webkit-scrollbar {
	width:6px;
	height: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);
}
html {
	scroll-behavior:smooth;
	/*scroll-snap-align: where necessary*/
}
body {
	background:#f6f6f6;
	color:var(--color-text);
	font-family:var(--font-family);
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	hyphens:auto;
	line-height:150%;
	overflow-y:overlay;
	scrollbar-color:rgba(0,0,0,.24) rgba(0,0,0,.12);
	scrollbar-width:thin;
}
h1,h2,h3,h4,h5 {
	font-family:var(--font-family-headlines);
	font-weight:600;
}
h1 {
	line-height:1.333;
	text-align:center;
}
a,div {
	text-decoration:none;
}
address {
	font-style:normal;
}
::-webkit-search-cancel-button {
	-webkit-appearance:none;
}
:root {
	--color-primary:#333333;
	--color-secondary:#f0f9ff;
	--color-contrast:#f59b00;
	--color-text:#000;
	--color-tertiary:#11368d;
	--color-hover:#ef0039;
	--color-block:#11368d;
	--color-navigation:#fff;
	--height-header-desktop:96px;
	--height-header-touch:64px;
	--height-subnavigation:64px;
	--color-gradient-dark:#002362;
	--color-gradient-light:#00398a;
	--font-family:'Source Sans 3',sans-serif;
	--font-family-headlines:'Source Sans 3',sans-serif;
}
.wrapper {
	background:#fff;
	margin-right:auto;
	margin-left:auto;
}
.pagination {
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}
.flexrow {
	flex-direction:row;
}
.flexcolumn {
	flex-direction:column;
}
.search-field {
	background:#fff;
	color:var(--color-primary);
	font-weight:400;
	line-height:1;
}
.phone {
	background-image:url(images/phone.svg);
	background-position:left center;
	background-repeat:no-repeat;
	color:var(--color-primary);
}
.search-submit {
	background-image:url(images/search.svg);
	background-position:center center;
	background-repeat:no-repeat;
}
.flexwrapper {
	display:flex;
}
.tac {
	text-align:center;
}
.socialimage {
	height:32px;
	margin-right:16px;
	width:32px;
}
.zertimage {
	height:auto;
	width:120px;
}
.widopan {
	color:var(--color-contrast);
	text-transform:uppercase;
}
.logo_de {
	background-image:url(images/logo_de.svg);
}
#footerlogo,
.logo_pl {
	background-image:url(images/logo_pl.svg);
}
.logo_en {
	background-image:url(images/logo_en.svg);
}
.resize-animation-stopper * {
	animation:none!important;
	transition:none!important;
}
a[href$=".pdf"],a[href$=".doc"],a[href$=".docx"],a[href$=".xls"],a[href$=".xlsx"] {
	background-position:left center;
	background-repeat:no-repeat;
	background-size:auto 24px;
	font-size:16px;
	height:24px;
	padding-left:32px;
}
a[href$=".pdf"] {
	background-image:url(images/pdf-icon.svg);
}
a[href$=".doc"],a[href$=".docx"] {
	background-image:url(images/doc-icon.svg);
}
a[href$=".xls"],a[href$=".xlsx"] {
	background-image:url(images/xls-icon.svg);
}
a:hover {
	transition:opacity .24s ease-in-out;
}
:target:before {
	content:"";
	display:block;
}
.pagination a {
	background:#f6f6f6;
	border:1px solid #e6e6e6;
	display:inline-block;
	text-decoration:none;
}
.postlink:hover {
	opacity:.8;
}
.pagination a:hover {
	background:#e6e6e6;
	border-color:#d6d6d6;
	color:#454545;
	text-decoration:none;
}
.textcontainer a[href$=".pdf"],.textcontainer a[href$=".doc"],.textcontainer a[href$=".docx"],.textcontainer a[href$=".xls"],.textcontainer a[href$=".xlsx"] {
	padding-left:24px;
}
#logo {
	background-repeat:no-repeat;
	-webkit-transform:translate3d(0,0,0);
	transition:opacity .24s ease-in-out;
}
#content {
	background:#fff;
}
#footer {
	background:var(--color-primary);
	font-size:18px;
}
#phone {
	background-color:var(--color-navigation);
	outline:1px solid var(--color-contrast);
}
#footerlogo {
	background-repeat:no-repeat;
	background-size:249px auto;
	height:94px;
	width:249px;
}
#footercontact {
	color:var(--color-navigation);
	font-weight:300;
}
#totop {
	background-color:var(--color-contrast);
	background-image:url(images/cta.svg);
	background-position:center center;
	background-repeat:no-repeat;
	bottom:0;
	position:fixed;
	transform:rotate(-90deg);
	transition:opacity .24s ease-in-out;
}
#header {
	z-index:1;
}
#menu li,#footernavigation li,#footersubnavigation li {
	list-style:none;
}
#footernavigation a,#footercontact a {
	color:var(--color-navigation);
}
#footersubnavigation a {
	color:var(--color-contrast);
}
#footer strong {
	color:var(--color-navigation);
	display:block;
	font-size:22px;
	font-weight:600;
	line-height:28px;
	margin-top:32px;
	margin-bottom:16px;
}
#menu a {
	color:var(--color-primary);
}
#content a {
	color:var(--color-primary);
}
#footer a {
	transition:all .24s ease-in-out;
}
#langswitch a {
	color:var(--color-primary);
	font-weight:300;
	transition:color .24s ease-in-out;
}
#logo:hover {
	opacity:.88;
}
#langswitch span:first-child {
	border-right:1px solid var(--color-primary);
}
#langswitch a:hover {
	color:var(--color-contrast);
}
#footer a:hover {
	opacity:.8;
	text-decoration:underline;
}
#header .flexwrapper a:hover {
	opacity:.64;
}
@media screen and (max-width:959px) {
	.smallmedium {
		display:flex;
	}
	.secondsm {
		border-top:1px solid #dce5ea;
		justify-content:space-between;
		margin-top:24px;
	}
	.onclick-menu-content {
		display:none;
		opacity:0;
		padding:8px 32px 0;
		visibility:hidden;
		transition:visibility .48s;
	}
	.onclick-menu-link {
		margin-top:-20px;
		position:absolute;
	}
	:target:before {
		height:64px;
		margin-top:-64px;
	}
	.onclick-menu-content li {
		list-style:none;
	}
	.onclick-menu a {
		font-size:16px;
		height:16px;
		line-height:16px;
	}
	.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;
	}
	#langswitchsm {
		margin-top:8px;
	}
	#search-form {
		display:none;
	}
	#header-inner {
		background:var(--color-secondary);
	}
	#footercontact {
		padding-top:calc(var(--height-header-touch) / 7 * 5);
	}
	#header {
		height:var(--height-header-touch);
		position:fixed;
		top:0;
		width:100%;
	}
	#header-inner {
		height:var(--height-header-touch);
	}
	#logo {
		background-size:auto 40px;
		display:inline-block;
		height:40px;
		margin-top:12px;
		position:fixed;
		width:124px;
	}
	#content {
		padding-top:calc(var(--height-header-touch) * .375);
		padding-bottom:calc(var(--height-header-touch) * .375);
	}
	#menu {
		background:var(--color-secondary);
		-webkit-font-smoothing:antialiased;
		margin:16px 0 0 -32px;
		padding:16px 16px 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:var(--height-header-touch);
	}
	#totop {
		background-size:calc(var(--height-header-touch) / 4) auto;
		height:calc(var(--height-header-touch) / 1.5);
		right:0;
		width:calc(var(--height-header-touch) / 1.5);
	}
	#menu li {
		padding:8px 0;
	}
	#menu > li {
		font-size:18px;
	}
	#menu > a {
		height:18px;
		line-height:18px;
	}
	.left #menu {
		transform:translate(-100%, 0);
	}
	.right #menuToggle {
		left:auto;
	}
	.right #menu {
		margin-left:-270px;
		transform:translate(100%, 0);
	}
	#menuToggle .greybar {
		background:#929293;
	}
	#menuToggle .orangebar {
		background:var(--color-contrast);
	}
	#menuToggle .bar {
		border-radius:3px;
		display:block;
		height:3px;
		margin-bottom:6px;
		margin-left:6px;
		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;
		width:28px;
		z-index:1;
	}
	#menu .has-children,#menu .menu-item-has-children > a {
		padding-left:30px;
	}
	#menu li.secondsm {
		padding-top:16px;
	}
	#menuToggle input[type=checkbox] {
		cursor:pointer;
		display:block;
		height:32px;
		left:-1px;
		opacity:0;
		position:absolute;
		top:-4px;
		-webkit-touch-callout:none;
		width:40px;
		z-index:2;
	}
	#footercontact p:not(:last-child) {
		padding-bottom:calc(var(--height-header-touch) / 8 * 3);;
	}
	#menuToggle input:checked ~ ul {
		max-height:calc(100vh - 64px);
		overflow-y:scroll;
		transform:none;
		transition:transform .4s cubic-bezier(.77,.2,.05,1.0) ease-in-out;
	}
	#menuToggle .bar:first-child {
		transform-origin:0% 0%;
	}
	#menuToggle .bar:nth-last-child(2) {
		transform-origin: 0% 100%;
	}
	#menuToggle input:checked ~ .bar {
		background:var(--color-contrast);
		opacity:1;
		transform:rotate(45deg) translate(-2px,-1px);
		width:33px;
	}
	#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(0,-1px);
	}
	#switch + #header + #content :target:before {
		height:166px;
		margin-top:-166px;
	}
}
@media screen and (max-width:439px) {
	.phone {
		display:block;
		height:32px;
		text-indent:-400vw;
	}
	#phone {
		background-position:center;
		background-size:auto calc(var(--height-subnavigation) / 2);
		height:32px;
		right:57px;
		margin-top:16px;
		position:fixed;
		width:30px;
	}
}
@media screen and (min-width:440px) and (max-width:639px) {
	.phone {
		background-position:left center;
		background-size:auto calc(var(--height-subnavigation) / 2);
		font-size:18px;
		font-weight:600;
		line-height:calc(var(--height-subnavigation) / 2);
		padding-right:12px;
		padding-left:32px;
	}
	#phone {
		height:calc(var(--height-subnavigation) / 2);
		margin-top:16px;
		position:fixed;
		right:63px;
	}
}
@media screen and (max-width:479px) {
	body {
		font-size:14px;
	}
	#content p:not(:last-child) {
		padding-bottom:21px;
	}
}
@media screen and (min-width:480px) and (max-width:959px) {
	body {
		font-size:15px;
	}
	#content p:not(:last-child) {
		padding-bottom:22.5px;
	}
}
@media screen and (max-width:639px) {
	h1 {
		font-size:40px;
		padding-bottom:32px;
	}
	h2,h3,h4,h5 {
		padding-top:24px;
		padding-bottom:24px;
	}
	h2 {
		font-size:30px;
		line-height:43.125px;
	}
	h3 {
		font-size:26px;
		line-height:37.375px;
	}
	h4 {
		font-size:22px;
		line-height:31.625px;
	}
	h5 {
		font-size:20px;
		line-height:28.75px;
	}
	::-webkit-input-placeholder {
		color:var(--color-primary);
		opacity:.8;
	}
	.wrapper {
		padding-right:12px;
		padding-left:12px;
	}
	.seconds {
		margin-bottom:24px;
	}
	.search-field,.search-submit {
		appearance:none;
		-webkit-appearance:none;
		border-radius:0;
		display:flex;
		height:44px;
	}
	.search-field {
		border:1px solid #dce5ea;
		font-size:16px;
		padding:12px 12px;
		width:200px;
	}
	.search-submit {
		background-size:auto 100%;
		border-color:#dce5ea;
		border-style:solid;
		border-width:1px 1px 1px 0;
		transition:opacity .24s ease-in-out;
		width:44px;
	}
	.pagination {
		margin-top:12px;
		margin-bottom:24px;
	}
	.pagination a {
		margin-right:4px;
		padding:4px 8px;
	}
	.pagination span {
		margin-right:4px;
	}
	.zertimage:not(:first-child) {
		margin-left:24px;
	}
	.search-field:focus {
		background:#fff;
	}
	.search-submit:hover {
		cursor:pointer;
		opacity:.8;
	}
	#search-formsmall {
		display:flex;
	}
	#footernavigation {
		margin-top:24px;
		margin-bottom:48px;
	}
	#footersubnavigation {
		margin-bottom:48px;
	}
	#search-form-small {
		display:flex;
		justify-content:space-between;
	}
	#searchtoggle,#search {
		display:none;
	}
	#footernavigation ul {
		display:flex;
		flex-direction:column;
	}
	#footernavigation li,#footersubnavigation li {
		padding-top:16px;
	}
	.left #logo {
		left:80px;
	}
	.left #menuToggle {
		left:12px;
	}
	.right #logo {
		left:12px;
	}
	.right #menuToggle {
		left:calc((100% - 46px) * 1);
	}
	#footercontact p:last-child {
		padding-bottom:calc(var(--height-header-touch) / 8 * 3);
	}
}
@media screen and (min-width:640px) {
	.search-field,.search-submit {
		appearance:none;
		-webkit-appearance:none;
		border-radius:0;
		display:flex;
	}
	.search-field {
		border:0;
		font-size:12px;
		padding-right:8px;
		padding-left:8px;
	}
	.search-submit {
		background-size:auto 40px;
		border:none;
	}
	.socialimage {
		margin-top:16px;
	}
	.pagination a {
		margin-right:12px;
		padding:8px 16px;
	}
	.pagination span {
		margin-right:12px;
	}
	#search-formsmall {
		display:none;
	}
}
@media screen and (min-width:640px) and (max-width:959px) {
	h1 {
		font-size:44px;
		padding-bottom:32px;
	}
	h2,h3,h4,h5 {
		padding-top:24px;
		padding-bottom:24px;
	}
	h2 {
		font-size:30px;
		line-height:43.125px;
	}
	h3 {
		font-size:26px;
		line-height:37.375px;
	}
	h4 {
		font-size:22px;
		line-height:31.625px;
	}
	h5 {
		font-size:20px;
		line-height:28.75px;
	}
	.wrapper {
		padding-right:24px;
		padding-left:24px;
	}
	.small {
		display:none;
	}
	.phone {
		background-position:left center;
		background-size:auto calc(var(--height-subnavigation) / 2);
		font-size:18px;
		font-weight:600;
		line-height:calc(var(--height-subnavigation) / 2);
		padding-right:12px;
		padding-left:32px;
	}
	.search-field {
		border-top:1px solid var(--color-contrast);
		border-bottom:1px solid var(--color-contrast);
		border-left:1px solid var(--color-contrast);
		height:calc(var(--height-subnavigation) / 2 + 2px);
		width:calc(100% - 32px);
	}
	.search-submit {
		border-top:1px solid var(--color-contrast);
		border-right:1px solid var(--color-contrast);
		border-bottom:1px solid var(--color-contrast);
		height:calc(var(--height-subnavigation) / 2 + 2px);
		width:calc(var(--height-subnavigation) / 2 + 2px);
	}
	.zertimage:not(:first-child) {
		margin-left:40px;
	}
	.flexwrapper .blog-post {
		width:calc(50% - 16px);
	}
	#search,#phone {
		height:calc(var(--height-subnavigation) / 2);
		margin-top:16px;
	}
	#search {
		margin-right:8px;
		outline:1px solid var(--color-contrast);
	}
	#footer {
		align-items:flex-end;
		justify-content:space-between;
	}
	#footersubnavigation {
		margin-top:40px;
		margin-bottom:64px;
	}
	#footercontact {
		padding-bottom:calc(var(--height-header-touch) / 8 * 3);
	}
	#searchtoggle {
		appearance:none;
		-moz-appearance:none;
		-webkit-appearance:none;
		background:transparent;
		border:0;
		height:calc(var(--height-subnavigation) / 2);
		margin-top:16px;
		position:fixed;
		right:calc(((100% - 164px) / 2 ) + 112px);
		width:calc(var(--height-subnavigation) / 2);
		z-index:1;
		opacity:0;
	}
	#footernavigation ul {
		column-count:4;
		column-gap:24px;
	}
	#footersubnavigation ul {
		display:flex;
		justify-content:space-between;
	}
	#footernavigation li {
		padding-top:calc(var(--height-header-desktop) / 6);
	}
	#searchtoggle:checked {
		background-image:url(images/close.svg);
		background-position:center;
		background-repeat:no-repeat;
		background-size:12px;
		margin-right:38px;
		opacity:1;
	}
	#header-meta .flexwrapper {
		height:var(--height-subnavigation);
		justify-content:center;
		left:164px;
		position:fixed;
		right:67px;
	}
	#footernavigation .flexwrapper {
		justify-content:space-between;
	}
	.left #logo {
		left:96px;
	}
	.left #menuToggle {
		left:24px;
	}
	.right #logo {
		left:24px;
	}
	.right #menuToggle {
		right:calc((100% - 41px) * -1);
	}
	.right #menuToggle .bar {
		right:16px;
	}
	#searchtoggle:checked + #search-form {
		align-items:center;
		background:var(--color-secondary);
		display:flex;
		height:64px;
		left:24px;
		position:fixed;
		right:calc(50vw + 29px);
	}
}
@media screen and (min-width:960px) {
	body {
		font-size:16px;
	}
	h1 {
		font-size:48px;
		padding-bottom:48px;
	}
	h2,h3,h4,h5 {
		padding-top:32px;
		padding-bottom:32px;
	}
	h2 {
		font-size:32px;
		line-height:46px;
	}
	h3 {
		font-size:28px;
		line-height:40.25px;
	}
	h4 {
		font-size:24px;
		line-height:34.5px;
	}
	h5 {
		font-size:20px;
		line-height:28.75px;
	}
	.blue {
		background:#f0f9ff;
	}
	.bluefilled {
		background:#f0f9ff;
		transition:background .24s ease-in-out;
	}
	.onclick-menu-content {
		background:#fff;
		border-radius:0 0 6px 6px;
		box-shadow:0 1px 3px 0 rgba(124,124,124,.48);
		position:absolute;
		transition:opacity .24s ease-in-out;
	}
	.small {
		display:none;
	}
	.phone {
		background-size:auto calc(var(--height-subnavigation) / 2);
		font-size:20px;
		font-weight:600;
		line-height:calc(var(--height-subnavigation) / 2);
		padding-right:12px;
		padding-left:32px;
	}
	.pagination {
		margin-bottom:40px;
	}
	.search-submit {
		height:calc(var(--height-subnavigation) / 2);
		width:calc(var(--height-subnavigation) / 2);
	}
	.search-field {
		height:calc(var(--height-subnavigation) / 2);
		width:240px;
	}
	:target:before {
		height:224px;
		margin-top:-224px;
	}
	.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 {
		height:calc(var(--height-subnavigation) * 3.5);
		position:fixed;
	}
	#langswitch,#phone {
		height:calc(var(--height-subnavigation) / 2);
		line-height:calc(var(--height-subnavigation) / 2);
	}
	#header #search-form {
		display:flex;
		margin-right:16px;
		outline:1px solid var(--color-contrast);
	}
	#search {
		display:none;
	}
	#content {
		padding-top:calc(var(--height-header-desktop) * .75);
		padding-bottom:calc(var(--height-header-desktop) * .75);
	}
	#searchtoggle {
		display:none;
	}
	#header-meta {
		align-items:center;
		display:flex;
		height:calc(var(--height-subnavigation) * 2);
	}
	#header-inner {
		background:#fff;
		border-radius:6px;
		box-shadow:0 1px 3px 0 rgba(124,124,124,.48);
		height:var(--height-subnavigation);
		position:fixed;
	}
	#logo {
		background-size:auto 80px;
		display:flex;
		height:80px;
		width:248px;
	}
	#menu {
		display:flex;
		height:var(--height-subnavigation);
		justify-content:space-around;
	}
	#footer {
		display:grid;
		justify-content:space-between;
		padding-top:calc(var(--height-header-desktop) / 3);
		padding-bottom:calc(var(--height-header-desktop) / 3);
	}	
	#footercontact {
		padding-top:calc(var(--height-header-desktop) / 3);
	}
	#totop {
		background-size:calc(var(--height-header-desktop) / 4) auto;
		height:calc(var(--height-header-desktop) / 2);
		width:calc(var(--height-header-desktop) / 2);
	}
	#search img {
		height:14px;
		width:14px;
	}
	#footersubnavigation ul {
		max-width:960px;
	}
	#menu > li {
		height:var(--height-subnavigation);
	}
	#menu > li > a {
		font-size:18px;
		height:var(--height-subnavigation);
		line-height:var(--height-subnavigation);
	}
	#footernavigation .flexwrapper {
		justify-content:flex-end;
	}
	#header-meta .flexwrapper {
		height:calc(var(--height-subnavigation) / 2);
	}
	.bluefilled #featured-content {
		opacity:0;
		transition:opacity .24s ease-in-out;
	}
	#footercontact p:not(:last-child) {
		padding-bottom:calc(var(--height-header-desktop) / 4);
	}
	#menu a:hover {
		text-decoration:underline;
	}
	#content p:not(:last-child) {
		padding-bottom:22.5px;
	}
	#menuToggle input[type=checkbox] {
		display:none;
	}
	#header:not(.switch) {
		top:0;
	}
	#menu .current-menu-item > a,#menu .current-menu-parent > a {
		color:var(--color-contrast);
	}
	#searchtoggle:checked + #search-form {
		right:431px;
	}
	.bluefilled + #featured #featuredimg {
		opacity:0;
		transition:opacity .24s ease-in-out;
	}
	#header:not(.switch) #header-inner {
		top:calc(var(--height-subnavigation) * 2);
	}
	#switch + #header + #content :target:before {
		height:288px;
		margin-top:-288px;
	}
	#header,#header-inner,#logo{
		transition: all .24s ease-in-out;
	}
	#header.is-small{
		height: 204px;
		transform: translateY(-120px);
		transition: all .24s ease-in-out;
	}
	#header.is-small #logo{
		transform: translateY(96px);
		height: 60px;
		width: 54px;
		transition: height 0s ease-in-out .24s, width 0s ease-in-out .24s, transform .24s ease-in-out .24s;
	}
}
@media screen and (pointer:fine) and (min-width:960px) {
	.onclick-menu-content {
		left:-100vw;
		opacity:0;
	}
	#menu > li:hover ul {
		left:auto;
		margin-left:calc((var(--height-subnavigation) / 8 * 3) * -1);
		opacity:1;
	}
}
@media screen and (pointer:coarse) and (min-width:960px) {
	.onclick-menu-link {
		margin-top:-44px;
		margin-left:-16px;
		position:absolute;
	}
	.onclick-menu-link:after {
		content:"+";
		display:block;
		font-size:24px;
		height:30px;
		text-align:left;
		width:30px;
	}
	.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;
		margin-left:-28px;
		opacity: 1;
		visibility: visible;
	}
}
@media screen and (min-width:960px) and (max-width:1279px) {
	.wrapper {
		padding-right:calc(var(--height-header-desktop) / 2);
		padding-left:calc(var(--height-header-desktop) / 2);
	}
	.zertimage:not(:first-child) {
		margin-left:48px;
	}
	#header-meta {
		padding-right:calc(var(--height-header-desktop) / 2);
		padding-left:calc(var(--height-header-desktop) / 2);
	}
	#header-inner {
		left:calc(var(--height-header-desktop) / 2);
		right:calc(var(--height-header-desktop) / 2);
	}
	#footer {
		align-items:flex-start;
		grid-template-columns:calc(40vw - 96px) calc(60vw - 96px);
	}
	#footernavigation {
		border-bottom:1px solid var(--color-navigation);
		grid-column-end:3;
		grid-column-start:2;
		grid-row-end:3;
		grid-row-start:2;
		margin-bottom:24px;
		padding-bottom:24px;
	}
	#footersubnavigation {
		grid-column-end:3;
		grid-column-start:2;
		grid-row-end:4;
		grid-row-start:3;
	}
	#footernavigation ul,#footersubnavigation ul {
		column-count:2;
		column-gap:48px;
	}
	#footernavigation li {
		padding-top:calc(var(--height-header-desktop) / 6);
	}
	#footer .flexcolumn {
		grid-column-end:2;
		grid-column-start:1;
		grid-row-end:4;
		grid-row-start:1;
	}
	#footer .flexrow {
		grid-column-end:3;
		grid-column-start:2;
		grid-row-end:2;
		grid-row-start:1;
		justify-content:flex-end;
	}
	#header-meta .flexwrapper {
		justify-content:flex-end;
		right:calc(var(--height-header-desktop) / 2);
	}
	#header.is-small #header-inner{
		margin-left: 70px;
		transition: all .24s ease-in-out;
	}
}
@media screen and (min-width:1280px) {
	.wrapper {
		padding-right:var(--height-header-desktop);
		padding-left:var(--height-header-desktop);
	}
	.zertimage:not(:first-child) {
		margin-left:64px;
	}
	#footer {
		align-items:flex-end;
	}
	#footernavigation {
		border-bottom:1px solid var(--color-navigation);
		grid-column-end:3;
		grid-column-start:2;
		grid-row-end:3;
		grid-row-start:2;
		margin-bottom:24px;
		padding-bottom:24px;
	}
	#footersubnavigation {
		grid-column-end:3;
		grid-column-start:2;
		grid-row-end:4;
		grid-row-start:3;
	}
	#footernavigation ul,#footersubnavigation ul {
		column-count:4;
		column-gap:24px;
	}
	#footersubnavigation ul {
		display:flex;
	}
	#footernavigation li {
		padding-top:calc(var(--height-header-desktop) / 6);
	}
	#footer .flexcolumn {
		grid-column-end:2;
		grid-column-start:1;
		grid-row-end:4;
		grid-row-start:1;
	}
	#footer .flexrow {
		grid-column-end:3;
		grid-column-start:2;
		grid-row-end:2;
		grid-row-start:1;
		justify-content:flex-end;
	}
}
@media screen and (min-width:1280px) and (max-width:1439px) {
	#header-meta {
		padding-right:var(--height-header-desktop);
		padding-left:var(--height-header-desktop);
	}
	#header-inner {
		left:var(--height-header-desktop);
		right:var(--height-header-desktop);
	}
	#footer {
		grid-template-columns:calc(32vw - 96px) calc(68vw - 96px);
	}
	#header-meta .flexwrapper {
		justify-content:center;
		right:var(--height-header-desktop);
	}
	#header.is-small #header-inner{
		margin-left: 70px;
		transition: all .24s ease-in-out;
	}
}
@media screen and (min-width:960px) and (max-width:1439px) {
	.flexwrapper .blog-post {
		width:calc(50% - 24px);
	}
	#header {
		width:100%;
	}
	#totop {
		right:0;
	}
	#header-meta .flexwrapper {
		left:392px;
		position:fixed;
	}
}
@media screen and (min-width:1440px) {
	.wrapper {
		width:1440px;
	}
	.flexwrapper .blog-post {
		width:592px;
	}
	#header {
		margin-right:calc((100% - 1440px) / 2);
		margin-left:calc((100% - 1440px) / 2);
		width:1440px;
	}
	#header-meta,#header-inner { 
		margin-right:var(--height-header-desktop);
		margin-left:var(--height-header-desktop);
		width:1248px;
	}
	#totop {
		right:calc((100% - 1440px) / 2);
	}
	#header-meta .flexwrapper {
		display:flex;
		left:392px;
		justify-content:center;
		position:absolute;
		right:var(--height-header-desktop);
	}
	#header.is-small #header-inner{
		margin-left: 164px;
		width: 1166px;
		transition: all .24s ease-in-out;
	}
}
@media print {
	@page {
		background:none;
		margin:2cm;
		padding:0;
		width:100%;
	}
	header,nav {
		display:none;
	}
	h1 {
		color:#898989;
		font-size:24pt;
		margin-bottom:1cm;
		page-break-inside:avoid;
	}
	h2 {
		font-size:20pt;
	}
	h3 {
		font-size:18pt;
	}
	h4 {
		font-size:16pt;
	}
	h5 {
		font-size:14pt;
	}
	h2,h3,h4,h5,p {
		color:#676767;
		margin-bottom:.5cm;
		page-break-inside:avoid;
	}
	h2,h3,h4,h5 {
		padding-top:.5cm;
	}
	p {
		font-size:12pt;
	}
	img,footer {
		page-break-inside:avoid;
		max-width:100%;
	}
	main {
		margin:0;
		padding:0;
	}
	footer {
		padding:0;
		margin-top:2cm;
	}
	.blog-posts {
		flex-wrap:wrap;
	}
	.blog-post {
		margin:0 2.5%;
		width:45%
	}
	.flexrow,#footersocial,#posts_navigation {
		display:none;
	}
	#footercontact {
		margin-top:1cm;
	}
	#featuredimg {
		margin-bottom:1cm;
	}
	#footerlogo:after {
		content:url(images/logo.svg);
		display:block;
		height:2cm;
		width:2cm;
	}
}