:root {
--fallback-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
} @font-face {
font-display: optional; font-family: 'Encode Sans';
font-style: normal;
font-weight: 300;
src: url(//fv-vaalserquartier.de/wp-content/themes/fvv/fonts/encode-sans-v23-latin-300.woff2) format('woff2'); } @font-face {
font-display: optional; font-family: 'Encode Sans';
font-style: normal;
font-weight: 400;
src: url(//fv-vaalserquartier.de/wp-content/themes/fvv/fonts/encode-sans-v23-latin-regular.woff2) format('woff2'); } @font-face {
font-display: optional; font-family: 'Encode Sans';
font-style: normal;
font-weight: 500;
src: url(//fv-vaalserquartier.de/wp-content/themes/fvv/fonts/encode-sans-v23-latin-500.woff2) format('woff2'); } @font-face {
font-display: optional; font-family: 'Encode Sans';
font-style: normal;
font-weight: 700;
src: url(//fv-vaalserquartier.de/wp-content/themes/fvv/fonts/encode-sans-v23-latin-700.woff2) format('woff2'); }
:root { --colors-text: #1D3027;
--colors-inverse-text: #fff;
--colors-text-secondary: #1D3027;
--colors-accent: #009048;
--colors-mid-accent: #02733B;
--colors-dark-accent: #1D3027;
--colors-dark-accent-t: rgba(29, 48, 39, 0.8);
--colors-medium-accent: #1A2A48;
--colors-grey: #F5F5F6;
--colors-grey-light: #f8f8f8;
--colors-white: #fff;
--colors-white-t: rgba(255, 255, 255, 0.8);
--colors-focus: #009048;
--colors-separator: #877070;
--colors-separator-light: #EBEBEB;
--colors-error: #cc0100; --weight-light: 300;
--weight-normal: 400;
--weight-medium: 500;
--weight-bold: 700; --font-family-primary: 'Encode Sans', var(--fallback-font);
--font-family-secondary: 'Encode Sans', var(--fallback-font);
--line-height-base: 159.091%; --font-size-xxs: clamp(0.875rem, 0.3036rem + 2.8571vw, 1rem); --font-size-xs: clamp(0.875rem, -0.2679rem + 5.7143vw, 1.125rem); --font-size-s: clamp(0.875rem, -0.8393rem + 8.5714vw, 1.25rem); --font-size-base: clamp(0.875rem, -0.8393rem + 8.5714vw, 1.25rem); --font-size-m: clamp(1.125rem, -0.875rem + 10vw, 1.5625rem); --font-size-sm: clamp(1rem, -0.7143rem + 8.5714vw, 1.375rem); --font-size-l: clamp(1.375rem, -0.9107rem + 11.4286vw, 1.875rem); --font-size-xl: clamp(1.75rem, -1.6786rem + 17.1429vw, 2.5rem); --font-size-2xl: clamp(1.75rem, -1.6786rem + 17.1429vw, 2.5rem); --font-size-3xl: clamp(1.75rem, -1.6786rem + 17.1429vw, 2.5rem); --font-size-4xl: clamp( ); --clr-input-text: rgba(7, 14, 23, .8);
--clr-input-text-placeholder: rgba(7, 14, 23, .5);
--header-height: clamp(88px, 10.84vw, 13rem);
--fixed-header-minus: clamp(0px, 2.29vw, 0px);
--fixed-header-height: calc(var(--header-height) - var(--fixed-header-minus));
--clamp_vw_devider: 1920; 
--wrapper-max-width: 1660px; 
--wrapper-width: 86.5%;
--wrapper-side-padding: clamp(1.5625rem, 7.11vw, 4rem); --base-divider: calc(var(--font-size-base) * .5); --calc-size-5: calc(.5 * var(--base-divider));
--calc-size-10: calc(1 * var(--base-divider));
--calc-size-15: calc(1.5 * var(--base-divider));
--calc-size-20: calc(2 * var(--base-divider));
--calc-size-25: calc(2.5 * var(--base-divider));
--calc-size-30: calc(3 * var(--base-divider));
--calc-size-35: calc(3.5 * var(--base-divider));
--calc-size-40: calc(4 * var(--base-divider));
--calc-size-45: calc(4.5 * var(--base-divider));
--calc-size-50: calc(5 * var(--base-divider));
--calc-size-55: calc(5.5 * var(--base-divider));
--calc-size-60: calc(6 * var(--base-divider));
--calc-size-65: calc(6.5 * var(--base-divider));
--calc-size-70: calc(7 * var(--base-divider));
--calc-size-75: calc(7.5 * var(--base-divider));
--calc-size-80: calc(8 * var(--base-divider));
--calc-size-85: calc(8.5 * var(--base-divider));
--calc-size-90: calc(9 * var(--base-divider));
--calc-size-95: calc(9.5 * var(--base-divider));
--calc-size-100: calc(10 * var(--base-divider));
--calc-size-110: calc(11 * var(--base-divider));
--calc-size-120: calc(12 * var(--base-divider));
--calc-size-130: calc(13 * var(--base-divider));
--calc-size-140: calc(14 * var(--base-divider));
--calc-size-150: calc(15 * var(--base-divider));
--calc-size-160: calc(16 * var(--base-divider));
--calc-size-170: calc(17 * var(--base-divider));
--calc-size-180: calc(18 * var(--base-divider));
--calc-size-190: calc(19 * var(--base-divider));
--calc-size-200: calc(20 * var(--base-divider));
} @media only screen and (min-width: 768px) {
:root {
--base-divider: calc(var(--font-size-base) * .454545);  --font-size-xxs: clamp(0.8125rem, 0.6467rem + 0.2944vw, 1rem); --font-size-xs: clamp(0.875rem, 0.6539rem + 0.3925vw, 1.125rem);  --font-size-s: clamp(0.9375rem, 0.6618rem + 0.4902vw, 1.25rem);  --font-size-base: clamp(1rem, 0.6691rem + 0.5882vw, 1.375rem);  --font-size-m: clamp(1.25rem, 0.6985rem + 0.9804vw, 1.875rem); --font-size-sm: clamp(1.125rem, 0.8333rem + 0.6076vw, 1.5625rem);  --font-size-l: clamp(1.5625rem, 1.011rem + 0.9804vw, 2.1875rem);  --font-size-xl: clamp(2rem, 1.0074rem + 1.7647vw, 3.125rem);  --font-size-2xl: clamp(2.875rem, 1.5515rem + 2.3529vw, 4.375rem);  --font-size-3xl: clamp(3.375rem, 1.9412rem + 2.549vw, 5rem); --font-size-4xl: clamp(6.25rem, 3.4869rem + 4.9068vw, 9.375rem); }
}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, picture {display: block; margin: 0;}
html, body {display: block;} html {font-size: 100%; -webkit-text-size-adjust:100%;  -webkit-tap-highlight-color:rgba(0,0,0,0);  font-family:sans-serif;  line-height:1.15}
body {-webkit-font-smoothing: antialiased; font-smoothing: antialiased;	text-rendering: optimizeSpeed;} html { scrollbar-gutter: stable; } .no-touchevents.no-scrolling {
overflow: hidden;
}
.no-touchevents.no-scrolling body {
overflow: visible; } .touchevents.no-scrolling,
.touchevents.no-scrolling body {
overflow: hidden;
}
@media (prefers-reduced-motion: no-preference) { 
:root { --base-easing: ease;
--base-duration: 300ms;
--short-duration: 200ms;
}
}
ol, ul {}
header ul, footer ul, .fixed-container ul {list-style-type: none;}
.wpb_text_column ul, .wpb_text_column ol {padding-left: 1.5em;}
.wpb_text_column ul {list-style-type: disc;}
.wpb_text_column ol ul {padding-left: 0; list-style-type: disc;}
.wpb_text_column ol > li::marker {font-weight: var(--weight-medium);}
.wpb_text_column ol > li:not(:last-child) {margin: 0 0 var(--calc-size-24);}
* ,::before, ::after {-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
b, strong {font-weight: var(--weight-bold);}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
address {font-style: normal;}
sup {position: relative;top: -.6rem;font-size: 75%;} .skiplink {position: absolute;	background: white;	z-index: 1000000;	left: 0;	top: 0;	padding: 20px; transform: translateX(-200%);}
.skiplink:focus {transform: translateX(0%);} .sr-only {border: 0;	clip: rect(1px, 1px, 1px, 1px);	clip-path: inset(50%);	height: 1px;	margin: -1px;	overflow: hidden;	padding: 0;	position: absolute;	width: 1px;	word-wrap: normal !important;}
ins {	text-decoration: none;}del {	text-decoration: line-through;}table {	border-collapse: collapse;	border-spacing: 0;}td {vertical-align: top;} td:not(:last-child) {padding-right: 2rem;}
.align-center {text-align: center;}.align-right {text-align: right;}.align-left {text-align: left;}
img {max-width: 100%; height: auto; vertical-align: middle;}
figure .caption {padding: .5em 0 0; font-size: var(--font-size-xs);}
.as-ratio {overflow: clip;}
.as-ratio picture, .as-ratio figure, .as-ratio .vc_single_image-wrapper {height: 100%;}
.as-ratio img {width: 100%; height: 100%; object-fit: cover;}
.ratio-4-3 {aspect-ratio: 4 / 3;}
.ratio-3-2 {aspect-ratio: 3 / 2;}
.ratio-1-1 {aspect-ratio: 1;}
.ratio-16-9 {aspect-ratio: 16 / 9;}
.ratio-2-1 {aspect-ratio: 2 / 1;}
.ratio-4-5 {aspect-ratio: 4 / 5;}
.ratio-3-4 {aspect-ratio: 3 / 4;}
.ratio-45-16 {aspect-ratio: 2.8125 / 1;} .ratio-45-16 img {object-position: center top;}
picture.no-image {background: var(--colors-grey);}
.map-container {position: relative; width: 100%; padding-bottom: 42%;}
.contact-map img {max-width: 1000em;}
.alignleft {float: left; margin: 0 2em 2em 0;}.alignright {float: right; margin: 0 0 2em 2em;}.aligncenter {display: block;	margin-left: auto;	margin-right: auto;}
.wpb_single_image.vc_align_center {text-align: center;}
body {font-family: var(--font-family-primary); color: var(--colors-text); margin: 0; padding: 0; font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--weight-light); font-style: normal; background: var(--colors-white); text-align:left}
a {color: var(--colors-text); text-decoration: none;}
.wpb_text_column a {font-weight: bold; color: var(--colors-accent); white-space: nowrap;}
a:hover {color: var(--colors-accent);}
a:focus-visible, button:focus-visible {outline: 2px solid var(--colors-focus);  outline-offset: 0.25rem;}
.bg-dark a:focus-visible, .bg-dark button:focus-visible {outline: 2px solid var(--colors-white);}
.touchevents button:focus-visible {outline: none;} 
p:not(:last-child) {margin: 0 0 var(--calc-size-35);} small {font-size: 80%;}
ul:not(:last-child), ol:not(:last-child) {margin: 0 0 var(--calc-size-35);}
h1,h2,h3,h4,h5,h6 { margin: 0 0 1em; font-size: var(--font-size-base); line-height: var(--line-height-base); padding: 0; font-family: var(--font-family-secondary); position: relative; font-weight: var(--weight-bold); color: var(--colors-accent);} h4:not([class*="mb-"]), .h4:not([class*="mb-"]) {margin: 0 0 0.64em;} 
blockquote {}
blockquote p {margin: 0;} h1, .h1 {font-size: var(--font-size-xl); line-height: 120%;} h2, .h2 {font-size: var(--font-size-xl);  line-height: 120%;} h3, .h3 {font-size: var(--font-size-xl); line-height: 120%;} h4, .h4 {font-size: var(--font-size-m); line-height: 120%; } h5, .h5 {font-size: var(--font-size-base);} h6, .h6 {font-size: var(--font-size-s);}   :is(h1, h2, h3, h4, h5, h6):not([class*="mb-"]):last-child, blockquote:last-child {margin: 0;}
.txt-fluid-xxs {font-size: var(--font-size-xxs);} .txt-fluid-xs {font-size: var(--font-size-xs);} .txt-fluid-s {font-size: var(--font-size-s);} .txt-fluid-base {font-size: var(--font-size-base);} .txt-fluid-sm {font-size: var(--font-size-sm);} .txt-fluid-m {font-size: var(--font-size-m);} .txt-fluid-sm {font-size: var(--font-size-m);} .txt-fluid-l {font-size: var(--font-size-l);} .txt-fluid-xl {font-size: var(--font-size-xl);} .txt-fluid-2xl {font-size: var(--font-size-2xl);} .txt-fluid-3xl {font-size: var(--font-size-3xl);} .font-light {font-weight: var(--weight-light);}
.font-normal {font-weight: var(--weight-normal);}
.font-medium {font-weight: var(--weight-medium);}
.font-bold {font-weight: var(--weight-bold);}
.hyphenate {-webkit-hyphens: auto; -moz-hyphens: auto;-ms-hyphens: auto;	hyphens: auto;	word-wrap: break-word; word-break: break-word; overflow: hidden;}
.hyphenate:not(.no-balance) {text-wrap: balance;}
.txt-upper, .text-uppercase {text-transform: uppercase;}
.txt-upper-normal {text-transform: none;}
.wpb_wrapper h1:first-child, .wpb_wrapper h2:first-child, .wpb_wrapper h3:first-child, .wpb_wrapper h4:first-child, .wpb_wrapper h5:first-child, .wpb_wrapper h6:first-child {margin-top: 0;}
.as-flexbox, .as-flexbox-static {display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex; position: relative;}
.as-flexbox-static {position: static;}
.as-flexbox-inline {display: inline-flex;}
.as-flex-nowrap {-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
.as-flex-wrap {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.as-flex-align-top {-webkit-align-items: flex-start;-webkit-box-align: flex-start;-ms-flex-align: flex-start;align-items: flex-start;}
.as-flex-align-center {-webkit-align-items: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.as-flex-align-bottom {-webkit-align-items: flex-end;-webkit-box-align: flex-end;-ms-flex-align: flex-end;align-items: flex-end;}
.as-flex-justify-space-between {-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.as-flex-justify-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.as-flex-justify-right {-webkit-justify-content: flex-end;-ms-flex-pack: flex-end;justify-content: flex-end;}
.as-flex-row {flex-direction: row;}
.as-flex-row-reverse {flex-direction: row-reverse;}
.as-flex-direction-column {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;height: 100%;}
.as-flex-direction-row-reverse {flex-direction: row-reverse;}
.as-flex-shrink-0 {flex-shrink: 0;}
.as-flex-grow-1 {flex-grow: 1;}
.fa {vertical-align: middle;}
.abs-link {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10000; text-indent: -1000em;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
:focus:not(:focus-visible) {outline: none;}
.ww {position: fixed; z-index: 1000000; left: 0; bottom: 50%; background: #f00; padding: 5px; color: #fff; font-size: 12px; display: none;}
.ww-right {right: 0; left: auto;}
#loaderImage {will-change: opacity; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: var(--colors-white); z-index: 10000; opacity: 1; visibility: visible;}
.loaderEnd #loaderImage {transition: opacity .5s ease .2s; transition: opacity .3s linear .0s; opacity: 0!important;}
.topAnimsStart #loaderImage {visibility: hidden!important;}
#page {position: relative; z-index: 100;  width: 100%;  overflow-x: clip;}
.content-wrapper {margin: 0 auto; width: var(--wrapper-width); max-width: var(--wrapper-max-width); position: relative; }
.vc_row-no-padding > .content-wrapper {width: 100%; max-width: 100%; padding: 0;}
.row-with-bg .content-wrapper {z-index: 100;}
.no-wrap {white-space: nowrap;}
.word-wrap {word-wrap: break-word;}
.word-hyphens {-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
.overflow-visible {overflow: visible!important;}
.txt-clr-accent, .txt-clr-accent a {color: var(--colors-accent);}
.txt-clr-primary, .txt-clr-primary a {color: var(--colors-text);}
.txt-clr-secondary, .txt-clr-secondary a {color: var(--colors-text-secondary);}  .bg-white {background: var(--colors-white);}
.bg-dark {background: var(--colors-dark-accent);}
.bg-medium {background: var(--colors-medium-accent);}
.bg-grey {background: var(--colors-grey);}
.dark-section:not(.bg-white), .dark-section:not(.bg-white) a, .dark-section:not(.bg-white) .txt-clr-primary, .dark-section:not(.bg-white) .txt-clr-secondary, .dark-section:not(.bg-white) .txt-clr-primary a, .dark-section:not(.bg-white) .txt-clr-secondary a,
.dark-section:not(.bg-white) :is(h1, h2, h3, h4, h5, h6) {
color: var(--colors-white);
} header#masthead {position: absolute; width: 100%; left: 0; top: var(--calc-size-50);  background: var(--colors-white-t); z-index: 1000;}
.topAnimsStart header#masthead {transition: background .3s ease;}
header#masthead .header-logo {width: 12%; max-width: 200px; min-width: 100px; position: absolute;  z-index: 4000; top: var(--calc-size-25); left: 0;}
.topAnimsStart header#masthead .header-logo {transition: all .3s ease;}
header#masthead .header-logo a {display: block;}
header#masthead .header-logo a svg {}
header#masthead.header-fixed {position: fixed; top: 0; background: var(--colors-white);}
header#masthead .content-wrapper {z-index: 100;}
header#masthead .header-content {position: relative; height: var(--calc-size-80); }
.topAnimsStart header#masthead .header-content {transition: all .3s ease;}
header#masthead.header-fixed .header-content { }
.header-meta { background: var(--colors-dark-accent); position: absolute; width: 100%; left: 0; top: 0;  z-index: 1100;}
.meta-content {gap: var(--calc-size-45); font-size: var(--font-size-xxs); font-weight: var(--weight-medium);}
.meta-mobile-content {padding: var(--calc-size-15);  flex-wrap: wrap;  gap: var(--calc-size-5) var(--calc-size-45);
opacity: 0; transform: translateY(var(--calc-size-30)); transition: opacity .8s ease .7s, transform .6s cubic-bezier(0.260, 0.860, 0.440, 0.985) .7s;
}
.navi-container[aria-hidden="false"] .meta-mobile-content {transition-delay: .65s; opacity: 1; transform: translateY(0);}
.meta-content a {display: flex; align-items: center; gap: var(--calc-size-10); height: var(--calc-size-50);}
.meta-content a svg {width: 16px; height: 16px;}
.menu-top_menu-container ul {display: flex; align-items: center; justify-content: flex-end; height: var(--calc-size-50); gap: var(--calc-size-35); list-style-type: none;}  .menu-button-container {position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 40000;}
.menu-toggle {z-index: 40000; cursor: pointer; font-family: inherit;  background: none;  border: none;  outline: none; padding: 0;}
.menu-toggle div {position: relative; width: 5rem; height: 3.125rem;}
.line {-webkit-transition: all .3s ease; transition: all .3s ease; cursor: pointer; z-index: 100; width: 3.75rem; left: .625rem; top: .625rem; position: absolute; display: block; height: 2px;  background: var(--colors-dark-accent);}
.line-2 {top: 1.5rem;}
.line-3 {top: 2.3125rem;}
.menu-toggle[aria-expanded="true"] .line-1 { transform: rotate(45deg); top: 1.5625rem;}
.menu-toggle[aria-expanded="true"] .line-2 { opacity: 0;}
.menu-toggle[aria-expanded="true"] .line-3 { transform: rotate(-45deg); top: 1.5625rem;}
.main-navigation a {display: flex; align-items: center; justify-content: center;  position: relative; gap: var(--calc-size-10);}
.navi-container[aria-hidden="false"] .main-navigation ul.nav-menu {}
.main-navigation ul.nav-menu {}
.main-navigation li.menu-item-has-children > a::after {
content: '';
width: 12px;
height: 7px;
background-size: contain;
background-repeat: no-repeat;
margin-top: var(--calc-size-5);
background-image: url('data:image/svg+xml;utf8,<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 7C5.85505 7 5.72045 6.97261 5.5962 6.91783C5.47196 6.85962 5.35116 6.77232 5.23382 6.65591L0.269198 1.5818C0.182916 1.49279 0.115617 1.39521 0.0672994 1.28907C0.0224331 1.17951 0 1.06138 0 0.934703C0 0.763512 0.041415 0.607728 0.124245 0.467351C0.210526 0.323551 0.324418 0.210565 0.465919 0.128393C0.60742 0.0427977 0.764452 0 0.937015 0C1.19586 0 1.42364 0.0975789 1.62036 0.292737L6.28473 5.0741H5.7308L10.3796 0.292737C10.5764 0.0975789 10.8041 0 11.063 0C11.2355 0 11.3926 0.0427977 11.5341 0.128393C11.6756 0.210565 11.7877 0.323551 11.8706 0.467351C11.9569 0.607728 12 0.763512 12 0.934703C12 1.06138 11.9776 1.17779 11.9327 1.28393C11.8878 1.39007 11.8205 1.48936 11.7308 1.5818L6.76618 6.65077C6.65229 6.76718 6.53322 6.85449 6.40897 6.91269C6.28473 6.9709 6.1484 7 6 7Z" fill="%2302733B"/></svg>');
transition: rotate 200ms ease;
} .main-navigation li.menu-item-has-children > a.active::after {rotate: 180deg;}
.main-navigation ul {font-size: var(--font-size-xs);}
.main-navigation ul ul {font-size: var(--font-size-xxs); margin: 0;} .main-navigation ul li {}
.main-navigation ul ul li {}
.main-navigation ul ul li a {transition: all .3s ease; justify-content: flex-start; white-space: nowrap;}
.main-navigation ul ul li.menu-headline a {font-weight: var(--weight-bold); pointer-events: none; cursor: default;}
.main-navigation .nav-menu > li:not(.as-button) > a {height: var(--calc-size-80); padding: 0 var(--calc-size-20); transition: background .3s ease; font-weight: var(--weight-bold); color: var(--colors-mid-accent);}
.main-navigation .nav-menu > li.as-button {align-items: center;}
.main-navigation a[aria-current="page"], .main-navigation li.current-menu-ancestor > a {font-weight: var(--weight-bold); color: var(--colors-mid-accent);}
.main-navigation ul ul li:not(.menu-headline) a span {display: block; overflow: hidden;}
.main-navigation ul ul li:not(.menu-headline) a span span {display: flex; gap: 8px; align-items: center; transform: translateX(-22px); transition: transform .3s ease;}
.main-navigation ul ul li:not(.menu-headline) a span span::before {
content: '';
width: 14px;
height: 10px;
background-size: contain;
background-repeat: no-repeat; background-image: url('data:image/svg+xml;utf8,<svg width="15" height="11" viewBox="0 0 15 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 5.35596H14M14 5.35596L8.92525 10.356M14 5.35596L8.92525 0.355957" stroke="%2302733B"/></svg>');
}
.main-navigation li:not(.menu-headline) a[aria-current="page"] span span, .main-navigation li.current-menu-ancestor:not(.menu-headline) > a span span {transform: translateX(0);} @media only screen and (max-width: 900px) { .main-navigation ul {font-size: 1.125rem; border-bottom: solid 2px var(--colors-separator-light);}
.main-navigation ul:not(.mobile_quick_links) {background: var(--colors-grey-light);}
.main-navigation ul.nav-menu:not(:first-child) {border-top: solid 2px var(--colors-separator-light);}
.main-navigation ul.nav-menu > li:not(:first-child) {border-top: solid 2px var(--colors-separator-light);}
.main-navigation ul ul.sub-menu {font-size: 1rem; background: var(--colors-white); border-bottom: none; margin: 0;}
.main-navigation ul ul.sub-menu li {border-top: solid 2px var(--colors-separator-light);}
.navi-container {position: fixed; z-index: 100;  width: 100%;  height: 100%;  left: 0;  top: 0;  background: var(--colors-white); opacity: 0; visibility: hidden; transition: all .3s ease;}
.navi-container[aria-hidden="false"]  {opacity: 1; visibility: visible;}
.navi-content-wrapper {padding: 170px 0 var(--calc-size-30); height: 100%; overflow: hidden; position: relative;}
header#masthead.header-fixed .navi-content-wrapper {padding: 130px 0 var(--calc-size-30);}
.navi-content {padding: 0 var(--wrapper-side-padding); height: 100%; overflow: auto; position: relative;}
.navi-content-wrapper::before {content: ''; position: absolute; left: var(--wrapper-side-padding); top: 168px; width: calc(100% - (var(--wrapper-side-padding) * 2)); height: 2px; background: var(--colors-separator-light);}
header#masthead.header-fixed .navi-content-wrapper::before {top: 128px;}
.main-navigation .nav-menu a {height: 3.75rem!important; justify-content: space-between; padding: 0 1.75rem 0 1.25rem!important;}
.main-navigation .nav-menu li.as-button a {font-size: inherit; border-radius: 0; width: 100%; color: var(--colors-mid-accent); background: none;}
.main-navigation .nav-menu.mobile_quick_links > li:not(.as-button) > a {font-weight: var(--weight-normal);}
.main-navigation .menu-headline {display: none;}
.main-navigation ul .sub-menu-wrapper {display: none;}
}
@media only screen and (min-width: 901px) {
header#masthead {border-bottom: solid 1px var(--colors-separator-light);}
.main-menu {display: flex; justify-content: flex-end;}
ul.nav-menu {display: flex; justify-content: flex-end;}
.main-navigation li a {letter-spacing: .1em; padding: 2px 0;}
.main-navigation li:not(.as-button) a {}
.main-navigation li.as-button {padding-left: var(--calc-size-30);}
.mobile_quick_links {display: none !important;}
.no-touchevents .main-navigation ul .sub-menu-wrapper {visibility: hidden; opacity: 0; transition: all .3s ease;}
.touchevents .main-navigation ul .sub-menu-wrapper {display: none;}
.main-navigation ul .sub-menu-wrapper {position: absolute; top: 100%; left: -20px; width: calc(100% + 40px); background: var(--colors-white); padding: 24px 20px; border-top: solid 1px var(--colors-separator-light);}
.main-navigation ul .sub-menu-wrapper-inner {display: flex; justify-content: flex-end; max-width: 88%; margin-left: auto;}
.main-navigation ul ul.sub-menu {flex: 1 1 0; max-width: 280px; border-left: solid 1px var(--colors-separator-light);}
.main-navigation ul ul.sub-menu li {padding-left: 10px;}
.main-navigation ul ul.sub-menu li.menu-headline:not(:first-child) {margin-top: 2.25rem;}
.main-navigation ul ul {font-size: 12px;}
}
@media screen and (hover) and (min-width: 901px) {
.main-navigation .nav-menu > li:not(.as-button) > a:hover {background: var(--colors-grey-light);}
.main-navigation ul ul li:not(.menu-headline) a:hover {font-weight: var(--weight-bold); color: var(--colors-mid-accent);}
.main-navigation ul ul li:not(.menu-headline) a:hover span span {transform: translateX(0);}
.main-navigation ul li.menu-item-has-children:hover .sub-menu-wrapper, .main-navigation ul li.menu-item-has-children:focus-within .sub-menu-wrapper  {visibility: visible; opacity: 1;}
.main-navigation li.menu-item-has-children:hover > a::after, .main-navigation li.menu-item-has-children:focus-within > a::after {rotate: 180deg;}
}
@media only screen and (min-width: 1100px) {
.main-navigation ul ul {font-size: 14px;}
}
@media only screen and (min-width: 1200px) {
.main-navigation ul .sub-menu-wrapper-inner {max-width: 85%;}
}
@media only screen and (min-width: 1400px) {
.main-navigation ul ul.sub-menu li {padding-left: clamp(10px, 2vw, 40px);}
.main-navigation ul ul {font-size: 16px;}
} .site-content {position: relative; z-index: 50; background: #fff;}
.entry-content {position: relative;}
.mobile-only {display: none!important;} footer.page-footer {position: relative; z-index: 200; line-height: 1.5;}
footer.page-footer ul {padding: 0; list-style-type: none;}
.footer-top {padding: var(--calc-size-40) 0 var(--calc-size-50);}
.footer-top .content-wrapper > div {gap: var(--calc-size-60); flex-direction: column;}
.footer-top .content-wrapper > div > div:last-child img {width:  var(--calc-size-70);}
.footer-logo {width: var(--calc-size-95); }
.footer-social-links {gap: var(--calc-size-20); margin-top: calc(var(--calc-size-5) * -1);}
.footer-social-links a {display: flex; align-items: center; gap: 1rem; width: fit-content;}
.footer-social-links a svg {width: 2.25rem;  height: 2.25rem;}
.footer-middle {padding: var(--calc-size-30) 0;}
.footer-middle li:not(:last-child)::after {content: '';  margin: 0 var(--calc-size-15);  width: 2px;  height: 70%;  background: var(--colors-accent);  display: inline-block;  position: relative;  top: 14%;}
.footer-bottom {padding: var(--calc-size-15) 0 var(--calc-size-20);}
.footer-bottom a {text-decoration: underline;}
.footer-bottom em {padding: 0 .2rem; font-style: normal;}
@media only screen and (min-width: 361px) {
.hide-before-xxs {display: none;}
}
@media only screen and (min-width: 381px) {
.footer-bottom br:last-of-type {display: none;}
}
@media only screen and (min-width: 480px) {
.hide-before-xs {display: none;}
}
@media only screen and (min-width: 601px) {
.hide-before-s {display: none;}
}
@media only screen and (min-width: 768px) {
.hide-before-sm {display: none;} }
@media only screen and (min-width: 901px) {
.hide-before-md, .emergency-mobile-button.as-button {display: none;}
header#masthead.header-fixed .header-logo {width: 8%; min-width: 100px;} .footer-top .content-wrapper > div {flex-direction: row; gap: var(--calc-size-30); max-width: 1500px;}
.footer-bottom br {display: none;}
.footer-top {border-bottom: solid 1px rgba(255,255,255,.5);}
.footer-logo {width: var(--calc-size-95); }
}
@media only screen and (min-width: 1024px) {
.hide-before-lg {display: none;}
}
@media only screen and (max-width: 1680px) {
}
@media only screen and (max-width: 1439px) {
}	
@media only screen and (max-width: 1280px) {
}	
@media only screen and (max-width: 1080px) {
}
@media only screen and (max-width: 1023px) {
.vc_col-sm-6 ul, .vc_col-sm-6 ol, .vc_col-sm-6 p, .vc_col-sm-6 h1, .vc_col-sm-6 h2, .vc_col-sm-6 h3,
.vc_col-sm-5 ul, .vc_col-sm-5 ol, .vc_col-sm-5 p, .vc_col-sm-5 h1, .vc_col-sm-5 h2, .vc_col-sm-5 h3 {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
}
@media only screen and (max-width: 1023px) {
.hide-on-lg {display: none;}
}
@media only screen and (max-width: 900px) {
.hide-on-md {display: none;}
.content-wrapper {width: 100%; padding: 0 var(--wrapper-side-padding); }
.as-col-flexbox-md {flex-direction: column; flex-wrap: nowrap;}
.as-col-reverse-flexbox-md {flex-direction: column-reverse;}
.as-flex-shrink-0-md {flex-shrink: 0;}
.as-flex-grow-1-md {flex-grow: 1;}
.footer-bottom em:first-of-type {display: none;}
.header-meta {height: 20px;}
header#masthead:not(.header-fixed) {top: 20px;}
.header-meta .content-wrapper {display: none;}
header#masthead.header-fixed .header-logo {min-width: 87px; width: 87px; top: 21px;}
}
@media only screen and (max-width: 767px) {
.hide-on-sm {display: none;}
body, h1,h2,h3,h5,h6 {
-webkit-text-size-adjust: none;
}
ul, ol, p, h1, h2, h3 {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word; }
.checklist ul li::before {left: var(--calc-size-8);} .as-flex-shrink-0-sm {flex-shrink: 0;}
.as-flex-grow-1-sm {flex-grow: 1;}
.as-flex-direction-column-reverse-mobile {flex-direction: column-reverse;}
.as-col-flexbox-sm {flex-direction: column;}
.no-wrap {white-space: normal;}
}
@media only screen and (max-width: 600px) {
.hide-on-s {display: none;}
.footer-middle {font-size: clamp(14px, 4.1vw, 16px);}
.footer-bottom {font-size: 14px;}
.footer-middle .content-wrapper, .footer-bottom .content-wrapper {padding: 0 5px;}
.footer-bottom em {padding: 0 .1rem;}
.footer-middle li:not(:last-child)::after {margin: 0 10px;}
}
@media only screen and (max-width: 479px) {
.hide-on-xs {display: none;}
}
@media only screen and (max-width: 390px) {
:root {
--wrapper-side-padding: 1.5625rem;
}
}
@media only screen and (max-width: 380px) {
.footer-bottom em {display: none;}
.footer-bottom br {display: block;}
}
@media only screen and (max-width: 360px) {
.hide-on-xxs {display: none;}
:root {
--wrapper-side-padding: clamp(1rem, 5.5556vw, 1.25rem);
}
}