@charset "UTF-8";
:root {
  --d-blue: #024c93;
  --m-blue: #1a5d9e;
  --l-blue: #b2d4f5;
  --d-gray: #4f525c;
  --m-gray: #afb0b3;
  --l-gray: #f2f5f8;
  --white: #ffffff;
  --yellow: #ffd332;
  --red: #e96f3a;
  --green: #57c695;
}

/* Variables */
/* Calculation based on a root font-size of 16 pixel. */
body {
  font-size: 16px;
}

.l1-hero-heading {
  font-size: clamp(50px, 10vw, 90px) !important;
}

.l2-hero-heading {
  font-size: clamp(45px, 8vw, 80px) !important;
}

/* Font sizes -------------------------------- */
:root {
  /* Breadcrumbs */
  --breadcrumbs-m: 1.375rem; /* 22px */
  --breadcrumbs-s: 1.125rem; /* 18px */
  /* Hero headings */
  --l1-hero-heading: 7.5rem; /* Frontpage h1 heading 120px */
  --l2-hero-heading: 5.625rem; /* Subpage h1 heading 90px */
  --l3-hero-heading: 3.75rem; /* Post h1 heading 60px */
  --l1-h2-heading: 4.375rem; /* Frontpage h2 heading 70px */
  --l2-h2-heading: 3.125rem; /* Subpages h2 heading 50px */
  --l3-h2-heading: 2.5rem; /* Posts h2 heading 40px */
  --label-heading: 1.125rem; /* h2 label heading 18px */
  --subheading-xl: 3rem; /* Subheading h3 48px */
  --subheading-l: 1.875rem; /* Subheading h3 30px */
  --subheading-m: 1.625rem; /* Subheading h3 26px */
  --subheading-s: 1.375rem; /* Subheading h4 22px */
  /* Preambles */
  --lead-l: 2.875rem; /* 46px */
  --lead-m: 1.875rem; /* 30px */
  --lead-s: 1.625rem; /* 26px */
  /* Paragraphs */
  --featured-nr: 25rem; /* 400px */
  --hero-nr: 5.125rem; /* 82px */
  --fake-heading: 4.375rem; /* 70px */
  --p-xl: 2.375rem; /* 38px */
  --p-l: 1.75rem; /* 28px */
  --p-m: 1.375rem; /* 22px */
  --p-s: 1.125rem; /* 18px */
  --p-xs: 1rem; /* 16px */
  /* Buttons */
  --round-button-l: 1.75rem; /* 28px */
  --round-button-m: 1.375rem; /* 22px */
  --round-button-s: 1.125rem; /* 18px */
  --line-button-xl: 6.25rem; /* 100px */
  --line-button-l: 3.25rem; /* 52px */
  --line-button-m: 2rem; /* 32px */
  --line-button-s: 1.375rem; /* 22px */
  --in-line-list-button: 3.25rem; /* In-line list button 52px */
  --index-button: 2rem; /* Index button 32px */
  /* Navigation */
  --nav-l: 1.625rem; /* 26px */
  --nav-m: 1.375rem; /* 22px */
  --nav-s: 1.125rem; /* 18px */
}

/* Margins ----------------------------------- */
/* Margin-Y */
:root {
  --my-xxl: 6.25rem; /* 100px */
  --my-xl: 5rem; /* 80px */
  --my-l: 3.75rem; /* 60px */
  --my-m: 2.5rem; /* 40px */
  --my-s: 1.25rem; /* 20px */
  --my-xs: 0.625rem; /* 10px */
  --my-xxs: 0.438rem; /* 7px */
}

/* Margin-X */
:root {
  --mx-xxl: 6.25rem; /* 100px */
  --mx-xl: 5rem; /* 80px */
  --mx-l: 3.75rem; /* 60px */
  --mx-m: 2.5rem; /* 40px */
  --mx-s: 1.25rem; /* 20px */
  --mx-xs: 0.625rem; /* 10px */
  --mx-xxs: 0.438rem; /* 7px */
}

/* Paddings ---------------------------------- */
/* Padding-X */
:root {
  --px: 3.75rem; /* 60px */
}

/* Padding-Y */
:root {
  --py-xxl: 6.25rem; /* 100px */
  --py-xl: 5rem; /* 80px */
  --py-l: 3.75rem; /* 60px */
  --py-m: 2.5rem; /* 40px */
  --py-s: 1.25rem; /* 20px */
  --py-xs: 0.625rem; /* 10px */
  --py-xxs: 0.438rem; /* 7px */
}

/* Colors ------------------------------------ */
:root {
  --d-blue: #024c93; /* lvl2 + lvl3 + lvl4 text color */
  --m-blue: #1a5d9e; /* lvl 1 background color */
  --l-blue: #b2d4f5; /* lvl1 + lvl2 + lvl3 + lvl4 text color + line color */
  --d-gray: #4f525c; /* lvl2 + lvl3 + lvl4 text color */
  --m-gray: #afb0b3; /* lvl1 + lvl2 + lvl3 + lvl4 text color + line color */
  --l-gray: #f2f5f8; /* lvl2 + lvl3 + lvl4 background color */
  --white: #ffffff; /* White */
  --yellow: #ffd332; /* Yellow */
  --red: #e96f3a; /* Red */
  --green: #57c695; /* Green */
}

/* Colors */
.black {
  color: #000;
}

.white, .icon-button.white--outlined {
  color: var(--white);
}

.yellow {
  color: var(--yellow);
}

.d-blue {
  color: var(--d-blue);
}

.m-blue {
  color: var(--m-blue);
}

.l-blue {
  color: var(--l-blue);
}

.d-gray {
  color: var(--d-gray);
}

.m-gray {
  color: var(--m-gray);
}

.l-gray {
  color: var(--l-gray);
}

/* Shortcodes for dashboard use */
.color-white {
  color: var(--white);
}

.color-yellow {
  color: var(--yellow);
}

.color-red {
  color: var(--red);
}

.color-green {
  color: var(--green);
}

/* Background-colors */
.bg-white {
  background: var(--white);
}

.bg-yellow {
  background: var(--yellow);
}

.bg-d-blue {
  background: var(--d-blue);
}

.bg-m-blue {
  background: var(--m-blue);
}

.bg-l-blue {
  background: var(--l-blue);
}

.bg-d-gray {
  background: var(--d-gray);
}

.bg-m-gray {
  background: var(--m-gray);
}

.bg-l-gray {
  background: var(--l-gray);
}

/* Line heights ------------------------------ */
.lh-150 {
  line-height: 150%;
}

.lh-140 {
  line-height: 140%;
}

.lh-130 {
  line-height: 130%;
}

.lh-120 {
  line-height: 120%;
}

.lh-110 {
  line-height: 110%;
}

.lh-100 {
  line-height: 100%;
}

.lh-90 {
  line-height: 90%;
}

.lh-80 {
  line-height: 80%;
}

/* Font styles ------------------------------- */
.bol {
  font-weight: 600;
}

.med {
  font-weight: 500;
}

.reg {
  font-weight: 400;
}

.uppc {
  text-transform: uppercase;
}

/* Media Queries proportions ----------------- */
/* Fonts, margins, paddings */
:root {
  --2480: 1.15;
  --2380: 1.125;
  --2280: 1.1;
  --2180: 1.075;
  --2080: 1.05;
  --1980: 1.025;
  --1880: 1;
  --1780: 0.9;
  --1680: 0.8;
  --1200: 0.7;
  --1024: 0.7;
  --768: 0.7;
  --640: 0.7;
}

/* Left (module-pxl) & right (module-pxr) padding-sizes */
/* Based on --px: 3.75rem; (60px) */
:root {
  --650: 6.5; /* For module-pxl & module-pxr (Screen 2480px) */
  --500: 5; /* For module-pxl & module-pxr (Screen 2280px) */
  --310: 3.1; /* For module-pxl & module-pxr (Screen 2080px) */
  --170: 1.7; /* For module-pxl & module-pxr (Screen 1880px) */
  --120: 1.2; /* For left-column-pxr & right-column-pxr (Screen > 2280px) */
  --110: 1.1; /* For left-column-pxr & right-column-pxr (Screen 2280px - 1880px) */
  --100: 1; /* For module-pxl & module-pxr (Screen 1780px) */
  --090: 0.9; /* For module-pxl & module-pxr (Screen 1680px) */
  --070: 0.7; /* For module-pxl & module-pxr (Screen 1200px) */
  --050: 0.5; /* For module-pxl & module-pxr (Screen 1024px) */
  --030: 0.3; /* For module-pxl & module-pxr (Screen 768px) */
}

/* Shortcodes -------------------------------- */
.clear {
  clear: both;
}

/* X-Large */
@media screen and (min-width: 155em) {
  /* Font sizes ------------ */
  .breadcrumbs-m {
    font-size: calc(var(--breadcrumbs-m) * var(--2480));
  }
  .breadcrumbs-s {
    font-size: calc(var(--breadcrumbs-s) * var(--2480));
  }
  .l1-hero-heading {
    font-size: calc(var(--l1-hero-heading) * var(--2480));
  }
  .l2-hero-heading {
    font-size: calc(var(--l2-hero-heading) * var(--2480));
  }
  .l3-hero-heading {
    font-size: calc(var(--l3-hero-heading) * var(--2480));
  }
  .l1-h2-heading {
    font-size: calc(var(--l1-h2-heading) * var(--2480));
  }
  .l2-h2-heading {
    font-size: calc(var(--l2-h2-heading) * var(--2480));
  }
  .l3-h2-heading {
    font-size: calc(var(--l3-h2-heading) * var(--2480));
  }
  .label-heading {
    font-size: calc(var(--label-heading) * var(--2480));
  }
  .subheading-xl {
    font-size: calc(var(--subheading-xl) * var(--2480));
  }
  .subheading-l {
    font-size: calc(var(--subheading-l) * var(--2480));
  }
  .subheading-m {
    font-size: calc(var(--subheading-m) * var(--2480));
  }
  .subheading-s {
    font-size: calc(var(--subheading-s) * var(--2480));
  }
  .lead-l {
    font-size: calc(var(--lead-l) * var(--2480));
  }
  .lead-m {
    font-size: calc(var(--lead-m) * var(--2480));
  }
  .lead-s {
    font-size: calc(var(--lead-s) * var(--2480));
  }
  .featured-nr {
    font-size: calc(var(--featured-nr) * var(--2480));
  }
  .hero-nr {
    font-size: calc(var(--hero-nr) * var(--2480));
  }
  .fake-heading {
    font-size: calc(var(--fake-heading) * var(--2480));
  }
  .p-xl {
    font-size: calc(var(--p-xl) * var(--2480));
  }
  .p-l {
    font-size: calc(var(--p-l) * var(--2480));
  }
  .p-m {
    font-size: calc(var(--p-m) * var(--2480));
  }
  .p-s {
    font-size: calc(var(--p-s) * var(--2480));
  }
  .p-xs {
    font-size: calc(var(--p-xs) * var(--2480));
  }
  .round-button-l {
    font-size: calc(var(--round-button-l) * var(--2480));
  }
  .round-button-m {
    font-size: calc(var(--round-button-m) * var(--2480));
  }
  .round-button-s {
    font-size: calc(var(--round-button-s) * var(--2480));
  }
  .line-button-xl {
    font-size: calc(var(--line-button-xl) * var(--2480));
  }
  .line-button-l {
    font-size: calc(var(--line-button-l) * var(--2480));
  }
  .line-button-m {
    font-size: calc(var(--line-button-m) * var(--2480));
  }
  .line-button-s {
    font-size: calc(var(--line-button-s) * var(--2480));
  }
  .in-line-list-button {
    font-size: calc(var(--in-line-list-button) * var(--2480));
  }
  .index-button {
    font-size: calc(var(--index-button) * var(--2480));
  }
  .nav-l {
    font-size: calc(var(--nav-l) * var(--2480));
  }
  .nav-m {
    font-size: calc(var(--nav-m) * var(--2480));
  }
  .nav-s {
    font-size: calc(var(--nav-s) * var(--2480));
  }
  label {
    font-size: calc(var(--p-s) * var(--2480));
  }
  select {
    font-size: calc(var(--p-s) * var(--2480));
  }
  [type=email] {
    font-size: calc(var(--p-s) * var(--2480));
  }
  [type=submit] {
    font-size: calc(var(--round-button-m) * var(--2480));
    font-weight: 600;
  }
  .newsletter-contact-form label,
  .partner-filter label {
    font-size: calc(var(--p-s) * var(--2480));
  }
  .newsletter-contact-form select,
  .partner-filter select {
    font-size: calc(var(--p-s) * var(--2480));
  }
  .newsletter-contact-form [type=email] {
    font-size: calc(var(--p-s) * var(--2480));
  }
  .newsletter-contact-form [type=submit] {
    font-size: calc(var(--round-button-m) * var(--2480));
  }
  /* Margins --------------- */
  .myt-xxl {
    margin-top: calc(var(--my-xxl) * var(--2480));
  } /* 100px */
  .myt-xl {
    margin-top: calc(var(--my-xl) * var(--2480));
  } /* 80px */
  .myt-l {
    margin-top: calc(var(--my-l) * var(--2480));
  } /* 60px */
  .myt-m {
    margin-top: calc(var(--my-m) * var(--2480));
  } /* 40px */
  .myt-s {
    margin-top: calc(var(--my-s) * var(--2480));
  } /* 20px */
  .myt-xs {
    margin-top: calc(var(--my-xs) * var(--2480));
  } /* 10px */
  .myt-xxs {
    margin-top: calc(var(--my-xxs) * var(--2480));
  } /* 7px */
  .mxr-xxl {
    margin-right: calc(var(--mx-xxl) * var(--2480));
  } /* 100px */
  .mxr-xl {
    margin-right: calc(var(--mx-xl) * var(--2480));
  } /* 80px */
  .mxr-l {
    margin-right: calc(var(--mx-l) * var(--2480));
  } /* 60px */
  .mxr-m {
    margin-right: calc(var(--mx-m) * var(--2480));
  } /* 40px */
  .mxr-s {
    margin-right: calc(var(--mx-s) * var(--2480));
  } /* 20px */
  .mxr-xs {
    margin-right: calc(var(--mx-xs) * var(--2480));
  } /* 10px */
  .mxr-xxs {
    margin-right: calc(var(--mx-xxs) * var(--2480));
  } /* 7px */
  .mxl-xxl {
    margin-left: calc(var(--mx-xxl) * var(--2480));
  } /* 100px */
  .mxl-xl {
    margin-left: calc(var(--mx-xl) * var(--2480));
  } /* 80px */
  .mxl-l {
    margin-left: calc(var(--mx-l) * var(--2480));
  } /* 60px */
  .mxl-m {
    margin-left: calc(var(--mx-m) * var(--2480));
  } /* 40px */
  .mxl-s {
    margin-left: calc(var(--mx-s) * var(--2480));
  } /* 20px */
  .mxl-xs {
    margin-left: calc(var(--mx-xs) * var(--2480));
  } /* 10px */
  .mxl-xxs {
    margin-left: calc(var(--mx-xxs) * var(--2480));
  } /* 7px */
  .myb-xxl {
    margin-bottom: calc(var(--my-xxl) * var(--2480));
  } /* 100px */
  .myb-xl {
    margin-bottom: calc(var(--my-xl) * var(--2480));
  } /* 80px */
  .myb-l {
    margin-bottom: calc(var(--my-l) * var(--2480));
  } /* 60px */
  .myb-m {
    margin-bottom: calc(var(--my-m) * var(--2480));
  } /* 40px */
  .myb-s {
    margin-bottom: calc(var(--my-s) * var(--2480));
  } /* 20px */
  .myb-xs {
    margin-bottom: calc(var(--my-xs) * var(--2480));
  } /* 10px */
  .myb-xxs {
    margin-bottom: calc(var(--my-xxs) * var(--2480));
  } /* 7px */
  /* Paddings X & Y -------- */
  .module-pxl {
    padding-left: calc(var(--px) * var(--500));
  } /* 3.75rem */
  .module-pxr {
    padding-right: calc(var(--px) * var(--500));
  } /* 3.75rem */
  .left-column-pxr {
    padding-right: calc(var(--px) * var(--120));
  } /* 3.75rem */
  .right-column-pxl {
    padding-left: calc(var(--px) * var(--120));
  } /* 3.75rem */
  .pyt-xxl {
    padding-top: calc(var(--py-xxl) * var(--2480));
  } /* 100px */
  .pyt-xl {
    padding-top: calc(var(--py-xl) * var(--2480));
  } /* 80px */
  .pyt-l {
    padding-top: calc(var(--py-l) * var(--2480));
  } /* 60px */
  .pyt-m {
    padding-top: calc(var(--py-m) * var(--2480));
  } /* 40px */
  .pyt-s {
    padding-top: calc(var(--py-s) * var(--2480));
  } /* 20px */
  .pyt-xs {
    padding-top: calc(var(--py-xs) * var(--2480));
  } /* 10px */
  .pyt-xxs {
    padding-top: calc(var(--py-xxs) * var(--2480));
  } /* 7px */
  .pyb-xxl {
    padding-bottom: calc(var(--py-xxl) * var(--2480));
  } /* 100px */
  .pyb-xl {
    padding-bottom: calc(var(--py-xl) * var(--2480));
  } /* 80px */
  .pyb-l {
    padding-bottom: calc(var(--py-l) * var(--2480));
  } /* 60px */
  .pyb-m {
    padding-bottom: calc(var(--py-m) * var(--2480));
  } /* 40px */
  .pyb-s {
    padding-bottom: calc(var(--py-s) * var(--2480));
  } /* 20px */
  .pyb-xs {
    padding-bottom: calc(var(--py-xs) * var(--2480));
  } /* 10px */
  .pyb-xxs {
    padding-bottom: calc(var(--py-xxs) * var(--2480));
  } /* 7px */
}
@media screen and (max-width: 154.999em) {
  /* Font sizes ------------ */
  .breadcrumbs-m {
    font-size: calc(var(--breadcrumbs-m) * var(--2480));
  }
  .breadcrumbs-s {
    font-size: calc(var(--breadcrumbs-s) * var(--2480));
  }
  .l1-hero-heading {
    font-size: calc(var(--l1-hero-heading) * var(--2480));
  }
  .l2-hero-heading {
    font-size: calc(var(--l2-hero-heading) * var(--2480));
  }
  .l3-hero-heading {
    font-size: calc(var(--l3-hero-heading) * var(--2480));
  }
  .l1-h2-heading {
    font-size: calc(var(--l1-h2-heading) * var(--2480));
  }
  .l2-h2-heading {
    font-size: calc(var(--l2-h2-heading) * var(--2480));
  }
  .l3-h2-heading {
    font-size: calc(var(--l3-h2-heading) * var(--2480));
  }
  .label-heading {
    font-size: calc(var(--label-heading) * var(--2480));
  }
  .subheading-xl {
    font-size: calc(var(--subheading-xl) * var(--2480));
  }
  .subheading-l {
    font-size: calc(var(--subheading-l) * var(--2480));
  }
  .subheading-m {
    font-size: calc(var(--subheading-m) * var(--2480));
  }
  .subheading-s {
    font-size: calc(var(--subheading-s) * var(--2480));
  }
  .lead-l {
    font-size: calc(var(--lead-l) * var(--2480));
  }
  .lead-m {
    font-size: calc(var(--lead-m) * var(--2480));
  }
  .lead-s {
    font-size: calc(var(--lead-s) * var(--2480));
  }
  .featured-nr {
    font-size: calc(var(--featured-nr) * var(--2480));
  }
  .hero-nr {
    font-size: calc(var(--hero-nr) * var(--2480));
  }
  .fake-heading {
    font-size: calc(var(--fake-heading) * var(--2480));
  }
  .p-xl {
    font-size: calc(var(--p-xl) * var(--2480));
  }
  .p-l {
    font-size: calc(var(--p-l) * var(--2480));
  }
  .p-m {
    font-size: calc(var(--p-m) * var(--2480));
  }
  .p-s {
    font-size: calc(var(--p-s) * var(--2480));
  }
  .p-xs {
    font-size: calc(var(--p-xs) * var(--2480));
  }
  .round-button-l {
    font-size: calc(var(--round-button-l) * var(--2480));
  }
  .round-button-m {
    font-size: calc(var(--round-button-m) * var(--2480));
  }
  .round-button-s {
    font-size: calc(var(--round-button-s) * var(--2480));
  }
  .line-button-xl {
    font-size: calc(var(--line-button-xl) * var(--2480));
  }
  .line-button-l {
    font-size: calc(var(--line-button-l) * var(--2480));
  }
  .line-button-m {
    font-size: calc(var(--line-button-m) * var(--2480));
  }
  .line-button-s {
    font-size: calc(var(--line-button-s) * var(--2480));
  }
  .in-line-list-button {
    font-size: calc(var(--in-line-list-button) * var(--2480));
  }
  .index-button {
    font-size: calc(var(--index-button) * var(--2480));
  }
  .nav-l {
    font-size: calc(var(--nav-l) * var(--2480));
  }
  .nav-m {
    font-size: calc(var(--nav-m) * var(--2480));
  }
  .nav-s {
    font-size: calc(var(--nav-s) * var(--2480));
  }
  label {
    font-size: calc(var(--p-s) * var(--2480));
  }
  select {
    font-size: calc(var(--p-s) * var(--2480));
  }
  [type=email] {
    font-size: calc(var(--p-s) * var(--2480));
  }
  [type=submit] {
    font-size: calc(var(--round-button-m) * var(--2480));
  }
  .newsletter-contact-form label,
  .partner-filter label {
    font-size: calc(var(--p-s) * var(--2480));
  }
  .newsletter-contact-form select,
  .partner-filter select {
    font-size: calc(var(--p-s) * var(--2480));
  }
  .newsletter-contact-form [type=email] {
    font-size: calc(var(--p-s) * var(--2480));
  }
  .newsletter-contact-form [type=submit] {
    font-size: calc(var(--round-button-m) * var(--2480));
  }
  /* Margins --------------- */
  .myt-xxl {
    margin-top: calc(var(--my-xxl) * var(--2480));
  } /* 100px */
  .myt-xl {
    margin-top: calc(var(--my-xl) * var(--2480));
  } /* 80px */
  .myt-l {
    margin-top: calc(var(--my-l) * var(--2480));
  } /* 60px */
  .myt-m {
    margin-top: calc(var(--my-m) * var(--2480));
  } /* 40px */
  .myt-s {
    margin-top: calc(var(--my-s) * var(--2480));
  } /* 20px */
  .myt-xs {
    margin-top: calc(var(--my-xs) * var(--2480));
  } /* 10px */
  .myt-xxs {
    margin-top: calc(var(--my-xxs) * var(--2480));
  } /* 7px */
  .mxr-xxl {
    margin-right: calc(var(--mx-xxl) * var(--2480));
  } /* 100px */
  .mxr-xl {
    margin-right: calc(var(--mx-xl) * var(--2480));
  } /* 80px */
  .mxr-l {
    margin-right: calc(var(--mx-l) * var(--2480));
  } /* 60px */
  .mxr-m {
    margin-right: calc(var(--mx-m) * var(--2480));
  } /* 40px */
  .mxr-s {
    margin-right: calc(var(--mx-s) * var(--2480));
  } /* 20px */
  .mxr-xs {
    margin-right: calc(var(--mx-xs) * var(--2480));
  } /* 10px */
  .mxr-xxs {
    margin-right: calc(var(--mx-xxs) * var(--2480));
  } /* 7px */
  .mxl-xxl {
    margin-left: calc(var(--mx-xxl) * var(--2480));
  } /* 100px */
  .mxl-xl {
    margin-left: calc(var(--mx-xl) * var(--2480));
  } /* 80px */
  .mxl-l {
    margin-left: calc(var(--mx-l) * var(--2480));
  } /* 60px */
  .mxl-m {
    margin-left: calc(var(--mx-m) * var(--2480));
  } /* 40px */
  .mxl-s {
    margin-left: calc(var(--mx-s) * var(--2480));
  } /* 20px */
  .mxl-xs {
    margin-left: calc(var(--mx-xs) * var(--2480));
  } /* 10px */
  .mxl-xxs {
    margin-left: calc(var(--mx-xxs) * var(--2480));
  } /* 7px */
  .myb-xxl {
    margin-bottom: calc(var(--my-xxl) * var(--2480));
  } /* 100px */
  .myb-xl {
    margin-bottom: calc(var(--my-xl) * var(--2480));
  } /* 80px */
  .myb-l {
    margin-bottom: calc(var(--my-l) * var(--2480));
  } /* 60px */
  .myb-m {
    margin-bottom: calc(var(--my-m) * var(--2480));
  } /* 40px */
  .myb-s {
    margin-bottom: calc(var(--my-s) * var(--2480));
  } /* 20px */
  .myb-xs {
    margin-bottom: calc(var(--my-xs) * var(--2480));
  } /* 10px */
  .myb-xxs {
    margin-bottom: calc(var(--my-xxs) * var(--2480));
  } /* 7px */
  /* Paddings X & Y -------- */
  .module-pxl {
    padding-left: calc(var(--px) * var(--650));
  } /* 3.75rem */
  .module-pxr {
    padding-right: calc(var(--px) * var(--650));
  } /* 3.75rem */
  .left-column-pxr {
    padding-right: calc(var(--px) * var(--120));
  } /* 3.75rem */
  .right-column-pxl {
    padding-left: calc(var(--px) * var(--120));
  } /* 3.75rem */
  .pyt-xxl {
    padding-top: calc(var(--py-xxl) * var(--2480));
  } /* 100px */
  .pyt-xl {
    padding-top: calc(var(--py-xl) * var(--2480));
  } /* 80px */
  .pyt-l {
    padding-top: calc(var(--py-l) * var(--2480));
  } /* 60px */
  .pyt-m {
    padding-top: calc(var(--py-m) * var(--2480));
  } /* 40px */
  .pyt-s {
    padding-top: calc(var(--py-s) * var(--2480));
  } /* 20px */
  .pyt-xs {
    padding-top: calc(var(--py-xs) * var(--2480));
  } /* 10px */
  .pyt-xxs {
    padding-top: calc(var(--py-xxs) * var(--2480));
  } /* 7px */
  .pyb-xxl {
    padding-bottom: calc(var(--py-xxl) * var(--2480));
  } /* 100px */
  .pyb-xl {
    padding-bottom: calc(var(--py-xl) * var(--2480));
  } /* 80px */
  .pyb-l {
    padding-bottom: calc(var(--py-l) * var(--2480));
  } /* 60px */
  .pyb-m {
    padding-bottom: calc(var(--py-m) * var(--2480));
  } /* 40px */
  .pyb-s {
    padding-bottom: calc(var(--py-s) * var(--2480));
  } /* 20px */
  .pyb-xs {
    padding-bottom: calc(var(--py-xs) * var(--2480));
  } /* 10px */
  .pyb-xxs {
    padding-bottom: calc(var(--py-xxs) * var(--2480));
  } /* 7px */
}
@media screen and (max-width: 142.499em) {
  /* Font sizes ------------ */
  .breadcrumbs-m {
    font-size: calc(var(--breadcrumbs-m) * var(--2280));
  }
  .breadcrumbs-s {
    font-size: calc(var(--breadcrumbs-s) * var(--2280));
  }
  .l1-hero-heading {
    font-size: calc(var(--l1-hero-heading) * var(--2280));
  }
  .l2-hero-heading {
    font-size: calc(var(--l2-hero-heading) * var(--2280));
  }
  .l3-hero-heading {
    font-size: calc(var(--l3-hero-heading) * var(--2280));
  }
  .l1-h2-heading {
    font-size: calc(var(--l1-h2-heading) * var(--2280));
  }
  .l2-h2-heading {
    font-size: calc(var(--l2-h2-heading) * var(--2280));
  }
  .l3-h2-heading {
    font-size: calc(var(--l3-h2-heading) * var(--2280));
  }
  .label-heading {
    font-size: calc(var(--label-heading) * var(--2280));
  }
  .subheading-xl {
    font-size: calc(var(--subheading-xl) * var(--2280));
  }
  .subheading-l {
    font-size: calc(var(--subheading-l) * var(--2280));
  }
  .subheading-m {
    font-size: calc(var(--subheading-m) * var(--2280));
  }
  .subheading-s {
    font-size: calc(var(--subheading-s) * var(--2280));
  }
  .lead-l {
    font-size: calc(var(--lead-l) * var(--2280));
  }
  .lead-m {
    font-size: calc(var(--lead-m) * var(--2280));
  }
  .lead-s {
    font-size: calc(var(--lead-s) * var(--2280));
  }
  .featured-nr {
    font-size: calc(var(--featured-nr) * var(--2280));
  }
  .hero-nr {
    font-size: calc(var(--hero-nr) * var(--2280));
  }
  .fake-heading {
    font-size: calc(var(--fake-heading) * var(--2280));
  }
  .p-xl {
    font-size: calc(var(--p-xl) * var(--2280));
  }
  .p-l {
    font-size: calc(var(--p-l) * var(--2280));
  }
  .p-m {
    font-size: calc(var(--p-m) * var(--2280));
  }
  .p-s {
    font-size: calc(var(--p-s) * var(--2280));
  }
  .p-xs {
    font-size: calc(var(--p-xs) * var(--2280));
  }
  .round-button-l {
    font-size: calc(var(--round-button-l) * var(--2280));
  }
  .round-button-m {
    font-size: calc(var(--round-button-m) * var(--2280));
  }
  .round-button-s {
    font-size: calc(var(--round-button-s) * var(--2280));
  }
  .line-button-xl {
    font-size: calc(var(--line-button-xl) * var(--2280));
  }
  .line-button-l {
    font-size: calc(var(--line-button-l) * var(--2280));
  }
  .line-button-m {
    font-size: calc(var(--line-button-m) * var(--2280));
  }
  .line-button-s {
    font-size: calc(var(--line-button-s) * var(--2280));
  }
  .in-line-list-button {
    font-size: calc(var(--in-line-list-button) * var(--2280));
  }
  .index-button {
    font-size: calc(var(--index-button) * var(--2280));
  }
  .nav-l {
    font-size: calc(var(--nav-l) * var(--2280));
  }
  .nav-m {
    font-size: calc(var(--nav-m) * var(--2280));
  }
  .nav-s {
    font-size: calc(var(--nav-s) * var(--2280));
  }
  label {
    font-size: calc(var(--p-s) * var(--2280));
  }
  select {
    font-size: calc(var(--p-s) * var(--2280));
  }
  [type=email] {
    font-size: calc(var(--p-s) * var(--2280));
  }
  [type=submit] {
    font-size: calc(var(--round-button-m) * var(--2280));
  }
  .newsletter-contact-form label,
  .partner-filter label {
    font-size: calc(var(--p-s) * var(--2280));
  }
  .newsletter-contact-form select,
  .partner-filter select {
    font-size: calc(var(--p-s) * var(--2280));
  }
  .newsletter-contact-form [type=email] {
    font-size: calc(var(--p-s) * var(--2280));
  }
  .newsletter-contact-form [type=submit] {
    font-size: calc(var(--round-button-m) * var(--2280));
  }
  /* Margins --------------- */
  .myt-xxl {
    margin-top: calc(var(--my-xxl) * var(--2280));
  } /* 100px */
  .myt-xl {
    margin-top: calc(var(--my-xl) * var(--2280));
  } /* 80px */
  .myt-l {
    margin-top: calc(var(--my-l) * var(--2280));
  } /* 60px */
  .myt-m {
    margin-top: calc(var(--my-m) * var(--2280));
  } /* 40px */
  .myt-s {
    margin-top: calc(var(--my-s) * var(--2280));
  } /* 20px */
  .myt-xs {
    margin-top: calc(var(--my-xs) * var(--2280));
  } /* 10px */
  .myt-xxs {
    margin-top: calc(var(--my-xxs) * var(--2280));
  } /* 7px */
  .mxr-xxl {
    margin-right: calc(var(--mx-xxl) * var(--2280));
  } /* 100px */
  .mxr-xl {
    margin-right: calc(var(--mx-xl) * var(--2280));
  } /* 80px */
  .mxr-l {
    margin-right: calc(var(--mx-l) * var(--2280));
  } /* 60px */
  .mxr-m {
    margin-right: calc(var(--mx-m) * var(--2280));
  } /* 40px */
  .mxr-s {
    margin-right: calc(var(--mx-s) * var(--2280));
  } /* 20px */
  .mxr-xs {
    margin-right: calc(var(--mx-xs) * var(--2280));
  } /* 10px */
  .mxr-xxs {
    margin-right: calc(var(--mx-xxs) * var(--2280));
  } /* 7px */
  .mxl-xxl {
    margin-left: calc(var(--mx-xxl) * var(--2280));
  } /* 100px */
  .mxl-xl {
    margin-left: calc(var(--mx-xl) * var(--2280));
  } /* 80px */
  .mxl-l {
    margin-left: calc(var(--mx-l) * var(--2280));
  } /* 60px */
  .mxl-m {
    margin-left: calc(var(--mx-m) * var(--2280));
  } /* 40px */
  .mxl-s {
    margin-left: calc(var(--mx-s) * var(--2280));
  } /* 20px */
  .mxl-xs {
    margin-left: calc(var(--mx-xs) * var(--2280));
  } /* 10px */
  .mxl-xxs {
    margin-left: calc(var(--mx-xxs) * var(--2280));
  } /* 7px */
  .myb-xxl {
    margin-bottom: calc(var(--my-xxl) * var(--2280));
  } /* 100px */
  .myb-xl {
    margin-bottom: calc(var(--my-xl) * var(--2280));
  } /* 80px */
  .myb-l {
    margin-bottom: calc(var(--my-l) * var(--2280));
  } /* 60px */
  .myb-m {
    margin-bottom: calc(var(--my-m) * var(--2280));
  } /* 40px */
  .myb-s {
    margin-bottom: calc(var(--my-s) * var(--2280));
  } /* 20px */
  .myb-xs {
    margin-bottom: calc(var(--my-xs) * var(--2280));
  } /* 10px */
  .myb-xxs {
    margin-bottom: calc(var(--my-xxs) * var(--2280));
  } /* 7px */
  /* Paddings X & Y -------- */
  .module-pxl {
    padding-left: calc(var(--px) * var(--500));
  } /* 3.75rem */
  .module-pxr {
    padding-right: calc(var(--px) * var(--500));
  } /* 3.75rem */
  .left-column-pxr {
    padding-right: calc(var(--px) * var(--120));
  } /* 3.75rem */
  .right-column-pxl {
    padding-left: calc(var(--px) * var(--120));
  } /* 3.75rem */
  .pyt-xxl {
    padding-top: calc(var(--py-xxl) * var(--2280));
  } /* 100px */
  .pyt-xl {
    padding-top: calc(var(--py-xl) * var(--2280));
  } /* 80px */
  .pyt-l {
    padding-top: calc(var(--py-l) * var(--2280));
  } /* 60px */
  .pyt-m {
    padding-top: calc(var(--py-m) * var(--2280));
  } /* 40px */
  .pyt-s {
    padding-top: calc(var(--py-s) * var(--2280));
  } /* 20px */
  .pyt-xs {
    padding-top: calc(var(--py-xs) * var(--2280));
  } /* 10px */
  .pyt-xxs {
    padding-top: calc(var(--py-xxs) * var(--2280));
  } /* 7px */
  .pyb-xxl {
    padding-bottom: calc(var(--py-xxl) * var(--2280));
  } /* 100px */
  .pyb-xl {
    padding-bottom: calc(var(--py-xl) * var(--2280));
  } /* 80px */
  .pyb-l {
    padding-bottom: calc(var(--py-l) * var(--2280));
  } /* 60px */
  .pyb-m {
    padding-bottom: calc(var(--py-m) * var(--2280));
  } /* 40px */
  .pyb-s {
    padding-bottom: calc(var(--py-s) * var(--2280));
  } /* 20px */
  .pyb-xs {
    padding-bottom: calc(var(--py-xs) * var(--2280));
  } /* 10px */
  .pyb-xxs {
    padding-bottom: calc(var(--py-xxs) * var(--2280));
  } /* 7px */
}
@media screen and (max-width: 129.999em) {
  /* Font sizes ------------ */
  .breadcrumbs-m {
    font-size: calc(var(--breadcrumbs-m) * var(--2080));
  }
  .breadcrumbs-s {
    font-size: calc(var(--breadcrumbs-s) * var(--2080));
  }
  .l1-hero-heading {
    font-size: calc(var(--l1-hero-heading) * var(--2080));
  }
  .l2-hero-heading {
    font-size: calc(var(--l2-hero-heading) * var(--2080));
  }
  .l3-hero-heading {
    font-size: calc(var(--l3-hero-heading) * var(--2080));
  }
  .l1-h2-heading {
    font-size: calc(var(--l1-h2-heading) * var(--2080));
  }
  .l2-h2-heading {
    font-size: calc(var(--l2-h2-heading) * var(--2080));
  }
  .l3-h2-heading {
    font-size: calc(var(--l3-h2-heading) * var(--2080));
  }
  .label-heading {
    font-size: calc(var(--label-heading) * var(--2080));
  }
  .subheading-xl {
    font-size: calc(var(--subheading-xl) * var(--2080));
  }
  .subheading-l {
    font-size: calc(var(--subheading-l) * var(--2080));
  }
  .subheading-m {
    font-size: calc(var(--subheading-m) * var(--2080));
  }
  .subheading-s {
    font-size: calc(var(--subheading-s) * var(--2080));
  }
  .lead-l {
    font-size: calc(var(--lead-l) * var(--2080));
  }
  .lead-m {
    font-size: calc(var(--lead-m) * var(--2080));
  }
  .lead-s {
    font-size: calc(var(--lead-s) * var(--2080));
  }
  .featured-nr {
    font-size: calc(var(--featured-nr) * var(--2080));
  }
  .hero-nr {
    font-size: calc(var(--hero-nr) * var(--2080));
  }
  .fake-heading {
    font-size: calc(var(--fake-heading) * var(--2080));
  }
  .p-xl {
    font-size: calc(var(--p-xl) * var(--2080));
  }
  .p-l {
    font-size: calc(var(--p-l) * var(--2080));
  }
  .p-m {
    font-size: calc(var(--p-m) * var(--2080));
  }
  .p-s {
    font-size: calc(var(--p-s) * var(--2080));
  }
  .p-xs {
    font-size: calc(var(--p-xs) * var(--2080));
  }
  .round-button-l {
    font-size: calc(var(--round-button-l) * var(--2080));
  }
  .round-button-m {
    font-size: calc(var(--round-button-m) * var(--2080));
  }
  .round-button-s {
    font-size: calc(var(--round-button-s) * var(--2080));
  }
  .line-button-xl {
    font-size: calc(var(--line-button-xl) * var(--2080));
  }
  .line-button-l {
    font-size: calc(var(--line-button-l) * var(--2080));
  }
  .line-button-m {
    font-size: calc(var(--line-button-m) * var(--2080));
  }
  .line-button-s {
    font-size: calc(var(--line-button-s) * var(--2080));
  }
  .in-line-list-button {
    font-size: calc(var(--in-line-list-button) * var(--2080));
  }
  .index-button {
    font-size: calc(var(--index-button) * var(--2080));
  }
  .nav-l {
    font-size: calc(var(--nav-l) * var(--2080));
  }
  .nav-m {
    font-size: calc(var(--nav-m) * var(--2080));
  }
  .nav-s {
    font-size: calc(var(--nav-s) * var(--2080));
  }
  label {
    font-size: calc(var(--p-s) * var(--2080));
  }
  select {
    font-size: calc(var(--p-s) * var(--2080));
  }
  [type=email] {
    font-size: calc(var(--p-s) * var(--2080));
  }
  [type=submit] {
    font-size: calc(var(--round-button-m) * var(--2080));
  }
  .newsletter-contact-form label,
  .partner-filter label {
    font-size: calc(var(--p-s) * var(--2080));
  }
  .newsletter-contact-form select,
  .partner-filter select {
    font-size: calc(var(--p-s) * var(--2080));
  }
  .newsletter-contact-form [type=email] {
    font-size: calc(var(--p-s) * var(--2080));
  }
  .newsletter-contact-form [type=submit] {
    font-size: calc(var(--round-button-m) * var(--2080));
  }
  /* Margins --------------- */
  .myt-xxl {
    margin-top: calc(var(--my-xxl) * var(--2080));
  } /* 100px */
  .myt-xl {
    margin-top: calc(var(--my-xl) * var(--2080));
  } /* 80px */
  .myt-l {
    margin-top: calc(var(--my-l) * var(--2080));
  } /* 60px */
  .myt-m {
    margin-top: calc(var(--my-m) * var(--2080));
  } /* 40px */
  .myt-s {
    margin-top: calc(var(--my-s) * var(--2080));
  } /* 20px */
  .myt-xs {
    margin-top: calc(var(--my-xs) * var(--2080));
  } /* 10px */
  .myt-xxs {
    margin-top: calc(var(--my-xxs) * var(--2080));
  } /* 7px */
  .mxr-xxl {
    margin-right: calc(var(--mx-xxl) * var(--2080));
  } /* 100px */
  .mxr-xl {
    margin-right: calc(var(--mx-xl) * var(--2080));
  } /* 80px */
  .mxr-l {
    margin-right: calc(var(--mx-l) * var(--2080));
  } /* 60px */
  .mxr-m {
    margin-right: calc(var(--mx-m) * var(--2080));
  } /* 40px */
  .mxr-s {
    margin-right: calc(var(--mx-s) * var(--2080));
  } /* 20px */
  .mxr-xs {
    margin-right: calc(var(--mx-xs) * var(--2080));
  } /* 10px */
  .mxr-xxs {
    margin-right: calc(var(--mx-xxs) * var(--2080));
  } /* 7px */
  .mxl-xxl {
    margin-left: calc(var(--mx-xxl) * var(--2080));
  } /* 100px */
  .mxl-xl {
    margin-left: calc(var(--mx-xl) * var(--2080));
  } /* 80px */
  .mxl-l {
    margin-left: calc(var(--mx-l) * var(--2080));
  } /* 60px */
  .mxl-m {
    margin-left: calc(var(--mx-m) * var(--2080));
  } /* 40px */
  .mxl-s {
    margin-left: calc(var(--mx-s) * var(--2080));
  } /* 20px */
  .mxl-xs {
    margin-left: calc(var(--mx-xs) * var(--2080));
  } /* 10px */
  .mxl-xxs {
    margin-left: calc(var(--mx-xxs) * var(--2080));
  } /* 7px */
  .myb-xxl {
    margin-bottom: calc(var(--my-xxl) * var(--2080));
  } /* 100px */
  .myb-xl {
    margin-bottom: calc(var(--my-xl) * var(--2080));
  } /* 80px */
  .myb-l {
    margin-bottom: calc(var(--my-l) * var(--2080));
  } /* 60px */
  .myb-m {
    margin-bottom: calc(var(--my-m) * var(--2080));
  } /* 40px */
  .myb-s {
    margin-bottom: calc(var(--my-s) * var(--2080));
  } /* 20px */
  .myb-xs {
    margin-bottom: calc(var(--my-xs) * var(--2080));
  } /* 10px */
  .myb-xxs {
    margin-bottom: calc(var(--my-xxs) * var(--2080));
  } /* 7px */
  /* Paddings X & Y -------- */
  .module-pxl {
    padding-left: calc(var(--px) * var(--310));
  } /* 3.75rem */
  .module-pxr {
    padding-right: calc(var(--px) * var(--310));
  } /* 3.75rem */
  .left-column-pxr {
    padding-right: calc(var(--px) * var(--110));
  } /* 3.75rem */
  .right-column-pxl {
    padding-left: calc(var(--px) * var(--110));
  } /* 3.75rem */
  .pyt-xxl {
    padding-top: calc(var(--py-xxl) * var(--2080));
  } /* 100px */
  .pyt-xl {
    padding-top: calc(var(--py-xl) * var(--2080));
  } /* 80px */
  .pyt-l {
    padding-top: calc(var(--py-l) * var(--2080));
  } /* 60px */
  .pyt-m {
    padding-top: calc(var(--py-m) * var(--2080));
  } /* 40px */
  .pyt-s {
    padding-top: calc(var(--py-s) * var(--2080));
  } /* 20px */
  .pyt-xs {
    padding-top: calc(var(--py-xs) * var(--2080));
  } /* 10px */
  .pyt-xxs {
    padding-top: calc(var(--py-xxs) * var(--2080));
  } /* 7px */
  .pyb-xxl {
    padding-bottom: calc(var(--py-xxl) * var(--2080));
  } /* 100px */
  .pyb-xl {
    padding-bottom: calc(var(--py-xl) * var(--2080));
  } /* 80px */
  .pyb-l {
    padding-bottom: calc(var(--py-l) * var(--2080));
  } /* 60px */
  .pyb-m {
    padding-bottom: calc(var(--py-m) * var(--2080));
  } /* 40px */
  .pyb-s {
    padding-bottom: calc(var(--py-s) * var(--2080));
  } /* 20px */
  .pyb-xs {
    padding-bottom: calc(var(--py-xs) * var(--2080));
  } /* 10px */
  .pyb-xxs {
    padding-bottom: calc(var(--py-xxs) * var(--2080));
  } /* 7px */
}
@media screen and (max-width: 117.499em) {
  /* Font sizes ------------ */
  .breadcrumbs-m {
    font-size: calc(var(--breadcrumbs-m) * var(--1880));
  }
  .breadcrumbs-s {
    font-size: calc(var(--breadcrumbs-s) * var(--1880));
  }
  .l1-hero-heading {
    font-size: calc(var(--l1-hero-heading) * var(--1880));
  }
  .l2-hero-heading {
    font-size: calc(var(--l2-hero-heading) * var(--1880));
  }
  .l3-hero-heading {
    font-size: calc(var(--l3-hero-heading) * var(--1880));
  }
  .l1-h2-heading {
    font-size: calc(var(--l1-h2-heading) * var(--1880));
  }
  .l2-h2-heading {
    font-size: calc(var(--l2-h2-heading) * var(--1880));
  }
  .l3-h2-heading {
    font-size: calc(var(--l3-h2-heading) * var(--1880));
  }
  .label-heading {
    font-size: calc(var(--label-heading) * var(--1880));
  }
  .subheading-xl {
    font-size: calc(var(--subheading-xl) * var(--1880));
  }
  .subheading-l {
    font-size: calc(var(--subheading-l) * var(--1880));
  }
  .subheading-m {
    font-size: calc(var(--subheading-m) * var(--1880));
  }
  .subheading-s {
    font-size: calc(var(--subheading-s) * var(--1880));
  }
  .lead-l {
    font-size: calc(var(--lead-l) * var(--1880));
  }
  .lead-m {
    font-size: calc(var(--lead-m) * var(--1880));
  }
  .lead-s {
    font-size: calc(var(--lead-s) * var(--1880));
  }
  .featured-nr {
    font-size: calc(var(--featured-nr) * var(--1880));
  }
  .hero-nr {
    font-size: calc(var(--hero-nr) * var(--1880));
  }
  .fake-heading {
    font-size: calc(var(--fake-heading) * var(--1880));
  }
  .p-xl {
    font-size: calc(var(--p-xl) * var(--1880));
  }
  .p-l {
    font-size: calc(var(--p-l) * var(--1880));
  }
  .p-m {
    font-size: calc(var(--p-m) * var(--1880));
  }
  .p-s {
    font-size: calc(var(--p-s) * var(--1880));
  }
  .p-xs {
    font-size: calc(var(--p-xs) * var(--1780));
  }
  .round-button-l {
    font-size: calc(var(--round-button-l) * var(--1880));
  }
  .round-button-m {
    font-size: calc(var(--round-button-m) * var(--1880));
  }
  .round-button-s {
    font-size: calc(var(--round-button-s) * var(--1880));
  }
  .line-button-xl {
    font-size: calc(var(--line-button-xl) * var(--1880));
  }
  .line-button-l {
    font-size: calc(var(--line-button-l) * var(--1880));
  }
  .line-button-m {
    font-size: calc(var(--line-button-m) * var(--1880));
  }
  .line-button-s {
    font-size: calc(var(--line-button-s) * var(--1880));
  }
  .in-line-list-button {
    font-size: calc(var(--in-line-list-button) * var(--1880));
  }
  .index-button {
    font-size: calc(var(--index-button) * var(--1880));
  }
  .nav-l {
    font-size: calc(var(--nav-l) * var(--1880));
  }
  .nav-m {
    font-size: calc(var(--nav-m) * var(--1880));
  }
  .nav-s {
    font-size: calc(var(--nav-s) * var(--1880));
  }
  label {
    font-size: calc(var(--p-s) * var(--1880));
  }
  select {
    font-size: calc(var(--p-s) * var(--1880));
  }
  [type=email] {
    font-size: calc(var(--p-s) * var(--1880));
  }
  [type=submit] {
    font-size: calc(var(--round-button-m) * var(--1880));
  }
  .newsletter-contact-form label,
  .partner-filter label {
    font-size: calc(var(--p-s) * var(--1880));
  }
  .newsletter-contact-form select,
  .partner-filter select {
    font-size: calc(var(--p-s) * var(--1880));
  }
  .newsletter-contact-form [type=email] {
    font-size: calc(var(--p-s) * var(--1880));
  }
  .newsletter-contact-form [type=submit] {
    font-size: calc(var(--round-button-m) * var(--1880));
  }
  /* Margins --------------- */
  .myt-xxl {
    margin-top: calc(var(--my-xxl) * var(--1880));
  } /* 100px */
  .myt-xl {
    margin-top: calc(var(--my-xl) * var(--1880));
  } /* 80px */
  .myt-l {
    margin-top: calc(var(--my-l) * var(--1880));
  } /* 60px */
  .myt-m {
    margin-top: calc(var(--my-m) * var(--1880));
  } /* 40px */
  .myt-s {
    margin-top: calc(var(--my-s) * var(--1880));
  } /* 20px */
  .myt-xs {
    margin-top: calc(var(--my-xs) * var(--1880));
  } /* 10px */
  .myt-xxs {
    margin-top: calc(var(--my-xxs) * var(--1880));
  } /* 7px */
  .mxr-xxl {
    margin-right: calc(var(--mx-xxl) * var(--1880));
  } /* 100px */
  .mxr-xl {
    margin-right: calc(var(--mx-xl) * var(--1880));
  } /* 80px */
  .mxr-l {
    margin-right: calc(var(--mx-l) * var(--1880));
  } /* 60px */
  .mxr-m {
    margin-right: calc(var(--mx-m) * var(--1880));
  } /* 40px */
  .mxr-s {
    margin-right: calc(var(--mx-s) * var(--1880));
  } /* 20px */
  .mxr-xs {
    margin-right: calc(var(--mx-xs) * var(--1880));
  } /* 10px */
  .mxr-xxs {
    margin-right: calc(var(--mx-xxs) * var(--1880));
  } /* 7px */
  .mxl-xxl {
    margin-left: calc(var(--mx-xxl) * var(--1880));
  } /* 100px */
  .mxl-xl {
    margin-left: calc(var(--mx-xl) * var(--1880));
  } /* 80px */
  .mxl-l {
    margin-left: calc(var(--mx-l) * var(--1880));
  } /* 60px */
  .mxl-m {
    margin-left: calc(var(--mx-m) * var(--1880));
  } /* 40px */
  .mxl-s {
    margin-left: calc(var(--mx-s) * var(--1880));
  } /* 20px */
  .mxl-xs {
    margin-left: calc(var(--mx-xs) * var(--1880));
  } /* 10px */
  .mxl-xxs {
    margin-left: calc(var(--mx-xxs) * var(--1880));
  } /* 7px */
  .myb-xxl {
    margin-bottom: calc(var(--my-xxl) * var(--1880));
  } /* 100px */
  .myb-xl {
    margin-bottom: calc(var(--my-xl) * var(--1880));
  } /* 80px */
  .myb-l {
    margin-bottom: calc(var(--my-l) * var(--1880));
  } /* 60px */
  .myb-m {
    margin-bottom: calc(var(--my-m) * var(--1880));
  } /* 40px */
  .myb-s {
    margin-bottom: calc(var(--my-s) * var(--1880));
  } /* 20px */
  .myb-xs {
    margin-bottom: calc(var(--my-xs) * var(--1880));
  } /* 10px */
  .myb-xxs {
    margin-bottom: calc(var(--my-xxs) * var(--1880));
  } /* 7px */
  /* Paddings X & Y -------- */
  .module-pxl {
    padding-left: calc(var(--px) * var(--170));
  } /* 3.75rem */
  .module-pxr {
    padding-right: calc(var(--px) * var(--170));
  } /* 3.75rem */
  .left-column-pxr {
    padding-right: calc(var(--px) * var(--110));
  } /* 3.75rem */
  .right-column-pxl {
    padding-left: calc(var(--px) * var(--110));
  } /* 3.75rem */
  .pyt-xxl {
    padding-top: calc(var(--py-xxl) * var(--1880));
  } /* 100px */
  .pyt-xl {
    padding-top: calc(var(--py-xl) * var(--1880));
  } /* 80px */
  .pyt-l {
    padding-top: calc(var(--py-l) * var(--1880));
  } /* 60px */
  .pyt-m {
    padding-top: calc(var(--py-m) * var(--1880));
  } /* 40px */
  .pyt-s {
    padding-top: calc(var(--py-s) * var(--1880));
  } /* 20px */
  .pyt-xs {
    padding-top: calc(var(--py-xs) * var(--1880));
  } /* 10px */
  .pyt-xxs {
    padding-top: calc(var(--py-xxs) * var(--1880));
  } /* 7px */
  .pyb-xxl {
    padding-bottom: calc(var(--py-xxl) * var(--1880));
  } /* 100px */
  .pyb-xl {
    padding-bottom: calc(var(--py-xl) * var(--1880));
  } /* 80px */
  .pyb-l {
    padding-bottom: calc(var(--py-l) * var(--1880));
  } /* 60px */
  .pyb-m {
    padding-bottom: calc(var(--py-m) * var(--1880));
  } /* 40px */
  .pyb-s {
    padding-bottom: calc(var(--py-s) * var(--1880));
  } /* 20px */
  .pyb-xs {
    padding-bottom: calc(var(--py-xs) * var(--1880));
  } /* 10px */
  .pyb-xxs {
    padding-bottom: calc(var(--py-xxs) * var(--1880));
  } /* 7px */
}
@media screen and (max-width: 111.249em) {
  /* Font sizes ------------ */
  .breadcrumbs-m {
    font-size: calc(var(--breadcrumbs-m) * var(--1780));
  }
  .breadcrumbs-s {
    font-size: calc(var(--breadcrumbs-s) * var(--1780));
  }
  .l1-hero-heading {
    font-size: calc(var(--l1-hero-heading) * var(--1780));
  }
  .l2-hero-heading {
    font-size: calc(var(--l2-hero-heading) * var(--1780));
  }
  .l3-hero-heading {
    font-size: calc(var(--l3-hero-heading) * var(--1780));
  }
  .l1-h2-heading {
    font-size: calc(var(--l1-h2-heading) * var(--1780));
  }
  .l2-h2-heading {
    font-size: calc(var(--l2-h2-heading) * var(--1780));
  }
  .l3-h2-heading {
    font-size: calc(var(--l3-h2-heading) * var(--1780));
  }
  .label-heading {
    font-size: calc(var(--label-heading) * var(--1780));
  }
  .subheading-xl {
    font-size: calc(var(--subheading-xl) * var(--1780));
  }
  .subheading-l {
    font-size: calc(var(--subheading-l) * var(--1780));
  }
  .subheading-m {
    font-size: calc(var(--subheading-m) * var(--1780));
  }
  .subheading-s {
    font-size: calc(var(--subheading-s) * var(--1780));
  }
  .lead-l {
    font-size: calc(var(--lead-l) * var(--1780));
  }
  .lead-m {
    font-size: calc(var(--lead-m) * var(--1780));
  }
  .lead-s {
    font-size: calc(var(--lead-s) * var(--1780));
  }
  .featured-nr {
    font-size: calc(var(--featured-nr) * var(--1780));
  }
  .hero-nr {
    font-size: calc(var(--hero-nr) * var(--1780));
  }
  .fake-heading {
    font-size: calc(var(--fake-heading) * var(--1780));
  }
  .p-xl {
    font-size: calc(var(--p-xl) * var(--1780));
  }
  .p-l {
    font-size: calc(var(--p-l) * var(--1780));
  }
  .p-m {
    font-size: calc(var(--p-m) * var(--1780));
  }
  .p-s {
    font-size: calc(var(--p-s) * var(--1780));
  }
  .p-xs {
    font-size: calc(var(--p-xs) * var(--1780));
  }
  .round-button-l {
    font-size: calc(var(--round-button-l) * var(--1780));
  }
  .round-button-m {
    font-size: calc(var(--round-button-m) * var(--1780));
  }
  .round-button-s {
    font-size: calc(var(--round-button-s) * var(--1780));
  }
  .line-button-xl {
    font-size: calc(var(--line-button-xl) * var(--1780));
  }
  .line-button-l {
    font-size: calc(var(--line-button-l) * var(--1780));
  }
  .line-button-m {
    font-size: calc(var(--line-button-m) * var(--1780));
  }
  .line-button-s {
    font-size: calc(var(--line-button-s) * var(--1780));
  }
  .in-line-list-button {
    font-size: calc(var(--in-line-list-button) * var(--1780));
  }
  .index-button {
    font-size: calc(var(--index-button) * var(--1780));
  }
  .nav-l {
    font-size: calc(var(--nav-l) * var(--1780));
  }
  .nav-m {
    font-size: calc(var(--nav-m) * var(--1780));
  }
  .nav-s {
    font-size: calc(var(--nav-s) * var(--1780));
  }
  label {
    font-size: calc(var(--p-s) * var(--1780));
  }
  select {
    font-size: calc(var(--p-s) * var(--1780));
  }
  [type=email] {
    font-size: calc(var(--p-s) * var(--1780));
  }
  [type=submit] {
    font-size: calc(var(--round-button-m) * var(--1780));
  }
  .newsletter-contact-form label,
  .partner-filter label {
    font-size: calc(var(--p-s) * var(--1780));
  }
  .newsletter-contact-form select,
  .partner-filter select {
    font-size: calc(var(--p-s) * var(--1780));
  }
  .newsletter-contact-form [type=email] {
    font-size: calc(var(--p-s) * var(--1780));
  }
  .newsletter-contact-form [type=submit] {
    font-size: calc(var(--round-button-m) * var(--1780));
  }
  /* Margins --------------- */
  .myt-xxl {
    margin-top: calc(var(--my-xxl) * var(--1780));
  } /* 100px */
  .myt-xl {
    margin-top: calc(var(--my-xl) * var(--1780));
  } /* 80px */
  .myt-l {
    margin-top: calc(var(--my-l) * var(--1780));
  } /* 60px */
  .myt-m {
    margin-top: calc(var(--my-m) * var(--1780));
  } /* 40px */
  .myt-s {
    margin-top: calc(var(--my-s) * var(--1780));
  } /* 20px */
  .myt-xs {
    margin-top: calc(var(--my-xs) * var(--1780));
  } /* 10px */
  .myt-xxs {
    margin-top: calc(var(--my-xxs) * var(--1780));
  } /* 7px */
  .mxr-xxl {
    margin-right: calc(var(--mx-xxl) * var(--1780));
  } /* 100px */
  .mxr-xl {
    margin-right: calc(var(--mx-xl) * var(--1780));
  } /* 80px */
  .mxr-l {
    margin-right: calc(var(--mx-l) * var(--1780));
  } /* 60px */
  .mxr-m {
    margin-right: calc(var(--mx-m) * var(--1780));
  } /* 40px */
  .mxr-s {
    margin-right: calc(var(--mx-s) * var(--1780));
  } /* 20px */
  .mxr-xs {
    margin-right: calc(var(--mx-xs) * var(--1780));
  } /* 10px */
  .mxr-xxs {
    margin-right: calc(var(--mx-xxs) * var(--1780));
  } /* 7px */
  .mxl-xxl {
    margin-left: calc(var(--mx-xxl) * var(--1780));
  } /* 100px */
  .mxl-xl {
    margin-left: calc(var(--mx-xl) * var(--1780));
  } /* 80px */
  .mxl-l {
    margin-left: calc(var(--mx-l) * var(--1780));
  } /* 60px */
  .mxl-m {
    margin-left: calc(var(--mx-m) * var(--1780));
  } /* 40px */
  .mxl-s {
    margin-left: calc(var(--mx-s) * var(--1780));
  } /* 20px */
  .mxl-xs {
    margin-left: calc(var(--mx-xs) * var(--1780));
  } /* 10px */
  .mxl-xxs {
    margin-left: calc(var(--mx-xxs) * var(--1780));
  } /* 7px */
  .myb-xxl {
    margin-bottom: calc(var(--my-xxl) * var(--1780));
  } /* 100px */
  .myb-xl {
    margin-bottom: calc(var(--my-xl) * var(--1780));
  } /* 80px */
  .myb-l {
    margin-bottom: calc(var(--my-l) * var(--1780));
  } /* 60px */
  .myb-m {
    margin-bottom: calc(var(--my-m) * var(--1780));
  } /* 40px */
  .myb-s {
    margin-bottom: calc(var(--my-s) * var(--1780));
  } /* 20px */
  .myb-xs {
    margin-bottom: calc(var(--my-xs) * var(--1780));
  } /* 10px */
  .myb-xxs {
    margin-bottom: calc(var(--my-xxs) * var(--1780));
  } /* 7px */
  /* Paddings X & Y -------- */
  .module-pxl {
    padding-left: calc(var(--px) * var(--100));
  } /* 3.75rem */
  .module-pxr {
    padding-right: calc(var(--px) * var(--100));
  } /* 3.75rem */
  .left-column-pxr {
    padding-right: calc(var(--px) * var(--100));
  } /* 3.75rem */
  .right-column-pxl {
    padding-left: calc(var(--px) * var(--100));
  } /* 3.75rem */
  .pyt-xxl {
    padding-top: calc(var(--py-xxl) * var(--1780));
  } /* 100px */
  .pyt-xl {
    padding-top: calc(var(--py-xl) * var(--1780));
  } /* 80px */
  .pyt-l {
    padding-top: calc(var(--py-l) * var(--1780));
  } /* 60px */
  .pyt-m {
    padding-top: calc(var(--py-m) * var(--1780));
  } /* 40px */
  .pyt-s {
    padding-top: calc(var(--py-s) * var(--1780));
  } /* 20px */
  .pyt-xs {
    padding-top: calc(var(--py-xs) * var(--1780));
  } /* 10px */
  .pyt-xxs {
    padding-top: calc(var(--py-xxs) * var(--1780));
  } /* 7px */
  .pyb-xxl {
    padding-bottom: calc(var(--py-xxl) * var(--1780));
  } /* 100px */
  .pyb-xl {
    padding-bottom: calc(var(--py-xl) * var(--1780));
  } /* 80px */
  .pyb-l {
    padding-bottom: calc(var(--py-l) * var(--1780));
  } /* 60px */
  .pyb-m {
    padding-bottom: calc(var(--py-m) * var(--1780));
  } /* 40px */
  .pyb-s {
    padding-bottom: calc(var(--py-s) * var(--1780));
  } /* 20px */
  .pyb-xs {
    padding-bottom: calc(var(--py-xs) * var(--1780));
  } /* 10px */
  .pyb-xxs {
    padding-bottom: calc(var(--py-xxs) * var(--1780));
  } /* 7px */
}
/* Large */
@media screen and (max-width: 104.999em) {
  /* Font sizes ------------ */
  .breadcrumbs-m {
    font-size: calc(var(--breadcrumbs-m) * var(--1680));
  }
  .breadcrumbs-s {
    font-size: calc(var(--breadcrumbs-s) * var(--1680));
  }
  .l1-hero-heading {
    font-size: calc(var(--l1-hero-heading) * var(--1680));
  }
  .l2-hero-heading {
    font-size: calc(var(--l2-hero-heading) * var(--1680));
  }
  .l3-hero-heading {
    font-size: calc(var(--l3-hero-heading) * var(--1680));
  }
  .l1-h2-heading {
    font-size: calc(var(--l1-h2-heading) * var(--1680));
  }
  .l2-h2-heading {
    font-size: calc(var(--l2-h2-heading) * var(--1680));
  }
  .l3-h2-heading {
    font-size: calc(var(--l3-h2-heading) * var(--1680));
  }
  .label-heading {
    font-size: calc(var(--label-heading) * var(--1680));
  }
  .subheading-xl {
    font-size: calc(var(--subheading-xl) * var(--1680));
  }
  .subheading-l {
    font-size: calc(var(--subheading-l) * var(--1680));
  }
  .subheading-m {
    font-size: calc(var(--subheading-m) * var(--1680));
  }
  .subheading-s {
    font-size: calc(var(--subheading-s) * var(--1680));
  }
  .lead-l {
    font-size: calc(var(--lead-l) * var(--1680));
  }
  .lead-m {
    font-size: calc(var(--lead-m) * var(--1680));
  }
  .lead-s {
    font-size: calc(var(--lead-s) * var(--1680));
  }
  .featured-nr {
    font-size: calc(var(--featured-nr) * var(--1680));
  }
  .hero-nr {
    font-size: calc(var(--hero-nr) * var(--1680));
  }
  .fake-heading {
    font-size: calc(var(--fake-heading) * var(--1680));
  }
  .p-xl {
    font-size: calc(var(--p-xl) * var(--1680));
  }
  .p-l {
    font-size: calc(var(--p-l) * var(--1680));
  }
  .p-m {
    font-size: calc(var(--p-m) * var(--1680));
  }
  .p-s {
    font-size: calc(var(--p-s) * var(--1680));
  }
  .p-xs {
    font-size: calc(var(--p-xs) * var(--1680));
  }
  .round-button-l {
    font-size: calc(var(--round-button-l) * var(--1680));
  }
  .round-button-m {
    font-size: calc(var(--round-button-m) * var(--1680));
  }
  .round-button-s {
    font-size: calc(var(--round-button-s) * var(--1680));
  }
  .line-button-xl {
    font-size: calc(var(--line-button-xl) * var(--1680));
  }
  .line-button-l {
    font-size: calc(var(--line-button-l) * var(--1680));
  }
  .line-button-m {
    font-size: calc(var(--line-button-m) * var(--1680));
  }
  .line-button-s {
    font-size: calc(var(--line-button-s) * var(--1680));
  }
  .in-line-list-button {
    font-size: calc(var(--in-line-list-button) * var(--1680));
  }
  .index-button {
    font-size: calc(var(--index-button) * var(--1680));
  }
  .nav-l {
    font-size: calc(var(--nav-l) * var(--1680));
  }
  .nav-m {
    font-size: calc(var(--nav-m) * var(--1680));
  }
  .nav-s {
    font-size: calc(var(--nav-s) * var(--1680));
  }
  label {
    font-size: calc(var(--p-s) * var(--1680));
  }
  select {
    font-size: calc(var(--p-s) * var(--1680));
  }
  [type=email] {
    font-size: calc(var(--p-s) * var(--1680));
  }
  [type=submit] {
    font-size: calc(var(--round-button-m) * var(--1680));
  }
  .newsletter-contact-form label,
  .partner-filter label {
    font-size: calc(var(--p-s) * var(--1680));
  }
  .newsletter-contact-form select,
  .partner-filter select {
    font-size: calc(var(--p-s) * var(--1680));
  }
  .newsletter-contact-form [type=email] {
    font-size: calc(var(--p-s) * var(--1680));
  }
  .newsletter-contact-form [type=submit] {
    font-size: calc(var(--round-button-m) * var(--1680));
  }
  /* Margins --------------- */
  .myt-xxl {
    margin-top: calc(var(--my-xxl) * var(--1680));
  } /* 100px */
  .myt-xl {
    margin-top: calc(var(--my-xl) * var(--1680));
  } /* 80px */
  .myt-l {
    margin-top: calc(var(--my-l) * var(--1680));
  } /* 60px */
  .myt-m {
    margin-top: calc(var(--my-m) * var(--1680));
  } /* 40px */
  .myt-s {
    margin-top: calc(var(--my-s) * var(--1680));
  } /* 20px */
  .myt-xs {
    margin-top: calc(var(--my-xs) * var(--1680));
  } /* 10px */
  .myt-xxs {
    margin-top: calc(var(--my-xxs) * var(--1680));
  } /* 7px */
  .mxr-xxl {
    margin-right: calc(var(--mx-xxl) * var(--1680));
  } /* 100px */
  .mxr-xl {
    margin-right: calc(var(--mx-xl) * var(--1680));
  } /* 80px */
  .mxr-l {
    margin-right: calc(var(--mx-l) * var(--1680));
  } /* 60px */
  .mxr-m {
    margin-right: calc(var(--mx-m) * var(--1680));
  } /* 40px */
  .mxr-s {
    margin-right: calc(var(--mx-s) * var(--1680));
  } /* 20px */
  .mxr-xs {
    margin-right: calc(var(--mx-xs) * var(--1680));
  } /* 10px */
  .mxr-xxs {
    margin-right: calc(var(--mx-xxs) * var(--1680));
  } /* 7px */
  .mxl-xxl {
    margin-left: calc(var(--mx-xxl) * var(--1680));
  } /* 100px */
  .mxl-xl {
    margin-left: calc(var(--mx-xl) * var(--1680));
  } /* 80px */
  .mxl-l {
    margin-left: calc(var(--mx-l) * var(--1680));
  } /* 60px */
  .mxl-m {
    margin-left: calc(var(--mx-m) * var(--1680));
  } /* 40px */
  .mxl-s {
    margin-left: calc(var(--mx-s) * var(--1680));
  } /* 20px */
  .mxl-xs {
    margin-left: calc(var(--mx-xs) * var(--1680));
  } /* 10px */
  .mxl-xxs {
    margin-left: calc(var(--mx-xxs) * var(--1680));
  } /* 7px */
  .myb-xxl {
    margin-bottom: calc(var(--my-xxl) * var(--1680));
  } /* 100px */
  .myb-xl {
    margin-bottom: calc(var(--my-xl) * var(--1680));
  } /* 80px */
  .myb-l {
    margin-bottom: calc(var(--my-l) * var(--1680));
  } /* 60px */
  .myb-m {
    margin-bottom: calc(var(--my-m) * var(--1680));
  } /* 40px */
  .myb-s {
    margin-bottom: calc(var(--my-s) * var(--1680));
  } /* 20px */
  .myb-xs {
    margin-bottom: calc(var(--my-xs) * var(--1680));
  } /* 10px */
  .myb-xxs {
    margin-bottom: calc(var(--my-xxs) * var(--1680));
  } /* 7px */
  /* Paddings X & Y -------- */
  .module-pxl {
    padding-left: calc(var(--px) * var(--090));
  } /* 3.75rem */
  .module-pxr {
    padding-right: calc(var(--px) * var(--090));
  } /* 3.75rem */
  .left-column-pxr {
    padding-right: calc(var(--px) * var(--090));
  } /* 3.75rem */
  .right-column-pxl {
    padding-left: calc(var(--px) * var(--090));
  } /* 3.75rem */
  .pyt-xxl {
    padding-top: calc(var(--py-xxl) * var(--1680));
  } /* 100px */
  .pyt-xl {
    padding-top: calc(var(--py-xl) * var(--1680));
  } /* 80px */
  .pyt-l {
    padding-top: calc(var(--py-l) * var(--1680));
  } /* 60px */
  .pyt-m {
    padding-top: calc(var(--py-m) * var(--1680));
  } /* 40px */
  .pyt-s {
    padding-top: calc(var(--py-s) * var(--1680));
  } /* 20px */
  .pyt-xs {
    padding-top: calc(var(--py-xs) * var(--1680));
  } /* 10px */
  .pyt-xxs {
    padding-top: calc(var(--py-xxs) * var(--1680));
  } /* 7px */
  .pyb-xxl {
    padding-bottom: calc(var(--py-xxl) * var(--1680));
  } /* 100px */
  .pyb-xl {
    padding-bottom: calc(var(--py-xl) * var(--1680));
  } /* 80px */
  .pyb-l {
    padding-bottom: calc(var(--py-l) * var(--1680));
  } /* 60px */
  .pyb-m {
    padding-bottom: calc(var(--py-m) * var(--1680));
  } /* 40px */
  .pyb-s {
    padding-bottom: calc(var(--py-s) * var(--1680));
  } /* 20px */
  .pyb-xs {
    padding-bottom: calc(var(--py-xs) * var(--1680));
  } /* 10px */
  .pyb-xxs {
    padding-bottom: calc(var(--py-xxs) * var(--1680));
  } /* 7px */
}
@media screen and (max-width: 74.999em) {
  /* Font sizes ------------ */
  .breadcrumbs-m {
    font-size: calc(var(--breadcrumbs-m) * var(--1200));
  }
  .breadcrumbs-s {
    font-size: calc(var(--breadcrumbs-s) * var(--1200));
  }
  .l1-hero-heading {
    font-size: calc(var(--l1-hero-heading) * var(--1200));
  }
  .l2-hero-heading {
    font-size: calc(var(--l2-hero-heading) * var(--1200));
  }
  .l3-hero-heading {
    font-size: calc(var(--l3-hero-heading) * var(--1200));
  }
  .l1-h2-heading {
    font-size: calc(var(--l1-h2-heading) * var(--1200));
  }
  .l2-h2-heading {
    font-size: calc(var(--l2-h2-heading) * var(--1200));
  }
  .l3-h2-heading {
    font-size: calc(var(--l3-h2-heading) * var(--1200));
  }
  .label-heading {
    font-size: calc(var(--label-heading) * var(--1200));
  }
  .subheading-xl {
    font-size: calc(var(--subheading-xl) * var(--1200));
  }
  .subheading-l {
    font-size: calc(var(--subheading-l) * var(--1200));
  }
  .subheading-m {
    font-size: calc(var(--subheading-m) * var(--1200));
  }
  .subheading-s {
    font-size: calc(var(--subheading-s) * var(--1200));
  }
  .lead-l {
    font-size: calc(var(--lead-l) * var(--1200));
  }
  .lead-m {
    font-size: calc(var(--lead-m) * var(--1200));
  }
  .lead-s {
    font-size: calc(var(--lead-s) * var(--1200));
  }
  .featured-nr {
    font-size: calc(var(--featured-nr) * var(--1200));
  }
  .hero-nr {
    font-size: calc(var(--hero-nr) * var(--1200));
  }
  .fake-heading {
    font-size: calc(var(--fake-heading) * var(--1200));
  }
  .p-xl {
    font-size: calc(var(--p-xl) * var(--1200));
  }
  .p-l {
    font-size: calc(var(--p-l) * var(--1200));
  }
  .p-m {
    font-size: calc(var(--p-m) * var(--1200));
  }
  .p-s {
    font-size: calc(var(--p-s) * var(--1200));
  }
  .p-xs {
    font-size: calc(var(--p-xs) * var(--1200));
  }
  .round-button-l {
    font-size: calc(var(--round-button-l) * var(--1200));
  }
  .round-button-m {
    font-size: calc(var(--round-button-m) * var(--1200));
  }
  .round-button-s {
    font-size: calc(var(--round-button-s) * var(--1200));
  }
  .line-button-xl {
    font-size: calc(var(--line-button-xl) * var(--1200));
  }
  .line-button-l {
    font-size: calc(var(--line-button-l) * var(--1200));
  }
  .line-button-m {
    font-size: calc(var(--line-button-m) * var(--1200));
  }
  .line-button-s {
    font-size: calc(var(--line-button-s) * var(--1200));
  }
  .in-line-list-button {
    font-size: calc(var(--in-line-list-button) * var(--1200));
  }
  .index-button {
    font-size: calc(var(--index-button) * var(--1200));
  }
  .nav-l {
    font-size: calc(var(--nav-l) * var(--1200));
  }
  .nav-m {
    font-size: calc(var(--nav-m) * var(--1200));
  }
  .nav-s {
    font-size: calc(var(--nav-s) * var(--1200));
  }
  label {
    font-size: calc(var(--p-s) * var(--1200));
  }
  select {
    font-size: calc(var(--p-s) * var(--1200));
  }
  [type=email] {
    font-size: calc(var(--p-s) * var(--1200));
  }
  [type=submit] {
    font-size: calc(var(--round-button-m) * var(--1200));
  }
  .newsletter-contact-form label,
  .partner-filter label {
    font-size: calc(var(--p-s) * var(--1200));
  }
  .newsletter-contact-form select,
  .partner-filter select {
    font-size: calc(var(--p-s) * var(--1200));
  }
  .newsletter-contact-form [type=email] {
    font-size: calc(var(--p-s) * var(--1200));
  }
  .newsletter-contact-form [type=submit] {
    font-size: calc(var(--round-button-m) * var(--1200));
  }
  /* Margins --------------- */
  .myt-xxl {
    margin-top: calc(var(--my-xxl) * var(--1200));
  } /* 100px */
  .myt-xl {
    margin-top: calc(var(--my-xl) * var(--1200));
  } /* 80px */
  .myt-l {
    margin-top: calc(var(--my-l) * var(--1200));
  } /* 60px */
  .myt-m {
    margin-top: calc(var(--my-m) * var(--1200));
  } /* 40px */
  .myt-s {
    margin-top: calc(var(--my-s) * var(--1200));
  } /* 20px */
  .myt-xs {
    margin-top: calc(var(--my-xs) * var(--1200));
  } /* 10px */
  .myt-xxs {
    margin-top: calc(var(--my-xxs) * var(--1200));
  } /* 7px */
  .mxr-xxl {
    margin-right: calc(var(--mx-xxl) * var(--1200));
  } /* 100px */
  .mxr-xl {
    margin-right: calc(var(--mx-xl) * var(--1200));
  } /* 80px */
  .mxr-l {
    margin-right: calc(var(--mx-l) * var(--1200));
  } /* 60px */
  .mxr-m {
    margin-right: calc(var(--mx-m) * var(--1200));
  } /* 40px */
  .mxr-s {
    margin-right: calc(var(--mx-s) * var(--1200));
  } /* 20px */
  .mxr-xs {
    margin-right: calc(var(--mx-xs) * var(--1200));
  } /* 10px */
  .mxr-xxs {
    margin-right: calc(var(--mx-xxs) * var(--1200));
  } /* 7px */
  .mxl-xxl {
    margin-left: calc(var(--mx-xxl) * var(--1200));
  } /* 100px */
  .mxl-xl {
    margin-left: calc(var(--mx-xl) * var(--1200));
  } /* 80px */
  .mxl-l {
    margin-left: calc(var(--mx-l) * var(--1200));
  } /* 60px */
  .mxl-m {
    margin-left: calc(var(--mx-m) * var(--1200));
  } /* 40px */
  .mxl-s {
    margin-left: calc(var(--mx-s) * var(--1200));
  } /* 20px */
  .mxl-xs {
    margin-left: calc(var(--mx-xs) * var(--1200));
  } /* 10px */
  .mxl-xxs {
    margin-left: calc(var(--mx-xxs) * var(--1200));
  } /* 7px */
  .myb-xxl {
    margin-bottom: calc(var(--my-xxl) * var(--1200));
  } /* 100px */
  .myb-xl {
    margin-bottom: calc(var(--my-xl) * var(--1200));
  } /* 80px */
  .myb-l {
    margin-bottom: calc(var(--my-l) * var(--1200));
  } /* 60px */
  .myb-m {
    margin-bottom: calc(var(--my-m) * var(--1200));
  } /* 40px */
  .myb-s {
    margin-bottom: calc(var(--my-s) * var(--1200));
  } /* 20px */
  .myb-xs {
    margin-bottom: calc(var(--my-xs) * var(--1200));
  } /* 10px */
  .myb-xxs {
    margin-bottom: calc(var(--my-xxs) * var(--1200));
  } /* 7px */
  /* Paddings X & Y -------- */
  .module-pxl {
    padding-left: calc(var(--px) * var(--070));
  } /* 3.75rem */
  .module-pxr {
    padding-right: calc(var(--px) * var(--070));
  } /* 3.75rem */
  .left-column-pxr {
    padding-right: calc(var(--px) * var(--070));
  } /* 3.75rem */
  .right-column-pxl {
    padding-left: calc(var(--px) * var(--070));
  } /* 3.75rem */
  .pyt-xxl {
    padding-top: calc(var(--py-xxl) * var(--1200));
  } /* 100px */
  .pyt-xl {
    padding-top: calc(var(--py-xl) * var(--1200));
  } /* 80px */
  .pyt-l {
    padding-top: calc(var(--py-l) * var(--1200));
  } /* 60px */
  .pyt-m {
    padding-top: calc(var(--py-m) * var(--1200));
  } /* 40px */
  .pyt-s {
    padding-top: calc(var(--py-s) * var(--1200));
  } /* 20px */
  .pyt-xs {
    padding-top: calc(var(--py-xs) * var(--1200));
  } /* 10px */
  .pyt-xxs {
    padding-top: calc(var(--py-xxs) * var(--1200));
  } /* 7px */
  .pyb-xxl {
    padding-bottom: calc(var(--py-xxl) * var(--1200));
  } /* 100px */
  .pyb-xl {
    padding-bottom: calc(var(--py-xl) * var(--1200));
  } /* 80px */
  .pyb-l {
    padding-bottom: calc(var(--py-l) * var(--1200));
  } /* 60px */
  .pyb-m {
    padding-bottom: calc(var(--py-m) * var(--1200));
  } /* 40px */
  .pyb-s {
    padding-bottom: calc(var(--py-s) * var(--1200));
  } /* 20px */
  .pyb-xs {
    padding-bottom: calc(var(--py-xs) * var(--1200));
  } /* 10px */
  .pyb-xxs {
    padding-bottom: calc(var(--py-xxs) * var(--1200));
  } /* 7px */
}
@media screen and (max-width: 63.999em) {
  /* Font sizes ------------ */
  .breadcrumbs-m {
    font-size: calc(var(--breadcrumbs-m) * var(--1024));
  }
  .breadcrumbs-s {
    font-size: calc(var(--breadcrumbs-s) * var(--1024));
  }
  .l1-hero-heading {
    font-size: calc(var(--l1-hero-heading) * var(--1024));
  }
  .l2-hero-heading {
    font-size: calc(var(--l2-hero-heading) * var(--1024));
  }
  .l3-hero-heading {
    font-size: calc(var(--l3-hero-heading) * var(--1024));
  }
  .l1-h2-heading {
    font-size: calc(var(--l1-h2-heading) * var(--1024));
  }
  .l2-h2-heading {
    font-size: calc(var(--l2-h2-heading) * var(--1024));
  }
  .l3-h2-heading {
    font-size: calc(var(--l3-h2-heading) * var(--1024));
  }
  .label-heading {
    font-size: calc(var(--label-heading) * var(--1024));
  }
  .subheading-xl {
    font-size: calc(var(--subheading-xl) * var(--1024));
  }
  .subheading-l {
    font-size: calc(var(--subheading-l) * var(--1024));
  }
  .subheading-m {
    font-size: calc(var(--subheading-m) * var(--1024));
  }
  .subheading-s {
    font-size: calc(var(--subheading-s) * var(--1024));
  }
  .lead-l {
    font-size: calc(var(--lead-l) * var(--1024));
  }
  .lead-m {
    font-size: calc(var(--lead-m) * var(--1024));
  }
  .lead-s {
    font-size: calc(var(--lead-s) * var(--1024));
  }
  .featured-nr {
    font-size: calc(var(--featured-nr) * var(--1024));
  }
  .hero-nr {
    font-size: calc(var(--hero-nr) * var(--1024));
  }
  .fake-heading {
    font-size: calc(var(--fake-heading) * var(--1024));
  }
  .p-xl {
    font-size: calc(var(--p-xl) * var(--1024));
  }
  .p-l {
    font-size: calc(var(--p-l) * var(--1024));
  }
  .p-m {
    font-size: calc(var(--p-m) * var(--1024));
  }
  .p-s {
    font-size: calc(var(--p-s) * var(--1024));
  }
  .p-xs {
    font-size: calc(var(--p-xs) * var(--1024));
  }
  .round-button-l {
    font-size: calc(var(--round-button-l) * var(--1024));
  }
  .round-button-m {
    font-size: calc(var(--round-button-m) * var(--1024));
  }
  .round-button-s {
    font-size: calc(var(--round-button-s) * var(--1024));
  }
  .line-button-xl {
    font-size: calc(var(--line-button-xl) * var(--1024));
  }
  .line-button-l {
    font-size: calc(var(--line-button-l) * var(--1024));
  }
  .line-button-m {
    font-size: calc(var(--line-button-m) * var(--1024));
  }
  .line-button-s {
    font-size: calc(var(--line-button-s) * var(--1024));
  }
  .in-line-list-button {
    font-size: calc(var(--in-line-list-button) * var(--1024));
  }
  .index-button {
    font-size: calc(var(--index-button) * var(--1024));
  }
  .nav-l {
    font-size: calc(var(--nav-l) * var(--1024));
  }
  .nav-m {
    font-size: calc(var(--nav-m) * var(--1024));
  }
  .nav-s {
    font-size: calc(var(--nav-s) * var(--1024));
  }
  label {
    font-size: calc(var(--p-s) * var(--1024));
  }
  select {
    font-size: calc(var(--p-s) * var(--1024));
  }
  [type=email] {
    font-size: calc(var(--p-s) * var(--1024));
  }
  [type=submit] {
    font-size: calc(var(--round-button-m) * var(--1024));
  }
  .newsletter-contact-form label,
  .partner-filter label {
    font-size: calc(var(--p-s) * var(--1024));
  }
  .newsletter-contact-form select,
  .partner-filter select {
    font-size: calc(var(--p-s) * var(--1024));
  }
  .newsletter-contact-form [type=email] {
    font-size: calc(var(--p-s) * var(--1024));
  }
  .newsletter-contact-form [type=submit] {
    font-size: calc(var(--round-button-m) * var(--1024));
  }
  /* Margins --------------- */
  .myt-xxl {
    margin-top: calc(var(--my-xxl) * var(--1024));
  } /* 100px */
  .myt-xl {
    margin-top: calc(var(--my-xl) * var(--1024));
  } /* 80px */
  .myt-l {
    margin-top: calc(var(--my-l) * var(--1024));
  } /* 60px */
  .myt-m {
    margin-top: calc(var(--my-m) * var(--1024));
  } /* 40px */
  .myt-s {
    margin-top: calc(var(--my-s) * var(--1024));
  } /* 20px */
  .myt-xs {
    margin-top: calc(var(--my-xs) * var(--1024));
  } /* 10px */
  .myt-xxs {
    margin-top: calc(var(--my-xxs) * var(--1024));
  } /* 7px */
  .mxr-xxl {
    margin-right: calc(var(--mx-xxl) * var(--1024));
  } /* 100px */
  .mxr-xl {
    margin-right: calc(var(--mx-xl) * var(--1024));
  } /* 80px */
  .mxr-l {
    margin-right: calc(var(--mx-l) * var(--1024));
  } /* 60px */
  .mxr-m {
    margin-right: calc(var(--mx-m) * var(--1024));
  } /* 40px */
  .mxr-s {
    margin-right: calc(var(--mx-s) * var(--1024));
  } /* 20px */
  .mxr-xs {
    margin-right: calc(var(--mx-xs) * var(--1024));
  } /* 10px */
  .mxr-xxs {
    margin-right: calc(var(--mx-xxs) * var(--1024));
  } /* 7px */
  .mxl-xxl {
    margin-left: calc(var(--mx-xxl) * var(--1024));
  } /* 100px */
  .mxl-xl {
    margin-left: calc(var(--mx-xl) * var(--1024));
  } /* 80px */
  .mxl-l {
    margin-left: calc(var(--mx-l) * var(--1024));
  } /* 60px */
  .mxl-m {
    margin-left: calc(var(--mx-m) * var(--1024));
  } /* 40px */
  .mxl-s {
    margin-left: calc(var(--mx-s) * var(--1024));
  } /* 20px */
  .mxl-xs {
    margin-left: calc(var(--mx-xs) * var(--1024));
  } /* 10px */
  .mxl-xxs {
    margin-left: calc(var(--mx-xxs) * var(--1024));
  } /* 7px */
  .myb-xxl {
    margin-bottom: calc(var(--my-xxl) * var(--1024));
  } /* 100px */
  .myb-xl {
    margin-bottom: calc(var(--my-xl) * var(--1024));
  } /* 80px */
  .myb-l {
    margin-bottom: calc(var(--my-l) * var(--1024));
  } /* 60px */
  .myb-m {
    margin-bottom: calc(var(--my-m) * var(--1024));
  } /* 40px */
  .myb-s {
    margin-bottom: calc(var(--my-s) * var(--1024));
  } /* 20px */
  .myb-xs {
    margin-bottom: calc(var(--my-xs) * var(--1024));
  } /* 10px */
  .myb-xxs {
    margin-bottom: calc(var(--my-xxs) * var(--1024));
  } /* 7px */
  /* Paddings X & Y -------- */
  .module-pxl {
    padding-left: calc(var(--px) * var(--050));
  } /* 3.75rem */
  .module-pxr {
    padding-right: calc(var(--px) * var(--050));
  } /* 3.75rem */
  .left-column-pxr {
    padding-right: calc(var(--px) * var(--050));
  } /* 3.75rem */
  .right-column-pxl {
    padding-left: calc(var(--px) * var(--050));
  } /* 3.75rem */
  .pyt-xxl {
    padding-top: calc(var(--py-xxl) * var(--1024));
  } /* 100px */
  .pyt-xl {
    padding-top: calc(var(--py-xl) * var(--1024));
  } /* 80px */
  .pyt-l {
    padding-top: calc(var(--py-l) * var(--1024));
  } /* 60px */
  .pyt-m {
    padding-top: calc(var(--py-m) * var(--1024));
  } /* 40px */
  .pyt-s {
    padding-top: calc(var(--py-s) * var(--1024));
  } /* 20px */
  .pyt-xs {
    padding-top: calc(var(--py-xs) * var(--1024));
  } /* 10px */
  .pyt-xxs {
    padding-top: calc(var(--py-xxs) * var(--1024));
  } /* 7px */
  .pyb-xxl {
    padding-bottom: calc(var(--py-xxl) * var(--1024));
  } /* 100px */
  .pyb-xl {
    padding-bottom: calc(var(--py-xl) * var(--1024));
  } /* 80px */
  .pyb-l {
    padding-bottom: calc(var(--py-l) * var(--1024));
  } /* 60px */
  .pyb-m {
    padding-bottom: calc(var(--py-m) * var(--1024));
  } /* 40px */
  .pyb-s {
    padding-bottom: calc(var(--py-s) * var(--1024));
  } /* 20px */
  .pyb-xs {
    padding-bottom: calc(var(--py-xs) * var(--1024));
  } /* 10px */
  .pyb-xxs {
    padding-bottom: calc(var(--py-xxs) * var(--1024));
  } /* 7px */
}
/* Medium */
@media screen and (max-width: 47.999em) {
  /* Font sizes ------------ */
  .breadcrumbs-m {
    font-size: calc(var(--breadcrumbs-m) * var(--768));
  }
  .breadcrumbs-s {
    font-size: calc(var(--breadcrumbs-s) * var(--768));
  }
  .l1-hero-heading {
    font-size: calc(var(--l1-hero-heading) * var(--768));
  }
  .l2-hero-heading {
    font-size: calc(var(--l2-hero-heading) * var(--768));
  }
  .l3-hero-heading {
    font-size: calc(var(--l3-hero-heading) * var(--768));
  }
  .l1-h2-heading {
    font-size: calc(var(--l1-h2-heading) * var(--768));
  }
  .l2-h2-heading {
    font-size: calc(var(--l2-h2-heading) * var(--768));
  }
  .l3-h2-heading {
    font-size: calc(var(--l3-h2-heading) * var(--768));
  }
  .label-heading {
    font-size: calc(var(--label-heading) * var(--768));
  }
  .subheading-xl {
    font-size: calc(var(--subheading-xl) * var(--768));
  }
  .subheading-l {
    font-size: calc(var(--subheading-l) * var(--768));
  }
  .subheading-m {
    font-size: calc(var(--subheading-m) * var(--768));
  }
  .subheading-s {
    font-size: calc(var(--subheading-s) * var(--768));
  }
  .lead-l {
    font-size: calc(var(--lead-l) * var(--768));
  }
  .lead-m {
    font-size: calc(var(--lead-m) * var(--768));
  }
  .lead-s {
    font-size: calc(var(--lead-s) * var(--768));
  }
  .featured-nr {
    font-size: calc(var(--featured-nr) * var(--768));
  }
  .hero-nr {
    font-size: calc(var(--hero-nr) * var(--768));
  }
  .fake-heading {
    font-size: calc(var(--fake-heading) * var(--768));
  }
  .p-xl {
    font-size: calc(var(--p-xl) * var(--768));
  }
  .p-l {
    font-size: calc(var(--p-l) * var(--768));
  }
  .p-m {
    font-size: calc(var(--p-m) * var(--768));
  }
  .p-s {
    font-size: calc(var(--p-s) * var(--768));
  }
  .p-xs {
    font-size: calc(var(--p-xs) * var(--768));
  }
  .round-button-l {
    font-size: calc(var(--round-button-l) * var(--768));
  }
  .round-button-m {
    font-size: calc(var(--round-button-m) * var(--768));
  }
  .round-button-s {
    font-size: calc(var(--round-button-s) * var(--768));
  }
  .line-button-xl {
    font-size: calc(var(--line-button-xl) * var(--768));
  }
  .line-button-l {
    font-size: calc(var(--line-button-l) * var(--768));
  }
  .line-button-m {
    font-size: calc(var(--line-button-m) * var(--768));
  }
  .line-button-s {
    font-size: calc(var(--line-button-s) * var(--768));
  }
  .in-line-list-button {
    font-size: calc(var(--in-line-list-button) * var(--768));
  }
  .index-button {
    font-size: calc(var(--index-button) * var(--768));
  }
  .nav-l {
    font-size: calc(var(--nav-l) * var(--768));
  }
  .nav-m {
    font-size: calc(var(--nav-m) * var(--768));
  }
  .nav-s {
    font-size: calc(var(--nav-s) * var(--768));
  }
  label {
    font-size: calc(var(--p-s) * var(--768));
  }
  select {
    font-size: calc(var(--p-s) * var(--768));
  }
  [type=email] {
    font-size: calc(var(--p-s) * var(--768));
  }
  [type=submit] {
    font-size: calc(var(--round-button-m) * var(--768));
  }
  .newsletter-contact-form label,
  .partner-filter label {
    font-size: calc(var(--p-s) * var(--768));
  }
  .newsletter-contact-form select,
  .partner-filter select {
    font-size: calc(var(--p-s) * var(--768));
  }
  .newsletter-contact-form [type=email] {
    font-size: calc(var(--p-s) * var(--768));
  }
  .newsletter-contact-form [type=submit] {
    font-size: calc(var(--round-button-m) * var(--768));
  }
  /* Margins --------------- */
  .myt-xxl {
    margin-top: calc(var(--my-xxl) * var(--768));
  } /* 100px */
  .myt-xl {
    margin-top: calc(var(--my-xl) * var(--768));
  } /* 80px */
  .myt-l {
    margin-top: calc(var(--my-l) * var(--768));
  } /* 60px */
  .myt-m {
    margin-top: calc(var(--my-m) * var(--768));
  } /* 40px */
  .myt-s {
    margin-top: calc(var(--my-s) * var(--768));
  } /* 20px */
  .myt-xs {
    margin-top: calc(var(--my-xs) * var(--768));
  } /* 10px */
  .myt-xxs {
    margin-top: calc(var(--my-xxs) * var(--768));
  } /* 7px */
  .mxr-xxl {
    margin-right: calc(var(--mx-xxl) * var(--768));
  } /* 100px */
  .mxr-xl {
    margin-right: calc(var(--mx-xl) * var(--768));
  } /* 80px */
  .mxr-l {
    margin-right: calc(var(--mx-l) * var(--768));
  } /* 60px */
  .mxr-m {
    margin-right: calc(var(--mx-m) * var(--768));
  } /* 40px */
  .mxr-s {
    margin-right: calc(var(--mx-s) * var(--768));
  } /* 20px */
  .mxr-xs {
    margin-right: calc(var(--mx-xs) * var(--768));
  } /* 10px */
  .mxr-xxs {
    margin-right: calc(var(--mx-xxs) * var(--768));
  } /* 7px */
  .mxl-xxl {
    margin-left: calc(var(--mx-xxl) * var(--768));
  } /* 100px */
  .mxl-xl {
    margin-left: calc(var(--mx-xl) * var(--768));
  } /* 80px */
  .mxl-l {
    margin-left: calc(var(--mx-l) * var(--768));
  } /* 60px */
  .mxl-m {
    margin-left: calc(var(--mx-m) * var(--768));
  } /* 40px */
  .mxl-s {
    margin-left: calc(var(--mx-s) * var(--768));
  } /* 20px */
  .mxl-xs {
    margin-left: calc(var(--mx-xs) * var(--768));
  } /* 10px */
  .mxl-xxs {
    margin-left: calc(var(--mx-xxs) * var(--768));
  } /* 7px */
  .myb-xxl {
    margin-bottom: calc(var(--my-xxl) * var(--768));
  } /* 100px */
  .myb-xl {
    margin-bottom: calc(var(--my-xl) * var(--768));
  } /* 80px */
  .myb-l {
    margin-bottom: calc(var(--my-l) * var(--768));
  } /* 60px */
  .myb-m {
    margin-bottom: calc(var(--my-m) * var(--768));
  } /* 40px */
  .myb-s {
    margin-bottom: calc(var(--my-s) * var(--768));
  } /* 20px */
  .myb-xs {
    margin-bottom: calc(var(--my-xs) * var(--768));
  } /* 10px */
  .myb-xxs {
    margin-bottom: calc(var(--my-xxs) * var(--768));
  } /* 7px */
  /* Paddings X & Y -------- */
  .module-pxl {
    padding-left: calc(var(--px) * var(--030));
  } /* 3.75rem */
  .module-pxr {
    padding-right: calc(var(--px) * var(--030));
  } /* 3.75rem */
  .left-column-pxr {
    padding-right: calc(var(--px) * var(--030));
  } /* 3.75rem */
  .right-column-pxl {
    padding-left: calc(var(--px) * var(--030));
  } /* 3.75rem */
  .pyt-xxl {
    padding-top: calc(var(--py-xxl) * var(--768));
  } /* 100px */
  .pyt-xl {
    padding-top: calc(var(--py-xl) * var(--768));
  } /* 80px */
  .pyt-l {
    padding-top: calc(var(--py-l) * var(--768));
  } /* 60px */
  .pyt-m {
    padding-top: calc(var(--py-m) * var(--768));
  } /* 40px */
  .pyt-s {
    padding-top: calc(var(--py-s) * var(--768));
  } /* 20px */
  .pyt-xs {
    padding-top: calc(var(--py-xs) * var(--768));
  } /* 10px */
  .pyt-xxs {
    padding-top: calc(var(--py-xxs) * var(--768));
  } /* 7px */
  .pyb-xxl {
    padding-bottom: calc(var(--py-xxl) * var(--768));
  } /* 100px */
  .pyb-xl {
    padding-bottom: calc(var(--py-xl) * var(--768));
  } /* 80px */
  .pyb-l {
    padding-bottom: calc(var(--py-l) * var(--768));
  } /* 60px */
  .pyb-m {
    padding-bottom: calc(var(--py-m) * var(--768));
  } /* 40px */
  .pyb-s {
    padding-bottom: calc(var(--py-s) * var(--768));
  } /* 20px */
  .pyb-xs {
    padding-bottom: calc(var(--py-xs) * var(--768));
  } /* 10px */
  .pyb-xxs {
    padding-bottom: calc(var(--py-xxs) * var(--768));
  } /* 7px */
}
/* Small */
@media screen and (max-width: 39.999em) {
  /* Font sizes ------------ */
  .breadcrumbs-m {
    font-size: calc(var(--breadcrumbs-m) * var(--640));
  }
  .breadcrumbs-s {
    font-size: calc(var(--breadcrumbs-s) * var(--640));
  }
  .l1-hero-heading {
    font-size: calc(var(--l1-hero-heading) * 0.6);
  } /* Customised */
  .l2-hero-heading {
    font-size: calc(var(--l2-hero-heading) * var(--640));
  }
  .l3-hero-heading {
    font-size: calc(var(--l3-hero-heading) * var(--640));
  }
  .l1-h2-heading {
    font-size: calc(var(--l1-h2-heading) * var(--640));
  }
  .l2-h2-heading {
    font-size: calc(var(--l2-h2-heading) * var(--640));
  }
  .l3-h2-heading {
    font-size: calc(var(--l3-h2-heading) * var(--640));
  }
  .label-heading {
    font-size: calc(var(--label-heading) * var(--640));
  }
  .subheading-xl {
    font-size: calc(var(--subheading-xl) * var(--640));
  }
  .subheading-l {
    font-size: calc(var(--subheading-l) * var(--640));
  }
  .subheading-m {
    font-size: calc(var(--subheading-m) * var(--640));
  }
  .subheading-s {
    font-size: calc(var(--subheading-s) * var(--640));
  }
  .lead-l {
    font-size: calc(var(--lead-l) * var(--640));
  }
  .lead-m {
    font-size: calc(var(--lead-m) * var(--640));
  }
  .lead-s {
    font-size: calc(var(--lead-s) * var(--640));
  }
  .featured-nr {
    font-size: calc(var(--featured-nr) * var(--640));
  }
  .hero-nr {
    font-size: calc(var(--hero-nr) * var(--640));
  }
  .fake-heading {
    font-size: calc(var(--fake-heading) * var(--640));
  }
  .p-xl {
    font-size: calc(var(--p-xl) * var(--640));
  }
  .p-l {
    font-size: calc(var(--p-l) * var(--640));
  }
  .p-m {
    font-size: calc(var(--p-m) * var(--640));
  }
  .p-s {
    font-size: calc(var(--p-s) * var(--640));
  }
  .p-xs {
    font-size: calc(var(--p-xs) * 0.8);
  } /* Customised */
  .round-button-l {
    font-size: calc(var(--round-button-l) * var(--640));
  }
  .round-button-m {
    font-size: calc(var(--round-button-m) * var(--640));
  }
  .round-button-s {
    font-size: calc(var(--round-button-s) * var(--640));
  }
  .line-button-xl {
    font-size: calc(var(--line-button-xl) * var(--640));
  }
  .line-button-l {
    font-size: calc(var(--line-button-l) * var(--640));
  }
  .line-button-m {
    font-size: calc(var(--line-button-m) * var(--640));
  }
  .line-button-s {
    font-size: calc(var(--line-button-s) * var(--640));
  }
  .in-line-list-button {
    font-size: calc(var(--in-line-list-button) * var(--640));
  }
  .index-button {
    font-size: calc(var(--index-button) * var(--640));
  }
  .nav-l {
    font-size: calc(var(--nav-l) * var(--640));
  }
  .nav-m {
    font-size: calc(var(--nav-m) * var(--640));
  }
  .nav-s {
    font-size: calc(var(--nav-s) * var(--640));
  }
  label {
    font-size: calc(var(--p-s) * var(--640));
  }
  select {
    font-size: calc(var(--p-s) * var(--640));
  }
  [type=email] {
    font-size: calc(var(--p-s) * var(--640));
  }
  [type=submit] {
    font-size: calc(var(--round-button-m) * var(--640));
  }
  .newsletter-contact-form label,
  .partner-filter label {
    font-size: calc(var(--p-s) * var(--640));
  }
  .newsletter-contact-form select,
  .partner-filter select {
    font-size: calc(var(--p-s) * var(--640));
  }
  .newsletter-contact-form [type=email] {
    font-size: calc(var(--p-s) * var(--640));
  }
  .newsletter-contact-form [type=submit] {
    font-size: calc(var(--round-button-m) * var(--640));
  }
  /* Margins --------------- */
  .myt-xxl {
    margin-top: calc(var(--my-xxl) * var(--640));
  } /* 100px */
  .myt-xl {
    margin-top: calc(var(--my-xl) * var(--640));
  } /* 80px */
  .myt-l {
    margin-top: calc(var(--my-l) * var(--640));
  } /* 60px */
  .myt-m {
    margin-top: calc(var(--my-m) * var(--640));
  } /* 40px */
  .myt-s {
    margin-top: calc(var(--my-s) * var(--640));
  } /* 20px */
  .myt-xs {
    margin-top: calc(var(--my-xs) * var(--640));
  } /* 10px */
  .myt-xxs {
    margin-top: calc(var(--my-xxs) * var(--640));
  } /* 7px */
  .mxr-xxl {
    margin-right: calc(var(--mx-xxl) * var(--640));
  } /* 100px */
  .mxr-xl {
    margin-right: calc(var(--mx-xl) * var(--640));
  } /* 80px */
  .mxr-l {
    margin-right: calc(var(--mx-l) * var(--640));
  } /* 60px */
  .mxr-m {
    margin-right: calc(var(--mx-m) * var(--640));
  } /* 40px */
  .mxr-s {
    margin-right: calc(var(--mx-s) * var(--640));
  } /* 20px */
  .mxr-xs {
    margin-right: calc(var(--mx-xs) * var(--640));
  } /* 10px */
  .mxr-xxs {
    margin-right: calc(var(--mx-xxs) * var(--640));
  } /* 7px */
  .mxl-xxl {
    margin-left: calc(var(--mx-xxl) * var(--640));
  } /* 100px */
  .mxl-xl {
    margin-left: calc(var(--mx-xl) * var(--640));
  } /* 80px */
  .mxl-l {
    margin-left: calc(var(--mx-l) * var(--640));
  } /* 60px */
  .mxl-m {
    margin-left: calc(var(--mx-m) * var(--640));
  } /* 40px */
  .mxl-s {
    margin-left: calc(var(--mx-s) * var(--640));
  } /* 20px */
  .mxl-xs {
    margin-left: calc(var(--mx-xs) * var(--640));
  } /* 10px */
  .mxl-xxs {
    margin-left: calc(var(--mx-xxs) * var(--640));
  } /* 7px */
  .myb-xxl {
    margin-bottom: calc(var(--my-xxl) * var(--640));
  } /* 100px */
  .myb-xl {
    margin-bottom: calc(var(--my-xl) * var(--640));
  } /* 80px */
  .myb-l {
    margin-bottom: calc(var(--my-l) * var(--640));
  } /* 60px */
  .myb-m {
    margin-bottom: calc(var(--my-m) * var(--640));
  } /* 40px */
  .myb-s {
    margin-bottom: calc(var(--my-s) * var(--640));
  } /* 20px */
  .myb-xs {
    margin-bottom: calc(var(--my-xs) * var(--640));
  } /* 10px */
  .myb-xxs {
    margin-bottom: calc(var(--my-xxs) * var(--640));
  } /* 7px */
  /* Paddings X & Y -------- */
  .module-pxl {
    padding-left: calc(var(--px) * var(--050));
  } /* 3.75rem */
  .module-pxr {
    padding-right: calc(var(--px) * var(--050));
  } /* 3.75rem */
  .left-column-pxr {
    padding-right: calc(var(--px) * var(--050));
  } /* 3.75rem */
  .right-column-pxl {
    padding-left: calc(var(--px) * var(--050));
  } /* 3.75rem */
  .pyt-xxl {
    padding-top: calc(var(--py-xxl) * var(--640));
  } /* 100px */
  .pyt-xl {
    padding-top: calc(var(--py-xl) * var(--640));
  } /* 80px */
  .pyt-l {
    padding-top: calc(var(--py-l) * var(--640));
  } /* 60px */
  .pyt-m {
    padding-top: calc(var(--py-m) * var(--640));
  } /* 40px */
  .pyt-s {
    padding-top: calc(var(--py-s) * var(--640));
  } /* 20px */
  .pyt-xs {
    padding-top: calc(var(--py-xs) * var(--640));
  } /* 10px */
  .pyt-xxs {
    padding-top: calc(var(--py-xxs) * var(--640));
  } /* 7px */
  .pyb-xxl {
    padding-bottom: calc(var(--py-xxl) * var(--640));
  } /* 100px */
  .pyb-xl {
    padding-bottom: calc(var(--py-xl) * var(--640));
  } /* 80px */
  .pyb-l {
    padding-bottom: calc(var(--py-l) * var(--640));
  } /* 60px */
  .pyb-m {
    padding-bottom: calc(var(--py-m) * var(--640));
  } /* 40px */
  .pyb-s {
    padding-bottom: calc(var(--py-s) * var(--640));
  } /* 20px */
  .pyb-xs {
    padding-bottom: calc(var(--py-xs) * var(--640));
  } /* 10px */
  .pyb-xxs {
    padding-bottom: calc(var(--py-xxs) * var(--640));
  } /* 7px */
}
.radio-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.radio-buttons input[type=radio] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.radio-buttons input[type=radio]:checked + label {
  background-color: var(--l-blue);
  border-color: var(--d-blue);
}
.radio-buttons label {
  background-color: var(--l-gray);
  border-radius: 4px;
  border: 1px solid var(--m-gray);
  color: var(--d-blue);
  cursor: pointer;
  display: inline-block;
  margin: 0 20px 0 0;
  padding: 10px 20px;
}

.add-adress-button {
  text-align: end;
  margin: auto;
  padding-right: 3rem;
}
.add-adress-button button {
  color: var(--white);
  text-transform: uppercase;
}
.add-adress-button img {
  padding-bottom: 2px;
  -webkit-filter: brightness(0) saturate(100%) invert(91%) sepia(15%) saturate(3454%) hue-rotate(328deg) brightness(108%) contrast(111%);
          filter: brightness(0) saturate(100%) invert(91%) sepia(15%) saturate(3454%) hue-rotate(328deg) brightness(108%) contrast(111%);
}

.delete-button {
  cursor: pointer;
  background-color: #6498c9;
  position: relative;
  left: -4rem;
  top: 5.5rem;
  border-radius: 100%;
}
.delete-button img {
  -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(2682%) hue-rotate(202deg) brightness(116%) contrast(100%);
          filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(2682%) hue-rotate(202deg) brightness(116%) contrast(100%);
}

.button-transparent-outline {
  display: inline-block;
  color: var(--white);
  background-color: transparent;
  border: 2px solid var(--white);
  padding: 1em 2.5em;
  border-radius: 25px;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: background-color 0.2s, color 0.2s;
  transition: background-color 0.2s, color 0.2s;
  text-transform: uppercase;
}
.button-transparent-outline:hover {
  background-color: var(--white);
  color: black;
}

.button-white-outline {
  background-color: var(--white);
  color: var(--m-blue);
  border: 3px solid;
  border-color: var(--m-blue);
  border-radius: 30px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 4rem;
  padding-right: 4rem;
  text-transform: uppercase;
  font-family: "Barlow", sans-serif !important;
  font-weight: 500;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}
.button-white-outline:hover:not(.button:disabled) {
  cursor: pointer;
  background-color: var(--m-blue);
  color: var(--white);
}
.button-white-outline:disabled, .button-white-outline.disabled {
  pointer-events: none;
}

.button-document {
  cursor: pointer;
}

.hidden {
  display: none;
}

.helptool {
  border-bottom: 0;
  border-radius: 50%;
  display: inline-block;
  font-size: 9px;
  height: 16px;
  left: 5px;
  position: relative;
  text-align: center;
  text-transform: lowercase;
  top: -10px;
  width: 16px;
}
.helptool--blue {
  background-color: var(--m-blue);
  color: var(--white);
}
.helptool--white {
  background-color: var(--white);
  color: var(--m-blue);
}
.helptool .helptooltext {
  background-color: var(--white);
  border-radius: 6px;
  border: 1px solid var(--m-blue);
  color: var(--m-blue);
  display: none;
  font-size: 0.875rem;
  left: 50%;
  margin-top: 32px;
  padding: 8px 4px;
  position: absolute;
  text-align: center;
  top: 5px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 200px;
  z-index: 1;
}
.helptool .helptooltext.wide {
  width: 640px;
}
@media (max-width: 1366px) {
  .helptool .helptooltext.wide {
    width: 50vw;
  }
}
.helptool:hover .tiptext {
  display: block;
}

.alert {
  border-radius: 0.25rem;
  border: 1px solid transparent;
  left: 0;
  margin: 1rem 0 1rem 0;
  padding: 0.75rem 1.25rem;
  position: relative;
  top: 0;
  width: 100%;
}
.alert--success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.alert--warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.umbraco-forms-form fieldset {
  margin-bottom: 20px;
  padding: 10px 10px 0 0;
}
.umbraco-forms-form label {
  display: inline-block;
}
.umbraco-forms-form .umbraco-forms-label {
  color: var(--d-gray);
  font-weight: bold;
  margin: 5px 0;
}
.umbraco-forms-form span.field-validation-error {
  color: var(--red);
}
.umbraco-forms-form input,
.umbraco-forms-form textarea {
  font-family: "Barlow", sans-serif !important;
}
.umbraco-forms-form textarea {
  height: 250px;
}
.umbraco-forms-form input.text,
.umbraco-forms-form textarea {
  display: block;
  max-width: 400px;
  width: 95%;
}
.umbraco-forms-form input.text,
.umbraco-forms-form input.title,
.umbraco-forms-form textarea,
.umbraco-forms-form select {
  margin: 0.5em 0;
}
.umbraco-forms-form input[type=checkbox] {
  margin-top: 5px;
  vertical-align: top;
}
.umbraco-forms-form input[type=submit] {
  background-color: transparent;
  border-radius: 50px;
  border: 2px solid var(--d-blue);
  color: var(--d-blue);
  cursor: pointer;
  display: inline-block;
  font-weight: 500;
  letter-spacing: 2px;
  outline: none;
  padding: 12px 30px;
  text-transform: uppercase;
}
.umbraco-forms-form input[type=submit]:hover {
  background: var(--m-blue);
  border: 2px solid var(--m-blue);
  color: var(--white);
}
.umbraco-forms-form .umbraco-forms-field.consentforstoringsubmitteddata .field-validation-error {
  display: block;
}
.umbraco-forms-form .umbraco-forms-navigation {
  padding: 1em 0em;
}

#toasters {
  position: fixed;
  right: 0;
  z-index: 999;
}
#toasters .toaster-container {
  position: absolute;
  right: 18px;
  top: 104.9px;
  padding: 0.75rem;
}
#toasters .toaster-container .toaster {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 350px;
  max-width: 100%;
  font-size: 0.875rem;
  pointer-events: auto;
  background-color: rgba(178, 212, 245, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  margin-bottom: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#toasters .toaster-container .toaster:not(.show) {
  opacity: 0;
}
#toasters .toaster-container .toaster.fade {
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
#toasters .toaster-container .toaster.show {
  opacity: 1;
}
#toasters .toaster-container .toaster button.close {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000}'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.25rem;
  opacity: 0.5;
  margin-top: auto;
  margin-left: auto;
  margin-bottom: auto;
  margin-right: 0.5rem;
}
#toasters .toaster-container .toaster button.close:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}
#toasters .toaster-container .toaster button.close:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.25 rgba(var(--d-blue), 0.25);
          box-shadow: 0 0 0 0.25 rgba(var(--d-blue), 0.25);
  opacity: 1;
}
#toasters .toaster-container .toaster__body {
  padding: 0.75rem;
  word-wrap: break-word;
}

#modalRoot {
  position: relative;
  z-index: 999;
}
#modalRoot .modal {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#modalRoot .modal__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid var(--d-blue);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px;
}
#modalRoot .modal__content {
  background-color: var(--m-blue);
  padding: 32px;
  min-width: 640px;
}
#modalRoot .modal__content ul {
  color: var(--white);
  min-height: 40px;
  width: 100%;
}
#modalRoot .modal__content ul li {
  border-bottom: 1px solid var(--d-blue);
  padding: 24px 0px;
}
#modalRoot .modal__content ul li:first-of-type {
  padding-top: 0px;
}
#modalRoot .modal__content ul li:last-of-type {
  border-bottom: none;
  padding-bottom: 0px;
}
#modalRoot .modal__content ul li:only-child {
  padding: 24px 0px;
}
#modalRoot .modal__content ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#modalRoot .modal__content ul li img {
  margin-right: 8px;
}

.spinner-overlay {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.1);
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.spinner-overlay.root {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
}
.spinner-overlay .spinner {
  background-color: transparent;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA0MCA0MCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEuNDE0MjE7IiB4PSIwcHgiIHk9IjBweCI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwhW0NEQVRBWwogICAgICAgICAgICBALXdlYmtpdC1rZXlmcmFtZXMgc3BpbiB7CiAgICAgICAgICAgICAgZnJvbSB7CiAgICAgICAgICAgICAgICAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDBkZWcpCiAgICAgICAgICAgICAgfQogICAgICAgICAgICAgIHRvIHsKICAgICAgICAgICAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoLTM1OWRlZykKICAgICAgICAgICAgICB9CiAgICAgICAgICAgIH0KICAgICAgICAgICAgQGtleWZyYW1lcyBzcGluIHsKICAgICAgICAgICAgICBmcm9tIHsKICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpCiAgICAgICAgICAgICAgfQogICAgICAgICAgICAgIHRvIHsKICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKC0zNTlkZWcpCiAgICAgICAgICAgICAgfQogICAgICAgICAgICB9CiAgICAgICAgICAgIHN2ZyB7CiAgICAgICAgICAgICAgICAtd2Via2l0LXRyYW5zZm9ybS1vcmlnaW46IDUwJSA1MCU7CiAgICAgICAgICAgICAgICAtd2Via2l0LWFuaW1hdGlvbjogc3BpbiAxLjVzIGxpbmVhciBpbmZpbml0ZTsKICAgICAgICAgICAgICAgIC13ZWJraXQtYmFja2ZhY2UtdmlzaWJpbGl0eTogaGlkZGVuOwogICAgICAgICAgICAgICAgYW5pbWF0aW9uOiBzcGluIDEuNXMgbGluZWFyIGluZmluaXRlOwogICAgICAgICAgICB9CiAgICAgICAgXV0+PC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJvdXRlciI+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMCwwQzIyLjIwNTgsMCAyMy45OTM5LDEuNzg4MTMgMjMuOTkzOSwzLjk5MzlDMjMuOTkzOSw2LjE5OTY4IDIyLjIwNTgsNy45ODc4MSAyMCw3Ljk4NzgxQzE3Ljc5NDIsNy45ODc4MSAxNi4wMDYxLDYuMTk5NjggMTYuMDA2MSwzLjk5MzlDMTYuMDA2MSwxLjc4ODEzIDE3Ljc5NDIsMCAyMCwwWiIgc3R5bGU9ImZpbGw6YmxhY2s7Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNNS44NTc4Niw1Ljg1Nzg2QzcuNDE3NTgsNC4yOTgxNSA5Ljk0NjM4LDQuMjk4MTUgMTEuNTA2MSw1Ljg1Nzg2QzEzLjA2NTgsNy40MTc1OCAxMy4wNjU4LDkuOTQ2MzggMTEuNTA2MSwxMS41MDYxQzkuOTQ2MzgsMTMuMDY1OCA3LjQxNzU4LDEzLjA2NTggNS44NTc4NiwxMS41MDYxQzQuMjk4MTUsOS45NDYzOCA0LjI5ODE1LDcuNDE3NTggNS44NTc4Niw1Ljg1Nzg2WiIgc3R5bGU9ImZpbGw6cmdiKDIxMCwyMTAsMjEwKTsiLz4KICAgICAgICA8L2c+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMCwzMi4wMTIyQzIyLjIwNTgsMzIuMDEyMiAyMy45OTM5LDMzLjgwMDMgMjMuOTkzOSwzNi4wMDYxQzIzLjk5MzksMzguMjExOSAyMi4yMDU4LDQwIDIwLDQwQzE3Ljc5NDIsNDAgMTYuMDA2MSwzOC4yMTE5IDE2LjAwNjEsMzYuMDA2MUMxNi4wMDYxLDMzLjgwMDMgMTcuNzk0MiwzMi4wMTIyIDIwLDMyLjAxMjJaIiBzdHlsZT0iZmlsbDpyZ2IoMTMwLDEzMCwxMzApOyIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZD0iTTI4LjQ5MzksMjguNDkzOUMzMC4wNTM2LDI2LjkzNDIgMzIuNTgyNCwyNi45MzQyIDM0LjE0MjEsMjguNDkzOUMzNS43MDE5LDMwLjA1MzYgMzUuNzAxOSwzMi41ODI0IDM0LjE0MjEsMzQuMTQyMUMzMi41ODI0LDM1LjcwMTkgMzAuMDUzNiwzNS43MDE5IDI4LjQ5MzksMzQuMTQyMUMyNi45MzQyLDMyLjU4MjQgMjYuOTM0MiwzMC4wNTM2IDI4LjQ5MzksMjguNDkzOVoiIHN0eWxlPSJmaWxsOnJnYigxMDEsMTAxLDEwMSk7Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNMy45OTM5LDE2LjAwNjFDNi4xOTk2OCwxNi4wMDYxIDcuOTg3ODEsMTcuNzk0MiA3Ljk4NzgxLDIwQzcuOTg3ODEsMjIuMjA1OCA2LjE5OTY4LDIzLjk5MzkgMy45OTM5LDIzLjk5MzlDMS43ODgxMywyMy45OTM5IDAsMjIuMjA1OCAwLDIwQzAsMTcuNzk0MiAxLjc4ODEzLDE2LjAwNjEgMy45OTM5LDE2LjAwNjFaIiBzdHlsZT0iZmlsbDpyZ2IoMTg3LDE4NywxODcpOyIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZD0iTTUuODU3ODYsMjguNDkzOUM3LjQxNzU4LDI2LjkzNDIgOS45NDYzOCwyNi45MzQyIDExLjUwNjEsMjguNDkzOUMxMy4wNjU4LDMwLjA1MzYgMTMuMDY1OCwzMi41ODI0IDExLjUwNjEsMzQuMTQyMUM5Ljk0NjM4LDM1LjcwMTkgNy40MTc1OCwzNS43MDE5IDUuODU3ODYsMzQuMTQyMUM0LjI5ODE1LDMyLjU4MjQgNC4yOTgxNSwzMC4wNTM2IDUuODU3ODYsMjguNDkzOVoiIHN0eWxlPSJmaWxsOnJnYigxNjQsMTY0LDE2NCk7Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNMzYuMDA2MSwxNi4wMDYxQzM4LjIxMTksMTYuMDA2MSA0MCwxNy43OTQyIDQwLDIwQzQwLDIyLjIwNTggMzguMjExOSwyMy45OTM5IDM2LjAwNjEsMjMuOTkzOUMzMy44MDAzLDIzLjk5MzkgMzIuMDEyMiwyMi4yMDU4IDMyLjAxMjIsMjBDMzIuMDEyMiwxNy43OTQyIDMzLjgwMDMsMTYuMDA2MSAzNi4wMDYxLDE2LjAwNjFaIiBzdHlsZT0iZmlsbDpyZ2IoNzQsNzQsNzQpOyIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZD0iTTI4LjQ5MzksNS44NTc4NkMzMC4wNTM2LDQuMjk4MTUgMzIuNTgyNCw0LjI5ODE1IDM0LjE0MjEsNS44NTc4NkMzNS43MDE5LDcuNDE3NTggMzUuNzAxOSw5Ljk0NjM4IDM0LjE0MjEsMTEuNTA2MUMzMi41ODI0LDEzLjA2NTggMzAuMDUzNiwxMy4wNjU4IDI4LjQ5MzksMTEuNTA2MUMyNi45MzQyLDkuOTQ2MzggMjYuOTM0Miw3LjQxNzU4IDI4LjQ5MzksNS44NTc4NloiIHN0eWxlPSJmaWxsOnJnYig1MCw1MCw1MCk7Ii8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  height: 40px;
  width: 40px;
  display: inline-block;
}

.spinner-parent {
  position: relative;
}

svg {
  stroke: currentColor;
  fill: currentColor;
}

.button-link {
  background-color: transparent;
  border-radius: 25px;
  border: 2px solid white;
  color: var(--white);
  cursor: pointer;
  display: inline-block;
  margin: 1em;
  padding: 0.5em 2em;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: background-color 0.2s, color 0.2s;
  transition: background-color 0.2s, color 0.2s;
}
.button-link:hover {
  background-color: var(--white);
  color: black;
}

.icon-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.icon-button.white, .icon-button.white--outlined {
  background-color: var(--white);
  color: var(--m-blue);
}
.icon-button.white--outlined {
  border: 1.5px solid var(--m-blue);
}
.icon-button.blue, .icon-button.blue--outlined {
  background-color: var(--d-blue);
  color: var(--white);
}
.icon-button.blue--outlined {
  border: 1.5px solid var(--white);
}
.icon-button.transparent {
  background-color: transparent;
}
.icon-button svg {
  height: 1.1rem;
  margin-right: -2px;
  vertical-align: middle;
  width: 1.1rem;
}

button.text-button:has(svg),
a.text-button:has(svg) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
button.text-button:has(svg).icon-left svg,
a.text-button:has(svg).icon-left svg {
  margin-right: 0.75rem;
}
button.text-button:has(svg).icon-right svg,
a.text-button:has(svg).icon-right svg {
  margin-left: 0.75rem;
}
button.text-button:has(svg) svg,
a.text-button:has(svg) svg {
  width: 1.25rem;
  height: 1.25rem;
}

table td button.icon-button,
table td a.icon-button {
  border-radius: 50%;
  cursor: pointer;
  display: table-cell;
  height: 2.25rem;
  width: 2.25rem;
}
table td button.icon-button.white, table td button.icon-button.white--outlined,
table td a.icon-button.white,
table td a.icon-button.white--outlined {
  background-color: var(--white);
  color: var(--m-blue);
}
table td button.icon-button.blue, table td button.icon-button.blue--outlined,
table td a.icon-button.blue,
table td a.icon-button.blue--outlined {
  background-color: var(--d-blue);
  color: var(--white);
}
table td button.icon-button.transparent,
table td a.icon-button.transparent {
  background-color: transparent;
}
table td button.icon-button svg,
table td a.icon-button svg {
  height: 1.1rem;
  margin-right: -2px;
  vertical-align: middle;
  width: 1.1rem;
}
table td button.icon-button.outlined svg,
table td a.icon-button.outlined svg {
  height: 2.25rem;
  width: 2.25rem;
}
table td button.large-icon-button,
table td a.large-icon-button {
  border-radius: 50%;
  cursor: pointer;
  display: table-cell;
  height: 2.25rem;
  width: 2.25rem;
}
table td button.large-icon-button.white, table td button.large-icon-button.icon-button.white--outlined,
table td a.large-icon-button.white,
table td a.large-icon-button.icon-button.white--outlined {
  color: var(--m-blue);
}
table td button.large-icon-button.blue, table td button.large-icon-button.icon-button.blue--outlined,
table td a.large-icon-button.blue,
table td a.large-icon-button.icon-button.blue--outlined {
  color: var(--white);
}

.page-section {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 50rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.page-section p {
  color: var(--white);
  font-size: x-large;
}
.page-section.center {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

header {
  position: fixed;
  width: 100%;
  z-index: 999;
}

.mega-menu-link {
  white-space: nowrap !important;
}

/* DESKTOP MENU */
@media screen and (min-width: 10em) {
  #mobile-menu {
    display: none;
  }
  #desktop-menu {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 10px 30px 10px 30px;
    width: 100%;
    z-index: 999;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  #desktop-menu .mega-menu-wrap {
    width: 100% !important;
  }
  #desktop-menu #mega-menu-main-nav {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
  #desktop-menu #desktop-menu-logo {
    left: 0;
    height: 100%;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #desktop-menu #desktop-menu-logo img {
    max-width: 150px;
  }
  #desktop-menu .mega-current-menu-ancestor > a,
  #desktop-menu .mega-current-menu-item > a {
    color: #ffd332 !important;
  }
  #desktop-menu #login {
    height: 100%;
    padding: 0px 70px;
    background-color: white;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 2px solid #02396b;
  }
  #desktop-menu .menu-items li a p {
    text-transform: uppercase;
    color: var(--white);
    font-size: larger;
    font-weight: 500;
    padding-top: 15px;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
  }
  #desktop-menu .menu-items li a p:hover {
    color: var(--l-blue);
  }
  #desktop-menu .menu-items li a img {
    -webkit-filter: invert(87%) sepia(0%) saturate(1611%) hue-rotate(71deg) brightness(126%) contrast(100%);
            filter: invert(87%) sepia(0%) saturate(1611%) hue-rotate(71deg) brightness(126%) contrast(100%);
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
  }
  #desktop-menu .menu-items li a img:hover {
    -webkit-filter: invert(64%) sepia(15%) saturate(1525%) hue-rotate(172deg) brightness(102%) contrast(85%);
            filter: invert(64%) sepia(15%) saturate(1525%) hue-rotate(172deg) brightness(102%) contrast(85%);
  }
  #desktop-menu .menu-items li a.icon-button {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 1;
    padding: 0.7rem 1rem;
    text-decoration: none;
  }
  #desktop-menu .menu-items li a.icon-button:hover {
    color: var(--l-blue);
  }
  #desktop-menu .menu-items li a.icon-button svg {
    height: 1.75rem;
    width: 1.75rem;
  }
  #desktop-menu .menu-items li a #cartCount {
    font-size: 14px;
    font-weight: bold;
    background-color: #ffd332;
    color: #286497;
    vertical-align: top;
    margin-left: -9px;
    margin-top: -22px;
    min-width: 1.5rem;
    position: relative;
  }
  .scrolled,
  .singular {
    background-color: #024c93;
  }
}
p {
  font-family: "Barlow", sans-serif !important;
}

h1.title {
  font-weight: 600;
  font-size: 1.625rem;
  line-height: 142%;
  text-transform: uppercase;
}

ul.footer-links {
  list-style: none;
  margin-left: 0rem;
}
ul.footer-links li {
  margin-bottom: 0.625rem;
}
ul.footer-links li a {
  color: var(--white);
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  font-family: "Barlow", sans-serif !important;
}
ul.footer-links li a:hover {
  color: var(--l-blue);
}

footer {
  border-top: 1px solid;
  border-color: var(--l-gray);
}

.full-height {
  height: 100vh;
}

.footer-sec-menu {
  text-align: center;
  border-top: 1px solid var(--l-blue);
}

.footer-some {
  text-align: center;
  border-top: none;
}

address {
  font-style: normal;
  font-family: "Barlow", sans-serif !important;
  font-weight: 400;
}
address p {
  color: var(--white);
  margin-bottom: 0rem;
  font-size: medium;
}
address a {
  color: var(--white);
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
address a:hover {
  color: var(--l-blue);
  text-decoration: underline;
}
address.light p {
  color: var(--d-gray);
}
address.light a {
  color: var(--d-blue);
}
address.light a.d-gray {
  color: var(--d-gray);
}

.centered-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

.badge {
  padding-left: 4px;
  padding-right: 4px;
  border-radius: 30px;
}

.label-warning[href],
.badge-warning[href] {
  background-color: #c67605;
}

.login-page {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(2, 76, 147, 0.8)), to(rgba(2, 76, 147, 0.8))), url("https://chariot2020prd.wpenginepowered.com/wp-content/uploads/wholesale-electricity.jpg");
  background-image: linear-gradient(rgba(2, 76, 147, 0.8), rgba(2, 76, 147, 0.8)), url("https://chariot2020prd.wpenginepowered.com/wp-content/uploads/wholesale-electricity.jpg");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.login-page label {
  color: var(--yellow);
  font-weight: 400;
}
.login-page .validation-summary-errors {
  color: var(--white);
}
.login-page button[type=submit] {
  display: inline-block;
  color: var(--white);
  background-color: transparent;
  border: 2px solid white;
  padding: 1rem 3rem;
  border-radius: 25px;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: background-color 0.2s, color 0.2s;
  transition: background-color 0.2s, color 0.2s;
  text-transform: uppercase;
}
.login-page input {
  background-color: transparent;
  border: 0px;
  border-bottom: 1px solid;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--l-blue);
  color: var(--white);
}
.login-page input:focus {
  background-color: transparent;
}

.welcome-section {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(2, 76, 147, 0.8)), to(rgba(2, 76, 147, 0.8))), url("https://chariot2020prd.wpenginepowered.com/wp-content/uploads/wholesale-electricity.jpg");
  background-image: linear-gradient(rgba(2, 76, 147, 0.8), rgba(2, 76, 147, 0.8)), url("https://chariot2020prd.wpenginepowered.com/wp-content/uploads/wholesale-electricity.jpg");
}

.products-section {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(2, 76, 147, 0.9)), to(rgba(2, 76, 147, 0.9))), url("https://comsys.se/wp-content/uploads/2022/08/ADF-Range.jpg");
  background-image: linear-gradient(rgba(2, 76, 147, 0.9), rgba(2, 76, 147, 0.9)), url("https://comsys.se/wp-content/uploads/2022/08/ADF-Range.jpg");
}

.documents-section {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(2, 76, 147, 0.9)), to(rgba(2, 76, 147, 0.9))), url("https://comsys.se/wp-content/uploads/2022/04/Investors.jpg");
  background-image: linear-gradient(rgba(2, 76, 147, 0.9), rgba(2, 76, 147, 0.9)), url("https://comsys.se/wp-content/uploads/2022/04/Investors.jpg");
}

.contacts-section {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(2, 76, 147, 0.9)), to(rgba(2, 76, 147, 0.9))), url("https://comsys.se/wp-content/uploads/2022/03/iStock-831152982-scaled.jpg");
  background-image: linear-gradient(rgba(2, 76, 147, 0.9), rgba(2, 76, 147, 0.9)), url("https://comsys.se/wp-content/uploads/2022/03/iStock-831152982-scaled.jpg");
}

.form-contactus-section {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(2, 76, 147, 0.9)), to(rgba(2, 76, 147, 0.9)));
  background-image: linear-gradient(rgba(2, 76, 147, 0.9), rgba(2, 76, 147, 0.9));
}
.form-contactus-section .welcome-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#contactForm .form-cell {
  border-bottom: 2px solid var(--m-gray);
}
#contactForm .form-cell:nth-child(odd) {
  border-right: 2px solid var(--m-gray);
}
#contactForm .form-cell h2 {
  font-size: 3em;
  font-family: "Barlow", sans-serif !important;
  color: var(--d-blue);
  line-height: 1;
  font-weight: 500;
}
#contactForm .form-cell h2.address-title {
  color: var(--d-gray);
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.5;
}
#contactForm .form-cell .social-media-links img {
  -webkit-filter: brightness(0) saturate(100%) invert(25%) sepia(84%) saturate(1047%) hue-rotate(183deg) brightness(96%) contrast(90%);
          filter: brightness(0) saturate(100%) invert(25%) sepia(84%) saturate(1047%) hue-rotate(183deg) brightness(96%) contrast(90%);
}
#contactForm .form-cell .umbraco-forms-submitmessage {
  font-size: x-large;
  font-family: "Barlow", sans-serif !important;
  color: var(--d-blue);
  line-height: 1.6;
}

.welcome-container h1 {
  font-size: 6em;
  color: var(--white);
  font-family: "Barlow", sans-serif !important;
  font-weight: 500;
}
.welcome-container h2 {
  font-size: 3em;
  font-family: "Barlow", sans-serif !important;
  color: var(--white);
  margin-bottom: 1em;
}

.production-container {
  margin-top: 5vh;
  text-align: center;
}
.production-container h1 {
  font-size: 6em;
  color: var(--white);
  font-family: "Barlow", sans-serif !important;
  font-weight: 500;
}
.production-container h2 {
  font-size: 3em;
  font-family: "Barlow", sans-serif !important;
  color: var(--l-blue);
  margin-bottom: 1em;
}

.highlighted-name {
  color: var(--yellow);
}

.highlighted-link {
  color: #fff;
  border-bottom: 1px solid #fff;
  position: relative;
  padding-right: 40px;
}
.highlighted-link:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 3%;
  height: 100%;
  width: 40px;
  background-size: 45%;
  background-repeat: no-repeat;
  background-position: top 4px right;
  background-image: url(../assets/icons/arrow-right-up.svg);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.buttons-container .button-link {
  background-color: transparent;
  border-radius: 25px;
  border: 2px solid white;
  color: var(--white);
  cursor: pointer;
  display: inline-block;
  margin: 1em;
  padding: 0.5em 2em;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: background-color 0.2s, color 0.2s;
  transition: background-color 0.2s, color 0.2s;
}
.buttons-container .button-link img {
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(6%) saturate(0%) hue-rotate(70deg) brightness(108%) contrast(108%);
          filter: brightness(0) saturate(100%) invert(100%) sepia(6%) saturate(0%) hue-rotate(70deg) brightness(108%) contrast(108%);
}
.buttons-container .button-link:hover {
  background-color: var(--white);
  color: black;
}
.buttons-container .button-link:hover img {
  -webkit-filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(80deg) brightness(105%) contrast(101%);
          filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(80deg) brightness(105%) contrast(101%);
}

.documents-tabs {
  margin-top: 4em;
}
.documents-tabs .tab-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  margin-bottom: -10px;
  margin-left: 0px;
  padding-left: 8%;
  padding-right: 8%;
  padding-top: 1em;
}
.documents-tabs .tab-links li {
  margin-right: 1em;
  font-size: 1.5rem;
  font-family: "Barlow", sans-serif !important;
  text-transform: uppercase;
  font-weight: 550;
  z-index: 2;
  -webkit-padding-start: 0px;
          padding-inline-start: 0px;
}
.documents-tabs .tab-links li a {
  text-decoration: none;
  padding: 0.5em 1em;
  display: block;
  border-radius: 4px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  color: gray;
}
.documents-tabs .tab-links li a:hover, .documents-tabs .tab-links li a.active {
  background-color: #e0e0e0;
}
.documents-tabs .tab-links .active > a {
  background-color: var(--white);
  color: var(--d-blue);
}

.tabss {
  margin-top: 4em;
}
.tabss .tab-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  padding-left: 8%;
  padding-right: 8%;
  margin-bottom: -10px;
  margin-left: 0px;
}
.tabss .tab-links li {
  margin-right: 1em;
  font-size: larger;
  font-family: "Barlow", sans-serif !important;
  text-transform: uppercase;
  font-weight: 550;
  z-index: 2;
}
.tabss .tab-links li a {
  text-decoration: none;
  padding: 0.5em 1em;
  display: block;
  border-radius: 4px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  color: gray;
}
.tabss .tab-links li a:hover, .tabss .tab-links li a.active {
  background-color: #e0e0e0;
}
.tabss .tab-links .active a {
  background-color: var(--white);
  color: var(--d-blue);
}
.tabss .subtab-links {
  padding-top: 1em;
  border-top: 1px solid;
  border-color: lightgray;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  padding-left: 8%;
  padding-right: 8%;
  margin-bottom: -10px;
  margin-left: 0px;
}
.tabss .subtab-links li {
  margin-right: 1em;
  font-size: larger;
  font-family: "Barlow", sans-serif !important;
  text-transform: uppercase;
  font-weight: 550;
  z-index: 2;
}
.tabss .subtab-links li a {
  text-decoration: none;
  padding: 0.5em 1em;
  display: block;
  border-radius: 4px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  color: gray;
}
.tabss .subtab-links li a:hover, .tabss .subtab-links li a.active {
  background-color: #e0e0e0;
}
.tabss .subtab-links .active a {
  background-color: var(--white);
  color: var(--d-blue);
}
.tabss .tab-content .tab {
  display: none;
}
.tabss .tab-content .tab.active {
  display: block;
}
.tabss .subtab-content .subtab {
  display: none;
}
.tabss .subtab-content .subtab.active {
  display: block;
}

article {
  padding-left: 7%;
  padding-right: 7%;
  padding-top: 2em;
  padding-bottom: 2em;
  border: 1px solid;
  border-color: lightgrey;
}
article .news h4 {
  font-size: medium;
  font-weight: 500;
  color: lightgrey;
}
article .news h2 {
  color: var(--d-blue);
  font-family: "Barlow", sans-serif !important;
  font-weight: 500;
}
article .news p {
  font-weight: 425;
  color: gray;
}
article .news img {
  float: left;
  width: auto;
  height: 480px;
  -o-object-fit: cover;
     object-fit: cover;
}

.pl-m {
  padding-left: 5em;
}

.pr-m {
  padding-right: 5em;
}

.ff-barlow {
  font-family: "Barlow", sans-serif !important;
  font-weight: 500;
}

.border-right {
  border-right: 1px solid;
  border-color: lightgray;
}

.border-left {
  border-left: 1px solid;
  border-color: lightgray;
}

.filter-btn {
  border: 3px solid var(--d-blue);
  background-color: transparent;
  color: var(--d-blue);
  font-weight: 600;
  padding: 10px 20px;
  width: 150px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 50px;
  margin-right: 10px;
  text-transform: uppercase;
}
.filter-btn.active, .filter-btn:hover {
  background-color: var(--d-blue);
  color: #fff;
}

.filter-form {
  display: none;
}
.filter-form.active {
  display: block;
}

.image-aside {
  display: none;
}
.image-aside.active {
  display: block;
}

.bg-anti-flash-white {
  background-color: #f2f5f8;
}

.swiper {
  width: 100%;
  height: 100%;
  padding-bottom: 5%;
}

.swiper-button-next,
.swiper-button-prev {
  color: var(--d-blue);
}

.no-padding {
  padding: 0;
}

table thead {
  background: none;
  border: none;
}
table tr th {
  padding-top: 4em;
  border-bottom: 1px solid;
  border-color: black;
}
table tr td .blue-button {
  background-color: var(--m-blue);
  padding: 7px;
  border-radius: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
table tr td .blue-button img {
  -webkit-filter: invert(87%) sepia(0%) saturate(1611%) hue-rotate(71deg) brightness(126%) contrast(100%);
          filter: invert(87%) sepia(0%) saturate(1611%) hue-rotate(71deg) brightness(126%) contrast(100%);
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
table tr td .white-button {
  background-color: var(--white);
  padding: 7px;
  border: 2px solid;
  border-color: var(--m-blue);
  color: var(--m-blue);
  border-radius: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
table tr td .white-button img {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-filter: brightness(0) saturate(100%) invert(25%) sepia(86%) saturate(1429%) hue-rotate(191deg) brightness(89%) contrast(84%);
          filter: brightness(0) saturate(100%) invert(25%) sepia(86%) saturate(1429%) hue-rotate(191deg) brightness(89%) contrast(84%);
}
table tr td input[type=date] {
  background-color: transparent;
  border-bottom: 1px solid;
  border-color: var(--m-gray);
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: var(--white);
  margin: 0;
  padding: 0;
}
table tr td input[type=date]:disabled {
  background-color: transparent;
  color: var(--m-gray);
}
table tr td input[type=date]:focus {
  background-color: transparent;
}
table.table-white {
  background-color: var(--white);
}
table.table-white thead > tr:hover {
  background-color: var(--white);
}
table.table-blue {
  border-collapse: collapse;
}
table.table-blue thead {
  border: none;
}
table.table-blue tbody {
  background-color: transparent;
  border: 0;
}
table.table-blue th {
  padding-top: 0;
  color: var(--yellow);
  border-color: var(--white);
  font-weight: 500;
}
table.table-blue tr {
  color: var(--white);
}
table.table-blue tr td {
  padding-top: 1em;
  padding-bottom: 1em;
}
table.table-blue tr td button {
  cursor: pointer;
}
table.table-blue tr td button img {
  -webkit-filter: brightness(0) saturate(100%) invert(90%) sepia(9%) saturate(7499%) hue-rotate(332deg) brightness(114%) contrast(106%);
          filter: brightness(0) saturate(100%) invert(90%) sepia(9%) saturate(7499%) hue-rotate(332deg) brightness(114%) contrast(106%);
}
table.table-blue tr td a {
  color: var(--white);
  display: inline-block;
  text-decoration: underline;
  width: 100%;
}
table.table-blue tr td a:hover {
  color: var(--yellow);
}
table.table-blue tr:nth-child(even) {
  background-color: rgba(26, 93, 158, 0.6);
}

select {
  border: 0px solid;
  padding-left: 1px;
  padding-right: 10px;
  border-bottom: 1px solid;
  border-color: lightgray;
  background-image: url(../assets/icons/arrow-down.svg);
  background-size: 2em;
  color: var(--m-blue);
  font-weight: 600;
  font-family: "Barlow", sans-serif !important;
}

label {
  color: rgb(165, 165, 165);
  font-family: "Barlow", sans-serif !important;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
}

.pic-discription h2 {
  font-family: "Barlow", sans-serif !important;
  color: var(--m-blue);
  font-weight: 500;
}
.pic-discription .sub-description {
  width: 100%;
  border-bottom: 1px solid;
  border-color: lightgray;
  margin-bottom: 30px;
}
.pic-discription .sub-description p {
  text-transform: uppercase;
  font-family: "Barlow", sans-serif !important;
}
.pic-discription .sub-description .p-head {
  color: rgb(165, 165, 165);
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 2px;
}
.pic-discription .sub-description .p-value {
  margin-bottom: 2px;
  color: var(--m-blue);
  font-weight: 600;
}
.pic-discription button {
  border: 3px solid;
  border-color: var(--m-blue);
  border-radius: 30px;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  padding-inline: 40px;
  margin-bottom: 4rem;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  color: var(--m-blue);
}
.pic-discription button p {
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  margin-left: 10px;
}
.pic-discription button:hover {
  background-color: var(--m-blue);
  cursor: pointer;
  color: var(--white);
}

.document-form .search-document-input {
  background-color: transparent;
  border: 0px;
  border-bottom: 1px solid;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--l-blue);
  color: var(--white);
}
.document-form .search-document {
  background-color: transparent;
  color: var(--white);
  border: 3px solid;
  border-color: var(--white);
  border-radius: 30px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 4rem;
  padding-right: 4rem;
  text-transform: uppercase;
  font-family: "Barlow", sans-serif !important;
  font-weight: 500;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}
.document-form .search-document:hover {
  cursor: pointer;
  background-color: var(--m-blue);
  color: var(--white);
}

.search-input {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 1px solid;
  border-color: var(--m-blue);
  color: var(--m-blue);
}

ul.breadcrumb {
  list-style: none;
  font-family: "Barlow", sans-serif !important;
  font-size: large;
  font-weight: 450;
  margin: 0;
  padding-top: 3px;
  padding-left: 3px;
}
ul.breadcrumb li {
  display: inline;
  font-size: 22px;
  color: var(--white);
}
ul.breadcrumb li a {
  text-decoration: none;
  color: var(--yellow);
}
ul.breadcrumb li + li:before {
  padding: 4px;
  color: black;
  content: "»";
  color: var(--white);
}

.bread-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 7em;
  margin-top: 15vh;
  width: 100%;
  padding-left: 10%;
  border-bottom: 1px solid;
  border-color: var(--l-blue);
}
.bread-container p {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.border-top {
  border-top: 1px solid;
  border-color: lightgray;
}

.symbol-decoration {
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
}

.sp5050-voltmeter-right-bottom {
  background-image: url(sp5050-voltmeter-right-bottom.svg);
  background-position: right bottom;
}

.contact-page-adress {
  padding-top: 6rem;
  padding-left: 4rem;
  padding-right: 10rem;
  padding-bottom: 5rem;
}
.contact-page-adress p {
  font-weight: 400;
  font-family: "Barlow", sans-serif !important;
  color: gray;
}
.contact-page-adress p a {
  color: var(--m-blue);
}
.contact-page-adress p:nth-child(1) {
  font-weight: 600;
}

.contact-form {
  padding-top: 3rem;
  padding-left: 4rem;
  padding-right: 10rem;
  padding-bottom: 5rem;
}
.contact-form label {
  color: gray;
  font-family: "Barlow", sans-serif !important;
  font-size: large;
  font-weight: 500;
  margin-top: 3em;
  margin-bottom: 3em;
}
.contact-form label input {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 1px solid;
  border-color: gray;
}

.grid-x-children-border {
  border: 1px solid;
  border-color: lightgrey;
}

.account-info-section {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(2, 76, 147)), to(rgb(2, 76, 147)));
  background-image: linear-gradient(rgb(2, 76, 147), rgb(2, 76, 147));
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.account-info-section p {
  color: var(--white);
  font-size: x-large;
}

aside {
  background-color: var(--d-blue);
  padding-left: 4rem;
  padding-top: 5rem;
  height: 100%;
  border: 1px solid;
  border-color: var(--l-gray);
}
aside p {
  color: var(--m-gray);
  text-transform: uppercase;
  font-weight: 500;
}
aside .menu a {
  padding: 0px;
  padding-bottom: 1rem;
  color: var(--white);
  font-family: "Barlow", sans-serif !important;
  font-size: larger;
  text-transform: uppercase;
}
aside .menu li.active > a {
  background: none;
  color: var(--yellow);
}

.account-info-form label {
  color: var(--yellow);
  font-weight: 400;
  width: 50%;
  padding-right: 4rem;
}
.account-info-form label input {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  padding: 0;
  border-bottom: 1px solid;
  border-color: var(--m-gray);
  color: var(--white);
}
.account-info-form label input:disabled {
  background-color: transparent;
  color: var(--m-gray);
}
.account-info-form label input:focus {
  background-color: transparent;
}
.account-info-form label select {
  background-color: transparent;
  background-image: url(../assets/icons/arrow-down-yellow.svg);
  color: var(--white);
  font-family: "Barlow", sans-serif !important;
  font-weight: 500;
}
.account-info-form label select option {
  color: black;
}

.account-information,
.company-information,
.delivery-addresses {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.account-information h1,
.company-information h1,
.delivery-addresses h1 {
  color: var(--white);
}
.account-information p,
.company-information p,
.delivery-addresses p {
  color: var(--white);
}

.delivery-addresses #addresses-container .address-object {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.delivery-addresses #addresses-container .address-object:nth-child(even) {
  background-color: rgba(26, 93, 158, 0.6);
}
.delivery-addresses #addresses-container .address-object:nth-child(odd) {
  background-color: rgba(2, 76, 147, 0.6);
}

.account-info-main {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(2, 76, 147, 0.97)), to(rgba(2, 76, 147, 0.97))), url("https://sp-ao.shortpixel.ai/client/to_webp,q_lossless,ret_img/https://comsys.se/wp-content/uploads/2022/04/Comsys_dynamic-energy-storage_top.jpg");
  background-image: linear-gradient(rgba(2, 76, 147, 0.97), rgba(2, 76, 147, 0.97)), url("https://sp-ao.shortpixel.ai/client/to_webp,q_lossless,ret_img/https://comsys.se/wp-content/uploads/2022/04/Comsys_dynamic-energy-storage_top.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.show-less-more {
  padding: 3rem;
  text-align: center;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: var(--l-gray);
}
.show-less-more button {
  font-size: large;
  color: var(--white);
  text-transform: uppercase;
  word-spacing: 3px;
}
.show-less-more button:hover {
  cursor: pointer;
}

.extreme-padding-horizontal {
  padding-left: 15vw;
  padding-right: 15vw;
}

.my-products-search-form label {
  padding-right: 3em;
  padding-left: 3em;
  color: var(--l-blue);
  font-weight: 400;
  text-transform: none;
}
.my-products-search-form label input {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid;
  border-color: var(--l-blue);
  -webkit-box-shadow: none;
          box-shadow: none;
  color: var(--white);
}
.my-products-search-form label input:focus {
  background-color: transparent;
}

.white-tip {
  border-bottom: 0;
  background-color: var(--white);
  border-radius: 50%;
  height: 16px;
  width: 16px;
  color: black;
  font-size: 9px;
  position: relative;
  top: -10px;
  left: 5px;
  text-align: center;
}

input[type=date]::-webkit-calendar-picker-indicator {
  -webkit-filter: brightness(0) saturate(100%) invert(90%) sepia(9%) saturate(7499%) hue-rotate(332deg) brightness(114%) contrast(106%);
          filter: brightness(0) saturate(100%) invert(90%) sepia(9%) saturate(7499%) hue-rotate(332deg) brightness(114%) contrast(106%);
}

input[type=checkbox] {
  width: 2rem;
  border: 1px solid;
  border-color: var(--yellow);
}

.cart-section {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(2, 76, 147, 0.95)), to(rgba(2, 76, 147, 0.95))), url("https://comsys.se/wp-content/uploads/2022/08/ADF-Range.jpg");
  background-image: linear-gradient(rgba(2, 76, 147, 0.95), rgba(2, 76, 147, 0.95)), url("https://comsys.se/wp-content/uploads/2022/08/ADF-Range.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.cart-section p {
  color: var(--white);
  font-size: x-large;
}

.my-cart-table tbody {
  background-color: transparent;
  border: 0;
}
.my-cart-table thead {
  border: none;
}
.my-cart-table th {
  padding-top: 0;
  color: var(--white);
  border-color: var(--white);
  font-weight: 500;
}
.my-cart-table tr {
  color: var(--white);
  border-bottom: 1px solid;
  border-color: var(--l-blue);
}
.my-cart-table tr td {
  padding-top: 1em;
  padding-bottom: 1em;
}
.my-cart-table tr td button {
  cursor: pointer;
}
.my-cart-table tr td button img {
  -webkit-filter: brightness(0) saturate(100%) invert(90%) sepia(9%) saturate(7499%) hue-rotate(332deg) brightness(114%) contrast(106%);
          filter: brightness(0) saturate(100%) invert(90%) sepia(9%) saturate(7499%) hue-rotate(332deg) brightness(114%) contrast(106%);
}
.my-cart-table tr td button:disabled, .my-cart-table tr td button.disabled {
  pointer-events: none;
}
.my-cart-table tr td button.button-transparent-outline {
  padding: 0.25em 1.5em;
}
.my-cart-table tr td input {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  padding: 0;
  border-bottom: 1px solid;
  border-color: var(--m-gray);
  color: var(--white);
  margin: 0;
  height: unset;
}
.my-cart-table tr td input:disabled {
  background-color: transparent;
  color: var(--m-gray);
}
.my-cart-table tr td input:focus {
  background-color: transparent;
}
.my-cart-table tr:nth-child(even) {
  background-color: transparent;
  border-bottom: 1px solid;
  border-color: var(--l-blue);
}

.cart-delete-button {
  cursor: pointer;
  background-color: #6498c9;
  border-radius: 100%;
  min-width: 25px;
}
.cart-delete-button img {
  -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(2682%) hue-rotate(202deg) brightness(116%) contrast(100%);
          filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(2682%) hue-rotate(202deg) brightness(116%) contrast(100%);
}

.cost-message h1 {
  color: var(--yellow);
  font-weight: 600;
}
.cost-message h2 {
  color: var(--white);
  font-weight: 600;
  font-size: 1.625rem;
  line-height: 142%;
}
.cost-message p {
  font-size: medium;
  color: var(--white);
}

.checkout-cart-container {
  padding-left: 5em;
  padding-right: 5em;
  height: 100%;
}
.checkout-cart-container h2 span {
  font-weight: bold;
}
.checkout-cart-container .cart-items .item {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 1px solid;
  border-color: var(--l-blue);
}
.checkout-cart-container .cart-items .item:last-child {
  margin-bottom: 2rem;
  border-bottom: 1px solid;
  border-color: var(--l-blue);
  padding-bottom: 2rem;
}
.checkout-cart-container .cart-items p {
  color: var(--white);
  margin-bottom: 3px;
}
.checkout-cart-container .cart-items p span {
  font-weight: bold;
}

.button-link.solid-white {
  background-color: var(--white);
  border: 1px solid var(--d-blue);
  color: var(--d-blue);
  font-weight: bold;
}
.button-link.solid-white:hover {
  color: var(--d-blue);
  opacity: 0.8;
}

/* General */
.news-item {
  border-bottom: 1px solid var(--m-gray);
  -webkit-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}
.news-item:hover {
  background-color: var(--l-gray);
}
.news-item-left {
  border-right: 1px solid var(--m-gray);
}
.news-item-right {
  border-right: 1px solid var(--white);
}
.news-item.hide {
  display: none;
}

/* News & Case */
#news-items-container {
  position: relative;
}

.case-news-item-image {
  position: relative;
  overflow: hidden;
}

.case-news-item-image-cover {
  width: 100%;
  height: 22vw;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: -webkit-transform 0.8s ease-out;
  transition: -webkit-transform 0.8s ease-out;
  transition: transform 0.8s ease-out;
  transition: transform 0.8s ease-out, -webkit-transform 0.8s ease-out;
}

.news-item:hover .case-news-item-image-cover {
  -webkit-transform: scale(1.06);
          transform: scale(1.06);
}

.mod-gray-head,
.mod-blue-head,
.mod-white-content,
.mod-blue-content,
.mod-gray-content {
  border-bottom: 1px solid var(--m-gray);
}

/* News & Case filtering --------------------- */
.filter-button {
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  position: relative;
  padding: 0 1.5rem;
}

.filter-button:after {
  position: absolute;
  bottom: -19px;
  left: -2px;
  display: inline-block;
  content: "";
  width: calc(100% + 4px);
  margin: 0 0 0 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: translateY(-0.3rem);
          transform: translateY(-0.3rem);
  border-bottom: 0.5rem solid transparent;
}

.filter-button:hover {
  color: var(--d-blue);
}

.filter-button:hover:after {
  border-bottom: 0.5rem solid var(--white);
}

.filter-button.active {
  color: var(--d-blue);
}

.filter-button.active:after {
  border-bottom: 0.5rem solid var(--white);
}

.lower {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#products button.cart-button.icon-button svg {
  height: 100%;
  width: 100%;
}/*# sourceMappingURL=main-new.css.map */