/*
Theme Name: J-Führ
Author: Web For Life GmbH
Author URI: https://www.web-for-life.com
Version: 1.0.0
Text Domain: jfuehr
*/
@font-face {
	font-family:'Fira Sans';
	font-style:normal;
	font-weight:300;
	font-display: swap;
	src:local(''), url('fonts/fira-sans-v16-latin-300.woff2') format('woff2'), url('fonts/fira-sans-v16-latin-300.woff') format('woff');
}
@font-face {
	font-family:'Fira Sans';
	font-style:normal;
	font-weight:400;
	font-display: swap;
	src:local(''), url('fonts/fira-sans-v16-latin-regular.woff2') format('woff2'), url('fonts/fira-sans-v16-latin-regular.woff') format('woff');
}
@font-face {
	font-family:'Fira Sans';
	font-style:normal;
	font-weight:500;
	font-display: swap;
	src:local(''), url('fonts/fira-sans-v16-latin-500.woff2') format('woff2'), url('fonts/fira-sans-v16-latin-500.woff') format('woff');
}
@font-face {
	font-family:'Fira Sans';
	font-style:normal;
	font-weight:700;
	font-display: swap;
	src:local(''), url('fonts/fira-sans-v16-latin-700.woff2') format('woff2'), url('fonts/fira-sans-v16-latin-700.woff') format('woff');
}
/* raleway-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/raleway-v28-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
	   url('fonts/raleway-v28-latin-100.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/raleway-v28-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
	   url('fonts/raleway-v28-latin-200.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/raleway-v28-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
	   url('fonts/raleway-v28-latin-300.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
	   url('fonts/raleway-v28-latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/raleway-v28-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
	   url('fonts/raleway-v28-latin-500.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/raleway-v28-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
	   url('fonts/raleway-v28-latin-600.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/raleway-v28-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
	   url('fonts/raleway-v28-latin-700.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/raleway-v28-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
	   url('fonts/raleway-v28-latin-800.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/raleway-v28-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
	   url('fonts/raleway-v28-latin-900.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
:root {
	--jf-wp-admin-height: 0px;
	--jf-color-white: #ffffff;
	--jf-color-blue: #005a87;
	--jf-color-blue-light:#67a2be;
	--jf-color-blue-dark:#00273e;

	--jf-background-color: var(--jf-color-white);

	--jf-font-size-smaller: 12px;
	--jf-font-size-small: 14px;
	--jf-font-size-regular: 16px;
	--jf-font-size-big: 32px;
	--jf-font-size-bigger: calc( var( --jf-font-size-big ) * 2 );
	--jf-font-size-mega: calc( var( --jf-font-size-big ) * 3 );
}
* {
	margin:0;
	padding:0;
	scrollbar-width:thin;
	scrollbar-color:rgba(0,0,0,.48) rgba(0,0,0,.24);
}
*,
*:after,*::before {
	box-sizing:border-box;
}
::-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);
}
::-webkit-input-placeholder {
	font-weight:300;
	opacity:.8;
}
html {
	background:var(--jf-background-color);
	scroll-behavior: smooth;
}
body {
	background-color:var(--jf-background-color);
	font-family:'Fira Sans',sans-serif;
	hyphens:auto;
	overflow-y:overlay;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}
.fira_sans{font-family:"Fira Sans",sans-serif}
.raleway{font-family:"Raleway",sans-serif}
/* body.schnitzel main {
	font-family:"Raleway",sans-serif;
}
body.schnitzel .fontfett {
	font-weight:900;
}
body.schnitzel #headerimage_content h1 {
	text-transform:uppercase;
}
body.schnitzel #header {
	background:transparent;
	box-shadow:none;
}
body.schnitzel #hingucker_content {
	padding-top:0;
}
body.schnitzel #header #primary-navigation > .primary-menu > .primary-item > div > a,body.schnitzel .ontop,body.schnitzel .ontop a,body.schnitzel #langswitch,body.schnitzel #langswitch a {
	color:#fff;
}
body.schnitzel #site-logo {
	filter: brightness(0) invert(1);
	width:320px;
	margin-top:4px;
}
body.schnitzel #searchtoggle {
	filter: brightness(0) invert(1);
}
body.schnitzel #breadcrumb {
	color:#fff;
}
schnitzelbody.schnitzel .currywurst .fontfett {
	color:#005a87;
}
@media screen and (min-width:1440px) {
	body.schnitzel #headerimage_content {
		width:45%;
	}
	body.schnitzel #headerimage_content h1 {
		font-size:40px;
		letter-spacing:-1px;
		font-weight:700;
	}
	body.schnitzel #headerimage_content h2 {
		font-size:120px;
		line-height:90%;
	}
	body.schnitzel .currywurst {
		font-size:88px;
		letter-spacing:-1px;
		line-height:90%!important;
		padding-left:16%;
	}
} */



b,strong{
	font-weight: bold;
}
main {
	background-color:var(--jf-color-white);
}
a {
	color:inherit;
	cursor:pointer;
	text-decoration:none;
}
hr {
	border:0;
	height:1px;
	outline:0;
}
fieldset {
	border:0;
}
input {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border:none;
	border-radius:0;
	outline:0;
	width:100%;
}
select {
	background-color:transparent;
	border:0;
	height:40px;
	padding:10px;
	margin:0;
	outline:0;
	width:100%;
}
h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
	max-width:100%;
}
th {
	border-bottom:1px solid #73b1c3;
	font-size:18px;
	line-height:18px;
	padding:16px;
	text-align:left;
	text-transform:uppercase;
	white-space:nowrap;
}
td {
	border-bottom:1px solid #73b1c3;
	border-left:1px solid #73b1c3;
	font-size:18px;
	padding:8px 16px;
}
input::placeholder {
	font-size:12px;
	font-weight:300;
	opacity:.8;
}
span.anchor {
	display: block;
	position: relative;
	visibility: hidden;
}
/**
* Fontsets
*/
.font-size-smaller{
	font-size: var( --jf-font-size-smaller );
}
.font-size-small{
	font-size: var( --jf-font-size-small );
}
.font-size-regular{
	font-size: var( --jf-font-size-regular );
}
.font-size-big{
	font-size: var( --jf-font-size-big );
}
.font-size-bigger{
	font-size: var( --jf-font-size-bigger );
}
.font-size-mega{
	font-size: var( --jf-font-size-mega );
}

.tar {
	text-align:right;
}
.flexwrapper {
	display:flex;
	flex-wrap:wrap;
}
.smallerheight {
	height:30px;
}
.normalheight {
	height:35px;
}
.largerheight {
	height:40px;
}
.tablewrapper {
	overflow-x:auto;
	width:100%;
}
.menu-item {
	list-style:none;
}
.detailslink {
	background: #d1e2ed;
	color: var(--jf-color-blue);
	display: inline-block;
	font-weight: 600;
	opacity: 1;
	text-transform: uppercase;
	transition: opacity .24s ease-in-out;
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	padding-right: 20px;
	padding-left: 20px;
	min-width: 120px;
	text-align: center;
}
.detailslink:not(:last-child){
	margin-right: 16px;
}
/* .jfuehr {
	color:#f59b00;
	text-transform:uppercase;
} */
.verbundeneTabellenspalten {
	font-weight:700;
	padding-top:24px;
}
.nichtUmbrechen {
	white-space:nowrap;
}
/* .cdeins{color:var(--jf-color-blue)}
.cdzwei{color:var(--jf-color-blue-dark)}
.cddrei{color:var(--jf-color-blue-light)}
.weiss{color:var(--jf-color-white)}
.bgbluedark{background-color: var(--jf-color-blue-dark);}
.bgblue{background-color: var(--jf-color-blue)}
.bgbluelight{background-color: var(--jf-color-blue-light);} */
.search-submit {
	appearance:none;
	-moz-appearance: none;
	-webkit-appearance:none;
	background-color:transparent;
	/* background-image:url(images/search.svg); */
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='2.5' stroke='%2300273E' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0' /%3E%3Cpath d='M21 21l-6 -6' /%3E%3C/svg%3E");
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 32px;
	border-radius:0;
	box-shadow:none;
}
.search-field {
	appearance:none;
	-moz-appearance: none;
	-webkit-appearance:none;
	background-color:var(--jf-color-white);
	border-radius:0;
	font-size:14px;
	padding-right:8px;
	padding-left:8px;
}
::-webkit-scrollbar-thumb:window-inactive {
	background-color:rgba(0,0,0,.4);
}
.tablewrapper table {
	border:2px solid #73b1c3;
}
input[type="checkbox"] {
	background:transparent;
	width:auto;
}
input[type="checkbox"] + label {
	color: var(--jf-color-blue-dark);
	cursor:pointer;
	font-size:14px;
	font-weight:500;
}
.search-field:focus {
	background:var(--jf-color-white);
	font-size:16px!important;
}
/* iPhone 8 */
@media only screen and (device-width:375px) and (device-height:667px) and (-webkit-device-pixel-ratio:2) { 
	.search-field:focus {
		font-size:14px!important;
	}
}
/* iPhone 8 */
.search-submit:hover {
	cursor:pointer;
	opacity:.8;
	transition:opacity .24s ease-in-out;
}
.tablewrapper tbody tr:nth-child(odd) {
	background-color:rgba(187, 215, 225, .32);
}
input[type="checkbox"]:checked + label::before,input[type="checkbox"]:not(:checked) + label::before {
	background:#bbd7e1;
	content:'';
	display:inline-block;
	height:22px;
	line-height:22px;
	margin-right:8px;
	position:relative;
	text-align:center;
	width:22px;
}
#nlform input[type="checkbox"]:checked + label::before,#nlform input[type="checkbox"]:not(:checked) + label::before{
	position:absolute;
	left: -32px;
}
input[type="checkbox"]:hover + label::before {
	background:#ddd;
}
input[type="checkbox"]:checked + label::before {
	background:var(--jf-color-blue);
	color:var(--jf-color-white);
	content:'✓';
}

.detailslink:hover {
	opacity: .8;
	transition: opacity .24s ease-in-out;
}

/* FORM */
.wpcf7 .uacf7-value {
	display:none;
}
.wpcf7 .radio_styled_container input[type="radio"]
{
  appearance: none;
  padding-left:0;
}
.wpcf7 .radio_styled > .wpcf7-form-control-wrap {
	margin-top:-24px;
}
.wpcf7 .radio_styled_container label label {
	height:20px;
}
.wpcf7 .radio_styled_container input[type="radio"] + span
{
  cursor: pointer;
  position: relative;
  padding-left: 30px;
  line-height: 20px;
}

.wpcf7 .radio_styled_container input[type="radio"] + span::before
{
  content: "";
  display: inline-block;
  width: 20px;
  aspect-ratio: 1;
  border: 1px solid #005a87;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  opacity: 1;
  transition: all 0.3s;
}

.wpcf7 .radio_styled_container input[type="radio"] + span::after
{
  content: "";
  display: inline-block;
  width: 10px;
  aspect-ratio: 1;
  border: 1px solid #005a87;
  background: #005a87;
  border-radius: 50%;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: all 0.3s;
}

.wpcf7 .radio_styled_container input[type="radio"]:checked + span::after
{
  opacity: 1;
}




.wpcf7 .checkbox_styled_container .wpcf7-list-item {
	display:block;
}
.wpcf7 .checkbox_styled_container input[type="checkbox"]
{
  appearance: none;
  display:none;
}

.wpcf7 .checkbox_styled_container  input[type="checkbox"] + span
{
  cursor: pointer;
  position: relative;
  padding-left: 30px;
}

.wpcf7 .checkbox_styled_container input[type="checkbox"] + span::before
{
  content: "";
  display: inline-block;
  width: 20px;
  aspect-ratio: 1;
  border: 1px solid #686de0;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  opacity: 1;
  transition: all 0.3s;
}
.wpcf7 .checkbox_styled_container input[type="checkbox"] + span::after
{
  content: "";
  display: inline-block;
  width: 13px;
  height: 25px;
  border-right: 1px solid #686de0;
  border-bottom: 1px solid #686de0;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-65%) rotate(45deg);
  opacity: 0;
  transition: all 0.3s;
}
.wpcf7 .checkbox_styled_container input[type="checkbox"]:checked + span::before
{
  opacity: 0;
}
.wpcf7 .checkbox_styled_container input[type="checkbox"]:checked + span::after
{
  opacity: 1;
}



@media screen and (max-width:399px) {
	.wpcf7 .range_slider_container > label {
		width:100%;
	}
	.wpcf7 .range_slider {
		gap:0;
		width:100%;
		flex-direction:row;
	}
	.wpcf7 .range_slider div {
		width:80%;
		gap:0;
	}
	.wpcf7 .range_slider span.range_value {
		width:10%;
		display:inline-block;
		text-align:center;
	}
}
@media screen and (min-width:400px) and (max-width:639px) {
	.wpcf7 .range_slider_container > label {
		width:100%;
	}
	.wpcf7 .range_slider {
		gap:0;
		width:100%;
		flex-direction:row;
	}
	.wpcf7 .range_slider div {
		width:90%;
		gap:0;
	}
	.wpcf7 .range_slider span.range_value {
		width:5%;
		display:inline-block;
		text-align:center;
	}
}
@media screen and (min-width:640px) {
	.wpcf7 .range_slider_container > label {
		width:calc(50% - 10px);
	}
	.wpcf7 .range_slider {
		gap:0;
		width:calc(50% - 10px);
	}
	.wpcf7 .range_slider div {
		width:90%;
		gap:0;
	}
	.wpcf7 .range_slider span.range_value {
		width:5%;
		display:inline-block;
		text-align:center;
	}
}
.wpcf7 form div {
	display: flex;
	gap: 20px;
}
.wpcf7 form > div > div {
	flex-direction:column;
}
.wpcf7 form label {
	color: var(--jf-color-blue);
	width: 100%;
	flex: 1;
	font-weight: 300;
}
.wpcf7 form .flex-2{
	flex: 2;
}
.wpcf7 form .flex-3{
	flex: 3;
}
.wpcf7 input::placeholder, .wpcf7 textarea::placeholder { 
	color: #79a0bb;
	font-size: 16px;
}
.wpcf7 input::-moz-placeholder, .wpcf7 textarea::-moz-placeholder { 
	color: #79a0bb;
	font-size: 16px;
}
.wpcf7 input::-webkit-input-placeholder, .wpcf7 textarea::-webkit-input-placeholder { 
	color: #79a0bb;
	font-size: 16px;
}
.wpcf7 input, .wpcf7 textarea {
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
}
.wpcf7 input:not( [type=checkbox], [type=submit] ), .wpcf7 textarea, .wpcf7 select {
	width: 100%;
	height: 45px;
	border: none;
	margin-bottom: 16px;
	padding-left: 13px;
	font-size: 16px;
	color: #3f4c58;
	background-color: #e9e9f0;
	border-radius: 0;
}

.wpcf7 textarea {
	padding: 10px;
	height: 150px;
	font-family:'Fira Sans',sans-serif;
	resize: vertical;
}
.wpcf7 input[type=checkbox] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	align-self: flex-start;
	background-color: #e9e9f0;
	border-radius: 0;
	min-width: 25px;
	height: 25px;

}
.wpcf7-acceptance{
	display: flex;
	margin-bottom: 16px;
}
.wpcf7 input[type=checkbox][aria-invalid="true"]{
	border: 2px solid #d51317;
}
.wpcf7 input[type=checkbox][aria-invalid="true"] + .wpcf7-list-item-label{
	color: #d51317;
}
.wpcf7 input[type=checkbox]:checked {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: var(--jf-color-blue);
	color: var(--jf-color-white);
}
.wpcf7 input[type=checkbox]:checked:before{
	align-items: center;
	content: '✓';
	color: var(--jf-color-white);
	display: flex;
	font-size: 16px;
	height: 100%;
	justify-content: center;
	width: 100%;
}
.wpcf7 input[type=submit] {
	background-image: url(images/send_white.svg);
	background-repeat: no-repeat;
	background-position: center left 20px;
	background-color: var(--jf-color-blue);
	background-size: 26px;
	cursor: pointer;
	color: var(--jf-color-white);
	font-size: 12px;
	height: 40px;
	padding-right: 20px;
	padding-left: 50px;
	width: auto;
	min-width: 150px;
}
.wpcf7 .wpcf7-submit:disabled{
	background-color: #e9e9f0;
}
.wpcf7 .wpcf7-list-item {
	margin-left: 0;
}
.wpcf7 .wpcf7-list-item label {
	display: flex;
	align-items: center;
	gap: 10px;
}
.wpcf7 .wpcf7-form-control-wrap{
	margin-bottom: 16px;
}
.wpcf7 .wpcf7-not-valid-tip {
	display: none;
}
.wpcf7 textarea.wpcf7-not-valid,
.wpcf7 input.wpcf7-not-valid,
.wpcf7-checkbox.wpcf7-not-valid input {
	border: 2px solid #d51317;
}
.wpcf7 input:not([type=checkbox],[type=submit]),.wpcf7 textarea,.wpcf7 select {
	margin-top:8px;
}
.wpcf7 input.qbutton {
	cursor: pointer;
	background-color:var(--jf-color-blue);
	color:var(--jf-color-white);
	padding-right:16px;
	padding-left:16px;
	width:calc(50% - 10px);
}
.wpcf7 .wpcf7-form .wpcf7-response-output{
	background-color: #bbd7e1;
	border-color: var(--jf-color-blue);
	color: var(--jf-color-blue);
	padding: 16px;
	margin-left: 0;
	margin-right: 0;
}
.wpcf7 .wpcf7-form.sent .wpcf7-response-output{
	background-color: #bbe1c8;
	border-color: #46b450;
}
.wpcf7 .wpcf7-form.spam .wpcf7-response-output {
	background-color: #e1cebb;
	border-color: #f56e28;
}
.wpcf7 .wpcf7-form.invalid .wpcf7-response-output, 
.wpcf7 .wpcf7-form.unaccepted .wpcf7-response-output, 
.wpcf7 .wpcf7-form.payment-required .wpcf7-response-output,
.wpcf7 .wpcf7-form.failed .wpcf7-response-output,
.wpcf7 .wpcf7-form.aborted .wpcf7-response-output{
	background-color: #e1bbbb;
	border-color: #d51317;
}
.primary-item.has_children > div:first-of-type span{
	display: none;
}

.hero-overlay{
	background: linear-gradient(0deg, rgba( 0, 39, 62, 0 ), rgba(0, 39, 62, 1));
	height: 160px;
	position: absolute;
	top: 0;
	width: 100%;
}





/* Bounce To Top */
#headerimage_link,
.detailslink,
.hvr-sweep-to-top {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgb(0 0 0 / 0%);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
#headerimage_link:before,
.detailslink:before,
.hvr-sweep-to-top:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--jf-color-blue);
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
#headerimage_link:hover, #headerimage_link:focus, #headerimage_link:active,
.detailslink:hover, .detailslink:focus, .detailslink:active,
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
	opacity: 1;
	color: white;
	transition: color .3s;
}
#headerimage_link:hover:before, #headerimage_link:focus:before, #headerimage_link:active:before,
.detailslink:hover:before, .detailslink:focus:before, .detailslink:active:before,
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}





/* FORM END */
#header {
	position:fixed;
	top:0;
	z-index:2;
}
#header.scroll{
	background-color:var(--jf-color-white);
	box-shadow:0 2px 8px rgba(63,76,88,.4);
}
#currentlang {
	font-weight:700;
}
noscript .ssubmit,
#ssubmit {
	appearance:none;
	-webkit-appearance:none;
	background-color:transparent;
	background-image:url(images/search.svg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:auto 16px;
}
#phone,#mail {
	display:inline-block;
	transition:opacity .24s ease-in-out;
	width:auto;
}
#contact {
	display:flex;
}
#site-logo {
	height:auto;
}
#site-logo-container {
	align-items:center;
	display:flex;
}
#header:not(.scroll) #site-logo-container img {
	filter: invert(1) brightness(3);
}
#s {
	background:transparent;
}
#footer {
	background:var(--jf-color-blue-dark);
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
#nl {
	border-color:#dadae5;
	border-top-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	color:#8798a9;
	font-size:14px;
	padding:3px 8px;
	width:calc(100% - 40px);
}
#snl {
	background-image:url(images/mail.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:24px auto;
	border-color:#dadae5 #dadae5 #dadae5 var(--jf-color-blue-dark);
	border-width:1px;
	transition:opacity .4s ease-in-out;
	width:40px;
}
#searchtoggle,#login,#cart {
	appearance:none;
	background-color:transparent;
	background-position:center center;
	background-repeat:no-repeat;
	border-radius:0;
	cursor: pointer;
	display:block;
	height:32px;
	margin-right: 24px;
	opacity: 1;
	transition:opacity .24s ease-in-out;
	width:32px;
	z-index:2;
	-webkit-appearance:none;
}
#searchtoggle{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' stroke-width='2.5' stroke='%2300273E' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0' /%3E%3Cpath d='M21 21l-6 -6' /%3E%3C/svg%3E");
}
#login{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' stroke-width='2.5' stroke='%2300273E' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0' /%3E%3Cpath d='M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2' /%3E%3C/svg%3E");
}
#cart{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' stroke-width='2.5' stroke='%2300273E' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0' /%3E%3Cpath d='M17 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0' /%3E%3Cpath d='M17 17h-11v-14h-2' /%3E%3Cpath d='M6 5l14 1l-1 7h-13' /%3E%3C/svg%3E");
}
#header:not(.scroll) #cart,
#header:not(.scroll) #login,
#header:not(.scroll) #searchtoggle,
#header:not(.scroll) #searchtoggle:checked{
	filter: invert(1) brightness(3);
}
#langswitch{
	height: 32px;
	display: flex;
	align-items: center;
}
#nl,#snl {
	background-color:#f8f8fa;
	border-style:solid;
	height:32px;
	line-height:32px;
}
#footerlogos,#copyright {
	display:flex;
}
#copyright {
	align-self:center;
	color:#656F76;
	font-size:13px;
}
#breadcrumb {
	color:#3f4c58;
	font-size:.875em;
	font-weight:300;
}
#image404 {
	display:block;
	height:auto;
	width:100%;
}
#searchform,#search {
	display:none;
}
#breadcrumb a {
	text-decoration:underline;
}
#content ul {
	margin-left: 1em;
}
#footer strong {
	color:var(--jf-color-white);
	display:block;
	font-size:16px;
}
#detail-content p, #detail-content ul {
	font-weight:300;
}
#detail-content h1 {
	color:#3f4c58;
	line-height:1;
}
#s::placeholder {
	color:var(--jf-color-blue);
}
#nl::placeholder {
	color:#5f7285;
}
#nlform label {
	color:#5f7285;
	display: block;
	font-size:14px;
	margin-left: 32px;
	position: relative;
}
#langswitch a {
	transition:opacity .24s ease-in-out;
}
#langswitch img{
	display: block;
	height: auto;
	width: 22px;
}
#footer p {
	font-weight:400;
}
#footer hr {
	background:#dadae5;
	opacity:.64;
	width:100%;
}
#nlform a {
	color:var(--jf-color-blue);
}
#footerlogos a {
	opacity:.4;
	transition:opacity .24s ease-in-out;
}
#footerlogos img {
	width:auto;
}
#footer p, #footer p a,#footer li a, #footer a:visited {
	color:var(--jf-color-white);
	font-size:15px;
}
#footer nav a {
	font-weight:300;
	line-height:1.625;
}
#footer .hbspt-form{
	width: 100%;
}
#nlform .flexwrapper {
	padding-bottom: 0;
}
#header .search-field,#header .search-submit {
	height:40px;
}
#detail-content .search-field {
	height:44px;
}
#detail-content .search-submit {
	height:68px;
}
#header .search-submit {
	width:40px;
}
#detail-content .search-submit {
	width:44px;
}
#searchtoggle:hover,#login:hover,#phone:hover,#cart:hover,#mail:hover,#snl:hover,#langswitch a:hover {
	cursor:pointer;
	opacity:.64;
}
#breadcrumb a:hover {
	color:var(--jf-color-blue);
}
#footer a:hover {
	text-decoration:underline;
}
#footerlogos a:hover {
	opacity:.8;
}
#searchtoggle:checked {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' stroke-width='2.5' stroke='%2300273E' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M18 6l-12 12' /%3E%3Cpath d='M6 6l12 12' /%3E%3C/svg%3E");
}
#meta-container {
	position: relative;
}
#search-form{
	align-items: center;
	background-color: var(--jf-color-white);
	bottom: -60px;
	box-shadow: 0 2px 8px rgba(63,76,88,.4);
	display: flex;
	height: 50px;
	left: -513px;
	padding-left: 8px;
	padding-right: 8px;
	position: absolute;
	line-height:40px;
}
#searchtoggle:not(:checked) + #search-form {
	display:none;
}

noscript form{
	background: var(--jf-color-white);
	position: relative;
	z-index: 2;
}
.image-block img {
	display:block;
	height:100%;
	width:100%;
}
div.normal-content-container.image-block {
	margin-bottom:0;
	padding-bottom:0;
}
@media screen and (max-width:349px) {
	#contact {
		margin-right:8px;
	}
	#meta-container {
		margin-left:8px;
		width:calc(100vw - 175px);
	}
}
@media screen and (min-width:350px) and (max-width:439px) {
	#contact {
		margin-right:12px;
	}
	#meta-container {
		margin-left:12px;
		width:calc(100vw - 183px);
	}
}
@media screen and (min-width:440px) and (max-width:639px) {
	#meta-container {
		margin-left:12px;
		width:calc(100vw - 183px);
	}
}
@media screen and (max-width:639px) {
	:root{
		--jf-font-size-bigger: calc( var( --jf-font-size-big ) * 1.5 );
		--jf-font-size-mega: calc( var( --jf-font-size-big ) * 2.5 );
	}
	.wrapper {
		margin-right:12px;
		margin-left:12px;
	}
	.normal-content-container:not(.swiper_full,.swiper_half) {
		padding-bottom:24px;
	}
	.wpcf7 form div{
		flex-direction: column;
	}
	#menuToggle {
		right:5px;
	}
	#contact {
		align-items:center;
	}
	#searchtoggle, #login, #cart{
		background-size: 24px;
		margin-right: 18px;
		width: 24px;
	}
	#site-logo {
		height:20px;
	}
	#primary-navigation {
		padding:12px;
	}
	#footer {
		padding-top:24px;
		padding-bottom:12px;
	}
	#footerlogos {
		flex-wrap:wrap;
		padding-top:12px;
		padding-right:12px;
		padding-left:12px;
	}
	#s {
		width:calc(100vw - 263px);
	}
	#mail {
		margin-right:12px;
	}
	#contact a {
		height:32px;
		justify-content:center;
		line-height:32px;
	}
	#detail-content h1 {
		font-size:21px;
		padding-bottom:22px;
	}
	#detail-content h1 {
		padding-bottom:18px;
	}
	#detail-content h1 {
		padding-bottom:16px;
	}
	#detail-content p, #detail-content ul {
		font-size:14px;
		padding-bottom:12px;
	}
	#footer strong,#footer p {
		padding-bottom:21px;
	}
	#footer nav {
		margin-bottom:12px;
		width:100%;
	}
	#footerlogos a:not(:last-child) img {
		margin-right:12px;
		margin-bottom:12px;
	}
	#footer .wrapper {
		width:100%;
	}
	#detail-content #search-form {
		margin-bottom:12px;
	}
}
@media screen and (min-width:640px) and (max-width:959px) {
	.wrapper {
		margin-right:24px;
		margin-left:24px;
	}
	.half {
		flex:0 0 50%;
	}
	.normal-content-container:not(.swiper_full,.swiper_half) {
		padding-bottom:28px;
	}
	.half:first-child p {
		grid-column-end:3;
		grid-column-start:2;
		grid-row-end:2;
		grid-row-start:1;
		width:100%;
	}	
	#meta-container {
		margin-left:12px;
		width:calc(100vw - 281px);
	}
	#menuToggle {
		right:17px;
	}
	#s {
		width:calc(100vw - 430px);
	}
	#mail {
		margin-right:24px;
	}
	#contact {
		height:64px;
		line-height:64px;
		margin-right:24px;
	}
	#site-logo {
		height:32px;
	}
	#primary-navigation {
		padding:24px;
	}
	#footer {
		padding-top:32px;
		padding-bottom:16px;
	}
	#footerlogos {
		padding-top:16px;
		flex-wrap: wrap;
	}
	#detail-content {
		padding-bottom:1.5px;
	}
	#buttons {
		grid-column-end:3;
		grid-column-start:2;
		grid-row-end:3;
		grid-row-start:2;
	}
	#detail-content p, #detail-content ul {
		font-size:15px;
		padding-bottom:22.5px;
	}
	#detail-content h1 {
		font-size:28px;
		padding-bottom:24px;
	}
	#detail-content h2 {
		padding-bottom:18px;
	}
	#detail-content h3 {
		padding-bottom:16px;
	}
	#footer nav {
		margin-bottom:24px;
		width:calc(50% - 12px);
	}
	#footer strong,#footer p {
		padding-bottom:21px;
	}
	#footerlogos a:not(:last-child) img {
		margin-right:16px;
	}
	#footer .wrapper {
		width:100%;
	}
	#detail-content #search-form {
		margin-bottom:24px;
	}
}
@media screen and (max-width:959px) {
	:root{
		--jf-font-size-big: 18px;
	}
	h2 { 
		font-size: 18px;
		padding-bottom: 8px; 
	}
	noscript form{
		display: flex;
		justify-content: flex-end;
		border-bottom: 1px solid var(--jf-color-blue-dark);
		right: 20px;
	}
	noscript form #s,
	noscript form input[type=search]{
		height: 30px;
		padding-left: 4px;
		width: 100%;
	}
	noscript form input[type=submit]{
		width: 20px;
	}
	.hero-overlay{
		height: 100px;
	}
	.item-info-container, .info-container-headline,.info-container-description,.info-container-parent-image {
		display:none;
	}
	.primary-menu li {
		background-color:#e9e9f0;
		display:block;
		width:100%;
	}
	.primary-menu > li {
		line-height:40px;
		margin-bottom:2px;
	}
	.primary-menu li a {
		padding:0 0 0 12px;
		display:block;
		color:#5f7285;
	}
	span.anchor {
		top: -64px;
	}
	/* .half:last-child {
		display:flex;
		justify-content:center;
		margin-bottom:48px;
	} */
	.sub-menu .info-container {
		display:none;
	}

	body.tax-anfangsbuchstabe #primary-nav .primary-item.nav_glossary > div:first-of-type a,
	body.single-lexikon #primary-nav .primary-item.nav_glossary > div:first-of-type a,
	body.single-post #primary-nav .primary-item.nav_news > div:first-of-type a,
	body.tax-anfangsbuchstabe #primary-nav .primary-item.nav_glossary.has_children > div:first-of-type a,
	body.single-lexikon #primary-nav .primary-item.nav_glossary.has_children > div:first-of-type a,
	body.single-post #primary-nav .primary-item.nav_news.has_children > div:first-of-type a,
	.primary-item.current_page > div:first-of-type a,
	.primary-item.current_page.has_children > div:first-of-type a {
		color: var(--jf-color-white);
	}

	body.tax-anfangsbuchstabe #primary-nav .primary-item.nav_glossary.has_children div:first-of-type a:hover,
	body.single-lexikon #primary-nav .primary-item.nav_glossary.has_children div:first-of-type a:hover,
	body.single-post #primary-nav .primary-item.nav_news.has_children div:first-of-type a:hover,
	#primary-navigation .primary-menu a:hover,
	.primary-item.current_page.has_children div:first-of-type a:hover {
		background-color:var(--jf-color-white);
		color:var(--jf-color-blue);
	}
	.primary-menu .sub-menu a {
		border-left-color:transparent;
		border-left-style:solid;
		border-left-width:8px;
		line-height:32px;
		font-size:14px;
		padding-left:12px;
	}
	#header {
		height:64px;
		left:0;
		right:0;
	}
	#navigation-container {
		align-items: center;
		display: flex;
	}
	#breadcrumb {
		padding-top: calc( 12px + var(--jf-wp-admin-height) );
		margin-bottom:24px;
	}
	#content {
		margin-top:64px;
	}
	#site-logo-container {
		height:64px;
	}
	#searchform {
		background-color:var(--jf-color-white);
		border:1px solid var(--jf-color-blue);
		display:none;
		line-height:32px;
		margin-top:16px;
	}
	#s {
		height:32px;
		line-height:32px;
		padding-left:4px;
	}
	#search {
		height:20px;
		position:fixed;
		top:22px;
		width:20px;
	}
	#meta-container {
		align-items: center;
		display:flex;
		height:64px;
		justify-content:flex-end;
	}
	#phone,#mail {
		height:20px;
	}
	#site-logo {
		display:block;
	}
	#menuToggle {
		display:block;
		height:40px;
		position:fixed;
		top:12px;
		width:40px;
		-webkit-user-select:none;
		user-select:none;
		z-index:1;
	}
	#primary-navigation {
		background-color:var(--jf-color-white);
		border-radius:0 0 0 4px;
		box-shadow:0 2px 4px rgba(63,76,88,.4);
		-webkit-font-smoothing:antialiased;
		max-height:calc(100vh - 110px);
		margin:0 0 0 -262px;
		overflow-y:scroll;
		position:fixed;
		top:64px;
		transform-origin:0% 0%;
		transition: transform .4s cubic-bezier(.77,.2,.05,1.0);
		width:320px;
		transform:translate(100%, 0);
	}
	#image404 {
		max-width:400px;
	}
	#menuToggle input {
		cursor:pointer;
		display:block;
		height:40px;
		opacity:0;
		position:absolute;
		-webkit-touch-callout:none;
		width:40px;
		z-index:3;
	}
	#contact a {
		align-items:center;
		display:flex;
	}
	#header .primary-menu {
		display:flex;
		flex-wrap:wrap;
		justify-content:flex-end;
	}
	#header .wrapper {
		display:flex;
	}
	#menuToggle .bar {
		background:var(--jf-color-blue);
		border-radius:3px;
		display:block;
		height:4px;
		margin-bottom:5px;
		position:relative;
		transform-origin:4px 0;
		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;
	}
	#header .search-field {
		width:calc(100% - 221px);
	}
	#content .flexwrapper:not(#posts_navigation, #tsubnavigation) {
		flex-direction:column;
	}
	#menuToggle input + .bar {
		margin-top:9px;
	}
	#menuToggle input:checked ~ nav {
		transform:none;
		transition:transform .4s cubic-bezier(.77,.2,.05,1.0) ease-in-out;
	}

	body.tax-anfangsbuchstabe #primary-nav .primary-item.nav_glossary,
	body.single-lexikon #primary-nav .primary-item.nav_glossary,
	body.single-post #primary-nav .primary-item.nav_news,
	#primary-nav .primary-item.current_page {
		background-color: var(--jf-color-blue);
	}
	#menuToggle .bar:nth-last-child(2) {
		transform-origin:0% 100%;
		width:20px;
	}
	#menuToggle input:checked ~ .bar {
		background-color:#3f4c58;
		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 #container-c1,#header #container-c2 {
		height:40px;
		line-height:40px;
		padding-right:8px;
		width: 120px;
	}
	#header #container-c2 input[type="checkbox"]:not(:checked) + label::before,#header #container-c1 input[type="checkbox"]:not(:checked) + label::before {
		top:6px;
	}
	#search-form{
		left: 0;
		position: fixed;
		top: 64px;
		right: 0;
		background-color: #ffffff;
		height: fit-content;
		padding: 4px 10px;
	}
}
@media screen and (min-width:960px) {
	h2 { 
		font-size: 24px;
		padding-bottom: 20px; 
	}
	noscript form{
		top: 8px;
		right: 30px;
	}
	.sub-menu {
		left:40px;
		right:40px;
	}
	.sub-menu-items {
		grid-column-end:2;
		grid-column-start:1;
		grid-row-end:4;
		grid-row-start:1;
	}
	.item-info-container-headline,
	.item-info-container-description,
	.info-container-headline,
	.info-container-description{
		color: #3f4c58;
	}
	.item-info-container {
		display: none;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		width: 50%;
		z-index: 1;
	}
	.info-container-headline {
		grid-column-end:3;
		grid-column-start:2;
		grid-row-end:3;
		grid-row-start:2;
	}
	.info-container-description {
		grid-column-end:3;
		grid-column-start:2;
		grid-row-end:4;
		grid-row-start:3;
	}
	.info-container-parent-image {
		grid-column-end:3;
		grid-column-start:2;
		grid-row-end:2;
		grid-row-start:1;
		width:100%;
	}
	.item-info-container-image,.info-container-parent-image {
		object-fit:cover;
	}
	.info-container-description {
		height:120px;
	}
	.item-info-container-image {
		height:auto;
		max-width:100%;
	}
	.item-info-container-headline {
		grid-row-end: 3;
		grid-row-start: 2;
	}
	.item-info-container-image {
		grid-row-end: 2;
		grid-row-start: 1;
	}
	.item-info-container-description {
		grid-row-end: 4;
		grid-row-start: 3;
	}
	/* .half:not(.video_container) {
		flex:0 0 50%;
		padding-bottom:48px;
	} */
	span.anchor {
		top: -104px;
	}
	.primary-menu .sub-menu {
		background-color: rgba(255, 255, 255, 0.6);
		backdrop-filter: blur(14px);
		-webkit-backdrop-filter: blur(14px);
		box-shadow:0 8px 24px -12px rgba(0,0,0,.48);
		display:none;
		opacity:0;
		position:absolute;
	}
	.primary-menu .sub-menu a {
		background-color:#e9e9f0;
		border-color:var(--jf-color-blue);
		border-style:solid;
		border-top-width:0;
		border-right-width:0;
		border-bottom-width:0;
		color:#5f7285;
		display:flex;
		width:100%;
	}
	.primary-menu .primary-item:hover {
		text-decoration: underline;
		text-underline-offset: 5px;
		text-decoration-thickness: 2px;
		text-decoration-color: var(--jf-color-white);
	}
	#header.scroll .primary-menu .primary-item:hover {
		text-decoration-color: var(--jf-color-blue-dark);
	}
	.item > a:hover + img {
		display:block;
	}
	.sub-menu li a:hover {
		background-color:var(--jf-color-white);
	}
	.primary-item:hover > .sub-menu {
		display:grid;
		max-height:calc(100vh - 104px);
		opacity:1;
		overflow-y:auto;
		overflow-x:hidden;
	}
	.primary-menu .sub-menu .sub-menu-items li {
		margin-bottom:1px;
		width:100%;
	}
	.sub-menu li:hover + .item-info-container {
		display: grid;
	}
	#navigation-container {
		align-items: flex-end;
		display: flex;
		flex-direction: row-reverse;
		padding-bottom: 6px;
	}
	#content {
		margin-top:104px;
	}
	#site-logo {
		width:200px;
	}
	#searchform {
		margin-top:2px;
		margin-right:40px;
	}
	noscript .main-search--field,
	#s {
		border-bottom:1px solid var(--jf-color-blue);
		float:left;
		height:24px;
		line-height:24px;
		width:216px;
	}
	noscript .ssubmit,
	#ssubmit {
		border-bottom:1px solid var(--jf-color-blue);
		height:24px;
		width:24px;
	}
	#meta-container {
		height:56px;
	}
	#contact {
		height:24px;
		margin-right:24px;
	}
	#phone {
		height:24px;
	}
	#mail {
		height:24px;
		margin-right:24px;
	}
	#meta-container {
		align-items:center;
		display:flex;
		justify-content:flex-end;
	}
	#primary-nav {
		display:flex;
		height:48px;
		justify-content:flex-end;
	}
	#site-logo-container {
		align-items: flex-end;
		flex: 1;
		padding-bottom: 18px;
	}
	#breadcrumb {
		padding-top: calc( 24px + var(--jf-wp-admin-height) );
		margin-bottom:40px;
	}
	#detail-content {
		padding-bottom:16px;
	}
	#primary-nav li {
		float:left;
		list-style:none;
	}
	#detail-content h1 {
		font-size:36px;
		padding-bottom:40px;
	}
	#detail-content h2 {
		padding-bottom:28px;
	}
	#detail-content h3 {
		padding-bottom:16px;
	}
	#detail-content p, #detail-content ul {
		font-size:16px;
		line-height:1.325;
		padding-bottom:24px;
	}
	#footer strong,#footer p {
		padding-bottom:22.5px;
	}
	#footer nav,#footer div div {
		width:calc(25% - 36px);
	}
	#primary-nav .sub-menu li a {
		color:var(--jf-color-blue);
		display:block;
		height:48px;
		line-height:48px;
	}
	#primary-nav .primary-menu > li > div:first-child a {
		color:var(--jf-color-white);
		display:block;
		height:54px;
		line-height:48px;
		font-weight: 500;
		text-transform: uppercase;
	}
	#header.scroll #primary-nav .primary-menu > li > div:first-child a{
		color:var(--jf-color-blue-dark);
	}
	#header .wrapper {
		display:flex;
		height:104px;
		width:auto;
	}
	#footer .flexwrapper {
		justify-content:space-between;
	}
	#menuToggle input[type=checkbox] {
		display:none;
	}
	#detail-content h1.blogtitle{
		padding-bottom: 4px;
	}
	#detail-content #search-form {
		margin-bottom:48px;
	}
	#header #container-c1,#header #container-c2 {
		height:40px;
		line-height:40px;
	}
	#header #container-c2 input[type="checkbox"]:not(:checked) + label::before,#header #container-c1 input[type="checkbox"]:not(:checked) + label::before {
		top:6px;
	}

	#header .search-field{
		width: 300px;
	}

	@media (hover: none) {
		.primary-item.has_children > div:first-of-type{
			position: relative;
		}
	
		.primary-item.has_children > div:first-of-type a{
			/* margin-right: 14px; */
			margin-right: 12px;
		}
	
		.primary-item.has_children > div:first-of-type span{
			align-items: center;
			display: flex;
			height: 100%;
			justify-content: center;
			position: absolute;
			right: 0;
			top: 0;
			/* width: 40px; */
			width:28px;
		}	

		.primary-item.has_children > div:first-of-type span img{
			/* height: 18px;
			width: 18px; */
			height:14px;
			width:14px;
		}

		.primary-item.has_children:hover > div:first-of-type span img{
			
			rotate: 180deg;
			filter: brightness(0) invert(1);
		}
	}

	body.tax-anfangsbuchstabe #primary-nav .primary-item.nav_glossary,
	body.single-lexikon #primary-nav .primary-item.nav_glossary,
	body.single-post #primary-nav .primary-item.nav_news,
	#primary-nav .primary-item.current_page {
		text-decoration: underline;
		text-underline-offset: 5px;
		text-decoration-thickness: 2px;
		text-decoration-color: var(--jf-color-white);
	}

	body.tax-anfangsbuchstabe #header.scroll #primary-nav .primary-item.nav_glossary,
	body.single-lexikon #header.scroll #primary-nav .primary-item.nav_glossary,
	body.single-post #header.scroll #primary-nav .primary-item.nav_news,
	#header.scroll #primary-nav .primary-item.current_page {
		text-decoration-color: var(--jf-color-blue-dark);
	}
}
@media screen and (min-width:960px) and (max-width:1439px) {
	:root{
		--jf-font-size-big: 24px;
	}
	.wrapper {
		margin-right:auto;
		margin-left:auto;
		padding-right:40px;
		padding-left:40px;
		width:100%;
	}
	.sub-menu {
		left:0;
		right:0;
	}
	.sub-menu {
		grid-column-gap:24px;
		grid-template-columns:calc(50% - 8px) calc(50% - 8px);
		grid-template-rows:auto auto 160px;
		padding:24px;
	}
	.item-info-container {		
		grid-column-gap: 24px;
		grid-template-columns: 100%;
		grid-template-rows: auto auto 160px;
		padding: 24px 24px 24px 16px;
	}
	.item-info-container-image, .info-container-parent-image {
		height:calc(((100vw - 64px) / 2 - 51px) / 2);
		margin-bottom:16px;
		width:calc((100vw - 64px) / 2 - 51px);
	}
	.half {
		width:calc((100vw - 236px) / 2 );
	}
	.info-container-description {
		height:160px;
	}
	.info-container-description p {
		font-size:15px;
	}
	.sub-menu a {
		border-left-width:12px;
		padding-left:12px;
	}
	.primary-menu > li a.main-nav {
		padding-right:14px;
		padding-left:14px;
	}
	@media (hover: none) {
		.primary-item.has_children > div:first-of-type a{
			margin-right: 20px;
		}
	}
	#site-logo-container {
		z-index:1;
	}
	#footer {
		padding-top:64px;
		padding-bottom:32px;
	}
	#footerlogos {
		padding-top:16px;
	}
	#buttons {
		margin-top:32px;
	}
	#footer hr {
		margin-top:32px;
	}
	#footerlogos a:not(:last-child) img {
		margin-right:16px;
	}
}
@media screen and (min-width:960px) and (max-width: 1199.98px) {
	.primary-menu > li a.main-nav{
		padding-left: 8px;
		padding-right: 8px;
	}
	#searchtoggle, #login, #cart{
		margin-right: 16px;
		width: 22px;
		background-size: 22px;
	}
	#site-logo{
		width: 150px;
	}
	#site-logo-container{
		padding-bottom: 20px;
	}
	#primary-nav .primary-menu > li > div:first-child a{
		font-size: 15px;
	}
}
@media screen and (min-width:960px) and (max-width:1023px) {
	#header #container-c1,#header #container-c2 {
		padding-right:4px;
	}
}
@media screen and (min-width:1024px) and (max-width:1439px) {
	#header #container-c1,#header #container-c2 {
		padding-right:8px;
	}
	#header #container-c1,#header #container-c2 {
		padding-right:8px;
	}
}
@media screen and (min-width:1440px) {
	.half {
		width:496px;
	}
	.wrapper {
		margin-right:auto;
		margin-left:auto;
		width:1360px;
	}
	.sub-menu a {
		border-left-width:16px;
		padding-left:16px;
	}
	.primary-menu > li a.main-nav {
		padding-right:22px;
		padding-left:22px;
	}
	#site-logo{
		width: 300px;
	}
	#footer {
		padding-top:80px;
		padding-bottom:40px;
	}
	#footerlogos {
		padding-top:24px;
	}
	#buttons {
		margin-top:48px;
	}
	#footer hr {
		margin-top:40px;
	}
	#header .wrapper {
		justify-content:space-between;
	}
	#footerlogos a:not(:last-child) img {
		margin-right:24px;
	}
	#header #container-c1,#header #container-c2 {
		padding-right:8px;
	}
}
@media screen and (min-width:1440px) and (max-width:1919px) {
	.sub-menu {
		grid-column-gap:32px;
		grid-template-columns:calc(50% - 12px) calc(50% - 12px);
		grid-template-rows:auto auto 120px;
		padding:32px;
	}
	.item-info-container {
		grid-column-gap: 32px;
		grid-template-columns: 100%;
		grid-template-rows: auto auto 120px;
		padding: 32px 32px 32px 20px;
	}
	.item-info-container-image, .info-container-parent-image {
		height:calc(((100vw - 80px) / 2 - 55px) / 2);
		margin-bottom:24px;
		width:calc((100vw - 80px) / 2 - 55px);
	}
	#header .wrapper {
		margin-right:40px;
		margin-left:40px;
		width:auto;
	}
}
@media screen and (min-width:960px) and (max-width:1919px) {
	#header {
		left:0;
		right:0;
	}
}
@media screen and (min-width:1920px) {
	body {
		margin-right:auto;
		margin-left:auto;
		max-width:1920px;
	}
	.sub-menu {
		grid-column-gap:48px;
		grid-template-columns:800px 800px;
		grid-template-rows:auto auto 80px;
		left:80px;
		padding:56px;
		width:1760px;
	}
	.item-info-container {
		padding: 56px 56px 56px 24px;
		grid-column-gap: 48px;
		grid-template-columns: 800px;
		grid-template-rows: auto auto 80px;
	}
	.item-info-container-image, .info-container-parent-image {
		height:400px;
		margin-bottom:32px;
		width:800px;
	}
	.item-info-container-image {
		top:201px;
		right:calc((100vw - 1760px) / 2 + 56px);
	}
	#header {
		width:1920px;
	}
	#header .wrapper {
		width:1760px;
	}
}







.contact-container-link {
	background-size:auto 26px;
	background-position:4px center;
	background-repeat:no-repeat;
	color:#fff;
	display:inline-block;
	font-weight:500;
	height:40px;
	line-height:40px;
	padding-left:40px;
	transition:background .24s ease-in-out;
	width:100%;
}
.contact-container-link:first-child {
	border-top-left-radius:4px;
}
.contact-container-link:last-child {
	border-bottom-left-radius:4px;
}
.contact-container-link:hover {
	background-color:var(--jf-color-blue-light);
	color:#fff;
	transition:background .24s ease-in-out;
}
#contact-container {
	background:var(--jf-color-blue);
	border-bottom-left-radius:4px;
	border-top-left-radius:4px;
	height:240px;
	position:fixed;
	right:-140px;
	transition:right .24s ease-in-out;
	width:176px;
	z-index:2;
}
#contact-container-container hr {
	background:rgba(255,255,255,.8);
}
#contact-container-container .icon-phone{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23FFFFFF' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2' /%3E%3C/svg%3E");
}
#contact-container-container .icon-mail{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23FFFFFF' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z' /%3E%3Cpath d='M3 7l9 6l9 -6' /%3E%3C/svg%3E");
}
#contact-container-container .icon-contact{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23FFFFFF' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0' /%3E%3Cpath d='M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2' /%3E%3C/svg%3E");
}
#contact-container-container .icon-linkedin{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23FFFFFF' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z' /%3E%3Cpath d='M8 11l0 5' /%3E%3Cpath d='M8 8l0 .01' /%3E%3Cpath d='M12 16l0 -5' /%3E%3Cpath d='M16 16v-3a2 2 0 0 0 -4 0' /%3E%3C/svg%3E");
}
#contact-container-container .icon-instagram{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23FFFFFF' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z' /%3E%3Cpath d='M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0' /%3E%3Cpath d='M16.5 7.5l0 .01' /%3E%3C/svg%3E");
}
#contact-container-container .icon-youtube{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23FFFFFF' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M2 8a4 4 0 0 1 4 -4h12a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-12a4 4 0 0 1 -4 -4v-8z' /%3E%3Cpath d='M10 9l5 3l-5 3z' /%3E%3C/svg%3E");
}
@media screen and (max-height:639px) {
	#contact-container {
		bottom:80px;
	}
}
@media screen and (min-height:640px) {
	#contact-container {
		bottom:calc(50vh - 100px);
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	select,textarea,input,input[type=search] {
		font-size:16px;
	}
}
@media (any-hover:hover) {
	#contact-container input {
		display:none;
	}
	#contact-container:hover {
		right:0;
		transition:right .24s ease-in-out;
	}
}
@media (any-hover:none) {
	#contact-container-container {
		background:var(--jf-color-blue);
		border-bottom-left-radius:4px;
		border-top-left-radius:4px;
		position:absolute;
		width:176px;
	}
	#contact-container input[type="checkbox"] {
		appearance:none;
		-webkit-appearance:none;
		background-color:transparent;
		cursor:pointer;
		height:240px;
		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:var(--jf-color-blue-light);
		background-image:url(images/contact_close.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:140px;
	}
}