:root {
  /* Responsive */
  --hy-min-width-sm: 576px;
  --hy-min-width-md: 768px;
  --hy-min-width-lg: 992px;
  --hy-min-width-xl: 1200px;

  /* Hydac Colors */
  --hy-black: #242424;
  --hy-grey: #7d7d7d;
  --hy-medium-grey: #c4c4c4;
  --hy-medium-light-grey: #D8D8D8;
  --hy-light-grey: #ededed;
  --hy-lighter-grey: #f6f6f6;
  --hy-red: #E2001A;
  --hy-teal: #00AAB8;

  /* Border */
  --hy-border-radius: 10px;

  /* Font */
  --hy-font-default: "Arial", arial, sans-serif;
  --hy-font-black: "Arial Black", arial, sans-serif;

  --hy-header-height: 4rem; /* default, gets set in mmstickymenu */
}