/*
Theme Name: PI Verpachtung
*/

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


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

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



:root {

  /* color */
  --colors-text: #000;
  --colors-inverse-text: #fff;
  --colors-text-secondary: #4E4844;
  --colors-accent: #AD9D83;
  --colors-accent-on-dark: #C7B69B;

  --colors-mid-accent: #D1C7B6;
  --colors-dark-accent: #4E4844;
  --colors-brown: #69615B;

  --colors-grey: #F5F5F6;
  --colors-white: #fff;
  --colors-focus: #AD9D83;
  --colors-separator: #877070;

  /*font weight*/
  --weight-light: 300;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-bold: 700;
  
  /* typography */
	--font-family-primary: 'Fira Sans', var(--fallback-font);
	--font-family-secondary: 'Fira Sans', var(--fallback-font);
  --line-height-base: 162.5%;
  



  --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: 1600px; 
  --wrapper-width: 84%;
  --wrapper-side-padding: clamp(1.25rem, 4.44vw, 4rem);

  --base-divider: calc(var(--font-size-16) * .4);
  
  --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-24: calc(2.4 * var(--base-divider));
  --calc-size-25: calc(2.5 * var(--base-divider));
  --calc-size-26: calc(2.6 * var(--base-divider));
  --calc-size-28: calc(2.8 * var(--base-divider));
  --calc-size-30: calc(3 * var(--base-divider));
  --calc-size-34: calc(3.4 * 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-54: calc(5.4 * 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));


  /* 320px - 440px */
    --font-size-14: clamp(0.8125rem, 0.6458rem + 0.8333vw, 0.875rem); /* 13 / 14 */
    --font-size-16: clamp(0.875rem, 0.5417rem + 1.6667vw, 1rem);/* 14 / 16 */
    --font-size-18: clamp(1rem, 0.6667rem + 1.6667vw, 1.125rem);/* 16/ 18 */
    --font-size-20: clamp(1.125rem, 0.7917rem + 1.6667vw, 1.25rem); /* 18 / 20 */
    --font-size-22: clamp(1.125rem, 0.7917rem + 1.6667vw, 1.25rem); /* 18 / 20 */
    --font-size-24: clamp(1rem, 0.6667rem + 1.6667vw, 1.125rem); /* 16 / 18 */
    --font-size-32: clamp(1.375rem, 0.7083rem + 3.3333vw, 1.625rem); /* 22 / 26 */
    --font-size-34: clamp(1.375rem, 0.7083rem + 3.3333vw, 1.625rem); /* 22 / 26 */
    --font-size-60: clamp(1.875rem, 0.2083rem + 8.3333vw, 2.5rem); /* 30 / 40 */
  
}


/* @media only screen and (min-width: 441px) {
  :root {

    --font-size-14: .875rem; 
    --font-size-16: 1rem;
    --font-size-18: 1.125rem;
    --font-size-20: 1.25rem; 
    --font-size-22: clamp(1.25rem, 1.041rem + 0.3711vw, 1.375rem); 
    --font-size-24: clamp(1.375rem, 1.166rem + 0.3711vw, 1.5rem); 
    --font-size-32: clamp(1.75rem, 1.3321rem + 0.7421vw, 2rem); 
    --font-size-34: clamp(1.875rem, 1.4571rem + 0.7421vw, 2.125rem); 
    --font-size-60: clamp(2.5rem, 0.4105rem + 3.7106vw, 3.75rem); 

  }
} */


/* @media only screen and (min-width: 901px) { */
@media only screen and (min-width: 441px) {
  :root {


    /* 441px - 1440px - ... */
    --font-size-14: .875rem; /* 14 */
    --font-size-16: 1rem;/* 16 */
    --font-size-18: 1.125rem;/* 18 */
    --font-size-20: 1.25rem; /* 20 */
    --font-size-22: clamp(1.25rem, 1.041rem + 0.3711vw, 1.375rem); /* 20 / 22 */
    --font-size-24: clamp(1.375rem, 1.32rem + 0.2vw, 1.5rem); /* 22 / 24 */
    --font-size-32: clamp(1.75rem, 1.3321rem + 0.7421vw, 2rem); /* 28 / 32 */
    --font-size-34: clamp(1.875rem, 1.4571rem + 0.7421vw, 2.125rem); /* 30 / 34 */
    --font-size-60: clamp(2.5rem, 0.4105rem + 3.7106vw, 3.75rem); /* 40 / 60 */

  }
}


@media only screen and (min-width: 901px) {
  :root {
  --base-divider: calc(var(--font-size-16) * .625); /* 10 */
  }
}

@media only screen and (min-width: 1441px) {
  :root {

    /* 1441px and above */
    --font-size-14: clamp(0.875rem, 0.1229rem + 0.8351vw, 1.125rem); /* 14 / 18 */
    --font-size-16: clamp(1rem, 0.0599rem + 1.0438vw, 1.3125rem);/* 16 / 21 */
    --font-size-18: clamp(1.125rem, -0.0031rem + 1.2526vw, 1.5rem);/* 18 / 24 */
    --font-size-20: clamp(1.25rem, 0.1219rem + 1.2526vw, 1.625rem); /* 20 / 26 */
    --font-size-22: clamp(1.375rem, 0.2469rem + 1.2526vw, 1.75rem); /* 22 / 28 */
    --font-size-24: clamp(1.5rem, -0.0042rem + 1.6701vw, 2rem); /* 24 / 32 */
    --font-size-32: clamp(2rem, 0.1198rem + 2.0877vw, 2.625rem); /* 32 / 42 */
    --font-size-34: clamp(2.125rem, 0.0568rem + 2.2965vw, 2.8125rem); /* 34 / 45 */
    --font-size-60: clamp(3.75rem, -0.0104rem + 4.1754vw, 5rem); /* 60 / 80 */

  }
}
 

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


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-medium);}
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-16); line-height: var(--line-height-base); font-weight: var(--weight-normal); font-style: normal; background: var(--colors-white); text-align:left; display: flex; flex-direction: column; min-height: 100vh;}
main { flex-grow: 1; }

body:has(.thankyou-container) main, body:has(.thankyou-container) #page {display: flex; flex-direction: column; flex-grow: 1;}
body:has(.thankyou-container) .site-content {flex-grow: 1; display: flex;  flex-direction: column;  justify-content: center;}

a {color: var(--colors-text); text-decoration: none;}
.wpb_text_column a {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-25);} small {font-size: 80%;}
ul:not(:last-child), ol:not(:last-child) {margin: 0 0 var(--calc-size-25);}

h1,h2,h3,h4,h5,h6 { margin: 0 0 .5em; font-size: var(--font-size-22); line-height: 120%; padding: 0; font-family: var(--font-family-secondary); position: relative; font-weight: var(--weight-medium); 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-"]) {} 

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-60); } 
h2, .h2 {font-size: var(--font-size-32); } 
h3, .h3 {font-size: var(--font-size-32);} 
h4, .h4 {font-size: var(--font-size-24);} 
h6, .h6 {font-size: var(--font-size-20);} 

/* 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-12 {font-size: 0.75rem;}
.txt-fluid-14 {font-size: var(--font-size-14);} 
.txt-fluid-16 {font-size: var(--font-size-16);} 
.txt-fluid-18 {font-size: var(--font-size-18);} 
.txt-fluid-20 {font-size: var(--font-size-20);} 
.txt-fluid-22 {font-size: var(--font-size-22);} 
.txt-fluid-24 {font-size: var(--font-size-24);} 
.txt-fluid-32 {font-size: var(--font-size-32);}
.txt-fluid-34 {font-size: var(--font-size-34);} 
.txt-fluid-60 {font-size: var(--font-size-60);} 


.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-white, .txt-clr-white a {color: var(--colors-white);}
/* .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);}
.bg-brown {background: var(--colors-brown);}
.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) {
  color: var(--colors-white);
}

.dark-section:not(.bg-white) :is(h2, h3, h4, h5, h6):not([class*="txt-clr-"]) {
  color: var(--colors-accent-on-dark);
}


/* header */
header#masthead {position: fixed; width: 100%; left: 0; top: 0;  z-index: 1000;}
.topAnimsStart header#masthead {transition: background .3s ease;}
header#masthead .header-logo {width: 21.38vw; max-width: 400px; min-width: 137px; opacity: 0;}
.topAnimsStart header#masthead .header-logo {transition: all .6s ease; opacity: 1;}
header#masthead .header-logo a {display: block;}
header#masthead .content-wrapper {z-index: 100;}
header#masthead .header-content {position: relative; height: 10.416vw; display: flex; align-items: center; justify-content: space-between;}
.topAnimsStart header#masthead .header-content {transition: all .3s ease;}

.white-header header#masthead {/*background: var(--colors-white)!important;*/ background: var(--colors-dark-accent); transition: none;}
.white-header header#masthead .header-content {height: 6.25vw;}

/* header end */

/* hamburger menu */
  .menu-button-container {/*position: absolute; right: calc(var(--wrapper-side-padding) * -1); top: 0;*/ position: relative; z-index: 40000;  display: flex;  align-items: center; transform: translateX(16px);}
  .menu-toggle {z-index: 40000; cursor: pointer; font-family: inherit;  background: none;  border: none;  outline: none; padding: 0;}
  .menu-toggle div {position: relative; width: 58px; height: 42px;}
  .line {-webkit-transition: all .3s ease; transition: all .3s ease; cursor: pointer; z-index: 100; width: 26px; left: 15px; top: 12px; position: absolute; display: block; height: 2px; }
  .line-2 {top: 20px; background: #fff;}
  .line-3 {top: 28px;}

  .white-header .line-2 {/*background: var(--colors-dark-accent);*/}

  .line-1::after, .line-3::after {content:''; top: 0; width: 15px; height: 2px; left: 0; position: absolute; background: #fff; transition: background .3s ease;}
  .white-header .line-1::after, .white-header .line-3::after {/*background: var(--colors-dark-accent);*/}
  .line-3::after {left: auto; right: 0;}

  .menu-toggle[aria-expanded="true"] .line-1 { transform: rotate(45deg); top: 20px;}
  .menu-toggle[aria-expanded="true"] .line-2 { transform: rotate(-45deg); }
  .menu-toggle[aria-expanded="true"] .line-3 { transform: rotate(45deg); top: 20px; left: 15px;}

    /* main navi */
  .navi-container {position: fixed; z-index: 100; border-bottom: solid 16px var(--colors-accent);  width: 100%;  height: calc(100% - clamp(80px, 23.64vw, 104px));  right: 0; top: clamp(80px, 23.64vw, 104px); background: var(--colors-white); visibility: hidden; transition: .8s cubic-bezier(.77,0,.18,1);  transform: translateX(105%);}
  .navi-container[aria-hidden="false"]  {visibility: visible; transform: translateX(0); transition: .8s cubic-bezier(.19,1,.22,1);}
  .navi-content-wrapper {height: 100%; overflow: hidden; position: relative;}
  .navi-content {padding: 2.1875rem var(--wrapper-side-padding) var(--calc-size-35); height: 100%; overflow: auto; position: relative;}
  .navi-content-inner {display: flex; flex-direction: column; gap: var(--calc-size-40); position: relative; min-height: 100%; justify-content: space-between;}
  .main-navigation a {display: flex; align-items: center; justify-content: flex-start;  position: relative; gap: var(--calc-size-10);}
  .main-navigation .nav-menu li {margin: 0 0 clamp(12px, 3.63vw, 16px);}
  .main-navigation .nav-menu a {padding: clamp(6px, 2vw, 9px) clamp(10px, 2.95vw, 13px); font-weight: var(--weight-medium); color: var(--colors-text-secondary); font-size: clamp(16px, 4.09vw, 18px); line-height: 1.33; background: #EFEBE6;}

  .menu_bottom ul {display: flex; flex-direction: column; gap: var(--calc-size-25);}
  .menu_bottom ul li {}
  .menu_bottom ul li a {color: #605D5E; font-size: clamp(16px, 4.09vw, 18px); font-weight: var(--weight-normal); letter-spacing: .05em;}
  .menu-social-links {margin: 0 0 var(--calc-size-25); gap: 2rem!important;}
  .navi-container[aria-hidden="false"] .main-navigation ul.nav-menu {}
  .main-navigation a[aria-current="page"], .main-navigation li.current-menu-ancestor > a {}


/* #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; padding: var(--calc-size-65) 0 var(--calc-size-75);}
.white-header footer.page-footer {border-top: solid 1px #000;}
footer.page-footer strong {letter-spacing: .12em;}
footer.page-footer br {margin: 0 0 .375rem;}
footer.page-footer p em {font-style: normal; padding: 0 .625rem;}
footer.page-footer ul {padding: 0; margin: .375rem 0 0; list-style-type: none;}
footer.page-footer ul li:not(:last-child)::after {content: '|'; margin: 0 0.625rem;}
.footer-col {gap: var(--calc-size-20);}
.footer-right {flex-grow: 1;  max-width: 58%;}
.social-links {gap: var(--calc-size-15); height: 100%;  align-items: center;}
.social-links svg {height: var(--calc-size-26); width: auto;}
.social-links > div:last-child svg {height: var(--calc-size-28);}

.header-social-links {height: auto; gap: var(--calc-size-20); top: var(--calc-size-5);}
.header-social-links svg {height: 1.944vw !important;}
.header-social-links svg, .header-social-links svg g {fill: rgba(255,255,255,.7);}
.white-header .header-social-links svg, .white-header .header-social-links svg g {/*fill: #707070;*/}
  
@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) {

  /* header */
  header#masthead.header-fixed {background: var(--colors-dark-accent);}
  body:not(.white-header) header#masthead.header-fixed .header-logo {width: 18vw; max-width: 350px;}
  body:not(.white-header) header#masthead.header-fixed .header-content {height: 7vw;}


  .hide-before-sm {display: none;}

  .bottom-image picture {aspect-ratio: 1 / 0.38; overflow: hidden;}
  .bottom-image picture img {width: 100%; height: 100%; object-fit: cover; object-position: center;}

}

@media only screen and (min-width: 901px) {

	.hide-before-md, .emergency-mobile-button.as-button {display: none;}

  
}

@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: 1024px) {

  .as-flex-direction-column-lg {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;height: 100%;}
  .as-flex-direction-row-reverse-lg {flex-direction: row-reverse;}
  
  .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;
	}

  footer.page-footer {padding: var(--calc-size-55) 0 var(--calc-size-65); line-height: 1.3;}
  .footer-col {align-items: center; text-align: center; gap: var(--calc-size-35);}
  .footer-right {max-width: 100%; flex-direction: column-reverse;  }
  footer.page-footer ul {justify-content: center;}
  .social-links {gap: 1rem; height: auto;}
  .social-links svg {height: 26px;}
  .social-links > div:last-child svg {height: 28px;}

}

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

  .as-flex-direction-column-md {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;height: 100%;}
  .as-flex-direction-row-reverse-md {-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}


}


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


  .hide-on-sm {display: none;}

  body {line-height: 150%;}
	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; */
	}
	
  .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;}
	.no-wrap-sm {white-space: nowrap;}

  .as-flex-direction-column-sm {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;height: 100%;}
  .as-flex-direction-row-reverse-sm {-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}

  header#masthead {background: var(--colors-dark-accent);}
  header#masthead .header-content {background: none; outline: none; height: clamp(80px, 23.64vw, 104px)!important; }
  header#masthead .header-logo {width: 63.63vw;  max-width: 280px;}

  

	
}

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

  .hide-on-s {display: none;}

}


@media only screen and (max-width: 479px) {
  .hide-on-xs {display: none;}
}

@media only screen and (max-width: 400px) {
  footer.page-footer {font-size: .75rem;}
  footer.page-footer ul {flex-wrap: wrap;}
  footer.page-footer p em {padding: 0 .25rem;}
  footer.page-footer ul li:not(:last-child)::after {margin: 0 0.25rem;}
}

@media only screen and (max-width: 440px) {
	:root {
    --wrapper-side-padding: 1.25rem;
  }
}


@media only screen and (max-width: 360px) {
	.hide-on-xxs {display: none;}
    

}