/*
Theme Name: FVV
*/

/* Fallback font metrics */
:root {
  --fallback-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}


/* encode-sans-300 - latin */
@font-face {
  font-display: optional; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/encode-sans-v23-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* encode-sans-regular - latin */
@font-face {
  font-display: optional; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/encode-sans-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
} 

/* encode-sans-500 - latin */
@font-face {
  font-display: optional; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/encode-sans-v23-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* encode-sans-700 - latin */
@font-face {
  font-display: optional; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/encode-sans-v23-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


:root {

  /* color */
  --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;

  /*font weight*/
  --weight-light: 300;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-bold: 700;
  
  /* typography */
	--font-family-primary: 'Encode Sans', var(--fallback-font);
	--font-family-secondary: 'Encode Sans', var(--fallback-font);
  --line-height-base: 159.091%;
  
  /* 320 - 767 */
  --font-size-xxs: clamp(0.875rem, 0.3036rem + 2.8571vw, 1rem); /* 14 / 16 */
  --font-size-xs: clamp(0.875rem, -0.2679rem + 5.7143vw, 1.125rem); /* 14 / 18 */
  --font-size-s: clamp(0.875rem, -0.8393rem + 8.5714vw, 1.25rem); /* 14 / 20 */
  --font-size-base: clamp(0.875rem, -0.8393rem + 8.5714vw, 1.25rem); /* 14 / 20 */
  --font-size-m: clamp(1.125rem, -0.875rem + 10vw, 1.5625rem); /* 18 / 25 */
  --font-size-sm: clamp(1rem, -0.7143rem + 8.5714vw, 1.375rem); /* 16 / 22 */
  --font-size-l: clamp(1.375rem, -0.9107rem + 11.4286vw, 1.875rem); /* 22 / 30 */
  --font-size-xl: clamp(1.75rem, -1.6786rem + 17.1429vw, 2.5rem); /* 28 / 40 */
  --font-size-2xl: clamp(1.75rem, -1.6786rem + 17.1429vw, 2.5rem); /* 28 / 40 */
  --font-size-3xl: clamp(1.75rem, -1.6786rem + 17.1429vw, 2.5rem); /* 28 / 40 */
  --font-size-4xl: clamp( ); /* 60 / 100 */


  --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) * .363636); 10 */
  --base-divider: calc(var(--font-size-base) * .5); /* 10 */
  
  --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: 901px) { */
@media only screen and (min-width: 768px) {
  :root {

    --base-divider: calc(var(--font-size-base) * .454545); /* 10 */


    /* 768 - 1920 - ... */
    --font-size-xxs: clamp(0.8125rem, 0.6467rem + 0.2944vw, 1rem); /* 13 / 16 */
    --font-size-xs: clamp(0.875rem, 0.6539rem + 0.3925vw, 1.125rem); /* 14 / 18 */

    /* --font-size-s: clamp(1rem, 0.7794rem + 0.3922vw, 1.25rem); 16 / 20 */
      --font-size-s: clamp(0.9375rem, 0.6618rem + 0.4902vw, 1.25rem);/* 15 / 20 */

    /* --font-size-base: clamp(1.125rem, 0.9044rem + 0.3922vw, 1.375rem); 18 / 22 */
      --font-size-base: clamp(1rem, 0.6691rem + 0.5882vw, 1.375rem); /* 16 / 22 */

    /* --font-size-m: clamp(1.5rem, 1.1691rem + 0.5882vw, 1.875rem); 24 / 30 */
      --font-size-m: clamp(1.25rem, 0.6985rem + 0.9804vw, 1.875rem); /* 20 / 30 */
      --font-size-sm: clamp(1.125rem, 0.8333rem + 0.6076vw, 1.5625rem); /* 18 / 25 */
    /* --font-size-l: clamp(1.75rem, 1.364rem + 0.6863vw, 2.1875rem); 28 / 35 */
      --font-size-l: clamp(1.5625rem, 1.011rem + 0.9804vw, 2.1875rem); /* 25 / 35 */
    /* --font-size-xl: clamp(2.5rem, 1.9485rem + 0.9804vw, 3.125rem); 40 / 50 */
        --font-size-xl: clamp(2rem, 1.0074rem + 1.7647vw, 3.125rem); /* 36 / 50 */
    /* --font-size-2xl: clamp(3.5rem, 2.7279rem + 1.3725vw, 4.375rem); 56 / 70 */
      --font-size-2xl: clamp(2.875rem, 1.5515rem + 2.3529vw, 4.375rem); /* 46 / 70 */
    /* --font-size-3xl: clamp(4rem, 3.1176rem + 1.5686vw, 5rem); 64 / 80 */
      --font-size-3xl: clamp(3.375rem, 1.9412rem + 2.549vw, 5rem); /* 54 / 80 */
      --font-size-4xl: clamp(6.25rem, 3.4869rem + 4.9068vw, 9.375rem); /* 100 / 150 */

  }
}
 

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;}
/* @media (prefers-reduced-motion: no-preference) { html {scroll-behavior: smooth;} } */
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;}

/* Keep layout stable even when scrollbars hide (modern browsers) */
html { scrollbar-gutter: stable; }

/* Desktop scroll lock: apply only to <html> */
.no-touchevents.no-scrolling {
  overflow: hidden;
}
.no-touchevents.no-scrolling body {
  overflow: visible; /* no padding compensation here */
}

/* Mobile (touch) keeps existing behavior */
.touchevents.no-scrolling,
.touchevents.no-scrolling body {
  overflow: hidden;
}

@media (prefers-reduced-motion: no-preference) { 

  :root {
    /* animation settings */
    --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%;}
/* skip to content */ .skiplink {position: absolute;	background: white;	z-index: 1000000;	left: 0;	top: 0;	padding: 20px; transform: translateX(-200%);}
.skiplink:focus {transform: translateX(0%);}
/* screenreader */ .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;} /* 1440x512 */
.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);}
/* :is(h4, .h4, h5, .h5, h6, .h6):not([class*="mb-"]) {margin: 0 0 1em;} */
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-2xl); line-height: 128.571%;} 70px  */
h1, .h1 {font-size: var(--font-size-xl); line-height: 120%;} /* 50px  */
h2, .h2 {font-size: var(--font-size-xl);  line-height: 120%;}  /* 50px */
h3, .h3 {font-size: var(--font-size-xl); line-height: 120%;} /* 50px */
h4, .h4 {font-size: var(--font-size-m); line-height: 120%; } /* 30px */
h5, .h5 {font-size: var(--font-size-base);} /* 22px */
h6, .h6 {font-size: var(--font-size-s);} /* 20px */

/* h2:not([class*="font-"]), .h2:not([class*="font-"]) {font-weight: var(--weight-light);} */
/* h4:not([class*="txt-clr-"]), .h4:not([class*="txt-clr-"]) {color: var(--colors-accent);} */

: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);} /* 13 / 16 */
.txt-fluid-xs {font-size: var(--font-size-xs);} /* 14 / 18 */
.txt-fluid-s {font-size: var(--font-size-s);} /* 16 / 20 */
.txt-fluid-base {font-size: var(--font-size-base);} /* 18 / 22 */
.txt-fluid-sm {font-size: var(--font-size-sm);} /* 22 / 25 */
.txt-fluid-m {font-size: var(--font-size-m);} /* 24 / 30 */
.txt-fluid-sm {font-size: var(--font-size-m);} /* 24 / 30 */
.txt-fluid-l {font-size: var(--font-size-l);} /* 28 / 35 */
.txt-fluid-xl {font-size: var(--font-size-xl);} /* 40 / 50 */
.txt-fluid-2xl {font-size: var(--font-size-2xl);} /* 56 / 70 */
.txt-fluid-3xl {font-size: var(--font-size-3xl);} /* 64 / 80 */

.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; /*outline: solid 1px red; */}
.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);}
/* .txt-clr-tertiary, .txt-clr-tertiary a {color: var(--colors-semantic-text-tertiary);}
.txt-clr-separator, .txt-clr-separator a {color: var(--colors-semantic-separator);} */
/* .txt-clr-highlight-primary, .txt-clr-highlight-primary a {color: var(--colors-beere);}
.txt-clr-highlight-secondary, .txt-clr-highlight-secondary a {color: var(--colors-traube);}
.txt-clr-negative, .txt-clr-negative a {color: var(--colors-rot);} */

.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 */
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); /*padding: var(--calc-size-35) 0;*/ }
.topAnimsStart header#masthead .header-content {transition: all .3s ease;}
header#masthead.header-fixed .header-content {/*padding: var(--calc-size-30) 0;*/}
.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;}

/* header end */





/* hamburger menu */
  .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 {background-color: var(--colors-semantic-accent-subtle);} */
.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 ul[aria-expanded="true"] {display: block;} */
.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;
  /* margin-top: var(--calc-size-5); */
  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);}
/* main navi end */


@media only screen and (max-width: 900px) {

    /* main navi */
  .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;}
}



/* #main {position: relative; z-index: 50;} */
.site-content {position: relative; z-index: 50; background: #fff;}
.entry-content {position: relative;}
.mobile-only {display: none!important;}

/* footer */

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;}
	/* h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child, blockquote:last-child { margin: 0;} */

}

@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;}

  /* main menu */

  .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;
    /* text-wrap: balance; */
	}
  .checklist ul li::before {left: var(--calc-size-8);}
  /* h1, h2, h3 {text-wrap: balance;} */
	
  .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);
  }
  

}