.user-logged-in #header,
.user-logged-in #header .mega-content {
	margin-top: var(--drupal-displace-offset-top);
}

#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	background-color: var(--header-menu-white);
	box-shadow: 0 5px 10px rgba(0,0,0,0.15);
	transition: all ease-in-out .5s;
}

.meta {
	height: var(--header-height-meta);
	background-color: var(--color-grey-light);
	display: flex;
	justify-content: center;
	width: 100%;
	transition: background-color 0.5s ease;
}

.meta .container {
	max-width: var(--container-width);
	width: 100%;
	display: flex;
	justify-content: flex-end;
	padding: .5rem var(--section-inner-side-padding);
	height: 100%;
}

.meta .container .meta-content {
	display: flex;
	justify-content: flex-end;
	height: 100%;
}

.meta .container .meta-content .meta-nav {
	display: flex;
	gap: 20px;
	list-style: none;
	margin: 0 30px 0 0;
	height: 100%;
	align-items: center;
}

.meta .container .meta-content .meta-nav li a {
	color: var(--color-grey);
	text-decoration: none;
	line-height: 33px;
	font-size: 0.9rem;
	padding: 0 0.5rem;
}

.meta .container .meta-content .meta-nav li a:hover {
	color: var(--color-primary);
	text-decoration: none;
}

.service-nav {
	grid-column: span 2;
	display: flex;
	gap: 30px;
	justify-content: flex-end;
	height: 100%;
	align-items: center;
}

.service-item .content {
	position: relative;
}

.service-item .content > label {
	text-indent: -9999px;
	display: flex;
	height: 25px;
	width: 25px;
	background-color: transparent;
	border-radius: 2px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transition: background-color 0.3s;
	margin-bottom: unset;
}

.service-item ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.service-item input[name="service-item-option"],
.service-item input[name="service-item-sub-option"],
.service-item .dropdown-wrapper {
	display: none;
}

.service-item .tooltip-bottom {
	opacity: 0;
}

.service-item label.dropdown:hover ~ .tooltip-bottom {
	opacity: 1;
}

.service-item input[name="service-item-option"]:checked ~ .dropdown-wrapper {
	position: absolute;
	display: block;
	min-width: 11rem;
	right: -1rem;
	top: calc(100.5%);
	padding: 1rem;
	border: 1px solid var(--color-item-bg-2);
	border-radius: var(--border-radius);
	box-shadow: 0 0 20px rgba(0,0,0,0.14);
	background: var(--color-item-bg-1);
	z-index: 9999;
}

#language-switch .content {
	height: 2.25rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

#language-switch #languages > ul > li {
	padding: .25rem;
}

#language-switch .lang-submenu {
	padding-top: .25rem;
}

#language-switch .lang-submenu li {
	padding: 0.25rem 0;
}

#language-switch ul li > a:before {
	display: inline-block;
	content: '';
	height: 1.25rem;
	width: 1.25rem;
	background: var(--color-grey-light);
	border-radius: 50%;
	margin-right: .5rem;
	position: relative;
	top: .25rem;
}

#language-switch ul li > a[data-lang="de"]:before {background-image: var(--icon-flag-de);}
#language-switch ul li > a[data-lang="en"]:before {background-image: var(--icon-flag-en);}
#language-switch ul li > a[data-lang="chinesisch"]:before {background-image: var(--icon-flag-cn);}
#language-switch ul li > a[data-lang="französisch"]:before {background-image: var(--icon-flag-fr);}
#language-switch ul li > a[data-lang="italienisch"]:before {background-image: var(--icon-flag-it);}
#language-switch ul li > a[data-lang="japanisch"]:before {background-image: var(--icon-flag-jp);}
#language-switch ul li > a[data-lang="norwegisch"]:before {background-image: var(--icon-flag-nor);}
#language-switch ul li > a[data-lang="polnisch"]:before {background-image: var(--icon-flag-pl);}
#language-switch ul li > a[data-lang="portugiesisch"]:before {background-image: var(--icon-flag-por);}
#language-switch ul li > a[data-lang="rumänisch"]:before {background-image: var(--icon-flag-rom);}
#language-switch ul li > a[data-lang="russisch"]:before {background-image: var(--icon-flag-rus);}
#language-switch ul li > a[data-lang="schwedisch"]:before {background-image: var(--icon-flag-swe);}
#language-switch ul li > a[data-lang="spanisch"]:before {background-image: var(--icon-flag-esp);}
#language-switch ul li > a[data-lang="türkisch"]:before {background-image: var(--icon-flag-tur);}

#language-switch #language-switcher-main:checked ~ .dropdown-wrapper:before {
	display: block;
	content: '';
	height: .75rem;
	width: 1.125rem;
	position: absolute;
	top: calc(0.25rem);
	right: 1.5rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='9' viewBox='0 0 18 9'%3E%3Cg id='Polygon_7' data-name='Polygon 7' fill='%23fff'%3E%3Cpath d='M 16.79290008544922 8.5 L 1.207100033760071 8.5 L 9 0.707099974155426 L 16.79290008544922 8.5 Z' stroke='none'/%3E%3Cpath d='M 9 1.414219856262207 L 2.414219856262207 8 L 15.58578014373779 8 L 9 1.414219856262207 M 9 0 L 18 9 L 0 9 L 9 0 Z' stroke='none' fill='%23EBEBEB'/%3E%3C/g%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center bottom;
}

#language-switch #language-switcher-main:checked ~ .dropdown-wrapper .lang-submenu {
	display: none;
}

#language-switch #language-switcher-main:checked ~ .dropdown-wrapper #language-switcher-further:checked ~ .lang-submenu {
	display: block;
}

#language-switch label[for="language-switcher-main"] {
	background-image: var(--icon-world-lines);
}

#language-switch label[for="language-switcher-further"] {
	color: var(--color-primary);
	display: flex;
}

#language-switch label[for="language-switcher-further"]:before {
	display: inline-block;
	content: '';
	height: 1.25rem;
	width: 1.25rem;
	border-radius: 50%;
	margin-right: .5rem;
	position: relative;
	top: .25rem;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='318.3' height='318.301' viewBox='0 0 318.3 318.301'%3E%3Cg id='earth-globe-svgrepo-com' transform='translate(-53.164 -7.07)'%3E%3Ccircle id='Ellipse_26' data-name='Ellipse 26' cx='159.149' cy='159.149' r='159.149' transform='translate(53.164 7.073)' fill='%235f95dd'/%3E%3Cpath id='Pfad_903' data-name='Pfad 903' d='M258.318,50.313a10.867,10.867,0,0,0-2.522,4.716c-.459,2.907,1.452,5.6,3.26,7.924,2.744,3.525,5.812,7.269,10.147,8.35,8.079,2.014,15.309-6.074,23.609-6.74,6.665-.535,12.851,3.795,19.533,4.037,7.581.275,11.5-6.948,13.03-14.377A159.589,159.589,0,0,0,283.4,23.8C277.307,31.689,264.41,42.428,258.318,50.313Z' fill='%23abcb57'/%3E%3Cpath id='Pfad_904' data-name='Pfad 904' d='M364.161,118.446c-2.941,8.971-11.209,6.6-21.931,7.422-13.767,1.059-22.133-5.711-34.849-8.238-11.8-2.346-22.172,5.782-27.686,15.567-4.094,7.264-10.509,23.341-5.121,30.762,2.575,3.546,6.439,5.894,10.2,8.147a121.069,121.069,0,0,0,16.7,8.862c6.727,2.714,14.446,4.571,18.725,10.428,3.524,4.823,3.809,11.274,3.2,17.216-1.662,16.131-15.71,30.448-2.884,45.1a24.463,24.463,0,0,0,18.7,8.56,159.39,159.39,0,0,0,24.953-143.83Z' fill='%23abcb57'/%3E%3Cpath id='Pfad_905' data-name='Pfad 905' d='M219.729,39.468c5.778,2.633,13.046.152,17.038-4.786s7.682-18.263,6.748-24.545a159.9,159.9,0,0,0-31.2-3.067q-4.251,0-8.447.223c1.907,5.841,5.3,10.909,6.324,16.976C211.226,30.414,214.059,36.884,219.729,39.468Z' fill='%23abcb57'/%3E%3Cpath id='Pfad_906' data-name='Pfad 906' d='M86.971,122.562a177.762,177.762,0,0,0,25.393,22.1c2.508,1.8,5.217,3.723,6.213,6.643,2.9,8.488-2.078,17.652,2.993,27.327,4.794,9.148,15.382,14.854,18.119,24.812,2.135,7.767-1.147,16.2.708,24.038,2.249,9.508,11.43,15.926,14.746,25.117,2.11,5.847,1.659,12.313,3.2,18.335s6.4,12.162,12.585,11.6c7.479-.683,10.551-9.9,11.135-17.391s1.352-16.517,8.056-19.9c3.566-1.8,8.224-1.521,11.014-4.379,4.637-4.749-.027-12.528.132-19.164.17-7.073,5.988-12.545,11.368-17.14l20.336-17.371c4.708-3.981,5.911-11.11,3.979-16.965s-6.491-10.528-11.621-13.947c-5.517-3.678-12.622-6.15-18.743-3.6-4.659,1.941-8.263,6.59-13.3,6.881-4.647.268-8.656-3.421-10.885-7.508s-3.28-8.736-5.538-12.806c-6.485-11.685-16.98-10.973-28.3-12.723A61.833,61.833,0,0,1,117,111.609a10.514,10.514,0,0,1-3.258-4.412c-3.027-9.9,14.515-14.286,20.581-14.086,4.974.163,10.049,1.614,14.84.271,4.523-1.267,7.983-4.8,11.827-7.5,10.879-7.639,26.778,2.777,28.882-17.886.824-8.093-2.308-16.007-5.381-23.54-4.455-10.922-8.463-21.281-11.388-32.514A159.485,159.485,0,0,0,69.872,95.181c5.441,5.856,3.847,3.12,6.129,10.79C77.91,112.387,82.361,117.709,86.971,122.562Z' fill='%23abcb57'/%3E%3C/g%3E%3C/svg%3E%0A");
	background-size: cover;
}

#language-switch label[for="language-switcher-further"]:hover {
	text-decoration: underline;
	cursor: pointer;
}

#language-switch label[for="language-switcher-further"]:after {
	display: inline-block;
	content: '';
	position: relative;
	height: 1.25rem;
	width: 1.25rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.978' height='5.989' viewBox='0 0 10.978 5.989'%3E%3Cpath id='Pfad_907' data-name='Pfad 907' d='M-13182.811-6838.14l-4.782,4.782-4.781-4.782' transform='translate(13193.081 6838.847)' fill='none' stroke='%23c81423' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	transform: rotate(0deg);
	transition: transform ease-in-out .3s;
	margin-left: 2rem;
}

#language-switch #language-switcher-further:checked ~ label:after {
	transform: rotate(180deg);
}

#accessibility-options label[for="accessibility-toggle"] {
	background-image: var(--icon-contrast);
}

#accessibility-options .dropdown-wrapper {
	min-width: 20rem;
}

#accessibility-options .accessibility-option {
	display: flex;
	padding: .25rem 0;
}

#accessibility-options .accessibility-option > * {
	width: 50%;
}

#accessibility-options .accessibility-option .setting {
	border: 1px solid var(--color-grey);
	border-radius: calc(var(--border-radius)/2);
	padding: .25rem;
	font-weight: 700;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

#accessibility-options .accessibility-option .setting > div {
	flex-grow: 1;
	text-align: center;
	position: relative;
	cursor: pointer;
}

#accessibility-options .accessibility-option .setting > div:not(:last-child):after {
	display: block;
	content: '';
	width: 0.063rem;
	height: 100%;
	background: var(--color-grey);
	position: absolute;
	right: -2px;
	top: 0;
	border-radius: 1rem;
}

#accessibility-options .accessibility-option .setting.active {
	color: var(--color-primary);
}

#accessibility-options .accessibility-option .setting .fontsize-group {
	display: flex;
}

#accessibility-options .accessibility-option .setting .fontsize-group .settings-btn {
	flex-grow: 1;
}

#accessibility-options .accessibility-option .setting .fontsize-group .settings-btn input[type="button"] {
	font-weight: 700;
	font-size: 1.25rem;
	line-height: 1;
	background-repeat: no-repeat;
	background-position: center;
	border: 0;
	appearance: none;
	background-color: transparent;
	color: transparent;
	height: 100%;
	width: 100%;
}

#accessibility-options .accessibility-option .setting .fontsize-group .settings-btn input[type="button"].button-minus {
	background-image: var(--icon-minus);
}

#accessibility-options .accessibility-option .setting .fontsize-group .settings-btn input[type="button"].button-minus:hover {
	background-image: var(--icon-minus-primary);
}

#accessibility-options .accessibility-option .setting .fontsize-group .settings-btn input[type="button"].button-plus {
	background-image: var(--icon-plus);
}

#accessibility-options .accessibility-option .setting .fontsize-group .settings-btn input[type="button"].button-plus:hover {
	background-image: var(--icon-plus-primary);
}

#accessibility-options .accessibility-option .setting .fontsize-group .settings-value {
	flex-grow: 1.5;
	position: relative;
}

#accessibility-options .accessibility-option .setting .fontsize-group .settings-value input[type="number"] {
	text-align: center;
	font-weight: 700;
	border: 0;
	width: 100%;
	-moz-appearance: textfield;
	background: transparent;
}

#accessibility-options .accessibility-option .setting .fontsize-group .settings-value input[type="number"]::-webkit-inner-spin-button,
#accessibility-options .accessibility-option .setting .fontsize-group .settings-value input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

#accessibility-options .accessibility-option .setting .fontsize-group .settings-value:before,
#accessibility-options .accessibility-option .setting .fontsize-group .settings-value:after {
	display: block;
	content: '';
	width: 0.063rem;
	height: 100%;
	background: var(--color-grey);
	position: absolute;
	top: 0;
	border-radius: 1rem;
}

#accessibility-options .accessibility-option .setting .fontsize-group .settings-value:before {
	left: 0;
}

#accessibility-options .accessibility-option .setting .fontsize-group .settings-value:after {
	right: 0;
}

#accessibility-options .accessibility-option .setting .contrast-group label[for="contrast"],
#accessibility-options .accessibility-option .setting .contrast-group label[for="darkmode"],
#accessibility-options .accessibility-option .setting .darkmode-group label[for="contrast"],
#accessibility-options .accessibility-option .setting .darkmode-group label[for="darkmode"] {
	display: none;
}

#accessibility-options .accessibility-option .setting .contrast-group #contrast,
#accessibility-options .accessibility-option .setting .contrast-group #darkmode,
#accessibility-options .accessibility-option .setting .darkmode-group #contrast,
#accessibility-options .accessibility-option .setting .darkmode-group #darkmode {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	margin: 0;
	opacity: 0;
	cursor: pointer;
	z-index: 1;
}

#accessibility-options .accessibility-option .setting .contrast-group #contrast:focus-visible ~ .switch,
#accessibility-options .accessibility-option .setting .contrast-group #darkmode:focus-visible ~ .switch,
#accessibility-options .accessibility-option .setting .darkmode-group #contrast:focus-visible ~ .switch,
#accessibility-options .accessibility-option .setting .darkmode-group #darkmode:focus-visible ~ .switch {
	outline: 4px solid var(--color-primary);
	outline-offset: .25rem;
	z-index: 9999;
}

#accessibility-options .accessibility-option .setting .contrast-group .switch,
#accessibility-options .accessibility-option .setting .darkmode-group .switch {
	display: flex;
	width: 100%;
}

#accessibility-options .accessibility-option .setting .switch span:first-of-type:after {
	display: block;
	content: '';
	width: 0.063rem;
	height: 100%;
	background: var(--color-grey);
	position: absolute;
	right: -2px;
	top: 0;
	border-radius: 1rem;
}

#accessibility-options .accessibility-option .setting .contrast-group .switch :is(span, #accessibility-options .accessibility-option .setting .contrast-group .switch a),
#accessibility-options .accessibility-option .setting .darkmode-group .switch :is(span, #accessibility-options .accessibility-option .setting .darkmode-group .switch a) {
	width: 100%;
	padding: .5rem;
	border-radius: 10px;
	box-shadow: inset 1px 2px 3px 0 rgba(255,255,255,0.3);
	position: relative;
	font-weight: 600;
	line-height: normal;
	cursor: pointer;
	font-size: calc(var(--font-size-text) - 2px);
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

#accessibility-options .accessibility-option .setting .contrast-group #contrast:checked ~ .switch span:first-of-type,
#accessibility-options .accessibility-option .setting .contrast-group #darkmode:checked ~ .switch span:first-of-type,
#accessibility-options .accessibility-option .setting .darkmode-group #contrast:checked ~ .switch span:first-of-type,
#accessibility-options .accessibility-option .setting .darkmode-group #darkmode:checked ~ .switch span:first-of-type {
	color: var(--color-primary);
}

#accessibility-options .accessibility-option .setting .contrast-group #contrast:not(:checked) ~ .switch span:last-of-type,
#accessibility-options .accessibility-option .setting .contrast-group #darkmode:not(:checked) ~ .switch span:last-of-type,
#accessibility-options .accessibility-option .setting .darkmode-group #contrast:not(:checked) ~ .switch span:last-of-type,
#accessibility-options .accessibility-option .setting .darkmode-group #darkmode:not(:checked) ~ .switch span:last-of-type {
	color: var(--color-primary);
}

body.darkmode .setting.contrast-item, body.contrast .setting.darkmode-item {
	opacity: .3;
	pointer-events: none;
}

#service-search label[for="search-toggle"] {
	background-image: var(--icon-search);
}

#service-search #search-toggle:checked ~ .search-wrapper {
	flex-direction: column;
	position: fixed;
	top: 137px;
	left: 0;
	width: 100vw;
	background: #fff;
	z-index: 9999;
	box-shadow: 0 5px 10px rgba(0,0,0,0.15);
	height: auto;
	align-items: center;
	display: grid;
	grid-gap: var(--grid-gap);
	grid-template-columns: var(--grid-columns);
}

#service-search #search-toggle:checked ~ .search-wrapper > div {
	grid-column: 3 / 11;
}

#service-search #search-toggle:checked ~ .search-wrapper .meta-title {
	font-size: var(--font-size-h2);
	font-weight: 700;
	grid-column: 0.27272727272727;
	text-align: center;
}

#service-search #search-toggle:checked ~ .search-wrapper .container {
	justify-content: center;
}

#service-search #search-toggle:checked ~ .search-wrapper .container .view {
	display: flex;
	flex-direction: column;
}

#service-search #search-toggle:checked ~ .search-wrapper .container .view form {
	position: relative;
	right: 0;
}

#service-search #search-toggle:checked ~ .search-wrapper .container .view form .form-row {
	display: block;
}
#service-search #search-toggle:checked ~ .search-wrapper .container .view form fieldset {
	border: unset;
}

#service-search #search-toggle:checked ~ .search-wrapper .container .view form input {
	font-size: var(--font-size-h3);
	font-weight: 500;
	border-radius: 4rem;
	padding: 2rem 7rem 2rem 2rem;
	color: var(--color-grey-dark);
	height: 3rem;
	border: 1px solid #ced4da;
	background-image: unset;
	width: 100%;
}

#service-search #search-toggle:checked ~ .search-wrapper .container .view form input:focus-visible {
	outline-offset: 0;
}

#service-search #search-toggle:checked ~ .search-wrapper .container .view form input.button {
	background-color: transparent;
	border: 0;
	width: 5rem;
	height: 100%;
	background-image: var(--icon-search-big);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 2rem;
	text-indent: -9999px;
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
	padding-right: 4rem;
}

#service-search #search-toggle:checked ~ .search-wrapper .container .view .view-content.row {
	display: flex;
	flex-direction: column;
	order: 3;
}

#service-search #search-toggle:checked ~ .search-wrapper .container .view .view-content.row .views-row {
	flex: 1 1 100%;
}

#service-search #search-toggle:checked ~ .search-wrapper .container .view .view-content.row .views-row a {
	font-size: var(--font-size-h4);
	font-weight: 700;
	display: block;
	padding: .5rem 0;
}

#service-search #search-toggle:checked ~ .search-wrapper .container .view nav h4 {
	display: none;
}

#service-search #search-toggle:checked ~ .search-wrapper .container .view .pager {
	margin: 2rem 0;
	flex-wrap: nowrap;
	justify-content: center;
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: .25rem;
}


#service-search #search-toggle:checked ~ .search-wrapper .container .view .pager .pager__items {
	display: flex;
	justify-content: center;
}

#service-search #search-toggle:checked ~ .search-wrapper .container .view .pager a {
	padding: .5rem 1rem;
	color: var(--color-grey-dark);
	background-color: #fff;
	border: 1px solid var(--color-grey-light);
	position: relative;
	display: block;
	line-height: 1.25;
	text-decoration: none;
}

#service-search #search-toggle:checked ~ .search-wrapper .container .view .pager a .sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0;
}

#service-search #search-toggle:checked ~ .search-wrapper .container .view .pager .is-active a {
	color: #fff;
	background-color: var(--color-primary);
	border-color: var(--color-primary);
}

.main {
	height: calc(var(--header-height-main) * var(--font-size-scale));
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #e0e0e0;
	width: 100%;
}

.navbar {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	position: relative;
	padding: unset;
}

.navbar-brand {
	display: flex;
	align-items: center;
	margin-left: 0;
}

.wfbb-logo {
	height: 88px;
	width: auto;
	max-width: 180px !important;
}

input[type="checkbox"].burger-toggle {
	display: none;
}

.burger-menu {
	display: none;
}

.navbar {
	position: relative;
}

.navbar-collapse {
	width: 100%;
	height: 100%;
}

.navbar-collapse ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mega-menu {
	width: 100%;
	background: transparent;
	height: 100%;
}

.main-menu {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	gap: 5px;
	margin: 0;
	padding: 0;
	width: 100%;
	top: 0;
	right: 0;
	height: 100%;
}

.main-menu > li {
	position: relative;
	height: 100%;
}

.main-menu input[type="radio"] {
	display: none;
}

body.scrolled #header .mega-content {
	margin: 2rem;
	width: calc(96%);
	transition: all ease-in-out .5s;
}

.mega-content .container {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(12,1fr);
	position: relative;
	padding: 0;
	align-items: flex-start;
}

.sub-menu {
	grid-column: span 3;
	padding: 1rem;
	display: grid;
	flex-direction: column;
}

.sub-menu > li > input[type="radio"] {
	display: none;
}

.main-menu > li > label,
.main-menu > li > a {
	font-size: calc(1rem * var(--font-size-scale));
	text-transform: uppercase;
	font-weight: 700;
	color: var(--color-grey-dark);
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0 1rem !important;
	border-radius: var(--border-radius);
	background-color: transparent;
	transition: background-color ease-in-out .3s;
	text-decoration: none;
	word-break: break-word;
}

.main-menu > li > label:hover,
.main-menu > li > a:hover {
	background-color: var(--color-grey-light);
}

.sub-menu > li > label, .sub-menu > li > a {
	background-color: var(--header-menu-white);
	border-bottom: 1px solid var(--color-grey-light);
	padding: 20px 20px 20px 20px;
	transition: background-color 0.3s ease;
}

.sub-menu > li > label,
.sub-menu > li > a {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: var(--color-grey-dark);
	position: relative;
	font-weight: bold;
	/*text-shadow: 2px 2px 1px rgba(255,255,255,0.5);*/
}

.sub-menu > li > label:after {
	display: inline;
	content: '';
	position: absolute;
	right: 1rem;
	background-image: var(--arrow-narrow-down-primary);
	background-repeat: no-repeat;
	background-position: center;
	transition: all ease-in-out .3s;
	transform: rotate(-90deg);
	width: 30px;
	height: 30px;
}

.sub-menu > li > a:hover,
.sub-menu > li > label:hover {
	background-color: var(--color-grey-light);
	border-radius: var(--border-radius);
	transition: all ease-in-out .3s;
}

.sub-menu > li > label:hover:after {
	right: .5rem;
	transition: all ease-in-out .3s;
}

.sub-menu ~ .sub-menu-content,
.sub-menu .content {
	display: none;
	padding: 0 0 0 5rem;
	position: absolute;
	top: 0;
	left: 25%;
	width: 73%;
}

.menu-teaser {
	margin-bottom: 2rem;
}

.menu-teaser .menu-title {
	color: var(--color-primary);
	padding-bottom: 1rem;
}

.menu-teaser .text {
	font-size: 1rem;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	60% {
		opacity: 1;
		transform: translateY(0);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.main-menu > li > input[type="radio"]:checked ~ .mega-content {
	display: grid;
	min-height: 40vh;
	max-height: calc(100vh - var(--header-height));
}

.main-menu > li > input[type="radio"]:checked ~ .mega-content .sub-menu {
	display: flex;
}

li.main-menu-item ul.sub-menu.level-2 {
	overflow-y: auto;
	height: 100%;
}

.sub-menu > li > input[type="radio"]:checked ~ .content {
	display: block;
}

.main-menu input[type="radio"][aria-checked="true"] ~ label.mega-label {
	background-color: var(--color-grey-light);
}

.sub-menu input[type="radio"][aria-checked="true"] + label.mega-label {
	background-color: var(--color-grey-light);
	border-radius: var(--border-radius);
	border: 1px solid var(--color-grey);
}

.main-menu li label,
.sub-menu li label {
	cursor: pointer;
}

.sub-menu li label,
.sub-menu li a {
	display: block;
	width: 100%;
	height: 100%;
}

@media (min-width: 1300px) {
	#menu-special:checked ~ .mega-content {
		background: var(--header-menu-white);
		box-shadow: unset;
	}

	#menu-special:checked ~ .mega-content .container {
		position: absolute;
		padding: var(--section-inner-side-padding);
		padding-top: 1rem;
		background: var(--header-menu-white);
		display: inline-flex;
		max-width: 100vw;
		box-shadow: 0 5px 10px rgba(0,0,0,0.15);
	}

	#menu-special ~ label {
		color: var(--color-primary);
	}

	.special-sub-menu {
		display: flex;
		flex-wrap: wrap;
		overflow-x: hidden;
		padding: 0;
		margin: 0;
		width: 100vw;
	}

	.special-sub-menu .special-headline {
		flex: 1 0 100%;
		text-align: center;
		color: var(--color-primary);
	}

	.special-sub-menu .special-headline:after {
		content: '';
		display: block;
		height: 3px;
		width: 50%;
		background: var(--color-primary);
		border-radius: 3px;
		position: relative;
		top: -14px;
		margin: auto;
	}

	.special-sub-menu .mega-teaser.sub-menu.level-2 {
		flex-direction: row;
	}
	
	.special-sub-menu .teaser-content {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		gap: 20px;
		flex-wrap: nowrap;
		width: 100%;
	}

	.special-sub-menu .teaser-content .mega-teaser {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
		width: 100%;
	}

	.special-sub-menu .teaser-content .teaser-item {
		display: flex;
		flex-direction: column;
		flex: 1 0 calc(50% - 40px);
		position: relative;
		width: 50%;
	}

	.special-sub-menu .teaser-content .teaser-item .teaser-item-wrapper {
		display: flex;
		flex-direction: row;
		gap: 20px;
		height: 100%;
	}

	.special-sub-menu .teaser-content .teaser-item .teaser-item-wrapper .teaser-item-image {
		flex: 1 1 60%;
	}

	.special-sub-menu .teaser-content .teaser-item .teaser-item-wrapper .teaser-item-image figcaption {
		bottom: 1.5rem;
		left: 1.5rem;
	}

	.special-sub-menu .teaser-content .teaser-item:nth-child(2n) .teaser-item-wrapper .teaser-item-image figcaption {
		right: 1.5rem;
		left: unset;
	}

	.special-sub-menu .teaser-content .teaser-item .teaser-item-wrapper .teaser-content {
		flex: 1 1 40%;
		margin: 1rem;
	}

	.special-sub-menu .teaser-content .teaser-item .teaser-item-wrapper .teaser-item-title {
		font-weight: 600;
		font-size: var(--font-size-h3);
		word-wrap: break-word;
		hyphens: auto;
	}

	.special-sub-menu .teaser-content .teaser-item .teaser-item-wrapper picture,
	.special-sub-menu .teaser-content .teaser-item .teaser-item-wrapper picture img {
		height: 100%;
	}

	.special-sub-menu .teaser-content .teaser-item:nth-child(2n) .teaser-item-wrapper {
		flex-direction: row-reverse;
	}

	.special-sub-menu .teaser-content .teaser-item:hover img {
		transform: unset;
	}

	.special-sub-menu::-webkit-scrollbar {
		height: 8px;
	}

	.special-sub-menu::-webkit-scrollbar-thumb {
		background-color: #888;
		border-radius: 10px;
	}

	.special-sub-menu::-webkit-scrollbar-thumb:hover {
		background-color: #555;
	}
}

@media (max-width: 1300px) {
	.burger-toggle:checked~.navbar-collapse {
		display: flex;
	}

	.burger-menu {
		font-size: 44px;
		display: block;
		cursor: pointer;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		z-index: 1001;
	}

	.burger-toggle {
		display: none;
	}

	#burger-toggle-input:checked ~ label .burger-bars {
		transform: translateY(-10px);
	}

	body.scrolled #header,
	body.scrolled #header .mega-content {
		margin: inherit;
		width: 100%;
	}

	body.scrolled #header::before {
		content: unset;
	}

	.meta-nav {
		padding: 0;
		margin: 0;
		gap: 0;
	}

	#header .main > .container {
		padding: 0;
	}

	#header .meta .meta-nav,
	#header .meta .service-nav {
		gap: 10px;
	}

	#header .meta .meta-nav {
		margin: 0;
	}

	.navbar-collapse {
		display: none;
		flex-direction: column;
		width: 100%;
		background: white;
		position: fixed;
		top: 160px;
		left: 0;
		right: 0;
		z-index: 1000;
		box-shadow: 0 5px 10px rgba(0,0,0,0.15);
		overflow: scroll;
		height: calc(100vh - var(--header-height));
	}

	.main-menu {
		display: flex;
		flex-direction: column;
		gap: 0;
		margin: 0;
		padding: 10px !important;
		width: 100%;
		height: auto;
		margin-bottom: calc(var(--header-height) + 2rem) !important;
	}

	.mega-content {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1000;
		padding: 0;
		height: auto;
		box-shadow: none;
		background: var(--header-menu-white);
	}

	.main-menu > li > input[type="radio"]:checked ~ .mega-content {
		display: flex;
		min-height: unset;
		max-height: unset;
		height: unset !important;
	}

	.mega-content .container {
		max-width: none;
		width: 100%;
		display: block;
		padding: 0;
		margin: 0;
	}

	.sub-menu {
		padding-top: .5rem !important;
		margin: 0 .5rem !important;
	}

	.sub-menu > li > label,
	.sub-menu > li > a {
		padding: 10px;
	}

	.sub-menu .content {
		display: none;
		padding: 0;
		background-color: transparent;
		width: 100%;
		position: relative;
		left: 0;
	}

	.sub-menu .menu-teaser {
		display: none;
	}

	.sub-menu .content {
		margin-top: 10px;
	}

	input[data-menu-level="2"]:checked ~ .sub-menu-content.level-2,
	input[data-menu-level="3"]:checked ~ .sub-menu-content.level-3,
	input[data-menu-level="4"]:checked ~ .sub-menu-content.level-4 {
		display: flex;
	}

	.sub-menu-content {
		display: none;
	}

	.sub-menu .content > .sub-menu.level- {
		display: flex;
	}

	.sub-menu.level-2 {
		display: none;
		flex-direction: column;
		padding: 0;
		position: relative;
	}

	.sub-menu.level-2 :is(a, label) {
		font-size: 1.0em;
	}

	.sub-menu.level-3 :is(a, label) {
		font-size: 0.9em;
	}

	.sub-menu.level-4 :is(a, label) {
		font-size: 0.8em;
	}

	.main-menu > li > a, .main-menu > li > label {
		font-size: var(--font-size-h2);
		padding: 15px !important;
		margin: 0;
	}

	.main-menu > li {
		border-bottom: 1px solid #ddd;
	}

	.main-menu > li > label:after,
	.sub-menu > li > label:after {
		display: block;
		content: '';
		position: absolute;
		right: 1rem;
		background-image: var(--arrow-narrow-down-primary);
		background-repeat: no-repeat;
		background-position: center;
		transition: all ease-in-out .3s;
		transform: rotate(0deg);
	}

	.main-menu > li > label:after {
		width: 30px;
		height: 30px;
	}

	.sub-menu > li > label:after {
		width: 20px;
		height: 20px;
	}

	.main-menu > li > input[aria-checked="true"] ~ label:after,
	.sub-menu > li > input[aria-checked="true"] ~ label:after {
		transform: rotate(180deg);
	}

	.sub-menu li label,
	.sub-menu li a {
		display: flex;
		width: 100%;
		height: 3rem;
	}

	.sub-menu > li > label::after {
		top: unset;
	}

	.sub-menu > li:hover label::after {
		transform: inherit;
	}

	.sub-menu > li {
		position: relative;
		background-color: transparent;
		border: 1px solid var(--header-menu-white);
	}

	.sub-menu.level-2 {
		gap: .5rem;
	}

	.sub-menu.level-2 li {
		border: unset;
		border-radius: unset;
		transform: unset;
	}

	.sub-menu.level-2 > li:hover {
		background: rgba(255,255,255,0.5);
		border: 1px solid var(--header-menu-white);
	}

	.sub-menu li label, .sub-menu li a {
		font-weight: 400;
		margin-bottom: unset;
	}

	.sub-menu > li > label::after {
		opacity: 1;
	}

	.sub-menu.level-3 {
		width: 100%;
	}

	.sub-menu.level-3 label.sub-menu-label {
		height: unset;
	}

	.sub-menu.level-4 {
		width: 100%;
	}

	.special-sub-menu .special-headline {display: none;}
	.special-sub-menu .teaser-item-image {display: none;}

	.main-menu > li > input[type="radio"]:checked ~ .mega-content .sub-menu {
		display: flex;
		flex-direction: column;
	}
}

#burger-toggle-input, #burger-toggle-label {
	display: none;
}

@media (max-width: 1300px) {
	#burger-toggle-label {
		font-size: 44px;
		display: block;
		cursor: pointer;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		z-index: 1001;
	}

	#burger-toggle-label .burger-bars {
		display: flex;
		align-items: center;
		justify-content: end;
		width: 2rem;
		flex-direction: column;
		cursor: pointer;
		height: 25px;
	}

	#burger-toggle-label .burger-bars .burger-menu-line {
		background-color: var(--color-grey-dark);
		width: 100%;
		height: 2px;
		position: relative;
		top: 0;
		transition: all ease-in-out .3s;
	}

	#burger-toggle-label .burger-bars .burger-menu-line.second {
		margin: 8px 0;
	}

	#burger-toggle-input:checked ~ label .burger-menu-line.first {
		transform: rotate(-45deg);
	}

	#burger-toggle-input:checked ~ label .burger-menu-line.second {
		opacity: 0;
	}

	#burger-toggle-input:checked ~ label .burger-menu-line.third {
		transform: rotate(45deg);
		margin-top: -19px;
	}
}

.mega-content[data-active-menu-level="2"] .sub-menu-content.level-3, .mega-content[data-active-menu-level="1"] .sub-menu-content.level-2, .mega-content[data-active-menu-level="0"] {
	display: none !important;
}

.tooltip-bottom {
	position: absolute;
	display: block;
	bottom: -2.5em;
	left: 50%;
	z-index: 999;
	width: fit-content;
	font-size: 1em;
	color: #666;
	margin: 0 auto;
	padding: .25em .5em;
	opacity: 0;
	transform: translate(-50%,0.5em);
	background: var(--color-item-bg-2);
	white-space: nowrap;
	border-radius: var(--border-radius);
	box-shadow: 0 0 8px rgba(0,0,0,0.3);
	pointer-events: none;
	transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.tooltip-bottom:after, .tooltip-bottom:before {
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	transform: translate(-50%,0);
	z-index: 1;
}

.tooltip-bottom::before {
	top: 0;
	width: 2em;
	height: 1px;
	background-color: var(--color-item-bg-2);
}

.tooltip-bottom::after {
	height: .75rem;
	width: 1.125rem;
	bottom: calc(99%);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='9' viewBox='0 0 18 9'%3E%3Cg id='Polygon_7' data-name='Polygon 7' fill='%23fff'%3E%3Cpath d='M 16.79290008544922 8.5 L 1.207100033760071 8.5 L 9 0.707099974155426 L 16.79290008544922 8.5 Z' stroke='none'/%3E%3Cpath d='M 9 1.414219856262207 L 2.414219856262207 8 L 15.58578014373779 8 L 9 1.414219856262207 M 9 0 L 18 9 L 0 9 L 9 0 Z' stroke='none' fill='%23EBEBEB'/%3E%3C/g%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center bottom;
}

.tooltip-bottom .show {
	opacity: 1;
	transform: translate(-50%,0);
}

#header .main > .container {
	width: 100%;
	padding: .5rem var(--section-inner-side-padding);
	height: 100%;
}

@media (min-width: 1300px) {
	body.scrolled #header {
		margin: 2rem;
		width: calc(96%);
		transition: all ease-in-out .5s;
	}

	body.scrolled.user-logged-in #header,
	body.scrolled.user-logged-in #header .mega-content {
		margin-top: calc(2rem + var(--drupal-displace-offset-top))
	}

	body.scrolled #header::before {
		content: '';
		width: 100%;
		height: 2rem;
		position: absolute;
		background: transparent;
		backdrop-filter: blur(500px);
		top: -2rem;
		display: block;
		opacity: 0.8;
	}

	#header label, #header a {
		margin-bottom: unset;
	}

	.mega-content {
		display: none;
		position: fixed;
		top: calc(var(--header-height-main) + var(--header-height-meta));
		left: 0;
		width: 100vw;
		background: linear-gradient(to right,var(--header-menu-white) var(--breakpoint),var(--color-grey-light) var(--breakpoint));
		z-index: 1000;
		box-shadow: 0 5px 10px rgba(0,0,0,0.15);
		padding: var(--section-inner-side-padding);
		height: auto;
		transition: all ease-in-out .5s;
		animation: fadeIn 0.3s ease-out forwards;
	}

	.mega-content .container {
		width: 100%;
		height: 100%;
		max-height: calc(100vh - var(--header-height) - var(--section-inner-side-padding) - var(--section-inner-side-padding));
		display: grid;
		grid-template-columns: repeat(12,1fr);
		gap: var(--grid-gap);
		position: relative;
		padding: 0;
		align-items: flex-start;
	}

	.mega-content[data-active-menu-level="1"] .sub-menu.level-1 ul,
	.mega-content[data-active-menu-level="2"] .sub-menu.level-2 ul,
	.mega-content[data-active-menu-level="3"] .sub-menu.level-3 ul {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 10px;
		overflow-y: auto;
	}

	.mega-content[data-active-menu-level="1"] .sub-menu.level-1 ul li,
	.mega-content[data-active-menu-level="2"] .sub-menu.level-2 ul li,
	.mega-content[data-active-menu-level="3"] .sub-menu.level-3 ul li {
		flex: 0 1 calc(23%);
	}

	body[data-font-size-scale="1.5"] .mega-content[data-active-menu-level="1"] .sub-menu.level-1 ul li,
	body[data-font-size-scale="1.5"] .mega-content[data-active-menu-level="2"] .sub-menu.level-2 ul li,
	body[data-font-size-scale="1.5"] .mega-content[data-active-menu-level="3"] .sub-menu.level-3 ul li {
		flex: 0 1 calc(32%);
	}

	body[data-font-size-scale="2"] .mega-content[data-active-menu-level="1"] .sub-menu.level-1 ul li,
	body[data-font-size-scale="2"] .mega-content[data-active-menu-level="2"] .sub-menu.level-2 ul li,
	body[data-font-size-scale="2"] .mega-content[data-active-menu-level="3"] .sub-menu.level-3 ul li {
		flex: 0 1 calc(48%);
	}

	.mega-content[data-active-menu-level="1"] .sub-menu.level-1 .sub-menu.level-4 li,
	.mega-content[data-active-menu-level="2"] .sub-menu.level-2 .sub-menu.level-4 li,
	.mega-content[data-active-menu-level="3"] .sub-menu.level-3 .sub-menu.level-4 li {
		flex: 0 1 calc(40%) !important;
	}

	.mega-content[data-active-menu-level="3"] .sub-menu.level-2 > li > .content {
		width: 25%;
	}

	.mega-content[data-active-menu-level="3"] .sub-menu.level-2 > li > .content .menu-teaser {
		display: none;
	}

	.mega-content[data-active-menu-level="3"] .sub-menu.level-3 > li > .content {
		width: 200%;
		left: 100%;
	}

	.mega-content[data-active-menu-level="3"] .sub-menu.level-3 > li > .content .menu-teaser {
		display: none;
	}

	.mega-content .sub-menu-content {
		grid-column: span 11;
		height: 100%;
		display: flex;
		flex-direction: column;
		padding: 0 !important;
		position: absolute;
		top: 0;
		left: 30%;
		transition: all ease-in-out .5s;
	}

	.mega-content .sub-menu > li > input:not(:checked) ~ .sub-menu-content {
		display: none;
		transition: all ease-in-out .5s;
	}

	.mega-content .sub-menu.level-3 a, .mega-content .sub-menu.level-3 label,
	.mega-content .sub-menu.level-4 a, .mega-content .sub-menu.level-4 label {
		border-radius: var(--border-radius);
		padding: 10px;
		display: flex;
		align-items: center;
		position: relative;
		transition: background-color 0.3s ease;
		overflow: hidden;
		text-overflow: ellipsis;
		opacity: 0;
		animation: fadeIn 0.3s ease-out forwards;
		--animation-delay: calc(var(--index) * 0.06s);
		animation-delay: var(--animation-delay);
		word-wrap: break-word;
		word-break: break-word;
	}

	.mega-content[data-active-menu-level="2"] .sub-menu-content.level-1,
	.mega-content[data-active-menu-level="3"] .sub-menu-content.level-1 {
		display: none;
	}

	.mega-content[data-active-menu-level="3"] .sub-menu.level-3::after {
		content: '';
		background-color: var(--color-primary);
		width: 3px;
		display: inline-flex;
		height: 100%;
		top: 0;
		position: absolute;
		left: 25%;
		margin-left: 2rem;
		transition: all 1s ease-in;
	}

	.mega-content[data-active-menu-level="3"] .sub-menu.level-3::after {
		left: 100%;
	}

	.mega-content[data-active-menu-level="3"] .sub-menu.level-3 label,
	.mega-content[data-active-menu-level="3"] .sub-menu.level-3 a {
		padding: 15px;
		height: 100%;
	}

	.mega-content[data-active-menu-level="3"] .sub-menu-content.level-2 {
		width: 25%;
		padding: 2rem;
		grid-column-start: 1;
	}

	.mega-content[data-active-menu-level="3"] .sub-menu-content.level-2 .menu-teaser {
		display: none;
	}

	.mega-content[data-active-menu-level="3"] .sub-menu-content.level-2 .sub-menu-content {
		left: 120%;
		width: 180%;
	}

	.mega-content[data-active-menu-level="3"] .sub-menu-content.level-2 .sub-menu.level-3 {
		margin: auto 0;
		padding-left: 30px;
		gap: 20px;
	}

	.mega-content[data-active-menu-level="1"] .sub-menu-content.level-1 .menu-title,
	.mega-content[data-active-menu-level="2"] li > input:checked ~ .sub-menu-content.level-2 .menu-title,
	.mega-content[data-active-menu-level="3"] li > input:checked ~ .sub-menu-content.level-3 .menu-title {
		font-size: var(--font-size-h2);
		color: var(--color-primary);
		padding-bottom: 1rem;
	}

	.mega-content[data-active-menu-level="1"] .sub-menu-content.level-1 .text,
	.mega-content[data-active-menu-level="2"] li > input:checked ~ .sub-menu-content.level-2 .text,
	.mega-content[data-active-menu-level="3"] li > input:checked ~ .sub-menu-content.level-3 .text {
		font-size: var(--font-size-text);
	}

	.mega-content[data-active-menu-level="1"] .sub-menu-content.level-1 .text:after,
	.mega-content[data-active-menu-level="2"] li > input:checked ~ .sub-menu-content.level-2 .text:after,
	.mega-content[data-active-menu-level="3"] li > input:checked ~ .sub-menu-content.level-3 .text:after {
		content: "";
		display: block;
		padding-bottom: 20px;
		border-bottom: 3px solid var(--color-primary);
	}

	.mega-content[data-active-menu-level="1"] .sub-menu-content.level-1 .sub-menu-image,
	.mega-content[data-active-menu-level="2"] li > input:checked ~ .sub-menu-content.level-2 .sub-menu-image,
	.mega-content[data-active-menu-level="3"] li > input:checked ~ .sub-menu-content.level-3 .sub-menu-image {
		display: inline-flex;
		height: 100%;
	}

	.mega-content[data-active-menu-level="1"] .sub-menu-content.level-1 .sub-menu-image figure,
	.mega-content[data-active-menu-level="2"] li > input:checked ~ .sub-menu-content.level-2 .sub-menu-image figure,
	.mega-content[data-active-menu-level="3"] li > input:checked ~ .sub-menu-content.level-3 .sub-menu-image figure {
		height: 100%;
		align-content: center;
	}
}


/*********************/
/* header search new */
/*********************/

#service-search #search-toggle:checked ~ .search-wrapper {
	top: calc((var(--header-height-main) * var(--font-size-scale)) + var(--header-height-meta) - 2px);
	border-radius:0 0 var(--border-radius) var(--border-radius);
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.08);
	padding: 0;
    padding-bottom: var(--grid-gap);
}

.ui-widget.ui-widget-content {
	padding-top: 1.5rem;
    background-color: white;
    border: none;
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.08);
    z-index: 10000;
	position: fixed;
}

#service-search #search-toggle:checked ~ .search-wrapper .container .view {
	width: 100%;
}

#service-search #search-toggle:checked ~ .search-wrapper .container .view form input.button {
	padding: 0;
}

#service-search #search-toggle:checked ~ .search-wrapper > div {
	padding: 0;
}

#service-search #search-toggle:checked ~ .search-wrapper .container .view .view-content.row {
	margin-top: 0;
}

#service-search #search-toggle:checked ~ .search-wrapper .container .view .pager {
	margin-bottom: 2rem;
	margin-top: 2.5rem;
}

@media (min-width: 1400px) {
	#header .main > .container {
		max-width: calc(100vw - 2 * var(--section-inner-side-padding));
	}
}

@media (min-width: 1300px) {
	body.scrolled #service-search #search-toggle:checked ~ .search-wrapper,
	body.scrolled #header {
		margin: 0 2rem;
		width: calc(100vw - 4rem);
		transition: all ease-in-out .5s;
	}

	body.scrolled #header {
		margin: 2rem;
	}

	body.scrolled #service-search #search-toggle:checked ~ .search-wrapper {
		top: calc((var(--header-height-main) * var(--font-size-scale)) + var(--header-height-meta) - 2px + 2rem);
	}

	#service-search #search-toggle:checked ~ .search-wrapper > div {
		grid-column: 4 / 10;
	}
}

@media (max-width: 1300px) {
	#header .meta .meta-nav,
	#header .meta .service-nav {
		gap: 0;
	}

	#header .meta .meta-nav > *,
	#header .meta .service-nav > * {
		margin-left: 1rem;
	}

	#header .meta .service-nav {
		margin-left: .5rem;
	}
}

@media (max-width: 991px) {
	#service-search #search-toggle:checked ~ .search-wrapper {
		padding-bottom: var(--section-gap);
	}

	#service-search #search-toggle:checked ~ .search-wrapper .container .view .pager {
		margin-bottom: var(--section-gap);
		margin-top: calc(.5rem + var(--section-gap));
	}

	#service-search #search-toggle:checked ~ .search-wrapper .container .view {
		width: calc(100% - (var(--page-gap) * 2));
	}

	#service-search #search-toggle:checked ~ .search-wrapper > div {
		grid-column: span 12;
	}

	#service-search #search-toggle:checked ~ .search-wrapper .container .view .pager .pager__items {
		flex-wrap: wrap;
	}

	.ui-widget.ui-widget-content {
		padding-top: var(--section-gap);
	}
}

@media (max-width: 767px) {
	#service-search #search-toggle:checked ~ .search-wrapper .container .view form input {
		padding: 1.5rem;
		margin: 1rem 0 .5rem 0;
	}

	#service-search #search-toggle:checked ~ .search-wrapper .container .view form input.button {
		width: 4rem;
	}
}

@media (max-width: 500px) {
	#header .meta .meta-nav > *,
	#header .meta .service-nav > * {
		margin-left: .75rem;
	}
}