:root {
  --primary-hex: #B71D27;
  --secondary-hex: #337fA7;
  --text-hex: #222222;
  --grey-hex: #707070;
  --mid-grey-hex: #A0A0A0;
  --white-hex: #FFFFFF;
  --lightgrey-hex: #EEEEEE;
  --red-healthcare-hex: #E55356;
  --red-healthcare-light-hex: #FADBDA;
  --orange-cosmetics-hex: #DB885B;
  --orange-cosmetics-light-hex: #F5DAC9;
  --yellow-food-hex: #E0AE68;
  --yellow-food-light-hex: #F7E8D5;
  --green-chemicals-hex: #999F6D;
  --green-chemicals-light-hex: #EBEBE1;
  --green-research-hex: #467C7C;
  --green-research-light-hex: #C4CED0;
  --blue-safety-hex: #3780a8;
  --blue-safety-light-hex: #d3dbe8;
  --blue-quality-hex: #769FB7;
  --blue-quality-light-hex: #DBE2EA;
  --mint-diagnostics-hex: #6FC0C0;
  --mint-diagnostics-light-hex: #D9EBEB;
  --primary-rgb: 183, 29, 39;
  --secondary-rgb: 51, 127, 167;
  --text-rgb: 34, 34, 34;
  --grey-rgb: 112, 112, 112;
  --mid-grey-rgb: 160, 160, 160;
  --white-rgb: 255, 255, 255;
  --lightgrey-rgb: 238, 238, 238;
  --red-healthcare-rgb: 229, 83, 86;
  --red-healthcare-light-rgb: 250,219,212;
  --orange-cosmetics-rgb: 219, 136, 91;
  --orange-cosmetics-light-rgb: 245, 218, 201;
  --yellow-food-rgb: 224, 174,104;
  --yellow-food-light-rgb: 247, 232, 213;
  --green-chemistry-rgb: 153, 159, 109;
  --green-chemistry-light-rgb: 235, 235, 225;
  --green-research-rgb: 70, 124, 124;
  --green-research-light-rgb: 196, 206, 208;
  --blue-safety-rgb: 55, 128, 168;
  --blue-safety-light-rgb: 211, 219, 232;
  --blue-quality-rgb: 118, 159, 183;
  --blue-quality-light-rgb: 219, 226, 234;
  --mint-diagnostics-rgb: 111, 192, 192;
  --mint-diagnostics-light-rgb: 217, 235. 235;
  --form-input-color: var(--lightgrey-hex);
  --form-input-border-color: #CCC;
  --form-input-focus-color: var(--white-hex);
  --form-input-border-focus-color: var(--grey-hex);
  --header-height: 100px;
  --container-padding: 80px;
  --container-width: 1520px;
  --narrow-width: 1120px;
  --grid-padding: 20px;
  --section-margin: calc(50px + 3vw);
  --teaser-gap: 30px;
  --border-radius: 12px;
  --border-radius-medium: 8px;
  --border-radius-small: 5px;
  --shadow: 0 10px 60px -10px rgba(0, 0, 0, 0.15);
  --shadow-dark: 0 10px 80px -10px rgba(0, 0, 0, 0.25);
  --font-size-copy: 16px;
  --font-size-xxl: calc(28px + 1.2vw);
  --font-size-xl: calc(24px + 0.8vw);
  --font-size-lg: calc(22px + 0.6vw);
  --font-size-md: calc(18px + 0.3vw);
  --font-size-sm: 18px;
  --font-size-xs: 14px;
  --font-size-xxs: 12px;
  --ease-in-sine: cubic-bezier(0.12, 0, 0.39, 0);
  --ease-out-sine: cubic-bezier(0.61, 1, 0.88, 1);
  --ease-in-out-sine: cubic-bezier(0.37, 0, 0.63, 1);
  --ease-in-quad: cubic-bezier(0.11, 0, 0.5, 0);
  --ease-out-quad: cubic-bezier(0.5, 1, 0.89, 1);
  --ease-in-out-quad: cubic-bezier(0.45, 0, 0.55, 1);
  --ease-in-cubic: cubic-bezier(0.32, 0, 0.67, 0);
  --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
  --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);
  --background-color: var(--white-hex);
  --text-color: var(--text-hex);
  --input-height: 50px;
  --input-border: 2px solid var(--form-input-border-color);
}
@media (max-width: 1699px) {
  :root {
    --container-padding: 60px;
    --container-width: 1480px;
    --narrow-width: 1080px;
    --grid-padding: 15px;
    --header-height: 100px;
    --font-size-copy: 15px;
    --font-size-sm: 17px;
  }
}
@media (max-width: 1299px) {
  :root {
    --header-height: 90px;
    --container-padding: 50px;
    --narrow-width: 900px;
    --grid-padding: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1379px) {
  :root {
    --container-padding: 36px;
    --section-margin: calc(30px + 3vw);
  }
}
@media (max-width: 767px), (max-width: 1199px) and (orientation: landscape) {
  :root {
    --font-size-sm: 17px;
    --font-size-copy: 15px;
  }
}
@media (max-width: 999px) {
  :root {
    --container-padding: 36px;
  }
}
@media (max-width: 999px) and (orientation: landscape), (max-width: 767px) {
  :root {
    --header-height: 70px;
  }
}
@media (max-width: 767px) {
  :root {
    --container-padding: 20px;
    --grid-padding: 6px;
    --font-size-sm: 16px;
    --font-size-xs: 13px;
  }
}
@media (min-width: 1921px) {
  :root {
    --font-size-xxl: 52px;
    --font-size-xl: 40px;
    --font-size-lg: 34px;
  }
}

html {
  position: relative;
  display: block;
  scroll-behavior: smooth;
  background-color: var(--white-hex);
}

html:not([data-ready=true]) *, html:not([data-ready=true]) *::before, html:not([data-ready=true]) *::after {
  transition: none !important;
}

.mail-link .domain::before {
  content: "@";
}

.page-wrapper .toggle-style {
  position: absolute;
  top: 0;
  right: 0;
  width: 70px;
  aspect-ratio: 1;
  opacity: 0;
  z-index: 101;
}

[data-style=no-radius] {
  --border-radius: 0;
  --border-radius-small: 0;
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (max-width: 1399px) {
  .toggle-style {
    display: none !important;
  }
}

/*# sourceMappingURL=main.css.map */