:root {
  --font-default: "Roboto", sans-serif;
  --font-headline: "Roboto Slab", sans-serif;
  --grid-columns: 4;
  --grid-width-max: 1728px;
  --grid-color: 190, 100%, 50%;
  --grid-gutter: 10px;
  --color-black: #000;
  --color-white: #fff;
  --color-blue-dark: #002c5f;
  --color-blue-dark-hover: #406187;
  --color-blue-light: #0077c8;
  --color-blue-lighter: #e5f1fa;
  --color-blue-lighter-hover: #cbe2f4;
  --color-orange: #ff7900;
  --color-orange-hover: #ff9a40;
  --color-grey-dark: #868686;
  --color-grey-light: #F3F3F3;
  --color-grey-border: #e6e6e6;
  --color-blue-overlay-rgb: rgba(0, 44, 94, 0.8);
  --animation-time: 0.64s;
  --animation-type: ease-in-out;
}
:root {
  --grid-offset: 20px;
}
@media only screen and (min-width: 375px) {
  :root {
    --grid-offset: calc(20px + 76 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  :root {
    --grid-offset: 96px;
  }
}

@media (min-width: 768px) {
  :root {
    --grid-columns: 12;
  }
}
@media (min-width: 768px) {
  :root {
    --grid-gutter: 20px;
  }
}
@media (min-width: 1280px) {
  :root {
    --grid-gutter: 40px;
  }
}
:root {
  --g-media_query: "viewport: xs";
}

@media (min-width: 768px) {
  :root {
    --g-media_query: "viewport: s";
  }
}
@media (min-width: 1024px) {
  :root {
    --g-media_query: "viewport: m";
  }
}
@media (min-width: 1280px) {
  :root {
    --g-media_query: "viewport: l";
  }
}
@media (min-width: 1536px) {
  :root {
    --g-media_query: "viewport: xl";
  }
}
:root {
  --grid-color-line: hsla(var(--grid-color), 0.2);
  --grid-color-column: hsla(var(--grid-color), 0.2);
  --grid-color-gutter: transparent;
  --grid-color-baseline: hsla(var(--grid-color), 0.2);
  --line-thickness: 1px;
  --column-start: 0;
  --column-start-line: var(--line-thickness);
  --column-end: calc((100% / var(--grid-columns)) - var(--grid-gutter) - var(--line-thickness));
  --column-end-line: calc((100% / var(--grid-columns)) - var(--grid-gutter));
  --gutter-end: calc(100% / var(--grid-columns));
  --g-gradient-column:
          repeating-linear-gradient(
                          to right,
                          var(--grid-color-line) var(--column-start),
                          var(--grid-color-line) var(--column-start-line),
                          var(--grid-color-column) var(--column-start-line),
                          var(--grid-color-column) var(--column-end),
                          var(--grid-color-line) var(--column-end),
                          var(--grid-color-line) var(--column-end-line),
                          var(--grid-color-gutter) var(--column-end-line),
                          var(--grid-color-gutter) var(--gutter-end)
          );
  --g-gradient-baseline:
          repeating-linear-gradient(
                          to bottom,
                          var(--grid-color-baseline),
                          var(--grid-color-baseline) var(--line-thickness),
                          transparent var(--line-thickness),
                          transparent 20px
          );
}

html.helper-grid {
  display: flex;
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--document-height, auto);
  justify-content: center;
}

.helper-grid-toggle::after {
  display: inline-block;
  content: var(--g-media_query);
  right: 0;
  bottom: 0;
  white-space: pre;
  text-transform: uppercase;
  background-color: #0c88b4;
  color: #fff;
  padding: 4px 8px;
  cursor: pointer;
  z-index: 9999999;
  position: fixed;
  font-size: 14px;
}

html.helper-grid::after {
  position: fixed;
  z-index: 1000;
  content: "";
  width: calc(100% - 2 * var(--grid-offset));
  max-width: var(--grid-width-max);
  min-height: 100vh;
  background-image: var(--g-gradient-column), var(--g-gradient-baseline);
  background-position: 0 0;
  background-size: calc(100% + var(--grid-gutter)) 100vh;
  pointer-events: none;
}

html.helper-grid body { /* todo: find another way, leads to errors in certain layouts */
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}

/* Document
 * ========================================================================== */
/**
 * 1. Add border box sizing in all browsers (opinionated).
 * 2. Backgrounds do not repeat by default (opinionated).
 */
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  background-repeat: no-repeat; /* 2 */
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */
::before,
::after {
  text-decoration: inherit; /* 1 */
  vertical-align: inherit; /* 2 */
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Breaks words to prevent overflow in all browsers (opinionated).
 * 4. Use a 4-space tab width in all browsers (opinionated).
 * 5. Remove the grey highlight on links in iOS (opinionated).
 * 6. Prevent adjustments of font size after orientation changes in iOS.
 */
:where(:root) {
  cursor: default; /* 1 */
  line-height: 1.5; /* 2 */
  overflow-wrap: break-word; /* 3 */
  -moz-tab-size: 4; /* 4 */
  tab-size: 4; /* 4 */
  -webkit-tap-highlight-color: transparent; /* 5 */
  -webkit-text-size-adjust: 100%; /* 6 */
  text-size-adjust: 100%; /* 6 */
}

/* Sections
 * ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
:where(body) {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */
:where(h1) {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
 * ========================================================================== */
/**
 * Remove the margin on nested lists in Chrome, Edge, and Safari.
 */
:where(dl, ol, ul) :where(dl, ol, ul) {
  margin: 0;
}

/**
 * 1. Correct the inheritance of border color in Firefox.
 * 2. Add the correct box sizing in Firefox.
 */
:where(hr) {
  color: inherit; /* 1 */
  height: 0; /* 2 */
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
:where(nav) :where(ol, ul) {
  list-style-type: none;
  padding: 0;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 * 3. Prevent overflow of the container in all browsers (opinionated).
 */
:where(pre) {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
  overflow: auto; /* 3 */
}

/* Text-level semantics
 * ========================================================================== */
/**
 * Add the correct text decoration in Safari.
 */
:where(abbr[title]) {
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
:where(b, strong) {
  font-weight: 700;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
:where(code, kbd, samp) {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
:where(small) {
  font-size: 80%;
}

/* Embedded content
 * ========================================================================== */
/*
 * Change the alignment on media elements in all browsers (opinionated).
 */
:where(audio, canvas, iframe, img, svg, video) {
  vertical-align: middle;
}

/**
 * Remove the border on iframes in all browsers (opinionated).
 */
:where(iframe) {
  border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
:where(svg:not([fill])) {
  fill: currentColor;
}

/* Tabular data
 * ========================================================================== */
/**
 * 1. Collapse border spacing in all browsers (opinionated).
 * 2. Correct table border color in Chrome, Edge, and Safari.
 * 3. Remove text indentation from table contents in Chrome, Edge, and Safari.
 */
:where(table) {
  border-collapse: collapse; /* 1 */
  border-color: currentColor; /* 2 */
  text-indent: 0; /* 3 */
}

/* Forms
 * ========================================================================== */
/**
 * Remove the margin on controls in Safari.
 */
:where(button, input, select) {
  margin: 0;
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */
:where(button, [type=button i], [type=reset i], [type=submit i]) {
  -webkit-appearance: button;
}

/**
 * Change the inconsistent appearance in all browsers (opinionated).
 */
:where(fieldset) {
  border: 1px solid #a0a0a0;
}

/**
 * Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */
:where(progress) {
  vertical-align: baseline;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 3. Change the resize direction in all browsers (opinionated).
 */
:where(textarea) {
  margin: 0; /* 1 */
  resize: vertical; /* 3 */
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */
:where([type=search i]) {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
 * ========================================================================== */
/*
 * Add the correct styles in Safari.
 */
:where(dialog) {
  background-color: white;
  border: solid;
  color: black;
  height: -moz-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
}

:where(dialog:not([open])) {
  display: none;
}

/*
 * Add the correct display in Safari.
 */
:where(details > summary:first-of-type) {
  display: list-item;
}

/* Accessibility
 * ========================================================================== */
/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */
:where([aria-busy=true i]) {
  cursor: progress;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */
:where([aria-disabled=true i], [disabled]) {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */
:where([aria-hidden=false i][hidden]) {
  display: initial;
}

:where([aria-hidden=false i][hidden]:not(:focus)) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

/*
 * agency defaults
 *
 */
a {
  color: inherit;
  text-decoration: none;
}

ul {
  margin: 0;
  padding: 0;
}

nav ul {
  list-style-type: none;
}

img {
  width: 100%;
  height: auto;
}

/*
 * todo: check if paracticable
 */
button, [type=button i], [type=reset i], [type=submit i] {
  background: transparent;
  border: none;
  border-radius: unset;
  padding: 0;
}

/* roboto-slab-regular - cyrillic_cyrillic-ext_greek_greek-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-slab/roboto-slab-v25-cyrillic_cyrillic-ext_greek_greek-ext_latin-regular.woff2") format("woff2"), url("../fonts/roboto-slab/roboto-slab-v25-cyrillic_cyrillic-ext_greek_greek-ext_latin-regular.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-300 - cyrillic_cyrillic-ext_greek_greek-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto/roboto-v30-cyrillic_cyrillic-ext_greek_greek-ext_latin-300.woff2") format("woff2"), url("../fonts/roboto/roboto-v30-cyrillic_cyrillic-ext_greek_greek-ext_latin-300.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-regular - cyrillic_cyrillic-ext_greek_greek-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto/roboto-v30-cyrillic_cyrillic-ext_greek_greek-ext_latin-regular.woff2") format("woff2"), url("../fonts/roboto/roboto-v30-cyrillic_cyrillic-ext_greek_greek-ext_latin-regular.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-700 - cyrillic_cyrillic-ext_greek_greek-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto/roboto-v30-cyrillic_cyrillic-ext_greek_greek-ext_latin-700.woff2") format("woff2"), url("../fonts/roboto/roboto-v30-cyrillic_cyrillic-ext_greek_greek-ext_latin-700.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/**

Icon-Font. Add .svg files from img/icons-svgs/ to IcoMoon and generate an icon font from scratch.
Use SCSS with prefix "icons" to sustain the current structure.
CSS code used in footer external Link

 */
@font-face {
  font-family: "icons";
  src: url("../fonts/icons/icons.ttf?20250408") format("truetype"), url("../fonts/icons/icons.woff?20250408") format("woff"), url("../fonts/icons/icons.svg?20250408#") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
i.icon {
  font-family: "icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-add-circle-bold:before {
  content: "\e900";
}

.icon-allowances-silence:before {
  content: "\e901";
}

.icon-amazon-web-service-elemental-medialive:before {
  content: "\e902";
}

.icon-analytics-graph-lines-2:before {
  content: "\e903";
}

.icon-arrow-down:before {
  content: "\e904";
}

.icon-arrow-down-1:before {
  content: "\e905";
}

.icon-arrow-down-left:before {
  content: "\e906";
}

.icon-arrow-down-right:before {
  content: "\e907";
}

.icon-arrow-left:before {
  content: "\e908";
}

.icon-arrow-left-1:before {
  content: "\e909";
}

.icon-arrow-right:before {
  content: "\e90a";
}

.icon-arrow-right-1:before {
  content: "\e90b";
}

.icon-arrow-up:before {
  content: "\e90c";
}

.icon-arrow-up-1:before {
  content: "\e90d";
}

.icon-arrow-up-left:before {
  content: "\e90e";
}

.icon-arrow-up-right:before {
  content: "\e90f";
}

.icon-baggage:before {
  content: "\e910";
}

.icon-beach-palm-sunbed:before {
  content: "\e911";
}

.icon-beach-palm-water:before {
  content: "\e912";
}

.icon-biking-person:before {
  content: "\e913";
}

.icon-brush:before {
  content: "\e914";
}

.icon-building-2:before {
  content: "\e915";
}

.icon-calendar-date-mark-check:before {
  content: "\e916";
}

.icon-camera-settings-rotate:before {
  content: "\e917";
}

.icon-camera-settings-rotate-1:before {
  content: "\e918";
}

.icon-car-tool-battery-bolt:before {
  content: "\e919";
}

.icon-change-factor-display:before {
  content: "\e91a";
}

.icon-checklist:before {
  content: "\e91b";
}

.icon-clean-car-cable-charge:before {
  content: "\e91c";
}

.icon-coding-apps-website-web-form-progress-1:before {
  content: "\e91d";
}

.icon-coding-apps-website-web-form-progress-2:before {
  content: "\e91e";
}

.icon-coding-apps-website-web-form-progress-3:before {
  content: "\e91f";
}

.icon-coding-apps-website-web-form-progress-4:before {
  content: "\e920";
}

.icon-cog-double-2:before {
  content: "\e921";
}

.icon-conversation-chat-1:before {
  content: "\e922";
}

.icon-conversation-chat-2:before {
  content: "\e923";
}

.icon-currency-euro-circle:before {
  content: "\e924";
}

.icon-customer-relationship-management-call-center-hand:before {
  content: "\e925";
}

.icon-customer-relationship-management-call-center-support:before {
  content: "\e926";
}

.icon-customer-relationship-management-categorization-list:before {
  content: "\e927";
}

.icon-design-tool-quill:before {
  content: "\e928";
}

.icon-desktop-monitor-approve:before {
  content: "\e929";
}

.icon-diagram-curve-up:before {
  content: "\e92a";
}

.icon-discount-coupon:before {
  content: "\e92b";
}

.icon-download-bottom:before {
  content: "\e92c";
}

.icon-download-dash-arrow-1:before {
  content: "\e92d";
}

.icon-earth-1:before {
  content: "\e92e";
}

.icon-earth-2:before {
  content: "\e92f";
}

.icon-earth-edit:before {
  content: "\e930";
}

.icon-expand-1:before {
  content: "\e931";
}

.icon-expand-2:before {
  content: "\e932";
}

.icon-expand-3:before {
  content: "\e933";
}

.icon-expand-5:before {
  content: "\e934";
}

.icon-eye-checkup-chart-2:before {
  content: "\e935";
}

.icon-factory-industrial-robot-arm-2:before {
  content: "\e936";
}

.icon-factory-industrial-robot-assembly-line-1:before {
  content: "\e937";
}

.icon-factory-manufacturing-line-right-2:before {
  content: "\e938";
}

.icon-file-csv-1:before {
  content: "\e939";
}

.icon-filter-sort-lines-descending-circle:before {
  content: "\e93a";
}

.icon-flying-insect-honey:before {
  content: "\e93b";
}

.icon-gateway-api:before {
  content: "\e93c";
}

.icon-gauge-dashboard-1:before {
  content: "\e93d";
}

.icon-graph-stats-ascend:before {
  content: "\e93e";
}

.icon-grid-ruler-1:before {
  content: "\e93f";
}

.icon-hand-drag-1:before {
  content: "\e940";
}

.icon-hardware-nuts-1:before {
  content: "\e941";
}

.icon-headphones-customer-support:before {
  content: "\e942";
}

.icon-hospital-shield:before {
  content: "\e943";
}

.icon-hourglass:before {
  content: "\e944";
}

.icon-human-resources-hierarchy:before {
  content: "\e945";
}

.icon-information-circle-2:before {
  content: "\e946";
}

.icon-insert-column:before {
  content: "\e947";
}

.icon-legal-scale:before {
  content: "\e948";
}

.icon-light-bulb-shine:before {
  content: "\e949";
}

.icon-loading-circle-2:before {
  content: "\e94a";
}

.icon-loading-line-1:before {
  content: "\e94b";
}

.icon-love-it-add:before {
  content: "\e94c";
}

.icon-measure-ruler-corner:before {
  content: "\e94d";
}

.icon-medical-cross:before {
  content: "\e94e";
}

.icon-messages-bubble-information:before {
  content: "\e94f";
}

.icon-messages-bubble-question-1:before {
  content: "\e950";
}

.icon-messages-bubble-square-information:before {
  content: "\e951";
}

.icon-module-puzzle:before {
  content: "\e952";
}

.icon-monitor-approve:before {
  content: "\e953";
}

.icon-move-left-1:before {
  content: "\e954";
}

.icon-multiple-circle:before {
  content: "\e955";
}

.icon-multiple-man-woman-1:before {
  content: "\e956";
}

.icon-multiple-man-woman-2:before {
  content: "\e957";
}

.icon-multiple-users-1:before {
  content: "\e958";
}

.icon-multiple-users-3:before {
  content: "\e959";
}

.icon-office-building-tall-2:before {
  content: "\e95a";
}

.icon-office-file-doc-1:before {
  content: "\e95b";
}

.icon-office-file-pdf-1:before {
  content: "\e95c";
}

.icon-office-file-ppt-1:before {
  content: "\e95d";
}

.icon-office-file-xls-1:before {
  content: "\e95e";
}

.icon-office-work-wireless:before {
  content: "\e95f";
}

.icon-pasta-plate-warm:before {
  content: "\e960";
}

.icon-performance-graph-calculator:before {
  content: "\e961";
}

.icon-performance-increase:before {
  content: "\e962";
}

.icon-performance-increase-2:before {
  content: "\e963";
}

.icon-performance-money-increase:before {
  content: "\e964";
}

.icon-phone:before {
  content: "\e965";
}

.icon-pin:before {
  content: "\e966";
}

.icon-pin-location-1:before {
  content: "\e967";
}

.icon-quote_bottom:before {
  content: "\e968";
}

.icon-quote_top:before {
  content: "\e969";
}

.icon-read-email-at:before {
  content: "\e96a";
}

.icon-renewable-energy-solar-power:before {
  content: "\e96b";
}

.icon-restaurant-fork-knife:before {
  content: "\e96c";
}

.icon-rotate-forward:before {
  content: "\e96d";
}

.icon-sauna-heat-stone:before {
  content: "\e96e";
}

.icon-screwdriver:before {
  content: "\e96f";
}

.icon-search:before {
  content: "\e970";
}

.icon-search-1:before {
  content: "\e971";
}

.icon-setting-slider-vertical:before {
  content: "\e972";
}

.icon-share-external-link-1:before {
  content: "\e973";
}

.icon-shield-settings:before {
  content: "\e974";
}

.icon-shipment-weight-kg:before {
  content: "\e975";
}

.icon-shipping-logistic-estimate-time-arrival-1:before {
  content: "\e976";
}

.icon-shopping-direct-mail-advertising-envelope-megaphone:before {
  content: "\e977";
}

.icon-shrink-2:before {
  content: "\e978";
}

.icon-shrink-4:before {
  content: "\e979";
}

.icon-single-man:before {
  content: "\e97a";
}

.icon-single-man-actions-view:before {
  content: "\e97b";
}

.icon-single-man-hierachy:before {
  content: "\e97c";
}

.icon-single-neutral:before {
  content: "\e97d";
}

.icon-single-neutral-hierachy:before {
  content: "\e97e";
}

.icon-single-woman:before {
  content: "\e97f";
}

.icon-single-woman-hierachy:before {
  content: "\e980";
}

.icon-smart-plug:before {
  content: "\e981";
}

.icon-social-facebook:before {
  content: "\e982";
}

.icon-social-instagram:before {
  content: "\e983";
}

.icon-social-linkedin:before {
  content: "\e984";
}

.icon-social-tictoc:before {
  content: "\e985";
}

.icon-social-twitter:before {
  content: "\e986";
}

.icon-social-wechat:before {
  content: "\e987";
}

.icon-social-youtube:before {
  content: "\e988";
}

.icon-software-monitor-cog:before {
  content: "\e989";
}

.icon-speed-5g:before {
  content: "\e98a";
}

.icon-steel-2:before {
  content: "\e98b";
}

.icon-style-two-pin-information:before {
  content: "\e98c";
}

.icon-tablet-1:before {
  content: "\e98d";
}

.icon-team-meeting:before {
  content: "\e98e";
}

.icon-temperature-thermometer-minus:before {
  content: "\e98f";
}

.icon-temperature-thermometer-plus:before {
  content: "\e990";
}

.icon-ticket-1:before {
  content: "\e991";
}

.icon-time-clock-nine-to-five:before {
  content: "\e992";
}

.icon-tree-2:before {
  content: "\e993";
}

.icon-upload-bottom:before {
  content: "\e994";
}

.icon-valve-2:before {
  content: "\e995";
}

.icon-warehouse:before {
  content: "\e996";
}

.icon-warehouse-1:before {
  content: "\e997";
}

.icon-wave-1:before {
  content: "\e998";
}

.icon-weather-wind-flow-3:before {
  content: "\e999";
}

.icon-wechat-logo-1:before {
  content: "\e99a";
}

.icon-workflow-coaching-chart-1:before {
  content: "\e99b";
}

.icon-workflow-gantt-chart-3:before {
  content: "\e99c";
}

.icon-workflow-teamwork-hand-lock:before {
  content: "\e99d";
}

.icon-xlsx-office-file:before {
  content: "\e99e";
}

.icon-zip-file-2:before {
  content: "\e99f";
}

.icon-zip-file-rar-1:before {
  content: "\e9a0";
}

.icon-zoom-in:before {
  content: "\e9a1";
}

.icon-add-bold:before {
  content: "\e9a2";
}

body {
  color: var(--color-black);
  font-family: var(--font-default);
  font-weight: 300;
  line-height: 1.4;
  overflow-x: hidden;
  background-color: var(--color-white);
}
body {
  font-size: 16px;
}
@media only screen and (min-width: 375px) {
  body {
    font-size: calc(16px + 4 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  body {
    font-size: 20px;
  }
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--font-headline);
  line-height: 1.2;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-size: 26px;
}
@media only screen and (min-width: 375px) {
  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-size: calc(26px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-size: 50px;
  }
}
h1 span, h1 p, h2 span, h2 p, h3 span, h3 p, h4 span, h4 p, h5 span, h5 p, h6 span, h6 p, .h1 span, .h1 p, .h2 span, .h2 p, .h3 span, .h3 p, .h4 span, .h4 p, .h5 span, .h5 p, .h6 span, .h6 p {
  display: block;
}

.h3 {
  line-height: 1.2;
}
.h3 {
  font-size: 24px;
}
@media only screen and (min-width: 375px) {
  .h3 {
    font-size: calc(24px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .h3 {
    font-size: 48px;
  }
}

body.noscroll {
  overflow-y: hidden;
}

b, strong {
  font-weight: 400;
}

a:hover {
  color: var(--color-blue-light);
}

p {
  margin: 0;
}
p {
  margin-top: 16px;
}
@media only screen and (min-width: 375px) {
  p {
    margin-top: calc(16px + 8 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  p {
    margin-top: 24px;
  }
}
p:first-child {
  margin-top: 0;
}
p:last-of-type {
  margin-bottom: 0;
}

header,
footer {
  padding-right: 20px;
  padding-left: 20px;
}
@media only screen and (min-width: 375px) {
  header,
  footer {
    padding-right: calc(20px + 80 * (100vw - 375px) / (1920 - 375));
    padding-left: calc(20px + 80 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  header,
  footer {
    padding-right: 100px;
    padding-left: 100px;
  }
}

nav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-flow: row nowrap;
}
nav ul li {
  margin-left: 15px;
}
nav ul li:first-child {
  margin-left: 0;
}

figure {
  margin: 0;
}
figure figcaption {
  margin-top: 8px;
}

.video video, .video iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
}

@media (min-width: 1280px) {
  .c-banner.visible + .header.style-transparent + .main {
    top: 48px;
    transition: top 1s ease-in-out;
  }
}
.main {
  position: relative;
  top: 0;
  transition: top 0.2s ease-in-out;
}

.block {
  scroll-margin-top: 100px;
}

/* form columns */
.form {
  display: flex;
  flex-flow: row wrap;
}
.form {
  margin-right: -8px;
  margin-left: -8px;
}
@media only screen and (min-width: 375px) {
  .form {
    margin-right: calc(-8px + -3 * (100vw - 375px) / (1920 - 375));
    margin-left: calc(-8px + -3 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .form {
    margin-right: -11px;
    margin-left: -11px;
  }
}
.form {
  margin-top: -16px;
}
@media only screen and (min-width: 375px) {
  .form {
    margin-top: calc(-16px + -6 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .form {
    margin-top: -22px;
  }
}
.form > .column, .form [class*=column-] {
  width: 100%;
  position: relative;
}
.form > .column, .form [class*=column-] {
  margin-top: 16px;
}
@media only screen and (min-width: 375px) {
  .form > .column, .form [class*=column-] {
    margin-top: calc(16px + 6 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .form > .column, .form [class*=column-] {
    margin-top: 22px;
  }
}
.form > .column, .form [class*=column-] {
  padding-right: 8px;
  padding-left: 8px;
}
@media only screen and (min-width: 375px) {
  .form > .column, .form [class*=column-] {
    padding-right: calc(8px + 3 * (100vw - 375px) / (1920 - 375));
    padding-left: calc(8px + 3 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .form > .column, .form [class*=column-] {
    padding-right: 11px;
    padding-left: 11px;
  }
}
.form > .column .icon, .form [class*=column-] .icon {
  position: absolute;
  bottom: 1px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  font-size: 24px;
  color: var(--color-blue-dark);
}
.form > .column .icon, .form [class*=column-] .icon {
  right: 9px;
}
@media only screen and (min-width: 375px) {
  .form > .column .icon, .form [class*=column-] .icon {
    right: calc(9px + 3 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .form > .column .icon, .form [class*=column-] .icon {
    right: 12px;
  }
}
.form > .column .icon, .form [class*=column-] .icon {
  width: 48px;
}
@media only screen and (min-width: 375px) {
  .form > .column .icon, .form [class*=column-] .icon {
    width: calc(48px + 14 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .form > .column .icon, .form [class*=column-] .icon {
    width: 62px;
  }
}
.form .column--break {
  width: 100%;
  height: 0;
  margin-top: 0;
  display: none;
}

@media (min-width: 768px) {
  .form .column--break {
    display: block;
  }
  .form .column--title {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 375px) {
  .form .column--title {
    margin-top: calc(32px + 32 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .form .column--title {
    margin-top: 64px;
  }
}
@media (min-width: 768px) {
  .form .column--text {
    margin-top: 16px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 375px) {
  .form .column--text {
    margin-top: calc(16px + 6 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .form .column--text {
    margin-top: 22px;
  }
}
@media (min-width: 768px) {
  .form .column--text {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 375px) {
  .form .column--text {
    font-size: calc(14px + 4 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .form .column--text {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form .column--text a {
    color: var(--color-blue-light);
  }
  .form .column--text a:hover {
    text-decoration: underline;
  }
  .form .column--half {
    width: 50%;
  }
  .form .column--one-third {
    width: 50%;
  }
  .form .column--two-third {
    width: 66.66%;
  }
  .form .column--one-fourth {
    width: 50%;
  }
  .form .column--three-fourth {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .form .column--one-third {
    width: 33.33%;
  }
  .form .column--one-fourth {
    width: 25%;
  }
  .form .column--three-fourth {
    width: 75%;
  }
}
/* form styles */
.wpcf7 {
  /*Response messages - Error & Success*/
  /*Input Field widths*/
}
.wpcf7 .wpcf7-form-control-wrap {
  display: block;
  position: relative;
}
.wpcf7 .wpcf7-form-control-wrap[data-name=date]:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  aspect-ratio: 1;
  background-color: var(--color-white);
  content: "icon";
  border: 1px solid var(--color-grey-light);
  border-radius: 4px;
  border-left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  pointer-events: none;
}
.wpcf7 ::placeholder {
  opacity: 1;
  color: var(--color-grey-dark);
  font-weight: 300;
}
.wpcf7 .wpcf7-response-output {
  display: none;
}
.wpcf7 .wpcf7-not-valid-tip,
.wpcf7 .screen-reader-response {
  display: none;
}
.wpcf7 .wpcf7-text, .wpcf7 .wpcf7-textarea, .wpcf7 .wpcf7-select, .wpcf7 .wpcf7-number, .wpcf7 .wpcf7-date {
  width: 100%;
  border: 1px solid var(--color-grey-border);
  border-radius: 4px;
  background: transparent;
  color: var(--color-grey-dark);
  font-weight: 300;
  font-family: var(--font-default);
  outline: none;
  color: var(--color-black);
}
.wpcf7 .wpcf7-text, .wpcf7 .wpcf7-textarea, .wpcf7 .wpcf7-select, .wpcf7 .wpcf7-number, .wpcf7 .wpcf7-date {
  line-height: 50px;
}
@media only screen and (min-width: 375px) {
  .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-textarea, .wpcf7 .wpcf7-select, .wpcf7 .wpcf7-number, .wpcf7 .wpcf7-date {
    line-height: calc(50px + 14 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-textarea, .wpcf7 .wpcf7-select, .wpcf7 .wpcf7-number, .wpcf7 .wpcf7-date {
    line-height: 64px;
  }
}
.wpcf7 .wpcf7-text, .wpcf7 .wpcf7-textarea, .wpcf7 .wpcf7-select, .wpcf7 .wpcf7-number, .wpcf7 .wpcf7-date {
  padding-right: 15px;
  padding-left: 15px;
}
@media only screen and (min-width: 375px) {
  .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-textarea, .wpcf7 .wpcf7-select, .wpcf7 .wpcf7-number, .wpcf7 .wpcf7-date {
    padding-right: calc(15px + 5 * (100vw - 375px) / (1920 - 375));
    padding-left: calc(15px + 5 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-textarea, .wpcf7 .wpcf7-select, .wpcf7 .wpcf7-number, .wpcf7 .wpcf7-date {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.wpcf7 .wpcf7-text, .wpcf7 .wpcf7-textarea, .wpcf7 .wpcf7-select, .wpcf7 .wpcf7-number, .wpcf7 .wpcf7-date {
  font-size: 16px;
}
@media only screen and (min-width: 375px) {
  .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-textarea, .wpcf7 .wpcf7-select, .wpcf7 .wpcf7-number, .wpcf7 .wpcf7-date {
    font-size: calc(16px + 6 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-textarea, .wpcf7 .wpcf7-select, .wpcf7 .wpcf7-number, .wpcf7 .wpcf7-date {
    font-size: 22px;
  }
}
.wpcf7 .wpcf7-text:focus, .wpcf7 .wpcf7-textarea:focus, .wpcf7 .wpcf7-select:focus, .wpcf7 .wpcf7-number:focus, .wpcf7 .wpcf7-date:focus {
  outline: 2px solid var(--color-blue-light);
}
.wpcf7 .wpcf7-text[aria-invalid=true], .wpcf7 .wpcf7-textarea[aria-invalid=true], .wpcf7 .wpcf7-select[aria-invalid=true], .wpcf7 .wpcf7-number[aria-invalid=true], .wpcf7 .wpcf7-date[aria-invalid=true] {
  background: rgb(255, 237, 237);
  border: 1px solid rgb(255, 237, 237);
}
.wpcf7 .hidden-fields-container {
  display: none;
}
.wpcf7 .wpcf7-form label {
  /*display: none;*/
}

select {
  width: 100%;
  border: 1px solid var(--color-grey-border);
  border-radius: 4px;
  background-color: var(--color-white);
  font-weight: 300;
  font-family: var(--font-default);
  outline: none;
  color: var(--color-black);
  appearance: none;
}
select {
  height: 50px;
}
@media only screen and (min-width: 375px) {
  select {
    height: calc(50px + 14 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  select {
    height: 64px;
  }
}
select {
  padding-right: 15px;
  padding-left: 15px;
}
@media only screen and (min-width: 375px) {
  select {
    padding-right: calc(15px + 5 * (100vw - 375px) / (1920 - 375));
    padding-left: calc(15px + 5 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  select {
    padding-right: 20px;
    padding-left: 20px;
  }
}
select {
  font-size: 16px;
}
@media only screen and (min-width: 375px) {
  select {
    font-size: calc(16px + 6 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  select {
    font-size: 22px;
  }
}
select:focus {
  outline: 2px solid var(--color-blue-light);
}
select[aria-invalid=true] {
  background: rgb(255, 237, 237);
  border: 1px solid rgb(255, 237, 237);
}
select option {
  font-size: 14px;
}
@media only screen and (min-width: 375px) {
  select option {
    font-size: calc(14px + 2 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  select option {
    font-size: 16px;
  }
}

/*Submit button Font*/
input[type=submit] {
  display: inline-block;
  background-color: var(--color-blue-dark);
  color: var(--color-white);
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0.5px;
  border-radius: 4px;
  border: 1px solid var(--color-blue-dark);
  cursor: pointer;
}
input[type=submit] {
  margin-top: 16px;
}
@media only screen and (min-width: 375px) {
  input[type=submit] {
    margin-top: calc(16px + 6 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  input[type=submit] {
    margin-top: 22px;
  }
}
input[type=submit] {
  padding-right: 32px;
  padding-left: 32px;
}
@media only screen and (min-width: 375px) {
  input[type=submit] {
    padding-right: calc(32px + 8 * (100vw - 375px) / (1920 - 375));
    padding-left: calc(32px + 8 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  input[type=submit] {
    padding-right: 40px;
    padding-left: 40px;
  }
}
input[type=submit] {
  padding-top: 12px;
  padding-bottom: 12px;
}
@media only screen and (min-width: 375px) {
  input[type=submit] {
    padding-top: calc(12px + 4 * (100vw - 375px) / (1920 - 375));
    padding-bottom: calc(12px + 4 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  input[type=submit] {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
input[type=submit] {
  font-size: 14px;
}
@media only screen and (min-width: 375px) {
  input[type=submit] {
    font-size: calc(14px + 6 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  input[type=submit] {
    font-size: 20px;
  }
}
input[type=submit]:hover {
  border: 1px solid var(--color-blue-dark-hover);
  background-color: var(--color-blue-dark-hover);
}

input[type=text] {
  width: 100%;
  border: 1px solid var(--color-grey-border);
  border-radius: 4px;
  background: white;
  color: var(--color-grey-dark);
  font-weight: 300;
  font-family: var(--font-default);
  outline: none;
  color: var(--color-black);
}
input[type=text] {
  height: 50px;
}
@media only screen and (min-width: 375px) {
  input[type=text] {
    height: calc(50px + 14 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  input[type=text] {
    height: 64px;
  }
}
input[type=text] {
  padding: 15px;
}
@media only screen and (min-width: 375px) {
  input[type=text] {
    padding: calc(15px + 5 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  input[type=text] {
    padding: 20px;
  }
}
input[type=text] {
  font-size: 16px;
}
@media only screen and (min-width: 375px) {
  input[type=text] {
    font-size: calc(16px + 6 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  input[type=text] {
    font-size: 22px;
  }
}
input[type=text]:focus {
  outline: 2px solid var(--color-blue-light);
}

input[type=text].search {
  width: 100%;
  border: 0;
  border-bottom: 1px solid var(--color-grey-light);
  border-radius: 4px;
  background: transparent;
  color: var(--color-grey-dark);
  font-weight: 300;
  font-family: var(--font-default);
  outline: none;
  color: var(--color-black);
}
input[type=text].search {
  height: 50px;
}
@media only screen and (min-width: 375px) {
  input[type=text].search {
    height: calc(50px + 14 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  input[type=text].search {
    height: 64px;
  }
}
input[type=text].search {
  padding-top: 15px;
  padding-bottom: 15px;
}
@media only screen and (min-width: 375px) {
  input[type=text].search {
    padding-top: calc(15px + 5 * (100vw - 375px) / (1920 - 375));
    padding-bottom: calc(15px + 5 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  input[type=text].search {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
input[type=text].search {
  font-size: 16px;
}
@media only screen and (min-width: 375px) {
  input[type=text].search {
    font-size: calc(16px + 6 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  input[type=text].search {
    font-size: 22px;
  }
}
input[type=text].search:focus {
  outline: 2px solid var(--color-blue-light);
}
input[type=text].search[aria-invalid=true] {
  background: rgb(255, 237, 237);
  border: 1px solid rgb(255, 237, 237);
}

.component-table {
  display: table;
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}
.component-table .component-table-row {
  border-bottom: 1px solid var(--color-grey-border);
  display: table-row;
  text-transform: uppercase;
  color: var(--color-blue-dark);
  font-weight: 400;
}
.component-table .component-table-row .component-table-cell {
  display: table-cell;
  line-height: 1.2;
  vertical-align: middle;
}
.component-table .component-table-row .component-table-cell {
  padding-top: 24px;
  padding-bottom: 24px;
}
@media only screen and (min-width: 375px) {
  .component-table .component-table-row .component-table-cell {
    padding-top: calc(24px + 8 * (100vw - 375px) / (1920 - 375));
    padding-bottom: calc(24px + 8 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .component-table .component-table-row .component-table-cell {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
.component-table .component-table-row .component-table-cell:last-child {
  display: table-cell;
  text-align: right;
  vertical-align: center;
  padding: 0;
}
.component-table .component-table-row .component-table-cell i {
  align-items: center;
  justify-content: center;
}
.component-table .component-table-row .component-table-cell i {
  font-size: 24px;
}
@media only screen and (min-width: 375px) {
  .component-table .component-table-row .component-table-cell i {
    font-size: calc(24px + 8 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .component-table .component-table-row .component-table-cell i {
    font-size: 32px;
  }
}
.component-table .component-table-row.component-table-head {
  display: table-header-group;
  text-transform: none;
  color: var(--color-grey-dark);
  font-weight: 300;
}
.component-table .component-table-row.component-table-head {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media only screen and (min-width: 375px) {
  .component-table .component-table-row.component-table-head {
    padding-top: calc(10px + 10 * (100vw - 375px) / (1920 - 375));
    padding-bottom: calc(10px + 10 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .component-table .component-table-row.component-table-head {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}
.splide__slide .splide__slide__container {
  aspect-ratio: 4/3;
  background-color: var(--color-grey-light);
  overflow: hidden;
}
.splide__slide .splide__slide__container figure {
  height: 100%;
  width: 100%;
}
.splide__slide .splide__slide__container img {
  display: block;
  height: 100%;
  width: auto;
  margin: 0 auto;
}
.splide__slide .splide__slide__container.behaviour--cover img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.splide__slide .splide__slide__container.behaviour--fill img {
  object-fit: fill;
  height: 100%;
  width: auto;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.splide__navigation {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
}
.splide__navigation {
  margin-top: 24px;
}
@media only screen and (min-width: 375px) {
  .splide__navigation {
    margin-top: calc(24px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .splide__navigation {
    margin-top: 48px;
  }
}
.splide__navigation .splide__arrow {
  color: var(--color-blue-light);
  cursor: pointer;
}
.splide__navigation .splide__arrow {
  font-size: 20px;
}
@media only screen and (min-width: 375px) {
  .splide__navigation .splide__arrow {
    font-size: calc(20px + 20 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .splide__navigation .splide__arrow {
    font-size: 40px;
  }
}
.splide__navigation .splide__arrow[disabled] {
  color: var(--color-grey-light);
}

.splide__indicator {
  flex-grow: 1;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.splide__indicator {
  margin-right: 20px;
  margin-left: 20px;
}
@media only screen and (min-width: 375px) {
  .splide__indicator {
    margin-right: calc(20px + 20 * (100vw - 375px) / (1920 - 375));
    margin-left: calc(20px + 20 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .splide__indicator {
    margin-right: 40px;
    margin-left: 40px;
  }
}
.splide__indicator .splide__indicator__line {
  flex-grow: 1;
  height: 2px;
  background: var(--color-grey-light);
  transform: translateY(-50%);
}
.splide__indicator .splide__indicator__line.active {
  background: var(--color-blue-light);
}

body.hidden-scroll {
  overflow: hidden;
}

.sl-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgb(0, 0, 0);
  display: none;
  z-index: 1035;
}

.sl-wrapper {
  z-index: 1040;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed;
}

.sl-wrapper * {
  box-sizing: border-box;
}

.sl-wrapper button {
  border: 0 none;
  background: rgba(0, 0, 0, 0);
  font-size: 28px;
  padding: 0;
  cursor: pointer;
}

.sl-wrapper button:hover {
  opacity: 0.7;
}

.sl-wrapper .sl-close {
  display: none;
  position: fixed;
  right: 30px;
  top: 30px;
  z-index: 10060;
  margin-top: -14px;
  margin-right: -14px;
  height: 44px;
  width: 44px;
  line-height: 44px;
  font-family: Arial, Baskerville, monospace;
  color: #000;
  font-size: 3rem;
}

.sl-wrapper .sl-counter {
  display: none;
  position: fixed;
  top: 30px;
  left: 30px;
  z-index: 10060;
  color: #000;
  font-size: 1rem;
}

.sl-wrapper .sl-download {
  display: none;
  position: fixed;
  bottom: 5px;
  width: 100%;
  text-align: center;
  z-index: 10060;
  color: #fff;
  font-size: 1rem;
}

.sl-wrapper .sl-download a {
  color: #fff;
}

.sl-wrapper .sl-navigation {
  width: 100%;
  display: none;
}

.sl-wrapper .sl-navigation button {
  position: fixed;
  top: 50%;
  margin-top: -22px;
  height: 44px;
  width: 22px;
  line-height: 44px;
  text-align: center;
  display: block;
  z-index: 10060;
  font-family: Arial, Baskerville, monospace;
  color: var(--color-white);
}

.sl-wrapper .sl-navigation button.sl-next {
  right: 5px;
  font-size: 2rem;
}

.sl-wrapper .sl-navigation button.sl-prev {
  left: 5px;
  font-size: 2rem;
}

@media (min-width: 35.5em) {
  .sl-wrapper .sl-navigation button {
    width: 44px;
  }
  .sl-wrapper .sl-navigation button.sl-next {
    right: 10px;
    font-size: 3rem;
  }
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 10px;
    font-size: 3rem;
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-navigation button {
    width: 44px;
  }
  .sl-wrapper .sl-navigation button.sl-next {
    right: 20px;
    font-size: 3rem;
  }
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 20px;
    font-size: 3rem;
  }
}
.sl-wrapper.sl-dir-rtl .sl-navigation {
  direction: ltr;
}

.sl-wrapper .sl-image {
  position: fixed;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 10000;
  background-color: var(--color-white);
}

.sl-wrapper .sl-image img {
  margin: 0;
  padding: 0;
  display: block;
  border: 0 none;
  width: 100%;
  height: auto;
}

@media (min-width: 35.5em) {
  .sl-wrapper .sl-image img {
    border: 0 none;
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-image img {
    border: 0 none;
  }
}
.sl-wrapper .sl-image iframe {
  background: #000;
  border: 0 none;
}

@media (min-width: 35.5em) {
  .sl-wrapper .sl-image iframe {
    border: 0 none;
  }
}
@media (min-width: 50em) {
  .sl-wrapper .sl-image iframe {
    border: 0 none;
  }
}
.sl-wrapper .sl-image .sl-caption {
  display: none;
  padding: 20px 0;
  color: var(--color-white);
  font-size: 1rem;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}

.sl-wrapper .sl-image .sl-caption.pos-top {
  bottom: auto;
  top: 0;
}

.sl-wrapper .sl-image .sl-caption.pos-outside {
  bottom: auto;
}

.sl-spinner {
  display: none;
  border: 5px solid #333;
  border-radius: 40px;
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  opacity: 0;
  position: fixed;
  top: 50%;
  width: 40px;
  z-index: 1007;
  -webkit-animation: pulsate 1s ease-out infinite;
  -moz-animation: pulsate 1s ease-out infinite;
  -ms-animation: pulsate 1s ease-out infinite;
  -o-animation: pulsate 1s ease-out infinite;
  animation: pulsate 1s ease-out infinite;
}

.sl-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.sl-transition {
  transition: -moz-transform ease 200ms;
  transition: -ms-transform ease 200ms;
  transition: -o-transform ease 200ms;
  transition: -webkit-transform ease 200ms;
  transition: transform ease 200ms;
}

@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-moz-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-o-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-ms-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@media (min-width: 1280px) {
  .c-banner.visible + .header {
    top: 48px;
    transition: transform 0.2s ease-in-out, top 1s ease-in-out;
  }
}
.header {
  position: fixed;
  z-index: 1000002;
  top: 0;
  right: 0;
  left: 0;
  color: var(--color-grey-dark);
  font-weight: 400;
  transform: translateY(0);
  transition: transform 0.2s ease-in-out, top 0.2s ease-in-out;
  border-bottom: 2px solid var(--color-grey-light);
}
.header {
  font-size: 16px;
}
@media only screen and (min-width: 375px) {
  .header {
    font-size: calc(16px + 4 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .header {
    font-size: 20px;
  }
}
.header {
  padding-left: var(--grid-offset);
  padding-right: var(--grid-offset);
}
.header a {
  color: var(--color-grey-dark);
}
.header .header__background {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: rgb(255, 255, 255);
}
.header .header__inner {
  height: 80px;
  display: flex;
  flex: 0 0 0;
  flex-flow: row wrap;
  align-items: center;
  z-index: 10;
}
.header .header__inner {
  max-width: var(--grid-width-max);
  width: 100%;
  margin: 0 auto;
}
.header .header__toggles {
  height: 40px;
  transition: height 0.4s ease;
}
.header .wechat-toggle,
.header .contact-toggle,
.header .service-toggle,
.header .language-toggle {
  opacity: 1;
  transition: opacity 0.2s ease;
  height: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  cursor: pointer;
  position: relative;
  z-index: 101;
}
.header .wechat-toggle a,
.header .contact-toggle a,
.header .service-toggle a,
.header .language-toggle a {
  color: var(--color-grey-dark);
}
.header .wechat-toggle .icon,
.header .contact-toggle .icon,
.header .service-toggle .icon,
.header .language-toggle .icon {
  font-size: 20px;
}
.header .wechat-toggle span,
.header .contact-toggle span,
.header .service-toggle span,
.header .language-toggle span {
  margin-left: 12px;
}
.header .header-break {
  display: none;
  flex-basis: 100%;
  height: 0;
}
.header .header__logo {
  position: relative;
  z-index: 101;
}
.header .header__logo .logo-white {
  display: none;
}
.header .header__logo .logo-blue {
  display: block;
}
.header .header__logo img {
  width: auto;
}
.header .header__logo img {
  height: 40px;
}
@media only screen and (min-width: 375px) {
  .header .header__logo img {
    height: calc(40px + 20 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .header .header__logo img {
    height: 60px;
  }
}
.header.style-transparent .header__logo .logo-blue {
  display: none;
}
.header.style-transparent .header__logo .logo-white {
  display: block;
}
.header.style-shrinked .header__logo .logo-white {
  display: none;
}
.header.style-shrinked .header__logo .logo-blue {
  display: block;
}
.header.navigation-active .header__logo .logo-white, .header.style-menu-visible .header__logo .logo-white {
  display: none;
}
.header.navigation-active .header__logo .logo-blue, .header.style-menu-visible .header__logo .logo-blue {
  display: block;
}
.header .search-toggle {
  position: relative;
  z-index: 101;
  opacity: 1;
  height: 26px;
  width: 26px;
  margin-left: auto;
  font-size: 20px;
  cursor: pointer;
  transition: opacity 0.4s ease;
  position: relative;
}
.header .search-toggle.active {
  opacity: 0;
}
.header.style-transparent .search-toggle i {
  color: var(--color-white);
}
.header.style-transparent.style-shrinked .search-toggle i, .header.style-transparent.navigation-active .search-toggle i {
  color: var(--color-grey-dark);
}
.header.style-menu-visible .search-toggle i {
  color: var(--color-grey-dark);
}
@media (min-width: 1280px) {
  .header .search-toggle {
    margin-left: 40px;
    opacity: 1;
  }
}
.header.style-transparent {
  border-bottom: 2px solid transparent;
  color: var(--color-white);
}
.header.style-transparent a {
  color: var(--color-white);
}
.header.style-transparent .header__background {
  background-color: rgba(255, 255, 255, 0);
  transition: background-color 0.4s ease;
}
.header.navigation-active {
  color: var(--color-grey-dark);
}
.header.navigation-active a {
  color: var(--color-grey-dark);
}
.header.style-shrinked {
  color: var(--color-grey-dark);
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);
}
.header.style-shrinked a {
  color: var(--color-grey-dark);
}
.header.style-shrinked .header__background {
  background-color: rgb(255, 255, 255);
  transition: background-color 0.4s ease;
}
.header.style-shrinked .header__inner {
  height: 80px;
  transition: height 0.4s ease-in-out;
}
.header.style-shrinked .header__toggles {
  height: 0;
  transition: height 0.4s ease-in-out;
}
.header.style-shrinked .header__toggles .wechat-toggle,
.header.style-shrinked .header__toggles .contact-toggle,
.header.style-shrinked .header__toggles .service-toggle,
.header.style-shrinked .header__toggles .language-toggle {
  opacity: 0;
}
.header.style-menu-visible {
  color: var(--color-grey-dark);
  border-bottom: 1px solid #D5D6D2;
}
.header.style-menu-visible a {
  color: var(--color-grey-dark);
}
.header.style-menu-visible .header__background {
  transition: background-color 0s ease 0s;
  background-color: rgb(255, 255, 255);
}

@media (min-width: 1280px) {
  .header .header__inner {
    height: 140px;
  }
  .header.style-shrinked .header__inner {
    height: 100px;
  }
  .header .header-break {
    display: block;
  }
}
.header__toggles {
  display: none;
  flex-flow: row wrap;
}
.header__toggles .wechat-toggle,
.header__toggles .contact-toggle,
.header__toggles .language-toggle,
.header__toggles .service-toggle {
  width: 100%;
  margin-left: 0;
}
.header__toggles .wechat-toggle,
.header__toggles .contact-toggle,
.header__toggles .language-toggle,
.header__toggles .service-toggle {
  font-size: 14px;
}
@media only screen and (min-width: 1024px) {
  .header__toggles .wechat-toggle,
  .header__toggles .contact-toggle,
  .header__toggles .language-toggle,
  .header__toggles .service-toggle {
    font-size: calc(14px + 2 * (100vw - 1024px) / (1920 - 1024));
  }
}
@media only screen and (min-width: 1920px) {
  .header__toggles .wechat-toggle,
  .header__toggles .contact-toggle,
  .header__toggles .language-toggle,
  .header__toggles .service-toggle {
    font-size: 16px;
  }
}
.header__toggles .language-toggle {
  text-transform: uppercase;
}

.header__navigation .header__toggles {
  margin-top: 48px;
  margin-bottom: 48px;
  display: flex;
}
.header__navigation .header__toggles {
  padding-left: var(--grid-offset);
  padding-right: var(--grid-offset);
}

@media (min-width: 1280px) {
  .header__toggles {
    display: flex;
    width: 100%;
  }
  .header__toggles .wechat-toggle,
  .header__toggles .contact-toggle,
  .header__toggles .language-toggle,
  .header__toggles .service-toggle {
    width: unset;
    margin-left: 40px;
  }
  .header__toggles .contact-toggle {
    margin-left: auto;
  }
  .header__toggles .wechat-toggle {
    margin-left: auto;
  }
  .header__toggles .wechat-toggle + .contact-toggle {
    margin-left: 40px;
  }
  .header__navigation .header__toggles {
    display: none;
  }
}
@media (min-width: 1280px) {
  .header__navigation {
    display: flex;
    flex-flow: row nowrap;
    margin-left: auto;
  }
  .header__navigation ul.menu li {
    margin-left: 0;
  }
  .header__navigation ul.menu > li {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    height: 100px;
    margin-left: 0;
  }
  .header__navigation ul.menu > li > a {
    font-family: var(--font-headline);
  }
  .header__navigation ul.menu > li > a {
    padding-right: 12px;
    padding-left: 12px;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 375px) {
  .header__navigation ul.menu > li > a {
    padding-right: calc(12px + 12 * (100vw - 375px) / (1920 - 375));
    padding-left: calc(12px + 12 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1920px) {
  .header__navigation ul.menu > li > a {
    padding-right: 24px;
    padding-left: 24px;
  }
}
@media (min-width: 1280px) {
  .header__navigation ul.menu > li > .icon {
    display: none;
  }
  .header__navigation ul.menu > li > .sub-menu {
    position: absolute;
    left: 0;
    top: calc(100% - 1px);
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: calc(100vh - 100% + 1px);
    display: block;
    overflow: hidden;
  }
  .header__navigation ul.menu > li.active > .sub-menu {
    opacity: 1;
    visibility: visible;
  }
  .header__navigation ul.menu li.active > a {
    color: var(--color-blue-light);
  }
  .header__navigation .mega {
    height: 100%;
    position: relative;
  }
  .header__navigation .mega > ul {
    display: flex;
    flex-flow: column nowrap;
    width: 25%;
    row-gap: 12px;
    border-right: 1px solid var(--color-grey-light);
  }
  .header__navigation .mega > ul {
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 375px) {
  .header__navigation .mega > ul {
    padding-top: calc(32px + 32 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1920px) {
  .header__navigation .mega > ul {
    padding-top: 64px;
  }
}
@media (min-width: 1280px) {
  .header__navigation .mega > ul {
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 375px) {
  .header__navigation .mega > ul {
    padding-bottom: calc(32px + 32 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1920px) {
  .header__navigation .mega > ul {
    padding-bottom: 64px;
  }
}
@media (min-width: 1280px) {
  .header__navigation .mega > ul > li:not(.sub-menu-back) {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
  }
  .header__navigation .mega > ul > li:not(.sub-menu-back) {
    margin-right: 16px;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 375px) {
  .header__navigation .mega > ul > li:not(.sub-menu-back) {
    margin-right: calc(16px + 16 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1920px) {
  .header__navigation .mega > ul > li:not(.sub-menu-back) {
    margin-right: 32px;
  }
}
@media (min-width: 1280px) {
  .header__navigation .mega > ul > li:not(.sub-menu-back):first-child {
    margin-top: 0;
  }
  .header__navigation .mega > ul > li:not(.sub-menu-back) .icon {
    display: block;
    margin-left: 20px;
  }
  .header__navigation .mega > ul li.current-menu-parent > a, .header__navigation .mega > ul li.current-menu-item > a {
    color: var(--color-blue-light);
  }
  .header__navigation .mega > ul > li > .sub-menu {
    position: absolute;
    top: 0;
    left: 25%;
    opacity: 0;
    visibility: hidden;
    display: flex;
    flex-flow: column nowrap;
    row-gap: 12px;
    width: 25%;
    border-right: 1px solid var(--color-grey-light);
  }
  .header__navigation .mega > ul > li > .sub-menu {
    padding-top: 32px;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 375px) {
  .header__navigation .mega > ul > li > .sub-menu {
    padding-top: calc(32px + 32 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1920px) {
  .header__navigation .mega > ul > li > .sub-menu {
    padding-top: 64px;
  }
}
@media (min-width: 1280px) {
  .header__navigation .mega > ul > li > .sub-menu {
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 375px) {
  .header__navigation .mega > ul > li > .sub-menu {
    padding-bottom: calc(32px + 32 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1920px) {
  .header__navigation .mega > ul > li > .sub-menu {
    padding-bottom: 64px;
  }
}
@media (min-width: 1280px) {
  .header__navigation .mega > ul > li > .sub-menu li {
    margin-left: 24px;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 375px) {
  .header__navigation .mega > ul > li > .sub-menu li {
    margin-left: calc(24px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1920px) {
  .header__navigation .mega > ul > li > .sub-menu li {
    margin-left: 48px;
  }
}
@media (min-width: 1280px) {
  .header__navigation .mega > ul > li > .sub-menu li {
    margin-right: 24px;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 375px) {
  .header__navigation .mega > ul > li > .sub-menu li {
    margin-right: calc(24px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1920px) {
  .header__navigation .mega > ul > li > .sub-menu li {
    margin-right: 48px;
  }
}
@media (min-width: 1280px) {
  .header__navigation .mega > ul > li > .sub-menu li:first-child {
    margin-top: 0;
  }
  .header__navigation .mega > ul > li > .sub-menu a {
    font-family: var(--font-default);
  }
  .header__navigation .mega > ul a {
    font-family: var(--font-headline);
    color: var(--color-blue-dark);
    display: block;
    line-height: 1.4;
    word-wrap: break-word;
    margin-top: 0;
    font-weight: 300;
  }
  .header__navigation .mega > ul a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 375px) {
  .header__navigation .mega > ul a {
    font-size: calc(16px + 4 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1920px) {
  .header__navigation .mega > ul a {
    font-size: 20px;
  }
}
@media (min-width: 1280px) {
  .header__navigation .mega > ul a:hover {
    color: var(--color-blue-light);
  }
  .header__navigation .mega > ul > li.active > .sub-menu {
    opacity: 1;
    visibility: visible;
  }
  .header__navigation .sub-menu-background {
    background: var(--color-white);
    border-top: 2px solid var(--color-grey-light);
    width: 100%;
  }
  .header__navigation .sub-menu-background {
    padding-left: var(--grid-offset);
    padding-right: var(--grid-offset);
  }
  .header__navigation .sub-menu-width {
    width: 100%;
    height: 100%;
    display: flex;
  }
  .header__navigation .sub-menu-width {
    max-width: var(--grid-width-max);
    width: 100%;
    margin: 0 auto;
  }
  .header__navigation .sub-menu-columns {
    display: flex;
    width: 100%;
  }
  .header__navigation .sub-menu-columns .mega {
    display: flex;
    flex-grow: 1;
    height: 100%;
  }
  .header__navigation .sub-menu-back,
  .header__navigation .sub-menu-parent,
  .header__navigation .icon {
    display: none;
  }
  .header__navigation .link-details {
    position: absolute;
    left: calc(50% - 1px);
    width: 50%;
    top: 0;
    opacity: 0;
    visibility: hidden;
    display: flex;
    flex-flow: row nowrap;
    padding: 64px 0;
    border-left: 1px solid var(--color-grey-light);
  }
  .header__navigation .link-details {
    padding-left: 24px;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 375px) {
  .header__navigation .link-details {
    padding-left: calc(24px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1920px) {
  .header__navigation .link-details {
    padding-left: 48px;
  }
}
@media (min-width: 1280px) {
  .header__navigation .link-details__media {
    width: 50%;
    padding-left: 12px;
  }
  .header__navigation .link-details__content {
    width: 50%;
    padding-right: 12px;
  }
  .header__navigation .link-details__title {
    color: var(--color-blue-light);
    font-family: var(--font-headline);
    font-size: 20px;
  }
  .header__navigation .link-details__text {
    margin-top: 16px;
    font-size: 18px;
    font-weight: 300;
  }
  .header__navigation .link-details .button {
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 375px) {
  .header__navigation .link-details .button {
    margin-top: calc(16px + 4 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1920px) {
  .header__navigation .link-details .button {
    margin-top: 20px;
  }
}
@media (min-width: 1280px) {
  .header__navigation .link-details .button a {
    display: inline-block;
    background-color: var(--color-blue-dark);
    color: var(--color-white);
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.5px;
    border-radius: 4px;
    border: 1px solid var(--color-blue-dark);
  }
  .header__navigation .link-details .button a {
    padding-right: 32px;
    padding-left: 32px;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 375px) {
  .header__navigation .link-details .button a {
    padding-right: calc(32px + 8 * (100vw - 375px) / (1920 - 375));
    padding-left: calc(32px + 8 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1920px) {
  .header__navigation .link-details .button a {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media (min-width: 1280px) {
  .header__navigation .link-details .button a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 375px) {
  .header__navigation .link-details .button a {
    padding-top: calc(12px + 4 * (100vw - 375px) / (1920 - 375));
    padding-bottom: calc(12px + 4 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1920px) {
  .header__navigation .link-details .button a {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media (min-width: 1280px) {
  .header__navigation .link-details .button a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 375px) {
  .header__navigation .link-details .button a {
    font-size: calc(14px + 2 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1920px) {
  .header__navigation .link-details .button a {
    font-size: 16px;
  }
}
@media (min-width: 1280px) {
  .header__navigation .link-details .button a:hover {
    border: 1px solid var(--color-blue-dark-hover);
    background-color: var(--color-blue-dark-hover);
    color: var(--color-white);
  }
  .header__navigation .link-details .button a.style-inverted {
    background-color: var(--color-white);
    color: var(--color-blue-dark);
    border: 1px solid #E6E6E6;
  }
  .header__navigation .link-details .button a.style-inverted:hover {
    border-color: #E6E6E6;
    color: var(--color-blue-light);
    background-color: #E6E6E6;
  }
  .header__navigation .link-details img {
    width: 100%;
    height: auto;
  }
  .header__navigation .link-details.active {
    opacity: 1;
    visibility: visible;
  }
  .header__navigation .mega .sub-menu .link-details {
    left: 100%;
    width: calc(200% + 2px);
  }
}
@media (max-width: 1279.98px) {
  .header__navigation {
    color: var(--color-grey-dark);
    background-color: var(--color-white);
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 100%;
    right: 0;
    z-index: 10;
    width: 100%;
    height: 100vh;
    opacity: 0.8;
    transition: opacity 0.4s ease, left 0s 0.2s;
    font-weight: 500;
  }
  .header__navigation .sub-menu-background {
    width: 100%;
  }
  .header__navigation.active {
    transition: opacity 0.4s ease, left 0s;
    opacity: 1;
    left: 0;
  }
  .header__navigation .link-content {
    display: none;
  }
  .header__navigation a {
    color: var(--color-blue-dark);
  }
  .link-details {
    display: none;
  }
  .header__navigation_inner {
    height: 100%;
    position: relative;
  }
  .header__navigation__scrollable {
    overflow-y: auto;
    height: 100%;
    display: flex;
    flex-flow: column;
  }
  .header__navigation__scrollable .navigation__header {
    height: 64px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    font-size: 18px;
    padding: 12px 0;
    line-height: 1;
  }
  .header__navigation__scrollable .navigation__header {
    padding-left: var(--grid-offset);
    padding-right: var(--grid-offset);
  }
  .header__navigation__scrollable .header__navigation__scrollable_inner {
    width: 100%;
    height: 100%;
    flex-grow: 1;
  }
  .header__navigation__scrollable nav {
    position: relative;
    margin-top: 80px;
    height: calc(100% - 80px);
    overflow-x: hidden;
  }
  .header__navigation__scrollable nav ul {
    flex-flow: row wrap;
  }
  .header__navigation__scrollable .menu li, .header__navigation__scrollable .submenu li {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    margin-left: 0;
  }
  .header__navigation__scrollable .menu li a, .header__navigation__scrollable .submenu li a {
    flex-grow: 1;
    display: block;
    padding: 12px 0;
    font-size: 20px;
  }
  .header__navigation__scrollable .menu li i, .header__navigation__scrollable .submenu li i {
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
    font-size: 20px;
  }
  .header__navigation__scrollable .menu .sub-menu-back, .header__navigation__scrollable .submenu .sub-menu-back {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    cursor: pointer;
  }
  .header__navigation__scrollable .menu .sub-menu-back i, .header__navigation__scrollable .submenu .sub-menu-back i {
    border-left: 0;
    justify-content: flex-start;
  }
  .header__navigation__scrollable .menu .sub-menu-back span, .header__navigation__scrollable .submenu .sub-menu-back span {
    padding: 16px 0;
    font-size: 18px;
    text-align: left;
    display: block;
    flex-grow: 1;
    padding-right: 32px;
    padding-left: 12px;
    font-weight: 400;
  }
  .header__navigation__scrollable .menu .sub-menu-parent a, .header__navigation__scrollable .submenu .sub-menu-parent a {
    color: var(--color-blue-light);
    font-size: 20px;
  }
  .header__navigation__scrollable .menu {
    padding-left: var(--grid-offset);
    padding-right: var(--grid-offset);
  }
  .header__navigation__scrollable .menu a {
    color: var(--color-grey-dark);
    font-family: var(--font-headline);
    font-weight: 400;
  }
  .header__navigation__scrollable .menu, .header__navigation__scrollable li.active > .sub-menu {
    z-index: 102;
    left: 0;
  }
  .header__navigation__scrollable .sub-menu {
    position: absolute;
    inset: 0;
    z-index: 0;
    left: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: var(--color-white);
    transition: left 0.2s ease;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    align-content: flex-start;
  }
  .header__navigation__scrollable .sub-menu {
    padding-left: var(--grid-offset);
    padding-right: var(--grid-offset);
  }
  .header__navigation__scrollable .sub-menu li a {
    font-size: 18px;
    color: var(--color-blue-dark);
  }
  .header__navigation__scrollable .sub-menu .sub-menu li a {
    font-weight: 300;
  }
  .header__navigation__scrollable .sub-menu .sub-menu .sub-menu-parent a {
    font-weight: 400;
  }
  .mobile-primary {
    height: 100%;
  }
  .mobile-primary > div {
    position: relative;
    overflow-x: hidden;
    height: 100%;
  }
}
.toggle > div {
  width: 100%;
  height: 100%;
  margin-left: 12px;
  position: relative;
  z-index: 101;
}
.toggle button {
  height: 18px;
  width: 26px;
  cursor: pointer;
  display: block;
  position: relative;
}
.toggle button span {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  background-color: var(--color-grey-dark);
  height: 1px;
  transform: rotate(0);
  opacity: 1;
  transition: transform 0.4s ease, opacity 0.4s ease;
}
.toggle button span:nth-child(1) {
  transform: rotate(0);
  top: 0;
}
.toggle button span:nth-child(2) {
  top: calc(50% - 0.5px);
}
.toggle button span:nth-child(3) {
  transform: rotate(0);
  bottom: 0;
}
.toggle button.active {
  justify-content: space-between;
}
.toggle button.active span:nth-child(2) {
  opacity: 0;
}
.toggle button.active span:nth-child(1) {
  transform: rotate(45deg);
  top: calc(50% - 0.5px);
}
.toggle button.active span:nth-child(3) {
  transform: rotate(-45deg);
  bottom: calc(50% - 0.5px);
}
.toggle .sidebar-toggle {
  margin: 0;
}
.toggle .sidebar-toggle {
  padding-left: var(--grid-offset);
  padding-right: var(--grid-offset);
}
.toggle .sidebar-toggle button {
  margin-top: 32px;
  margin-left: auto;
}
.toggle .sidebar-toggle button span {
  background-color: var(--color-grey-dark);
}
.toggle .navigation-toggle {
  z-index: 100;
}
.toggle.toggle--lightbox > div {
  margin-left: 0;
}
.toggle.toggle--lightbox button {
  width: 44px;
  aspect-ratio: 1;
}
.toggle.toggle--lightbox button span {
  background-color: var(--color-white);
  height: 2px;
}
.toggle.toggle--lightbox button.active span:nth-child(1) {
  transform: rotate(45deg);
  top: calc(50% - 1px);
}
.toggle.toggle--lightbox button.active span:nth-child(3) {
  transform: rotate(-45deg);
  bottom: calc(50% - 1px);
}

.header.style-transparent .toggle button span {
  background-color: var(--color-white);
}

.header.style-transparent.style-shrinked .toggle button span {
  background-color: var(--color-grey-dark);
}

.header.navigation-active .toggle button span {
  background-color: var(--color-grey-dark);
}

@media (min-width: 1280px) {
  .toggle .sidebar-toggle button {
    margin-top: 88px;
  }
  .toggle .navigation-toggle {
    display: none;
  }
}
.footer {
  overflow: hidden;
  position: relative;
  background-color: var(--color-blue-dark);
  color: var(--color-white);
}
.footer {
  padding-left: var(--grid-offset);
  padding-right: var(--grid-offset);
}
.footer {
  font-size: 14px;
}
@media only screen and (min-width: 375px) {
  .footer {
    font-size: calc(14px + 6 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .footer {
    font-size: 20px;
  }
}
.footer .inner {
  max-width: var(--grid-width-max);
  width: 100%;
  margin: 0 auto;
}
.footer .footer-widgets {
  display: flex;
  flex-flow: row wrap;
  margin-left: calc(var(--grid-gutter) / 2 * -1);
  margin-right: calc(var(--grid-gutter) / 2 * -1);
}
.footer .footer-widgets a[target=_blank]:after {
  content: "\e90f";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 12px;
  font-size: 16px;
}
.footer .footer-widgets .footer-widgets-column {
  margin-top: 48px;
}
@media only screen and (min-width: 375px) {
  .footer .footer-widgets .footer-widgets-column {
    margin-top: calc(48px + 48 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .footer .footer-widgets .footer-widgets-column {
    margin-top: 96px;
  }
}
.footer .footer-widgets .footer-widgets-column:nth-child(1), .footer .footer-widgets .footer-widgets-column:nth-child(2) {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.footer .footer-widgets .footer-widgets-column:nth-child(3), .footer .footer-widgets .footer-widgets-column:nth-child(4) {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
@media (min-width: 768px) {
  .footer .footer-widgets .footer-widgets-column:nth-child(1), .footer .footer-widgets .footer-widgets-column:nth-child(2) {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .footer .footer-widgets .footer-widgets-column:nth-child(3), .footer .footer-widgets .footer-widgets-column:nth-child(4) {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
}
@media (min-width: 1280px) {
  .footer .footer-widgets .footer-widgets-column:nth-child(1), .footer .footer-widgets .footer-widgets-column:nth-child(2), .footer .footer-widgets .footer-widgets-column:nth-child(3), .footer .footer-widgets .footer-widgets-column:nth-child(4) {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 3 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
}
.footer .footer-socket {
  display: flex;
  flex-flow: row wrap;
  margin-left: calc(var(--grid-gutter) / 2 * -1);
  margin-right: calc(var(--grid-gutter) / 2 * -1);
}
.footer .footer-socket {
  padding-top: 16px;
  padding-bottom: 16px;
}
@media only screen and (min-width: 375px) {
  .footer .footer-socket {
    padding-top: calc(16px + 16 * (100vw - 375px) / (1920 - 375));
    padding-bottom: calc(16px + 16 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .footer .footer-socket {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
.footer .footer-socket {
  font-size: 12px;
}
@media only screen and (min-width: 375px) {
  .footer .footer-socket {
    font-size: calc(12px + 4 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .footer .footer-socket {
    font-size: 16px;
  }
}
.footer .footer-socket .social,
.footer .footer-socket .copyright,
.footer .footer-socket .navigation {
  display: flex;
  align-items: flex-end;
}
.footer .footer-socket .social a[href*="beian.gov.cn"],
.footer .footer-socket .copyright a[href*="beian.gov.cn"],
.footer .footer-socket .navigation a[href*="beian.gov.cn"] {
  display: flex;
  flex-flow: row nowrap;
}
.footer .footer-socket .social a[href*="beian.gov.cn"]:before,
.footer .footer-socket .copyright a[href*="beian.gov.cn"]:before,
.footer .footer-socket .navigation a[href*="beian.gov.cn"]:before {
  content: "";
  width: 20px;
  display: inline-block;
  height: 20px;
  margin-right: 8px;
  background-image: url("../img/beian.webp");
  background-repeat: no-repeat;
}
.footer .footer-socket .social {
  order: 1;
  margin-bottom: 58px;
  margin-top: 96px;
  justify-content: flex-start;
}
.footer .footer-socket .social {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.footer .footer-socket .social {
  font-size: 28px;
}
@media only screen and (min-width: 375px) {
  .footer .footer-socket .social {
    font-size: calc(28px + 12 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .footer .footer-socket .social {
    font-size: 40px;
  }
}
.footer .footer-socket .social ul li {
  margin-left: 20px;
}
@media only screen and (min-width: 375px) {
  .footer .footer-socket .social ul li {
    margin-left: calc(20px + 10 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .footer .footer-socket .social ul li {
    margin-left: 30px;
  }
}
.footer .footer-socket .social ul li:first-child {
  margin-left: 0;
}
.footer .footer-socket .social ul li a {
  display: flex;
}
.footer .footer-socket .copyright {
  order: 2;
}
.footer .footer-socket .copyright {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.footer .footer-socket .navigation {
  margin-top: 8px;
  order: 3;
}
.footer .footer-socket .navigation {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.footer .footer-socket .navigation li {
  margin-left: 16px;
}
@media only screen and (min-width: 375px) {
  .footer .footer-socket .navigation li {
    margin-left: calc(16px + 16 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .footer .footer-socket .navigation li {
    margin-left: 32px;
  }
}
.footer .footer-socket .navigation li:first-child {
  margin-left: 0;
}
@media (min-width: 768px) {
  .footer .footer-socket .copyright {
    margin-top: 0;
  }
  .footer .footer-socket .copyright {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .footer .footer-socket .social {
    justify-content: flex-start;
  }
  .footer .footer-socket .social {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .footer .footer-socket .navigation {
    margin-top: 0;
  }
  .footer .footer-socket .navigation {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
}
@media (min-width: 1280px) {
  .footer .footer-socket {
    margin-top: 200px;
  }
  .footer .footer-socket .copyright {
    margin-top: 0;
    order: 1;
  }
  .footer .footer-socket .copyright {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 3 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .footer .footer-socket .navigation {
    margin-top: 0;
    order: 2;
  }
  .footer .footer-socket .navigation {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .footer .footer-socket .social {
    margin-top: 0;
    margin-bottom: 0;
    order: 3;
    justify-content: flex-end;
  }
  .footer .footer-socket .social {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 3 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
}
.footer .decoration {
  position: absolute;
  bottom: 0;
  right: 0;
  height: auto;
  transform: translate(26%, 26%);
  pointer-events: none;
  opacity: 0.04;
}
.footer .decoration {
  width: 380px;
}
@media only screen and (min-width: 375px) {
  .footer .decoration {
    width: calc(380px + 340 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .footer .decoration {
    width: 720px;
  }
}

.c-banner.visible ~ main > .main__breadcrumb {
  margin-top: 128px;
  transition: margin-top 1s ease-in-out;
}

.main__breadcrumb {
  margin-top: 80px;
  margin-bottom: 40px;
  transition: margin-top 0.2s ease-in-out;
}
.main__breadcrumb {
  padding-left: var(--grid-offset);
  padding-right: var(--grid-offset);
}
.main__breadcrumb > .breadcrumb {
  max-width: var(--grid-width-max);
  width: 100%;
  margin: 0 auto;
}
.main__breadcrumb .breadcrumb {
  padding-top: 16px;
  list-style-type: none;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
  color: var(--color-blue-dark);
}
.main__breadcrumb .breadcrumb .breadcrumb {
  margin: 0;
  padding: 0;
}
.main__breadcrumb .breadcrumb .item {
  font-size: 18px;
  display: flex;
  align-items: center;
}
.main__breadcrumb .breadcrumb .item a {
  color: var(--color-blue-dark);
}
.main__breadcrumb .breadcrumb .seperator {
  margin-right: 8px;
  margin-left: 8px;
}
@media only screen and (min-width: 375px) {
  .main__breadcrumb .breadcrumb .seperator {
    margin-right: calc(8px + 8 * (100vw - 375px) / (1920 - 375));
    margin-left: calc(8px + 8 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .main__breadcrumb .breadcrumb .seperator {
    margin-right: 16px;
    margin-left: 16px;
  }
}
.main__breadcrumb .yoast > span {
  font-size: 18px;
}
.main__breadcrumb .yoast > span > span {
  margin-right: 4px;
  margin-left: 4px;
}
@media only screen and (min-width: 375px) {
  .main__breadcrumb .yoast > span > span {
    margin-right: calc(4px + 4 * (100vw - 375px) / (1920 - 375));
    margin-left: calc(4px + 4 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .main__breadcrumb .yoast > span > span {
    margin-right: 8px;
    margin-left: 8px;
  }
}
.main__breadcrumb .yoast > span > span:first-child {
  margin-left: 0;
}
.main__breadcrumb .yoast > span .breadcrumb_last {
  margin-left: 4px;
}
@media only screen and (min-width: 375px) {
  .main__breadcrumb .yoast > span .breadcrumb_last {
    margin-left: calc(4px + 4 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .main__breadcrumb .yoast > span .breadcrumb_last {
    margin-left: 8px;
  }
}

@media (min-width: 1280px) {
  .c-banner.visible ~ main > .main__breadcrumb {
    margin-top: 188px;
  }
  .main__breadcrumb {
    margin-top: 140px;
    margin-bottom: 80px;
  }
}
.pagination {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
.pagination .page-numbers {
  border: 1px solid var(--color-grey-border);
  margin: 0 12px;
  border-radius: 4px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  font-weight: 500;
}
.pagination .page-numbers {
  width: 20px;
}
@media only screen and (min-width: 375px) {
  .pagination .page-numbers {
    width: calc(20px + 20 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .pagination .page-numbers {
    width: 40px;
  }
}
.pagination .page-numbers {
  height: 20px;
}
@media only screen and (min-width: 375px) {
  .pagination .page-numbers {
    height: calc(20px + 20 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .pagination .page-numbers {
    height: 40px;
  }
}
.pagination .page-numbers:hover {
  background-color: var(--color-grey-border);
}
.pagination .page-numbers.current {
  background-color: var(--color-blue-dark);
  border-color: var(--color-blue-dark);
  color: var(--color-white);
}

.block {
  padding-left: var(--grid-offset);
  padding-right: var(--grid-offset);
}
.block {
  margin-top: 96px;
}
@media only screen and (min-width: 375px) {
  .block {
    margin-top: calc(96px + 96 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block {
    margin-top: 192px;
  }
}
.block .block-width {
  max-width: var(--grid-width-max);
  width: 100%;
  margin: 0 auto;
}
.block .block-break {
  display: none;
  flex-basis: 100%;
  height: 0;
}
.block .headline {
  color: var(--color-blue-light);
}
.block .overline {
  color: var(--color-blue-dark);
  font-weight: 400;
}
.block .overline {
  margin-bottom: 4px;
}
@media only screen and (min-width: 375px) {
  .block .overline {
    margin-bottom: calc(4px + 4 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block .overline {
    margin-bottom: 8px;
  }
}
.block .product-feature,
.block .text {
  margin-top: 30px;
}
@media only screen and (min-width: 375px) {
  .block .product-feature,
  .block .text {
    margin-top: calc(30px + 20 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block .product-feature,
  .block .text {
    margin-top: 50px;
  }
}
.block .product-feature strong,
.block .text strong {
  color: var(--color-black);
  font-weight: 400;
}
.block .product-feature h1, .block .product-feature h2, .block .product-feature h3, .block .product-feature h4, .block .product-feature h5, .block .product-feature h6, .block .product-feature .h1, .block .product-feature .h2, .block .product-feature .h3, .block .product-feature .h4, .block .product-feature .h5, .block .product-feature .h6,
.block .text h1,
.block .text h2,
.block .text h3,
.block .text h4,
.block .text h5,
.block .text h6,
.block .text .h1,
.block .text .h2,
.block .text .h3,
.block .text .h4,
.block .text .h5,
.block .text .h6 {
  line-height: 1.4;
  color: var(--color-blue-light);
  font-weight: 400;
}
.block .product-feature h1, .block .product-feature h2, .block .product-feature h3, .block .product-feature h4, .block .product-feature h5, .block .product-feature h6, .block .product-feature .h1, .block .product-feature .h2, .block .product-feature .h3, .block .product-feature .h4, .block .product-feature .h5, .block .product-feature .h6,
.block .text h1,
.block .text h2,
.block .text h3,
.block .text h4,
.block .text h5,
.block .text h6,
.block .text .h1,
.block .text .h2,
.block .text .h3,
.block .text .h4,
.block .text .h5,
.block .text .h6 {
  font-size: 18px;
}
@media only screen and (min-width: 375px) {
  .block .product-feature h1, .block .product-feature h2, .block .product-feature h3, .block .product-feature h4, .block .product-feature h5, .block .product-feature h6, .block .product-feature .h1, .block .product-feature .h2, .block .product-feature .h3, .block .product-feature .h4, .block .product-feature .h5, .block .product-feature .h6,
  .block .text h1,
  .block .text h2,
  .block .text h3,
  .block .text h4,
  .block .text h5,
  .block .text h6,
  .block .text .h1,
  .block .text .h2,
  .block .text .h3,
  .block .text .h4,
  .block .text .h5,
  .block .text .h6 {
    font-size: calc(18px + 7 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block .product-feature h1, .block .product-feature h2, .block .product-feature h3, .block .product-feature h4, .block .product-feature h5, .block .product-feature h6, .block .product-feature .h1, .block .product-feature .h2, .block .product-feature .h3, .block .product-feature .h4, .block .product-feature .h5, .block .product-feature .h6,
  .block .text h1,
  .block .text h2,
  .block .text h3,
  .block .text h4,
  .block .text h5,
  .block .text h6,
  .block .text .h1,
  .block .text .h2,
  .block .text .h3,
  .block .text .h4,
  .block .text .h5,
  .block .text .h6 {
    font-size: 25px;
  }
}
.block .product-feature h1, .block .product-feature h2, .block .product-feature h3, .block .product-feature h4, .block .product-feature h5, .block .product-feature h6, .block .product-feature .h1, .block .product-feature .h2, .block .product-feature .h3, .block .product-feature .h4, .block .product-feature .h5, .block .product-feature .h6,
.block .text h1,
.block .text h2,
.block .text h3,
.block .text h4,
.block .text h5,
.block .text h6,
.block .text .h1,
.block .text .h2,
.block .text .h3,
.block .text .h4,
.block .text .h5,
.block .text .h6 {
  margin-top: 20px;
}
@media only screen and (min-width: 375px) {
  .block .product-feature h1, .block .product-feature h2, .block .product-feature h3, .block .product-feature h4, .block .product-feature h5, .block .product-feature h6, .block .product-feature .h1, .block .product-feature .h2, .block .product-feature .h3, .block .product-feature .h4, .block .product-feature .h5, .block .product-feature .h6,
  .block .text h1,
  .block .text h2,
  .block .text h3,
  .block .text h4,
  .block .text h5,
  .block .text h6,
  .block .text .h1,
  .block .text .h2,
  .block .text .h3,
  .block .text .h4,
  .block .text .h5,
  .block .text .h6 {
    margin-top: calc(20px + 20 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block .product-feature h1, .block .product-feature h2, .block .product-feature h3, .block .product-feature h4, .block .product-feature h5, .block .product-feature h6, .block .product-feature .h1, .block .product-feature .h2, .block .product-feature .h3, .block .product-feature .h4, .block .product-feature .h5, .block .product-feature .h6,
  .block .text h1,
  .block .text h2,
  .block .text h3,
  .block .text h4,
  .block .text h5,
  .block .text h6,
  .block .text .h1,
  .block .text .h2,
  .block .text .h3,
  .block .text .h4,
  .block .text .h5,
  .block .text .h6 {
    margin-top: 40px;
  }
}
.block .product-feature h1:first-child, .block .product-feature h2:first-child, .block .product-feature h3:first-child, .block .product-feature h4:first-child, .block .product-feature h5:first-child, .block .product-feature h6:first-child, .block .product-feature .h1:first-child, .block .product-feature .h2:first-child, .block .product-feature .h3:first-child, .block .product-feature .h4:first-child, .block .product-feature .h5:first-child, .block .product-feature .h6:first-child,
.block .text h1:first-child,
.block .text h2:first-child,
.block .text h3:first-child,
.block .text h4:first-child,
.block .text h5:first-child,
.block .text h6:first-child,
.block .text .h1:first-child,
.block .text .h2:first-child,
.block .text .h3:first-child,
.block .text .h4:first-child,
.block .text .h5:first-child,
.block .text .h6:first-child {
  margin-top: 0;
}
.block .product-feature ul,
.block .text ul {
  list-style-type: none;
  list-style-position: outside;
}
.block .product-feature ul,
.block .text ul {
  margin-top: 12px;
}
@media only screen and (min-width: 375px) {
  .block .product-feature ul,
  .block .text ul {
    margin-top: calc(12px + 8 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block .product-feature ul,
  .block .text ul {
    margin-top: 20px;
  }
}
.block .product-feature ul li,
.block .text ul li {
  position: relative;
  margin-top: 10px;
}
.block .product-feature ul li,
.block .text ul li {
  padding-left: 20px;
}
@media only screen and (min-width: 375px) {
  .block .product-feature ul li,
  .block .text ul li {
    padding-left: calc(20px + 28 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block .product-feature ul li,
  .block .text ul li {
    padding-left: 48px;
  }
}
.block .product-feature ul li:first-child,
.block .text ul li:first-child {
  margin-top: 0;
}
.block .product-feature ul li::before,
.block .text ul li::before {
  position: absolute;
  left: 0;
  content: "";
  display: inline-block;
  aspect-ratio: 1;
  background-image: url("../img/list-item.svg");
  background-size: contain;
  float: left;
  transform: translateY(-50%);
}
.block .product-feature ul li::before,
.block .text ul li::before {
  top: 12px;
}
@media only screen and (min-width: 375px) {
  .block .product-feature ul li::before,
  .block .text ul li::before {
    top: calc(12px + 4 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block .product-feature ul li::before,
  .block .text ul li::before {
    top: 16px;
  }
}
.block .product-feature ul li::before,
.block .text ul li::before {
  width: 10px;
}
@media only screen and (min-width: 375px) {
  .block .product-feature ul li::before,
  .block .text ul li::before {
    width: calc(10px + 6 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block .product-feature ul li::before,
  .block .text ul li::before {
    width: 16px;
  }
}
.block .button {
  margin-top: 24px;
}
@media only screen and (min-width: 375px) {
  .block .button {
    margin-top: calc(24px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block .button {
    margin-top: 48px;
  }
}
.block .button a {
  display: inline-block;
  background-color: var(--color-blue-dark);
  color: var(--color-white);
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0.5px;
  border-radius: 4px;
  border: 1px solid var(--color-blue-dark);
}
.block .button a {
  padding-right: 32px;
  padding-left: 32px;
}
@media only screen and (min-width: 375px) {
  .block .button a {
    padding-right: calc(32px + 8 * (100vw - 375px) / (1920 - 375));
    padding-left: calc(32px + 8 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block .button a {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.block .button a {
  padding-top: 12px;
  padding-bottom: 12px;
}
@media only screen and (min-width: 375px) {
  .block .button a {
    padding-top: calc(12px + 4 * (100vw - 375px) / (1920 - 375));
    padding-bottom: calc(12px + 4 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block .button a {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.block .button a {
  font-size: 14px;
}
@media only screen and (min-width: 375px) {
  .block .button a {
    font-size: calc(14px + 2 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block .button a {
    font-size: 16px;
  }
}
.block .button a:hover {
  border: 1px solid var(--color-blue-dark-hover);
  background-color: var(--color-blue-dark-hover);
}
.block .button a.style-inverted {
  background-color: var(--color-white);
  color: var(--color-blue-dark);
  border: 1px solid #E6E6E6;
}
.block .button a.style-inverted:hover {
  border-color: #E6E6E6;
  color: var(--color-blue-light);
  background-color: #E6E6E6;
}
.block .button a.style-download {
  border-radius: 0;
  color: var(--color-blue-dark);
  border: 1px solid #E6E6E6;
  background-color: #ffffff;
  text-transform: none;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
.block .button a.style-download {
  font-size: 15px;
}
@media only screen and (min-width: 375px) {
  .block .button a.style-download {
    font-size: calc(15px + 10 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block .button a.style-download {
    font-size: 25px;
  }
}
.block .button a.style-download {
  padding-right: 30px;
  padding-left: 30px;
}
@media only screen and (min-width: 375px) {
  .block .button a.style-download {
    padding-right: calc(30px + 10 * (100vw - 375px) / (1920 - 375));
    padding-left: calc(30px + 10 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block .button a.style-download {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.block .button a.style-download {
  padding-top: 16px;
  padding-bottom: 16px;
}
@media only screen and (min-width: 375px) {
  .block .button a.style-download {
    padding-top: calc(16px + 16 * (100vw - 375px) / (1920 - 375));
    padding-bottom: calc(16px + 16 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block .button a.style-download {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
.block .button a.style-download .icon {
  font-size: 24px;
}
@media only screen and (min-width: 375px) {
  .block .button a.style-download .icon {
    font-size: calc(24px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block .button a.style-download .icon {
    font-size: 48px;
  }
}
.block .button a.style-download .icon {
  margin-left: 48px;
}
@media only screen and (min-width: 375px) {
  .block .button a.style-download .icon {
    margin-left: calc(48px + 48 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block .button a.style-download .icon {
    margin-left: 96px;
  }
}
.block .button a.style-download:hover {
  border-color: #E6E6E6;
  color: var(--color-blue-light);
  background-color: #E6E6E6;
}
.block .list .list-item {
  display: flex;
  flex-flow: row nowrap;
  border-bottom: 1px solid #D5D6D2;
}
.block .list .list-item {
  font-size: 18px;
}
@media only screen and (min-width: 375px) {
  .block .list .list-item {
    font-size: calc(18px + 8 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block .list .list-item {
    font-size: 26px;
  }
}
.block .list .list-item a {
  display: block;
  flex-grow: 1;
}
.block .list .list-item a {
  padding-top: 12px;
  padding-bottom: 12px;
}
@media only screen and (min-width: 375px) {
  .block .list .list-item a {
    padding-top: calc(12px + 12 * (100vw - 375px) / (1920 - 375));
    padding-bottom: calc(12px + 12 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block .list .list-item a {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.block .list .list-item .icon {
  display: flex;
  align-items: center;
  color: var(--color-blue-light);
  padding-right: 0;
  padding-left: 20px;
}
.block .list .list-item .icon {
  padding-top: 12px;
  padding-bottom: 12px;
}
@media only screen and (min-width: 375px) {
  .block .list .list-item .icon {
    padding-top: calc(12px + 12 * (100vw - 375px) / (1920 - 375));
    padding-bottom: calc(12px + 12 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block .list .list-item .icon {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
@media (min-width: 1024px) {
  .block .list .list-item .icon {
    padding-right: 20px;
    padding-left: 40px;
    transition: padding 0.2s ease-in-out;
  }
}
.block .list .list-item:hover .icon {
  padding-right: 0;
}
@media (min-width: 1024px) {
  .block .list .list-item:hover .icon {
    padding-right: 0;
    padding-left: 60px;
  }
}
.block .list .list-item:first-child a,
.block .list .list-item:first-child .icon {
  padding-top: 0;
}
.block:last-of-type:not(.block-text.style-1):not(.block-text.style-2):not(.widget) {
  margin-bottom: 96px;
}
@media only screen and (min-width: 375px) {
  .block:last-of-type:not(.block-text.style-1):not(.block-text.style-2):not(.widget) {
    margin-bottom: calc(96px + 96 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block:last-of-type:not(.block-text.style-1):not(.block-text.style-2):not(.widget) {
    margin-bottom: 192px;
  }
}
.block[class*=background-]:not([class*=background-transparent]) {
  padding-top: 48px;
  padding-bottom: 48px;
}
@media only screen and (min-width: 375px) {
  .block[class*=background-]:not([class*=background-transparent]) {
    padding-top: calc(48px + 48 * (100vw - 375px) / (1920 - 375));
    padding-bottom: calc(48px + 48 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block[class*=background-]:not([class*=background-transparent]) {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}
.block[class*=background-]:not([class*=background-transparent]) .overline,
.block[class*=background-]:not([class*=background-transparent]) .headline {
  color: inherit;
}
.block.background-blue-dark {
  background-color: var(--color-blue-dark);
  color: var(--color-white);
}
.block.background-blue-dark strong {
  color: var(--color-white);
}
.block.background-blue-dark .button a {
  background-color: var(--color-orange);
}
.block.background-blue-dark .button a:hover {
  background-color: var(--color-orange-hover);
}
.block.background-blue-light {
  background-color: var(--color-blue-light);
  color: var(--color-white);
}
.block.background-blue-light strong {
  color: var(--color-white);
}
.block.background-grey-light {
  background-color: var(--color-grey-light);
  color: var(--color-black);
}
.block .image.image-shape {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.block .image.image-shape .image-inner {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
}
.block .image.image-shape .clip-path svg.shape-foreground,
.block .image.image-shape .clip-path svg.shape-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.block .image.image-shape .clip-path svg.shape-background,
.block .image.image-shape .clip-path svg.shape-foreground {
  padding: 4px;
}
@media only screen and (min-width: 375px) {
  .block .image.image-shape .clip-path svg.shape-background,
  .block .image.image-shape .clip-path svg.shape-foreground {
    padding: calc(4px + 4 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block .image.image-shape .clip-path svg.shape-background,
  .block .image.image-shape .clip-path svg.shape-foreground {
    padding: 8px;
  }
}

.main__breadcrumb + .block:not(.block-text) {
  margin-top: 0;
}

.block.widget {
  padding: 0;
}
.block.widget {
  margin-top: 48px;
}
@media only screen and (min-width: 375px) {
  .block.widget {
    margin-top: calc(48px + 48 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.widget {
    margin-top: 96px;
  }
}
.block.widget h1, .block.widget h2, .block.widget h3, .block.widget h4, .block.widget h5, .block.widget h6, .block.widget .h1, .block.widget .h2, .block.widget .h3, .block.widget .h4, .block.widget .h5, .block.widget .h6 {
  line-height: 1.6;
  color: inherit;
}
.block.widget h1, .block.widget h2, .block.widget h3, .block.widget h4, .block.widget h5, .block.widget h6, .block.widget .h1, .block.widget .h2, .block.widget .h3, .block.widget .h4, .block.widget .h5, .block.widget .h6 {
  font-size: 18px;
}
@media only screen and (min-width: 375px) {
  .block.widget h1, .block.widget h2, .block.widget h3, .block.widget h4, .block.widget h5, .block.widget h6, .block.widget .h1, .block.widget .h2, .block.widget .h3, .block.widget .h4, .block.widget .h5, .block.widget .h6 {
    font-size: calc(18px + 6 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.widget h1, .block.widget h2, .block.widget h3, .block.widget h4, .block.widget h5, .block.widget h6, .block.widget .h1, .block.widget .h2, .block.widget .h3, .block.widget .h4, .block.widget .h5, .block.widget .h6 {
    font-size: 24px;
  }
}
.block.widget b, .block.widget strong {
  font-weight: 500;
  color: var(--color-white);
}
.block.widget nav ul {
  display: flex;
  flex-flow: column wrap;
  line-height: 1.4;
}
.block.widget nav li {
  margin-left: 0;
}
.block.widget nav li {
  margin-top: 12px;
}
@media only screen and (min-width: 375px) {
  .block.widget nav li {
    margin-top: calc(12px + 4 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.widget nav li {
    margin-top: 16px;
  }
}
.block.widget nav li:first-child {
  margin-top: 0;
}
.block.widget .headline {
  margin: 0;
  color: inherit;
}
.block.widget:first-child {
  margin-top: 0;
}
.block.widget:last-child {
  margin-bottom: 0;
}
.block.widget:last-of-type {
  margin-bottom: 0;
}

.widget-navigation .navigation {
  margin-top: 16px;
}
@media only screen and (min-width: 375px) {
  .widget-navigation .navigation {
    margin-top: calc(16px + 16 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .widget-navigation .navigation {
    margin-top: 32px;
  }
}

.widget-text .text {
  margin-top: 16px;
}
@media only screen and (min-width: 375px) {
  .widget-text .text {
    margin-top: calc(16px + 16 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .widget-text .text {
    margin-top: 32px;
  }
}

.widget-languages .languages {
  margin-top: 16px;
}
@media only screen and (min-width: 375px) {
  .widget-languages .languages {
    margin-top: calc(16px + 16 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .widget-languages .languages {
    margin-top: 32px;
  }
}
.widget-languages .languages a, .widget-languages .languages span {
  display: flex;
  width: 100%;
  font-weight: 400;
}
.widget-languages .languages .icon {
  color: var(--color-grey-dark);
}

.block-hero {
  position: relative;
  margin-top: 0;
  overflow: hidden;
  height: 100vh;
  top: 0;
}
.block-hero {
  padding-left: var(--grid-offset);
  padding-right: var(--grid-offset);
}
.block-hero .block-width {
  width: 100%;
  height: 100%;
}
.block-hero .block-width {
  max-width: var(--grid-width-max);
  width: 100%;
  margin: 0 auto;
}
.block-hero .block-background {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.block-hero .block-background video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 100% 100%;
}
.block-hero .block-background .overlay {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: var(--color-blue-overlay-rgb);
  mix-blend-mode: multiply;
  pointer-events: none;
}
.block-hero .block-background .overlay img {
  position: absolute;
  right: 0;
  bottom: 0;
  aspect-ratio: 1;
  max-height: 80vh;
  transform: translate(26%, 26%);
}
.block-hero .block-background .overlay img {
  width: 380px;
}
@media only screen and (min-width: 375px) {
  .block-hero .block-background .overlay img {
    width: calc(380px + 620 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-hero .block-background .overlay img {
    width: 1000px;
  }
}
.block-hero .block-content {
  z-index: 1;
  color: var(--color-white);
  padding-top: 32vh;
}
.block-hero .block-content {
  display: flex;
  flex-flow: column wrap;
  margin-left: calc(var(--grid-gutter) / 2 * -1);
  margin-right: calc(var(--grid-gutter) / 2 * -1);
}
.block-hero .block-content .headline {
  margin-bottom: 0;
  color: var(--color-white);
}
.block-hero .block-content .headline {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block-hero .block-content .headline .h1 {
  font-size: 32px;
}
@media only screen and (min-width: 375px) {
  .block-hero .block-content .headline .h1 {
    font-size: calc(32px + 40 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-hero .block-content .headline .h1 {
    font-size: 72px;
  }
}
.block-hero .block-content .text {
  margin-top: 16px;
}
.block-hero .block-content .text {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block-hero .block-content .text {
  font-size: 16px;
}
@media only screen and (min-width: 375px) {
  .block-hero .block-content .text {
    font-size: calc(16px + 16 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-hero .block-content .text {
    font-size: 32px;
  }
}
.block-hero .block-content .button {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block-hero .block-content .button a {
  background-color: transparent;
  border-color: var(--white);
}
.block-hero .block-content .button a:hover {
  background-color: var(--color-white);
  color: var(--color-black);
}
.block-hero .block-content .link a {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.block-hero .block-content .link a:hover span, .block-hero .block-content .link a:hover i {
  color: #fff;
}
.block-hero .block-content .link {
  margin-top: 48px;
}
@media only screen and (min-width: 375px) {
  .block-hero .block-content .link {
    margin-top: calc(48px + 16 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-hero .block-content .link {
    margin-top: 64px;
  }
}
.block-hero .block-content .link img {
  width: auto;
}
.block-hero .block-content .link img {
  height: 48px;
}
@media only screen and (min-width: 375px) {
  .block-hero .block-content .link img {
    height: calc(48px + 48 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-hero .block-content .link img {
    height: 96px;
  }
}
.block-hero .block-content .link span {
  display: block;
  font-weight: 500;
}
.block-hero .block-content .link span {
  margin-left: 20px;
}
@media only screen and (min-width: 375px) {
  .block-hero .block-content .link span {
    margin-left: calc(20px + 20 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-hero .block-content .link span {
    margin-left: 40px;
  }
}
.block-hero .block-content .link span {
  max-width: 180px;
}
@media only screen and (min-width: 375px) {
  .block-hero .block-content .link span {
    max-width: calc(180px + 30 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-hero .block-content .link span {
    max-width: 210px;
  }
}
.block-hero .block-content .link .icon {
  margin-left: 16px;
}
@media only screen and (min-width: 375px) {
  .block-hero .block-content .link .icon {
    margin-left: calc(16px + 16 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-hero .block-content .link .icon {
    margin-left: 32px;
  }
}
.block-hero .block-content .link .icon {
  font-size: 20px;
}
@media only screen and (min-width: 375px) {
  .block-hero .block-content .link .icon {
    font-size: calc(20px + 20 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-hero .block-content .link .icon {
    font-size: 40px;
  }
}
.block-hero .block-content .arrow {
  color: var(--color-white);
  text-align: center;
}
.block-hero .block-content .arrow {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 1 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block-hero .block-content .arrow {
  font-size: 32px;
}
@media only screen and (min-width: 375px) {
  .block-hero .block-content .arrow {
    font-size: calc(32px + 16 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-hero .block-content .arrow {
    font-size: 48px;
  }
}
.block-hero .block-content .arrow .icon {
  cursor: pointer;
}
.block-hero + .block-text, .block-hero + .block-call-to-action {
  margin-top: 0;
}

/* additional breakpoint for arrow position */
@media (max-width: 767.98px) {
  .block-hero .block-inner {
    position: relative;
    height: 100%;
  }
  .block-hero .block-content {
    height: 100%;
    padding-top: 24vh;
  }
  .block-hero .block-content .arrow {
    position: absolute;
    bottom: 24px;
    text-align: left;
  }
  .block-hero .block-content .arrow {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
}
@media (min-width: 768px) {
  .block-hero .block-content {
    position: relative;
  }
  .block-hero .block-content .headline {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block-hero .block-content .text {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block-hero .block-content .button {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block-hero .block-content .arrow {
    text-align: left;
  }
  .block-hero .block-content .arrow {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block-hero .block-content .arrow {
    margin-top: 64px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 375px) {
  .block-hero .block-content .arrow {
    margin-top: calc(64px + 64 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .block-hero .block-content .arrow {
    margin-top: 128px;
  }
}
@media (min-width: 1024px) {
  .block-hero .block-content .headline {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 8 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block-hero .block-content .text {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 8 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block-hero .block-content .button {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 8 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
}
@media (min-width: 1280px) {
  .block-hero .block-content .headline {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 8 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block-hero .block-content .text {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block-hero .block-content .button {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
}
.block.block-text {
  padding-left: var(--grid-offset);
  padding-right: var(--grid-offset);
}
.block.block-text .block-width {
  width: 100%;
}
.block.block-text .block-width {
  max-width: var(--grid-width-max);
  width: 100%;
  margin: 0 auto;
}
.block.block-text .block-inner {
  display: flex;
  flex-flow: row wrap;
  margin-left: calc(var(--grid-gutter) / 2 * -1);
  margin-right: calc(var(--grid-gutter) / 2 * -1);
}
.block.block-text .block-inner .block-header {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block.block-text .block-inner .block-content {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block.block-text.style-2 .block-content {
  margin-top: 40px;
}
@media only screen and (min-width: 375px) {
  .block.block-text.style-2 .block-content {
    margin-top: calc(40px + 40 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-text.style-2 .block-content {
    margin-top: 80px;
  }
}

.block.block-text-media + .block.block-text {
  margin-top: 40px;
}
@media only screen and (min-width: 375px) {
  .block.block-text-media + .block.block-text {
    margin-top: calc(40px + 40 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-text-media + .block.block-text {
    margin-top: 80px;
  }
}

.block.block-text:not(.background-transparent):not(.style-3):not(.style-2) + .block.block-text:not(.background-transparent):not(.style-3):not(.style-2) {
  margin-top: 0;
}

@media (min-width: 768px) {
  .block.block-text .block-inner .block-header {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-text .block-inner .block-content {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-text.style-1 .block-inner .block-header {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-text.style-1 .block-inner .block-content {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-text.style-1 .block-inner .block-content .text {
    margin-top: 0;
  }
  .block.block-text.style-2 .block-inner .block-header {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-text.style-2 .block-inner .block-content {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-text.style-2 .block-inner .block-content .text {
    margin-top: 0;
  }
  .block.block-text.style-3 .block-inner .block-header {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 10 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 1 + var(--grid-gutter) / 2);
  }
  .block.block-text.style-3 .block-inner .block-content {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 10 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 1 + var(--grid-gutter) / 2);
  }
}
@media (min-width: 1024px) {
  .block.block-text.style-3 .block-inner .block-header {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 8 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 2 + var(--grid-gutter) / 2);
  }
  .block.block-text.style-3 .block-inner .block-content {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 8 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 2 + var(--grid-gutter) / 2);
  }
}
.block.block-icons {
  padding-top: 48px;
  padding-bottom: 48px;
}
@media only screen and (min-width: 375px) {
  .block.block-icons {
    padding-top: calc(48px + 48 * (100vw - 375px) / (1920 - 375));
    padding-bottom: calc(48px + 48 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-icons {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}
.block.block-icons .block-content {
  text-align: center;
}
.block.block-icons .block-content .icons {
  justify-content: center;
}
.block.block-icons .block-content .icons {
  display: flex;
  flex-flow: row wrap;
  margin-left: calc(var(--grid-gutter) / 2 * -1);
  margin-right: calc(var(--grid-gutter) / 2 * -1);
}
.block.block-icons .block-content .icons .icon {
  margin-top: 48px;
}
@media only screen and (min-width: 375px) {
  .block.block-icons .block-content .icons .icon {
    margin-top: calc(48px + 48 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-icons .block-content .icons .icon {
    margin-top: 96px;
  }
}
.block.block-icons .block-content .icons .icon {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block.block-icons .block-content .icons .icon:nth-child(1) {
  margin-top: 0;
}
.block.block-icons .block-content .icons .icon i {
  width: 100%;
}
.block.block-icons .block-content .icons .icon i {
  font-size: 32px;
}
@media only screen and (min-width: 375px) {
  .block.block-icons .block-content .icons .icon i {
    font-size: calc(32px + 32 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-icons .block-content .icons .icon i {
    font-size: 64px;
  }
}
.block.block-icons .block-content .icons .icon span {
  margin-top: 16px;
  display: block;
  font-weight: 400;
  font-family: var(--font-headline);
}
.block.block-icons .block-content .icons .icon span {
  font-size: 18px;
}
@media only screen and (min-width: 375px) {
  .block.block-icons .block-content .icons .icon span {
    font-size: calc(18px + 7 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-icons .block-content .icons .icon span {
    font-size: 25px;
  }
}

@media (min-width: 768px) {
  .block.block-icons .block-content .icons .icon:nth-child(2) {
    margin-top: 0;
  }
  .block.block-icons .block-content .icons .icon:nth-child(3) {
    margin-top: 0;
  }
  .block.block-icons .block-content .icons .icon {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
}
@media (min-width: 1024px) {
  .block.block-icons .block-content .icons .icon:nth-child(4) {
    margin-top: 0;
  }
  .block.block-icons .block-content .icons .icon {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 3 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
}
.block-text + .block-icons {
  margin-top: 48px;
}
@media only screen and (min-width: 375px) {
  .block-text + .block-icons {
    margin-top: calc(48px + 48 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-text + .block-icons {
    margin-top: 96px;
  }
}

.block-icons + .block-icons {
  margin-top: 0;
}

.block.block-lists .block__lists .lists {
  row-gap: var(--grid-gutter);
}
.block.block-lists .block__lists .lists {
  display: flex;
  flex-flow: row wrap;
  margin-left: calc(var(--grid-gutter) / 2 * -1);
  margin-right: calc(var(--grid-gutter) / 2 * -1);
}
.block.block-lists .block__lists .list {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block.block-lists .block__lists .list {
  margin-top: 32px;
}
@media only screen and (min-width: 375px) {
  .block.block-lists .block__lists .list {
    margin-top: calc(32px + 32 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-lists .block__lists .list {
    margin-top: 64px;
  }
}
.block.block-lists .block__lists .list__text {
  margin-top: 24px;
}
@media only screen and (min-width: 375px) {
  .block.block-lists .block__lists .list__text {
    margin-top: calc(24px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-lists .block__lists .list__text {
    margin-top: 48px;
  }
}
.block.block-lists .block__lists .list ul li {
  margin-top: 0;
  border-bottom: 1px solid var(--color-grey-light);
}
.block.block-lists .block__lists .list ul li {
  padding-top: 12px;
  padding-bottom: 12px;
}
@media only screen and (min-width: 375px) {
  .block.block-lists .block__lists .list ul li {
    padding-top: calc(12px + 12 * (100vw - 375px) / (1920 - 375));
    padding-bottom: calc(12px + 12 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-lists .block__lists .list ul li {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.block.block-lists .block__lists .list ul li::before {
  top: 24px;
}
@media only screen and (min-width: 375px) {
  .block.block-lists .block__lists .list ul li::before {
    top: calc(24px + 16 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-lists .block__lists .list ul li::before {
    top: 40px;
  }
}
.block.block-lists .block__lists .list ul:first-child li:first-child {
  margin-top: -12px;
}
@media only screen and (min-width: 375px) {
  .block.block-lists .block__lists .list ul:first-child li:first-child {
    margin-top: calc(-12px + -12 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-lists .block__lists .list ul:first-child li:first-child {
    margin-top: -24px;
  }
}

@media (min-width: 768px) {
  .block.block-lists .block__lists .list {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
}
@media (min-width: 1024px) {
  .block.block-lists .block__lists .list {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-lists .block__lists .list:nth-child(1), .block.block-lists .block__lists .list:nth-child(2) {
    margin-top: 0;
  }
  .block.block-lists .block__lists .list:nth-child(odd) {
    padding-right: 32px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 375px) {
  .block.block-lists .block__lists .list:nth-child(odd) {
    padding-right: calc(32px + 32 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1920px) {
  .block.block-lists .block__lists .list:nth-child(odd) {
    padding-right: 64px;
  }
}
@media (min-width: 1024px) {
  .block.block-lists .block__lists .list:nth-child(even) {
    padding-left: 32px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 375px) {
  .block.block-lists .block__lists .list:nth-child(even) {
    padding-left: calc(32px + 32 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1920px) {
  .block.block-lists .block__lists .list:nth-child(even) {
    padding-left: 64px;
  }
}
.block.block-text-boxes .block__boxes {
  margin-top: 24px;
}
@media only screen and (min-width: 375px) {
  .block.block-text-boxes .block__boxes {
    margin-top: calc(24px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-text-boxes .block__boxes {
    margin-top: 48px;
  }
}
.block.block-text-boxes .boxes {
  row-gap: var(--grid-gutter);
}
.block.block-text-boxes .boxes {
  display: flex;
  flex-flow: row wrap;
  margin-left: calc(var(--grid-gutter) / 2 * -1);
  margin-right: calc(var(--grid-gutter) / 2 * -1);
}
.block.block-text-boxes .box {
  background-color: var(--color-grey-light);
}
.block.block-text-boxes .box {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block.block-text-boxes .box {
  padding: 20px;
}
@media only screen and (min-width: 375px) {
  .block.block-text-boxes .box {
    padding: calc(20px + 60 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-text-boxes .box {
    padding: 80px;
  }
}
.block.block-text-boxes .box__text {
  color: var(--color-black);
}
.block.block-text-boxes .box__text {
  margin-top: 24px;
}
@media only screen and (min-width: 375px) {
  .block.block-text-boxes .box__text {
    margin-top: calc(24px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-text-boxes .box__text {
    margin-top: 48px;
  }
}
.block.block-text-boxes .box .box__headline {
  color: var(--color-blue-light);
}
.block.block-text-boxes .box__icon {
  text-align: center;
  color: var(--color-blue-dark);
}
.block.block-text-boxes .box__icon {
  font-size: 30px;
}
@media only screen and (min-width: 375px) {
  .block.block-text-boxes .box__icon {
    font-size: calc(30px + 30 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-text-boxes .box__icon {
    font-size: 60px;
  }
}
.block.block-text-boxes .box.background-image {
  position: relative;
  background-color: transparent;
}
.block.block-text-boxes .box.background-image .box__headline h1, .block.block-text-boxes .box.background-image .box__headline h2, .block.block-text-boxes .box.background-image .box__headline h3, .block.block-text-boxes .box.background-image .box__headline h4, .block.block-text-boxes .box.background-image .box__headline h5, .block.block-text-boxes .box.background-image .box__headline h6 {
  color: var(--color-white);
}
.block.block-text-boxes .box.background-image .box__text {
  color: var(--color-white);
}
.block.block-text-boxes .box.background-image .box__background {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.block.block-text-boxes .box.background-image .box__background figure {
  width: 100%;
  height: 100%;
}
.block.block-text-boxes .box.background-image .box__background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.block.block-text-boxes .box.background-image .box__background:after {
  position: absolute;
  inset: 0;
  content: "";
  background: rgb(0, 119, 200);
  background: linear-gradient(270deg, rgba(0, 119, 200, 0.8) 0%, rgba(0, 60, 100, 0.8) 100%);
}
.block.block-text-boxes .box.background-image .box__icon {
  color: var(--color-white);
}
.block.block-text-boxes.style-2 .box__text {
  text-align: center;
}
.block.block-text-boxes.style-3 .box__headline {
  color: var(--color-white);
}

@media (min-width: 768px) {
  .block.block-text-boxes .box {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
}
@media (min-width: 1024px) {
  .block.block-text-boxes .box {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
}
.block-text-media .block-inner {
  display: flex;
  flex-flow: row wrap;
  margin-left: calc(var(--grid-gutter) / 2 * -1);
  margin-right: calc(var(--grid-gutter) / 2 * -1);
}
.block-text-media .block-header,
.block-text-media .block-media,
.block-text-media .block-content {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block-text-media .block-header {
  margin-bottom: 30px;
}
@media only screen and (min-width: 375px) {
  .block-text-media .block-header {
    margin-bottom: calc(30px + 20 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-text-media .block-header {
    margin-bottom: 50px;
  }
}

@media (min-width: 768px) {
  .block-text-media .block-header,
  .block-text-media .block-media,
  .block-text-media .block-content {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block-text-media.style-2 .block-header,
  .block-text-media.style-2 .block-media,
  .block-text-media.style-2 .block-content {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 10 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 1 + var(--grid-gutter) / 2);
  }
}
@media (min-width: 1024px) {
  .block-text-media .block-break {
    display: block;
  }
  .block-text-media .block-header {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block-text-media .block-media,
  .block-text-media .block-content {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block-text-media .block-content {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 375px) {
  .block-text-media .block-content {
    padding-left: calc(30px + 30 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1920px) {
  .block-text-media .block-content {
    padding-left: 60px;
  }
}
@media (min-width: 1024px) {
  .block-text-media .text {
    margin-top: 0;
  }
  .block-text-media.style-2 .block-header,
  .block-text-media.style-2 .block-media,
  .block-text-media.style-2 .block-content {
    padding-left: 0;
  }
  .block-text-media.style-2 .block-header,
  .block-text-media.style-2 .block-media,
  .block-text-media.style-2 .block-content {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 8 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 2 + var(--grid-gutter) / 2);
  }
}
@media (min-width: 1280px) {
  .block-text-media.style-2 .block-header {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 8 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 2 + var(--grid-gutter) / 2);
  }
  .block-text-media.style-2 .block-media {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 3 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 2 + var(--grid-gutter) / 2);
  }
  .block-text-media.style-2 .block-content {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 5 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block-text-media.style-2 .block-content {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 375px) {
  .block-text-media.style-2 .block-content {
    padding-left: calc(30px + 30 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1920px) {
  .block-text-media.style-2 .block-content {
    padding-left: 60px;
  }
}
.block-page-title + .block-text-media {
  margin-top: 40px;
}
@media only screen and (min-width: 375px) {
  .block-page-title + .block-text-media {
    margin-top: calc(40px + 40 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-page-title + .block-text-media {
    margin-top: 80px;
  }
}

.single-post .block-text-media .overline {
  color: var(--color-grey-dark);
}

.block-advisor-index .block-inner {
  display: flex;
  flex-flow: row wrap;
  margin-left: calc(var(--grid-gutter) / 2 * -1);
  margin-right: calc(var(--grid-gutter) / 2 * -1);
}
.block-advisor-index .block-header,
.block-advisor-index .block-media,
.block-advisor-index .block-content {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block-advisor-index .block-media {
  margin-top: 30px;
}
@media only screen and (min-width: 375px) {
  .block-advisor-index .block-media {
    margin-top: calc(30px + 20 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-advisor-index .block-media {
    margin-top: 50px;
  }
}
.block-advisor-index .block-media .video video {
  object-fit: cover;
}
.block-advisor-index .block-content {
  margin-top: 30px;
}
@media only screen and (min-width: 375px) {
  .block-advisor-index .block-content {
    margin-top: calc(30px + 20 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-advisor-index .block-content {
    margin-top: 50px;
  }
}

@media (min-width: 768px) {
  .block-advisor-index .block-header,
  .block-advisor-index .block-media,
  .block-advisor-index .block-content {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
}
@media (min-width: 1024px) {
  .block-advisor-index .block-break {
    display: block;
  }
  .block-advisor-index .block-header {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block-advisor-index .block-media,
  .block-advisor-index .block-content {
    margin-top: 0;
  }
  .block-advisor-index .block-media,
  .block-advisor-index .block-content {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block-advisor-index .block-content {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 375px) {
  .block-advisor-index .block-content {
    padding-left: calc(30px + 30 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1920px) {
  .block-advisor-index .block-content {
    padding-left: 60px;
  }
}
.block-page-title + .block-advisor-index {
  margin-top: 40px;
}
@media only screen and (min-width: 375px) {
  .block-page-title + .block-advisor-index {
    margin-top: calc(40px + 40 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-page-title + .block-advisor-index {
    margin-top: 80px;
  }
}

.block-call-to-action {
  padding-left: var(--grid-offset);
  padding-right: var(--grid-offset);
}
.block-call-to-action .block-width {
  width: 100%;
}
.block-call-to-action .block-width {
  max-width: var(--grid-width-max);
  width: 100%;
  margin: 0 auto;
}
.block-call-to-action .block-inner {
  text-align: center;
  align-items: center;
}
.block-call-to-action .block-inner {
  display: flex;
  flex-flow: column wrap;
  margin-left: calc(var(--grid-gutter) / 2 * -1);
  margin-right: calc(var(--grid-gutter) / 2 * -1);
}
.block-call-to-action .block-inner .block-header, .block-call-to-action .block-inner .block-content {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}

.block-cta + .block-cta {
  margin-top: 0;
}

@media (min-width: 768px) {
  .block-call-to-action .block-inner .block-header, .block-call-to-action .block-inner .block-content {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
}
@media (min-width: 1024px) {
  .block-call-to-action .block-inner .block-content {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 8 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
}
.block-call-to-action + .block-call-to-action {
  margin-top: 0;
}

.block-fairs .fairs {
  display: flex;
  flex-flow: row wrap;
  margin-left: calc(var(--grid-gutter) / 2 * -1);
  margin-right: calc(var(--grid-gutter) / 2 * -1);
}
.block-fairs .fairs {
  margin-top: 24px;
}
@media only screen and (min-width: 375px) {
  .block-fairs .fairs {
    margin-top: calc(24px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-fairs .fairs {
    margin-top: 48px;
  }
}
.block-fairs .fairs .fair {
  position: relative;
  margin-top: 10px;
  background-color: var(--color-grey-light);
  border: 1px solid var(--color-grey-border);
  color: var(--color-grey-dark);
}
.block-fairs .fairs .fair {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block-fairs .fairs .fair {
  padding-right: 15px;
  padding-left: 15px;
}
@media only screen and (min-width: 375px) {
  .block-fairs .fairs .fair {
    padding-right: calc(15px + 25 * (100vw - 375px) / (1920 - 375));
    padding-left: calc(15px + 25 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-fairs .fairs .fair {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.block-fairs .fairs .fair {
  padding-bottom: 15px;
}
@media only screen and (min-width: 375px) {
  .block-fairs .fairs .fair {
    padding-bottom: calc(15px + 25 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-fairs .fairs .fair {
    padding-bottom: 40px;
  }
}
.block-fairs .fairs .fair:nth-child(1) {
  margin-top: 0;
}
.block-fairs .fairs .fair .flag {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.block-fairs .fairs .fair .flag img {
  width: auto;
  opacity: 0.5;
}
.block-fairs .fairs .fair .flag img {
  height: 12px;
}
@media only screen and (min-width: 375px) {
  .block-fairs .fairs .fair .flag img {
    height: calc(12px + 20 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-fairs .fairs .fair .flag img {
    height: 32px;
  }
}
.block-fairs .fairs .fair .flag img {
  margin-bottom: 3px;
}
@media only screen and (min-width: 375px) {
  .block-fairs .fairs .fair .flag img {
    margin-bottom: calc(3px + 5 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-fairs .fairs .fair .flag img {
    margin-bottom: 8px;
  }
}
.block-fairs .fairs .fair .name {
  font-family: var(--font-headline);
  color: var(--color-black);
  font-weight: 400;
}
.block-fairs .fairs .fair .name {
  font-size: 18px;
}
@media only screen and (min-width: 375px) {
  .block-fairs .fairs .fair .name {
    font-size: calc(18px + 12 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-fairs .fairs .fair .name {
    font-size: 30px;
  }
}
.block-fairs .fairs .fair .information {
  margin-top: 8px;
  display: flex;
  flex-flow: row wrap;
}
.block-fairs .fairs .fair .information {
  font-size: 12px;
}
@media only screen and (min-width: 375px) {
  .block-fairs .fairs .fair .information {
    font-size: calc(12px + 9 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-fairs .fairs .fair .information {
    font-size: 21px;
  }
}
.block-fairs .fairs .fair .information span {
  margin: 0 6px;
}
.block-fairs .fairs .fair .icon {
  position: absolute;
  color: var(--color-grey-dark);
}
.block-fairs .fairs .fair .icon {
  top: 20px;
}
@media only screen and (min-width: 375px) {
  .block-fairs .fairs .fair .icon {
    top: calc(20px + 28 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-fairs .fairs .fair .icon {
    top: 48px;
  }
}
.block-fairs .fairs .fair .icon {
  right: 20px;
}
@media only screen and (min-width: 375px) {
  .block-fairs .fairs .fair .icon {
    right: calc(20px + 28 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-fairs .fairs .fair .icon {
    right: 48px;
  }
}
.block-fairs .fairs .fair .icon {
  font-size: 15px;
}
@media only screen and (min-width: 375px) {
  .block-fairs .fairs .fair .icon {
    font-size: calc(15px + 15 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-fairs .fairs .fair .icon {
    font-size: 30px;
  }
}
.block-fairs .fairs .fair:hover {
  background-color: var(--color-white);
}
.block-fairs .fairs .fair:hover .flag img {
  opacity: 1;
}
.block-fairs .fairs .fair:hover .name {
  color: var(--color-blue-light);
}
.block-fairs .fairs .fair:hover .icon {
  color: var(--color-blue-light);
}

@media (min-width: 768px) {
  .block-fairs .fairs .fair {
    margin-top: 20px;
  }
  .block-fairs .fairs .fair {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block-fairs .fairs .fair:nth-child(2) {
    margin-top: 0;
  }
}
@media (min-width: 1280px) {
  .block-fairs .fairs .fair {
    margin-top: 40px;
  }
}
.block.block-table .block__table {
  overflow-x: auto;
}
.block.block-table .block__table {
  margin-top: 24px;
}
@media only screen and (min-width: 375px) {
  .block.block-table .block__table {
    margin-top: calc(24px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-table .block__table {
    margin-top: 48px;
  }
}
.block.block-table .block__table table {
  white-space: nowrap;
  margin: 0;
  border: none;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  text-align: left;
  min-width: 100%;
}
.block.block-table .block__table table thead {
  font-weight: 400;
}
.block.block-table .block__table table thead th {
  font-weight: 400;
  color: var(--color-blue-dark);
  background: white;
  border-bottom: 2px solid var(--color-blue-dark);
}
.block.block-table .block__table table thead th {
  font-size: 18px;
}
@media only screen and (min-width: 375px) {
  .block.block-table .block__table table thead th {
    font-size: calc(18px + 7 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-table .block__table table thead th {
    font-size: 25px;
  }
}
.block.block-table .block__table table thead th {
  padding-top: 12px;
  padding-bottom: 12px;
}
@media only screen and (min-width: 375px) {
  .block.block-table .block__table table thead th {
    padding-top: calc(12px + 4 * (100vw - 375px) / (1920 - 375));
    padding-bottom: calc(12px + 4 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-table .block__table table thead th {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.block.block-table .block__table table thead th {
  padding-left: 16px;
}
@media only screen and (min-width: 375px) {
  .block.block-table .block__table table thead th {
    padding-left: calc(16px + 4 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-table .block__table table thead th {
    padding-left: 20px;
  }
}
.block.block-table .block__table table thead th:first-child {
  left: 0;
  position: sticky;
}
.block.block-table .block__table table tbody {
  font-weight: 300;
}
.block.block-table .block__table table tbody tr td {
  background: white;
}
.block.block-table .block__table table tbody tr td {
  padding-left: 16px;
}
@media only screen and (min-width: 375px) {
  .block.block-table .block__table table tbody tr td {
    padding-left: calc(16px + 4 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-table .block__table table tbody tr td {
    padding-left: 20px;
  }
}
.block.block-table .block__table table tbody tr td {
  padding-right: 64px;
}
@media only screen and (min-width: 375px) {
  .block.block-table .block__table table tbody tr td {
    padding-right: calc(64px + 32 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-table .block__table table tbody tr td {
    padding-right: 96px;
  }
}
.block.block-table .block__table table tbody tr td {
  padding-top: 8px;
  padding-bottom: 8px;
}
@media only screen and (min-width: 375px) {
  .block.block-table .block__table table tbody tr td {
    padding-top: calc(8px + 4 * (100vw - 375px) / (1920 - 375));
    padding-bottom: calc(8px + 4 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-table .block__table table tbody tr td {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
.block.block-table .block__table table tbody tr td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
}
.block.block-table .block__table table tbody tr td:last-child {
  padding-right: 16px;
}
@media only screen and (min-width: 375px) {
  .block.block-table .block__table table tbody tr td:last-child {
    padding-right: calc(16px + 4 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-table .block__table table tbody tr td:last-child {
    padding-right: 20px;
  }
}
.block.block-table .block__table table tbody tr:nth-child(even) td {
  background: #F3F3F3;
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}
.block.block-table .block__table [role=region][aria-labelledby][tabindex] {
  width: 100%;
  max-height: 98vh;
  overflow: auto;
}
.block.block-table .block__table [role=region][aria-labelledby][tabindex]:focus {
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5);
  outline: 0;
}

.block.block-contact {
  padding-left: var(--grid-offset);
  padding-right: var(--grid-offset);
}
.block.block-contact .block-width {
  max-width: var(--grid-width-max);
  width: 100%;
  margin: 0 auto;
}
.block.block-contact .block-tiles {
  align-items: stretch;
}
.block.block-contact .block-tiles {
  display: flex;
  flex-flow: row wrap;
  margin-left: calc(var(--grid-gutter) / 2 * -1);
  margin-right: calc(var(--grid-gutter) / 2 * -1);
}
.block.block-contact .block-tiles .tile {
  margin-top: 10px;
  background-color: var(--color-blue-lighter);
  min-height: 200px;
  text-align: center;
  display: flex;
  flex-flow: column;
  justify-content: center;
  color: var(--color-blue-dark);
}
.block.block-contact .block-tiles .tile {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block.block-contact .block-tiles .tile {
  padding-top: 32px;
  padding-bottom: 32px;
}
@media only screen and (min-width: 375px) {
  .block.block-contact .block-tiles .tile {
    padding-top: calc(32px + 64 * (100vw - 375px) / (1920 - 375));
    padding-bottom: calc(32px + 64 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-contact .block-tiles .tile {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}
.block.block-contact .block-tiles .tile {
  padding-right: 40px;
  padding-left: 40px;
}
@media only screen and (min-width: 375px) {
  .block.block-contact .block-tiles .tile {
    padding-right: calc(40px + 32 * (100vw - 375px) / (1920 - 375));
    padding-left: calc(40px + 32 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-contact .block-tiles .tile {
    padding-right: 72px;
    padding-left: 72px;
  }
}
.block.block-contact .block-tiles .tile .icon {
  font-size: 30px;
}
@media only screen and (min-width: 375px) {
  .block.block-contact .block-tiles .tile .icon {
    font-size: calc(30px + 10 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-contact .block-tiles .tile .icon {
    font-size: 40px;
  }
}
.block.block-contact .block-tiles .tile .text {
  margin-top: 10px;
}
@media only screen and (min-width: 375px) {
  .block.block-contact .block-tiles .tile .text {
    margin-top: calc(10px + 10 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-contact .block-tiles .tile .text {
    margin-top: 20px;
  }
}
.block.block-contact .block-tiles .tile .text {
  font-size: 20px;
}
@media only screen and (min-width: 375px) {
  .block.block-contact .block-tiles .tile .text {
    font-size: calc(20px + 15 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-contact .block-tiles .tile .text {
    font-size: 35px;
  }
}
.block.block-contact .block-tiles .tile:hover {
  background-color: var(--color-blue-lighter-hover);
}

@media (min-width: 768px) {
  .block.block-contact .block-tiles .tile {
    margin-top: 20px;
  }
  .block.block-contact .block-tiles .tile {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
}
@media (min-width: 1024px) {
  .block.block-contact .block-tiles .tile {
    margin-top: 0;
  }
  .block.block-contact .block-tiles .tile {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-contact.count-1 .block-tiles .tile {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-contact.count-2 .block-tiles .tile {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
}
.block.block-contact-form .block-inner {
  display: flex;
  flex-flow: row wrap;
  margin-left: calc(var(--grid-gutter) / 2 * -1);
  margin-right: calc(var(--grid-gutter) / 2 * -1);
}
.block.block-contact-form .block__content {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block.block-contact-form .block__content {
  margin-bottom: 24px;
}
@media only screen and (min-width: 375px) {
  .block.block-contact-form .block__content {
    margin-bottom: calc(24px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-contact-form .block__content {
    margin-bottom: 48px;
  }
}
.block.block-contact-form .block__form {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block.block-contact-form .block__tiles {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block.block-contact-form .block__tiles {
  margin-top: 64px;
}
@media only screen and (min-width: 375px) {
  .block.block-contact-form .block__tiles {
    margin-top: calc(64px + 64 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-contact-form .block__tiles {
    margin-top: 128px;
  }
}
.block.block-contact-form .block__tiles .tile {
  background-color: var(--color-blue-lighter);
  color: var(--color-blue-dark);
}
.block.block-contact-form .block__tiles .tile {
  margin-top: 10px;
}
@media only screen and (min-width: 375px) {
  .block.block-contact-form .block__tiles .tile {
    margin-top: calc(10px + 30 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-contact-form .block__tiles .tile {
    margin-top: 40px;
  }
}
.block.block-contact-form .block__tiles .tile {
  padding-top: 32px;
  padding-bottom: 32px;
}
@media only screen and (min-width: 375px) {
  .block.block-contact-form .block__tiles .tile {
    padding-top: calc(32px + 8 * (100vw - 375px) / (1920 - 375));
    padding-bottom: calc(32px + 8 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-contact-form .block__tiles .tile {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.block.block-contact-form .block__tiles .tile {
  padding-right: 32px;
  padding-left: 32px;
}
@media only screen and (min-width: 375px) {
  .block.block-contact-form .block__tiles .tile {
    padding-right: calc(32px + 48 * (100vw - 375px) / (1920 - 375));
    padding-left: calc(32px + 48 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-contact-form .block__tiles .tile {
    padding-right: 80px;
    padding-left: 80px;
  }
}
.block.block-contact-form .block__tiles .tile:nth-child(1) {
  margin-top: 0;
}
.block.block-contact-form .block__tiles .tile .tile__headline h1, .block.block-contact-form .block__tiles .tile .tile__headline h2, .block.block-contact-form .block__tiles .tile .tile__headline h3, .block.block-contact-form .block__tiles .tile .tile__headline h4, .block.block-contact-form .block__tiles .tile .tile__headline h5, .block.block-contact-form .block__tiles .tile .tile__headline h6, .block.block-contact-form .block__tiles .tile .tile__headline .h1, .block.block-contact-form .block__tiles .tile .tile__headline .h2, .block.block-contact-form .block__tiles .tile .tile__headline .h3, .block.block-contact-form .block__tiles .tile .tile__headline .h4, .block.block-contact-form .block__tiles .tile .tile__headline .h5, .block.block-contact-form .block__tiles .tile .tile__headline .h6 {
  font-family: var(--font-default);
  font-weight: 300;
}
.block.block-contact-form .block__tiles .tile .tile__headline h1, .block.block-contact-form .block__tiles .tile .tile__headline h2, .block.block-contact-form .block__tiles .tile .tile__headline h3, .block.block-contact-form .block__tiles .tile .tile__headline h4, .block.block-contact-form .block__tiles .tile .tile__headline h5, .block.block-contact-form .block__tiles .tile .tile__headline h6, .block.block-contact-form .block__tiles .tile .tile__headline .h1, .block.block-contact-form .block__tiles .tile .tile__headline .h2, .block.block-contact-form .block__tiles .tile .tile__headline .h3, .block.block-contact-form .block__tiles .tile .tile__headline .h4, .block.block-contact-form .block__tiles .tile .tile__headline .h5, .block.block-contact-form .block__tiles .tile .tile__headline .h6 {
  font-size: 20px;
}
@media only screen and (min-width: 375px) {
  .block.block-contact-form .block__tiles .tile .tile__headline h1, .block.block-contact-form .block__tiles .tile .tile__headline h2, .block.block-contact-form .block__tiles .tile .tile__headline h3, .block.block-contact-form .block__tiles .tile .tile__headline h4, .block.block-contact-form .block__tiles .tile .tile__headline h5, .block.block-contact-form .block__tiles .tile .tile__headline h6, .block.block-contact-form .block__tiles .tile .tile__headline .h1, .block.block-contact-form .block__tiles .tile .tile__headline .h2, .block.block-contact-form .block__tiles .tile .tile__headline .h3, .block.block-contact-form .block__tiles .tile .tile__headline .h4, .block.block-contact-form .block__tiles .tile .tile__headline .h5, .block.block-contact-form .block__tiles .tile .tile__headline .h6 {
    font-size: calc(20px + 15 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-contact-form .block__tiles .tile .tile__headline h1, .block.block-contact-form .block__tiles .tile .tile__headline h2, .block.block-contact-form .block__tiles .tile .tile__headline h3, .block.block-contact-form .block__tiles .tile .tile__headline h4, .block.block-contact-form .block__tiles .tile .tile__headline h5, .block.block-contact-form .block__tiles .tile .tile__headline h6, .block.block-contact-form .block__tiles .tile .tile__headline .h1, .block.block-contact-form .block__tiles .tile .tile__headline .h2, .block.block-contact-form .block__tiles .tile .tile__headline .h3, .block.block-contact-form .block__tiles .tile .tile__headline .h4, .block.block-contact-form .block__tiles .tile .tile__headline .h5, .block.block-contact-form .block__tiles .tile .tile__headline .h6 {
    font-size: 35px;
  }
}
.block.block-contact-form .block__tiles .tile .tile__text {
  margin-top: 16px;
}
@media only screen and (min-width: 375px) {
  .block.block-contact-form .block__tiles .tile .tile__text {
    margin-top: calc(16px + 16 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-contact-form .block__tiles .tile .tile__text {
    margin-top: 32px;
  }
}

@media (min-width: 768px) {
  .block.block-contact-form .block__content {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-contact-form .block__form {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-contact-form .block__tiles {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
}
@media (min-width: 1024px) {
  .block.block-contact-form .block__tiles .tiles {
    display: flex;
    flex-flow: row wrap;
    margin-left: calc(var(--grid-gutter) / 2 * -1);
    margin-right: calc(var(--grid-gutter) / 2 * -1);
  }
  .block.block-contact-form .block__tiles .tiles .tile {
    width: 1px;
    min-width: calc(100% / 12 * 6 - var(--grid-gutter));
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 0 + var(--grid-gutter) / 2);
  }
  .block.block-contact-form .block__tiles .tiles .tile:nth-child(2) {
    margin-top: 0;
  }
}
@media (min-width: 1280px) {
  .block.block-contact-form .block__content {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 7 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-contact-form .block__form {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-contact-form .block__tiles {
    margin-top: 0;
  }
  .block.block-contact-form .block__tiles {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 5 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 1 + var(--grid-gutter) / 2);
  }
  .block.block-contact-form .block__tiles .tiles {
    display: flex;
    flex-flow: row wrap;
    margin-left: calc(var(--grid-gutter) / 2 * -1);
    margin-right: calc(var(--grid-gutter) / 2 * -1);
  }
  .block.block-contact-form .block__tiles .tiles .tile {
    width: 1px;
    min-width: calc(100% / 5 * 5 - var(--grid-gutter));
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 0 + var(--grid-gutter) / 2);
  }
  .block.block-contact-form .block__tiles .tiles .tile:nth-child(2) {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 375px) {
  .block.block-contact-form .block__tiles .tiles .tile:nth-child(2) {
    margin-top: calc(10px + 30 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1920px) {
  .block.block-contact-form .block__tiles .tiles .tile:nth-child(2) {
    margin-top: 40px;
  }
}
@media (min-width: 1536px) {
  .block.block-contact-form .block__tiles {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 2 + var(--grid-gutter) / 2);
  }
  .block.block-contact-form .block__tiles .tiles .tile {
    width: 1px;
    min-width: calc(100% / 4 * 4 - var(--grid-gutter));
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 0 + var(--grid-gutter) / 2);
  }
}
.block-faqs {
  padding-left: var(--grid-offset);
  padding-right: var(--grid-offset);
}
.block-faqs .block-width {
  width: 100%;
}
.block-faqs .block-width {
  max-width: var(--grid-width-max);
  width: 100%;
  margin: 0 auto;
}
.block-faqs .faqs {
  display: flex;
  flex-flow: row wrap;
  margin-left: calc(var(--grid-gutter) / 2 * -1);
  margin-right: calc(var(--grid-gutter) / 2 * -1);
}
.block-faqs .faqs {
  margin-top: 24px;
}
@media only screen and (min-width: 375px) {
  .block-faqs .faqs {
    margin-top: calc(24px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-faqs .faqs {
    margin-top: 48px;
  }
}
.block-faqs .faqs .column {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block-faqs .faqs .column:first-child .faq:nth-child(1) {
  margin-top: 0;
}
.block-faqs .faqs .faq {
  margin-top: 24px;
}
@media only screen and (min-width: 375px) {
  .block-faqs .faqs .faq {
    margin-top: calc(24px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-faqs .faqs .faq {
    margin-top: 48px;
  }
}
.block-faqs .faqs .faq .question {
  padding-left: 24px;
}
@media only screen and (min-width: 375px) {
  .block-faqs .faqs .faq .question {
    padding-left: calc(24px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-faqs .faqs .faq .question {
    padding-left: 48px;
  }
}
.block-faqs .faqs .faq .question {
  position: relative;
}
.block-faqs .faqs .faq .question .question-icon {
  position: absolute;
  left: 0;
  aspect-ratio: 1;
  background-image: url("../img/list-item.svg");
}
.block-faqs .faqs .faq .question .question-icon {
  top: 4px;
}
@media only screen and (min-width: 375px) {
  .block-faqs .faqs .faq .question .question-icon {
    top: calc(4px + 4 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-faqs .faqs .faq .question .question-icon {
    top: 8px;
  }
}
.block-faqs .faqs .faq .question .question-icon {
  width: 16px;
}
@media only screen and (min-width: 375px) {
  .block-faqs .faqs .faq .question .question-icon {
    width: calc(16px + 12 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-faqs .faqs .faq .question .question-icon {
    width: 28px;
  }
}
.block-faqs .faqs .faq .question .question-name {
  color: var(--color-blue-dark);
  font-weight: 400;
}
.block-faqs .faqs .faq .question .question-name {
  font-size: 18px;
}
@media only screen and (min-width: 375px) {
  .block-faqs .faqs .faq .question .question-name {
    font-size: calc(18px + 7 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-faqs .faqs .faq .question .question-name {
    font-size: 25px;
  }
}
.block-faqs .faqs .faq .question .question-name h1, .block-faqs .faqs .faq .question .question-name h2, .block-faqs .faqs .faq .question .question-name h3, .block-faqs .faqs .faq .question .question-name h4, .block-faqs .faqs .faq .question .question-name h5, .block-faqs .faqs .faq .question .question-name h6 {
  font-family: var(--font-default);
}
.block-faqs .faqs .faq .question .question-name h1, .block-faqs .faqs .faq .question .question-name h2, .block-faqs .faqs .faq .question .question-name h3, .block-faqs .faqs .faq .question .question-name h4, .block-faqs .faqs .faq .question .question-name h5, .block-faqs .faqs .faq .question .question-name h6 {
  font-size: 18px;
}
@media only screen and (min-width: 375px) {
  .block-faqs .faqs .faq .question .question-name h1, .block-faqs .faqs .faq .question .question-name h2, .block-faqs .faqs .faq .question .question-name h3, .block-faqs .faqs .faq .question .question-name h4, .block-faqs .faqs .faq .question .question-name h5, .block-faqs .faqs .faq .question .question-name h6 {
    font-size: calc(18px + 7 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-faqs .faqs .faq .question .question-name h1, .block-faqs .faqs .faq .question .question-name h2, .block-faqs .faqs .faq .question .question-name h3, .block-faqs .faqs .faq .question .question-name h4, .block-faqs .faqs .faq .question .question-name h5, .block-faqs .faqs .faq .question .question-name h6 {
    font-size: 25px;
  }
}
.block-faqs .faqs .faq .answer {
  overflow: hidden;
  transition: max-height 0.4s ease-in-out;
}
.block-faqs .faqs .faq .answer .answer-text {
  padding-top: 16px;
}
@media only screen and (min-width: 375px) {
  .block-faqs .faqs .faq .answer .answer-text {
    padding-top: calc(16px + 16 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-faqs .faqs .faq .answer .answer-text {
    padding-top: 32px;
  }
}
.block-faqs .faqs .faq .answer .answer-text img {
  width: revert;
  height: revert;
  vertical-align: top;
  margin-right: 20px;
}
.block-faqs .faqs .faq .answer .answer-text a {
  color: var(--color-blue-light);
}

@media (min-width: 768px) {
  .block-faqs .faqs .column {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
}
@media (min-width: 1024px) {
  .block-faqs .block-header .headline {
    max-width: 80%;
  }
  .block-faqs .faqs .column {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
}
@media (min-width: 1280px) {
  .block-faqs .faqs .column {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block-faqs .faqs .column:nth-child(2) {
    margin-top: 0;
  }
  .block-faqs .faqs .column:nth-child(2) .faq:nth-child(1) {
    margin-top: 0;
  }
}
.block-facts .facts {
  justify-content: center;
}
.block-facts .facts {
  display: flex;
  flex-flow: row wrap;
  margin-left: calc(var(--grid-gutter) / 2 * -1);
  margin-right: calc(var(--grid-gutter) / 2 * -1);
}
.block-facts .facts__item {
  text-align: center;
}
.block-facts .facts__item {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block-facts .facts__item {
  margin-top: 40px;
}
@media only screen and (min-width: 375px) {
  .block-facts .facts__item {
    margin-top: calc(40px + 40 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-facts .facts__item {
    margin-top: 80px;
  }
}
.block-facts .facts__item:nth-child(1), .block-facts .facts__item:nth-child(2) {
  margin-top: 0;
}
.block-facts .facts__icon i {
  color: var(--color-blue-dark);
}
.block-facts .facts__icon i {
  font-size: 50px;
}
@media only screen and (min-width: 375px) {
  .block-facts .facts__icon i {
    font-size: calc(50px + 10 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-facts .facts__icon i {
    font-size: 60px;
  }
}
.block-facts .facts__value {
  color: var(--color-blue-dark);
  line-height: 1;
  font-family: var(--font-headline);
  font-weight: 400;
}
.block-facts .facts__value {
  font-size: 34px;
}
@media only screen and (min-width: 375px) {
  .block-facts .facts__value {
    font-size: calc(34px + 41 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-facts .facts__value {
    font-size: 75px;
  }
}
.block-facts .facts__value {
  margin-top: 16px;
}
@media only screen and (min-width: 375px) {
  .block-facts .facts__value {
    margin-top: calc(16px + 8 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-facts .facts__value {
    margin-top: 24px;
  }
}
.block-facts .facts__description {
  font-family: var(--font-headline);
  color: var(--color-blue-light);
  font-weight: 400;
}
.block-facts .facts__description {
  margin-top: 18px;
}
@media only screen and (min-width: 375px) {
  .block-facts .facts__description {
    margin-top: calc(18px + 7 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-facts .facts__description {
    margin-top: 25px;
  }
}

@media (min-width: 1280px) {
  .block-facts .facts__item {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 3 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block-facts .facts__item:nth-child(3), .block-facts .facts__item:nth-child(4) {
    margin-top: 0;
  }
}
.block.block-quote {
  overflow-x: clip;
}
.block.block-quote {
  padding-left: var(--grid-offset);
  padding-right: var(--grid-offset);
}
.block.block-quote .block-padding-correction {
  width: calc(100% - var(--grid-offset) * 2);
  aspect-ratio: 2/1;
  margin: 0 var(--grid-offset);
}
.block.block-quote .block-padding-correction {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block.block-quote .block-quote {
  position: relative;
}
.block.block-quote .block-quote .background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: var(--color-blue-light);
}
.block.block-quote .block-quote .background {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(100% / var(--grid-columns) * -1 + var(--grid-gutter) / 2);
}
.block.block-quote .block-quote .quote-inner {
  position: relative;
}
.block.block-quote .block-quote .quote-inner {
  display: flex;
  flex-flow: row wrap;
  margin-left: calc(var(--grid-gutter) / 2 * -1);
  margin-right: calc(var(--grid-gutter) / 2 * -1);
}
.block.block-quote .block-quote .quote-inner {
  padding-top: 32px;
  padding-bottom: 32px;
}
@media only screen and (min-width: 375px) {
  .block.block-quote .block-quote .quote-inner {
    padding-top: calc(32px + 64 * (100vw - 375px) / (1920 - 375));
    padding-bottom: calc(32px + 64 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-quote .block-quote .quote-inner {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}
.block.block-quote .block-quote .image {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block.block-quote .block-quote .image-shape {
  transform: translateY(-50%);
}
.block.block-quote .block-quote .quote {
  position: relative;
  color: var(--color-white);
  font-family: var(--font-headline);
  font-weight: 400;
}
.block.block-quote .block-quote .quote {
  font-size: 24px;
}
@media only screen and (min-width: 375px) {
  .block.block-quote .block-quote .quote {
    font-size: calc(24px + 16 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-quote .block-quote .quote {
    font-size: 40px;
  }
}
.block.block-quote .block-quote .quote {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block.block-quote .block-quote .quote .icon {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.1;
  transform: translate(-24%, -48%);
}
.block.block-quote .block-quote .quote .icon {
  font-size: 48px;
}
@media only screen and (min-width: 375px) {
  .block.block-quote .block-quote .quote .icon {
    font-size: calc(48px + 64 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-quote .block-quote .quote .icon {
    font-size: 112px;
  }
}
.block.block-quote .block-quote .quote .quote-author {
  font-family: var(--font-default);
}
.block.block-quote .block-quote .quote .quote-author {
  font-size: 16px;
}
@media only screen and (min-width: 375px) {
  .block.block-quote .block-quote .quote .quote-author {
    font-size: calc(16px + 4 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-quote .block-quote .quote .quote-author {
    font-size: 20px;
  }
}
.block.block-quote .block-quote .quote .quote-author {
  margin-top: 32px;
}
@media only screen and (min-width: 375px) {
  .block.block-quote .block-quote .quote .quote-author {
    margin-top: calc(32px + 16 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-quote .block-quote .quote .quote-author {
    margin-top: 48px;
  }
}
.block.block-quote .block-content {
  margin-top: 32px;
}
@media only screen and (min-width: 375px) {
  .block.block-quote .block-content {
    margin-top: calc(32px + 16 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-quote .block-content {
    margin-top: 48px;
  }
}
.block.block-quote .block-content .block-content-inner {
  display: flex;
  flex-flow: row wrap;
  margin-left: calc(var(--grid-gutter) / 2 * -1);
  margin-right: calc(var(--grid-gutter) / 2 * -1);
}
.block.block-quote .block-content .block-content-inner .overline, .block.block-quote .block-content .block-content-inner .headline, .block.block-quote .block-content .block-content-inner .text, .block.block-quote .block-content .block-content-inner .button {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block.block-quote .block-content .block-content-inner .text:first-child {
  margin-top: 0;
}

@media (min-width: 768px) {
  .block.block-quote .block-padding-correction {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 8 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 2 + var(--grid-gutter) / 2);
  }
  .block.block-quote .block-quote .background {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 32 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * -10 + var(--grid-gutter) / 2);
  }
  .block.block-quote .block-quote .image {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 8 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 2 + var(--grid-gutter) / 2);
  }
  .block.block-quote .block-quote .quote {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 8 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 2 + var(--grid-gutter) / 2);
  }
  .block.block-quote .block-content .block-content-inner .overline, .block.block-quote .block-content .block-content-inner .headline, .block.block-quote .block-content .block-content-inner .text, .block.block-quote .block-content .block-content-inner .button {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 8 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 2 + var(--grid-gutter) / 2);
  }
}
@media (min-width: 1024px) {
  .block.block-quote .block-padding-correction {
    display: none;
  }
  .block.block-quote .block-quote .background {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 20 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * -10 + var(--grid-gutter) / 2);
  }
  .block.block-quote .block-quote .block-padding-correction {
    display: none;
  }
  .block.block-quote .block-quote .image {
    margin-left: auto;
    top: 50%;
  }
  .block.block-quote .block-quote .image {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 5 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 7 + var(--grid-gutter) / 2);
  }
  .block.block-quote .block-quote .quote {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 7 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-quote .block-content .block-content-inner .overline, .block.block-quote .block-content .block-content-inner .headline, .block.block-quote .block-content .block-content-inner .text, .block.block-quote .block-content .block-content-inner .button {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 7 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
}
@media (min-width: 1280px) {
  .block.block-quote .block-quote .quote {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
}
.block.block-posts {
  margin-top: 40px;
}
@media only screen and (min-width: 375px) {
  .block.block-posts {
    margin-top: calc(40px + 40 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-posts {
    margin-top: 80px;
  }
}
.block.block-posts .block__posts {
  display: flex;
  flex-flow: row wrap;
  margin-left: calc(var(--grid-gutter) / 2 * -1);
  margin-right: calc(var(--grid-gutter) / 2 * -1);
}
.block.block-posts .post {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block.block-posts .post {
  margin-top: 40px;
}
@media only screen and (min-width: 375px) {
  .block.block-posts .post {
    margin-top: calc(40px + 40 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-posts .post {
    margin-top: 80px;
  }
}
.block.block-posts .post:nth-child(1) {
  margin-top: 0;
}
.block.block-posts .post__content {
  margin-top: 8px;
}
@media only screen and (min-width: 375px) {
  .block.block-posts .post__content {
    margin-top: calc(8px + 8 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-posts .post__content {
    margin-top: 16px;
  }
}
.block.block-posts .post__content {
  padding-right: 16px;
  padding-left: 16px;
}
@media only screen and (min-width: 375px) {
  .block.block-posts .post__content {
    padding-right: calc(16px + 24 * (100vw - 375px) / (1920 - 375));
    padding-left: calc(16px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-posts .post__content {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.block.block-posts .post__media {
  position: relative;
  aspect-ratio: 16/10;
  width: 100%;
}
.block.block-posts .post__media figure {
  width: 100%;
  height: 100%;
}
.block.block-posts .post__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.block.block-posts .post__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 119, 200, 0.8) 0%, rgba(152, 198, 234, 0.8) 100%);
  transition: opacity 0.4s ease-in-out;
  opacity: 0;
}
.block.block-posts .post__overlay .post__overlay_text {
  position: absolute;
  bottom: 0;
  left: 0;
  color: var(--color-white);
  font-family: var(--font-headline);
  font-weight: 400;
  line-height: 1;
}
.block.block-posts .post__overlay .post__overlay_text {
  padding: 16px;
}
@media only screen and (min-width: 375px) {
  .block.block-posts .post__overlay .post__overlay_text {
    padding: calc(16px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-posts .post__overlay .post__overlay_text {
    padding: 40px;
  }
}
.block.block-posts .post__overlay .post__overlay_text {
  font-size: 16px;
}
@media only screen and (min-width: 375px) {
  .block.block-posts .post__overlay .post__overlay_text {
    font-size: calc(16px + 9 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-posts .post__overlay .post__overlay_text {
    font-size: 25px;
  }
}
.block.block-posts .post__overlay .icon {
  margin-left: 8px;
}
.block.block-posts .post__overlay .icon {
  font-size: 16px;
}
@media only screen and (min-width: 375px) {
  .block.block-posts .post__overlay .icon {
    font-size: calc(16px + 6 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-posts .post__overlay .icon {
    font-size: 22px;
  }
}
.block.block-posts .post__title {
  font-family: var(--font-headline);
  font-weight: 400;
  color: var(--color-blue-dark);
}
.block.block-posts .post__title {
  font-size: 18px;
}
@media only screen and (min-width: 375px) {
  .block.block-posts .post__title {
    font-size: calc(18px + 7 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-posts .post__title {
    font-size: 25px;
  }
}
.block.block-posts .post__date {
  color: var(--color-grey-dark);
}
.block.block-posts .post__date {
  margin-top: 8px;
}
@media only screen and (min-width: 375px) {
  .block.block-posts .post__date {
    margin-top: calc(8px + 8 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-posts .post__date {
    margin-top: 16px;
  }
}
.block.block-posts .post:hover .post__overlay {
  opacity: 1;
}
.block.block-posts .block__pagination {
  text-align: center;
}
.block.block-posts .block__pagination {
  margin-top: 40px;
}
@media only screen and (min-width: 375px) {
  .block.block-posts .block__pagination {
    margin-top: calc(40px + 40 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-posts .block__pagination {
    margin-top: 80px;
  }
}

@media (min-width: 768px) {
  .block.block-posts .post {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-posts .post:nth-child(2) {
    margin-top: 0;
  }
}
@media (min-width: 1280px) {
  .block.block-posts .post {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-posts .post:nth-child(3) {
    margin-top: 0;
  }
  .block.block-posts .post__content {
    margin-top: 8px;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 375px) {
  .block.block-posts .post__content {
    margin-top: calc(8px + 8 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1920px) {
  .block.block-posts .post__content {
    margin-top: 16px;
  }
}
.block.block-image-slider .block__images {
  margin-top: 24px;
}
@media only screen and (min-width: 375px) {
  .block.block-image-slider .block__images {
    margin-top: calc(24px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-image-slider .block__images {
    margin-top: 48px;
  }
}

.block.block-references-slider {
  padding: 0;
}
.block.block-references-slider .block-padding {
  padding-left: var(--grid-offset);
  padding-right: var(--grid-offset);
}
.block.block-references-slider .block-padding + .block-padding {
  background-color: var(--color-grey-light);
  padding-top: calc(var(--grid-offset) / 2);
  padding-bottom: calc(var(--grid-offset) / 2);
}
.block.block-references-slider .block-padding + .block-padding {
  margin-top: 24px;
}
@media only screen and (min-width: 375px) {
  .block.block-references-slider .block-padding + .block-padding {
    margin-top: calc(24px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-references-slider .block-padding + .block-padding {
    margin-top: 48px;
  }
}
.block.block-references-slider figure {
  display: flex;
  justify-content: center;
  align-content: center;
}
.block.block-references-slider .splide__slide {
  display: flex;
  align-content: center;
  justify-content: center;
}
.block.block-references-slider .splide__slide__container {
  aspect-ratio: 1;
  max-height: 160px;
}
.block.block-references-slider .splide__slide__container:hover img {
  filter: grayscale(0);
}
.block.block-references-slider img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
  filter: grayscale(1);
  transition: filter 0.4s ease-in-out;
}
.block.block-references-slider .splide {
  position: relative;
}
.block.block-references-slider .splide:before,
.block.block-references-slider .splide:after {
  position: absolute;
  top: 0;
  bottom: 0;
  content: "";
  z-index: 10;
  width: 100px;
}
.block.block-references-slider .splide:before {
  left: 0;
  background: linear-gradient(90deg, rgb(243, 243, 243) 10%, rgba(0, 212, 255, 0) 100%);
}
.block.block-references-slider .splide:after {
  right: 0;
  background: linear-gradient(270deg, rgb(243, 243, 243) 10%, rgba(0, 212, 255, 0) 100%);
}

.block.block-posts-preview .block__posts {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(5, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}
.block.block-posts-preview .block__posts {
  margin-top: 24px;
}
@media only screen and (min-width: 375px) {
  .block.block-posts-preview .block__posts {
    margin-top: calc(24px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-posts-preview .block__posts {
    margin-top: 48px;
  }
}
.block.block-posts-preview .block__posts .post:nth-child(1) {
  grid-area: 1/1/2/2;
}
.block.block-posts-preview .block__posts .post:nth-child(2) {
  grid-area: 2/1/3/2;
}
.block.block-posts-preview .block__posts .post:nth-child(3) {
  grid-area: 3/1/4/2;
}
.block.block-posts-preview .block__posts .post:nth-child(4) {
  grid-area: 4/1/5/2;
}
.block.block-posts-preview .block__posts .post:nth-child(5) {
  grid-area: 5/1/6/2;
}
.block.block-posts-preview .block__posts .post {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  aspect-ratio: 544/357;
}
.block.block-posts-preview .block__posts .post__content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity 0.4s ease-in-out;
}
.block.block-posts-preview .block__posts .post__content {
  padding: 16px;
}
@media only screen and (min-width: 375px) {
  .block.block-posts-preview .block__posts .post__content {
    padding: calc(16px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-posts-preview .block__posts .post__content {
    padding: 40px;
  }
}
.block.block-posts-preview .block__posts .post__media {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.block.block-posts-preview .block__posts .post__media figure {
  width: 100%;
  height: 100%;
}
.block.block-posts-preview .block__posts .post__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.block.block-posts-preview .block__posts .post .post__more {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  color: var(--color-white);
  font-family: var(--font-headline);
  font-weight: 400;
  line-height: 1;
}
.block.block-posts-preview .block__posts .post .post__more {
  padding: 16px;
}
@media only screen and (min-width: 375px) {
  .block.block-posts-preview .block__posts .post .post__more {
    padding: calc(16px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-posts-preview .block__posts .post .post__more {
    padding: 40px;
  }
}
.block.block-posts-preview .block__posts .post .post__more {
  font-size: 16px;
}
@media only screen and (min-width: 375px) {
  .block.block-posts-preview .block__posts .post .post__more {
    font-size: calc(16px + 9 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-posts-preview .block__posts .post .post__more {
    font-size: 25px;
  }
}
.block.block-posts-preview .block__posts .post .post__more .icon {
  margin-left: 8px;
}
.block.block-posts-preview .block__posts .post .post__more .icon {
  font-size: 16px;
}
@media only screen and (min-width: 375px) {
  .block.block-posts-preview .block__posts .post .post__more .icon {
    font-size: calc(16px + 6 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-posts-preview .block__posts .post .post__more .icon {
    font-size: 22px;
  }
}
.block.block-posts-preview .block__posts .post__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 44, 95, 0.8) 0%, rgba(0, 119, 200, 0.8) 100%);
  transition: opacity 0.4s ease-in-out;
  opacity: 1;
}
.block.block-posts-preview .block__posts .post__title {
  font-family: var(--font-headline);
  font-weight: 400;
  color: var(--color-white);
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.block.block-posts-preview .block__posts .post__title {
  font-size: 16px;
}
@media only screen and (min-width: 375px) {
  .block.block-posts-preview .block__posts .post__title {
    font-size: calc(16px + 9 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-posts-preview .block__posts .post__title {
    font-size: 25px;
  }
}
.block.block-posts-preview .block__posts .post__date {
  color: var(--color-white);
}
.block.block-posts-preview .block__posts .post__date {
  font-size: 12px;
}
@media only screen and (min-width: 375px) {
  .block.block-posts-preview .block__posts .post__date {
    font-size: calc(12px + 9 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-posts-preview .block__posts .post__date {
    font-size: 21px;
  }
}
.block.block-posts-preview .block__posts .post__date {
  margin-top: 8px;
}
@media only screen and (min-width: 375px) {
  .block.block-posts-preview .block__posts .post__date {
    margin-top: calc(8px + 8 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-posts-preview .block__posts .post__date {
    margin-top: 16px;
  }
}
.block.block-posts-preview .block__posts .post:first-child .post__title {
  font-size: 16px;
}
@media only screen and (min-width: 375px) {
  .block.block-posts-preview .block__posts .post:first-child .post__title {
    font-size: calc(16px + 32 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-posts-preview .block__posts .post:first-child .post__title {
    font-size: 48px;
  }
}
.block.block-posts-preview .block__posts .post:hover .post__overlay {
  opacity: 0;
}
.block.block-posts-preview .block__posts .post:hover .post__content {
  opacity: 0;
}
.block.block-posts-preview .block__posts .block__pagination {
  text-align: center;
}
.block.block-posts-preview .block__posts .block__pagination {
  margin-top: 40px;
}
@media only screen and (min-width: 375px) {
  .block.block-posts-preview .block__posts .block__pagination {
    margin-top: calc(40px + 40 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-posts-preview .block__posts .block__pagination {
    margin-top: 80px;
  }
}
.block.block-posts-preview.visible-3 .block__posts {
  grid-template-rows: repeat(3, 1fr);
}
.block.block-posts-preview.visible-3 .block__posts .post:nth-child(1) {
  grid-area: 1/1/2/2;
}
.block.block-posts-preview.visible-3 .block__posts .post:nth-child(2) {
  grid-area: 2/1/3/2;
}
.block.block-posts-preview.visible-3 .block__posts .post:nth-child(3) {
  grid-area: 3/1/4/2;
}
.block.block-posts-preview.visible-3 .block__posts .post:nth-child(4),
.block.block-posts-preview.visible-3 .block__posts .post:nth-child(5) {
  display: none;
}

@media (min-width: 768px) {
  .block.block-posts-preview .block__posts {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
  .block.block-posts-preview .block__posts .post:nth-child(1) {
    grid-area: 1/1/3/3;
  }
  .block.block-posts-preview .block__posts .post:nth-child(2) {
    grid-area: 3/1/4/2;
  }
  .block.block-posts-preview .block__posts .post:nth-child(3) {
    grid-area: 3/2/4/3;
  }
  .block.block-posts-preview .block__posts .post:nth-child(4) {
    grid-area: 4/1/5/2;
  }
  .block.block-posts-preview .block__posts .post:nth-child(5) {
    grid-area: 4/2/5/3;
  }
  .block.block-posts-preview .block__posts .post:first-child .post__title {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 375px) {
  .block.block-posts-preview .block__posts .post:first-child .post__title {
    font-size: calc(16px + 9 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .block.block-posts-preview .block__posts .post:first-child .post__title {
    font-size: 25px;
  }
}
@media (min-width: 768px) {
  .block.block-posts-preview.visible-3 .block__posts {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
  }
  .block.block-posts-preview.visible-3 .block__posts .post:nth-child(1) {
    grid-area: 1/1/2/2;
  }
  .block.block-posts-preview.visible-3 .block__posts .post:nth-child(2) {
    grid-area: 1/2/2/3;
  }
  .block.block-posts-preview.visible-3 .block__posts .post:nth-child(3) {
    grid-area: 1/3/2/4;
    display: none;
  }
  .block.block-posts-preview.visible-3 .block__posts .post:nth-child(4),
  .block.block-posts-preview.visible-3 .block__posts .post:nth-child(5) {
    display: none;
  }
}
@media (min-width: 1024px) {
  .block.block-posts-preview .block__posts {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }
  .block.block-posts-preview .block__posts .post:nth-child(1) {
    grid-area: 1/1/3/3;
  }
  .block.block-posts-preview .block__posts .post:nth-child(1) .post__overlay {
    background: linear-gradient(45deg, rgba(0, 44, 95, 0.8) 0%, rgba(61, 150, 214, 0.8) 100%);
  }
  .block.block-posts-preview .block__posts .post:nth-child(2) {
    grid-area: 3/1/4/2;
  }
  .block.block-posts-preview .block__posts .post:nth-child(2) .post__overlay {
    background: linear-gradient(45deg, rgba(0, 44, 95, 0.8) 0%, rgba(0, 44, 95, 0.8) 100%);
  }
  .block.block-posts-preview .block__posts .post:nth-child(3) {
    grid-area: 3/2/4/3;
  }
  .block.block-posts-preview .block__posts .post:nth-child(3) .post__overlay {
    background: linear-gradient(64deg, rgba(0, 44, 95, 0.8) 0%, rgba(0, 119, 200, 0.8) 100%);
  }
  .block.block-posts-preview .block__posts .post:nth-child(4) {
    grid-area: 1/3/2/4;
  }
  .block.block-posts-preview .block__posts .post:nth-child(4) .post__overlay {
    background: linear-gradient(45deg, rgba(0, 119, 200, 0.8) 0%, rgba(152, 198, 234, 0.8) 100%);
  }
  .block.block-posts-preview .block__posts .post:nth-child(5) {
    grid-area: 2/3/4/4;
    aspect-ratio: unset;
  }
  .block.block-posts-preview .block__posts .post:nth-child(5) .post__overlay {
    background: linear-gradient(45deg, rgba(0, 89, 158, 0.8) 0%, rgba(152, 198, 234, 0.8) 100%);
  }
  .block.block-posts-preview.visible-3 .block__posts {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
  }
  .block.block-posts-preview.visible-3 .block__posts .post:nth-child(1) {
    grid-area: 1/1/2/2;
  }
  .block.block-posts-preview.visible-3 .block__posts .post:nth-child(1) .post__overlay {
    background: linear-gradient(90deg, rgba(0, 44, 95, 0.8) 0%, rgba(0, 44, 95, 0.8) 100%);
  }
  .block.block-posts-preview.visible-3 .block__posts .post:nth-child(2) {
    grid-area: 1/2/2/3;
  }
  .block.block-posts-preview.visible-3 .block__posts .post:nth-child(2) .post__overlay {
    background: linear-gradient(90deg, rgba(0, 44, 95, 0.8) 0%, rgba(0, 119, 200, 0.8) 100%);
  }
  .block.block-posts-preview.visible-3 .block__posts .post:nth-child(3) {
    grid-area: 1/3/2/4;
    display: block;
  }
  .block.block-posts-preview.visible-3 .block__posts .post:nth-child(3) .post__overlay {
    background: linear-gradient(90deg, rgba(0, 119, 200, 0.8) 0%, rgba(152, 198, 234, 0.8) 100%);
  }
  .block.block-posts-preview.visible-3 .block__posts .post:nth-child(4),
  .block.block-posts-preview.visible-3 .block__posts .post:nth-child(5) {
    display: none;
  }
}
.block.block-products .block-header + .block-content {
  margin-top: 40px;
}
@media only screen and (min-width: 375px) {
  .block.block-products .block-header + .block-content {
    margin-top: calc(40px + 40 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-products .block-header + .block-content {
    margin-top: 80px;
  }
}
.block.block-products .products {
  display: flex;
  flex-flow: row wrap;
}
.block.block-products .products .product {
  position: relative;
  width: 100%;
  outline: 2px solid var(--color-grey-light);
  outline-offset: -1px;
  background-color: var(--color-white);
}
.block.block-products .products .product {
  padding-bottom: 32px;
}
@media only screen and (min-width: 375px) {
  .block.block-products .products .product {
    padding-bottom: calc(32px + 8 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-products .products .product {
    padding-bottom: 40px;
  }
}
.block.block-products .products .product__image {
  width: 100%;
}
.block.block-products .products .product__image {
  padding: 32px;
}
@media only screen and (min-width: 375px) {
  .block.block-products .products .product__image {
    padding: calc(32px + 8 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-products .products .product__image {
    padding: 40px;
  }
}
.block.block-products .products .product__image figure {
  width: 100%;
  aspect-ratio: 1;
}
.block.block-products .products .product__image img {
  display: block;
  margin: 0 auto;
  height: 100%;
  width: auto;
  object-fit: contain;
  transition: transform 0.2s ease;
}
.block.block-products .products .product__title {
  font-family: var(--font-headline);
  color: var(--color-blue-light);
  font-weight: 400;
}
.block.block-products .products .product__title {
  font-size: 18px;
}
@media only screen and (min-width: 375px) {
  .block.block-products .products .product__title {
    font-size: calc(18px + 7 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-products .products .product__title {
    font-size: 25px;
  }
}
.block.block-products .products .product__title {
  padding-right: 32px;
  padding-left: 32px;
}
@media only screen and (min-width: 375px) {
  .block.block-products .products .product__title {
    padding-right: calc(32px + 8 * (100vw - 375px) / (1920 - 375));
    padding-left: calc(32px + 8 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-products .products .product__title {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.block.block-products .products .product__text {
  padding-right: 32px;
  padding-left: 32px;
}
@media only screen and (min-width: 375px) {
  .block.block-products .products .product__text {
    padding-right: calc(32px + 8 * (100vw - 375px) / (1920 - 375));
    padding-left: calc(32px + 8 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-products .products .product__text {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.block.block-products .products .product__text {
  margin-top: 16px;
}
@media only screen and (min-width: 375px) {
  .block.block-products .products .product__text {
    margin-top: calc(16px + 8 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-products .products .product__text {
    margin-top: 24px;
  }
}
.block.block-products .products .product__text {
  font-size: 16px;
}
@media only screen and (min-width: 375px) {
  .block.block-products .products .product__text {
    font-size: calc(16px + 4 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-products .products .product__text {
    font-size: 20px;
  }
}
.block.block-products .products .product__text ul {
  list-style: none;
}
.block.block-products .products .product__text ul li {
  position: relative;
}
.block.block-products .products .product__text ul li {
  margin-top: 8px;
}
@media only screen and (min-width: 375px) {
  .block.block-products .products .product__text ul li {
    margin-top: calc(8px + 4 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-products .products .product__text ul li {
    margin-top: 12px;
  }
}
.block.block-products .products .product__text ul li {
  padding-left: 16px;
}
@media only screen and (min-width: 375px) {
  .block.block-products .products .product__text ul li {
    padding-left: calc(16px + 8 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-products .products .product__text ul li {
    padding-left: 24px;
  }
}
.block.block-products .products .product__text ul li::before {
  position: absolute;
  left: 0;
  content: "";
  display: inline-block;
  aspect-ratio: 1;
  background-image: url("../img/list-item.svg");
  background-size: contain;
  float: left;
  transform: translateY(-50%);
}
.block.block-products .products .product__text ul li::before {
  top: 10px;
}
@media only screen and (min-width: 375px) {
  .block.block-products .products .product__text ul li::before {
    top: calc(10px + 4 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-products .products .product__text ul li::before {
    top: 14px;
  }
}
.block.block-products .products .product__text ul li::before {
  width: 6px;
}
@media only screen and (min-width: 375px) {
  .block.block-products .products .product__text ul li::before {
    width: calc(6px + 4 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-products .products .product__text ul li::before {
    width: 10px;
  }
}
.block.block-products .products .product__badge {
  position: absolute;
  background-color: var(--color-blue-light);
  color: var(--color-white);
  line-height: 1;
  padding: 8px;
  text-transform: uppercase;
}
.block.block-products .products .product__badge {
  top: 15px;
}
@media only screen and (min-width: 375px) {
  .block.block-products .products .product__badge {
    top: calc(15px + 5 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-products .products .product__badge {
    top: 20px;
  }
}
.block.block-products .products .product__badge {
  right: 15px;
}
@media only screen and (min-width: 375px) {
  .block.block-products .products .product__badge {
    right: calc(15px + 5 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-products .products .product__badge {
    right: 20px;
  }
}
.block.block-products .products .product__badge {
  font-size: 16px;
}
@media only screen and (min-width: 375px) {
  .block.block-products .products .product__badge {
    font-size: calc(16px + 4 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-products .products .product__badge {
    font-size: 20px;
  }
}
.block.block-products .products .product__badge {
  border-radius: 2px;
}
@media only screen and (min-width: 375px) {
  .block.block-products .products .product__badge {
    border-radius: calc(2px + 2 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-products .products .product__badge {
    border-radius: 4px;
  }
}
.block.block-products .products .product:hover {
  color: inherit;
  background: rgb(0, 119, 200);
  background: linear-gradient(225deg, rgb(0, 119, 200) 0%, rgb(0, 60, 100) 100%);
}
.block.block-products .products .product:hover .product__image img {
  transform: scale(1.1);
}
.block.block-products .products .product:hover .product__title {
  color: var(--color-white);
}
.block.block-products .products .product:hover .product__text {
  color: var(--color-white);
}
.block.block-products .products .product:hover .product__badge {
  color: var(--color-blue-light);
  background-color: var(--color-white);
}

@media (min-width: 768px) {
  .block.block-products .products .product {
    width: 50%;
  }
}
@media (min-width: 1280px) {
  .block.block-products .products .product {
    width: 25%;
  }
}
.block.block-product-title {
  padding: 0;
}
.block.block-product-title {
  margin-top: 40px;
}
@media only screen and (min-width: 375px) {
  .block.block-product-title {
    margin-top: calc(40px + 40 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-product-title {
    margin-top: 80px;
  }
}
.block.block-product-title .block-padding {
  padding-left: var(--grid-offset);
  padding-right: var(--grid-offset);
}
.block.block-product-title .block-inner {
  display: flex;
  flex-flow: row wrap;
  margin-left: calc(var(--grid-gutter) / 2 * -1);
  margin-right: calc(var(--grid-gutter) / 2 * -1);
}
.block.block-product-title .block-padding-correction {
  aspect-ratio: 2/1;
  margin: 0 var(--grid-offset);
}
.block.block-product-title .block-padding-correction {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block.block-product-title .block-padding-correction {
  margin-top: 48px;
}
@media only screen and (min-width: 375px) {
  .block.block-product-title .block-padding-correction {
    margin-top: calc(48px + 48 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-product-title .block-padding-correction {
    margin-top: 96px;
  }
}
.block.block-product-title .block-content {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block.block-product-title .block-content .overline {
  color: var(--color-grey-dark);
}
.block.block-product-title .block-content .headline {
  color: var(--color-blue-dark);
}
.block.block-product-title .block-content .button {
  margin-bottom: 24px;
}
@media only screen and (min-width: 375px) {
  .block.block-product-title .block-content .button {
    margin-bottom: calc(24px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-product-title .block-content .button {
    margin-bottom: 48px;
  }
}
.block.block-product-title .block-media {
  left: 0;
  position: absolute;
  transform: translateY(-50%);
  aspect-ratio: 1;
}
.block.block-product-title .block-media {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block.block-product-title .block-media .toggle {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  display: flex;
  cursor: pointer;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  color: var(--color-blue-dark);
  font-size: 16px;
  padding: 12px 20px;
  border-radius: 4px;
  border: 1px solid var(--color-blue-dark);
}
.block.block-product-title .block-media .toggle .icon {
  font-size: 32px;
  margin-left: 20px;
}
.block.block-product-title .block-media .toggle .text-2d {
  display: none;
}
.block.block-product-title .block-media .toggle .text-3d {
  display: block;
}
.block.block-product-title .block-media .toggle.active .text-2d {
  display: block;
}
.block.block-product-title .block-media .toggle.active .text-3d {
  display: none;
}
.block.block-product-title .block-media .image {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.block.block-product-title .block-media .canvas {
  width: 100%;
  aspect-ratio: 1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.block.block-product-title .block-media .canvas canvas {
  object-fit: cover;
  aspect-ratio: 1;
  height: 100%;
  width: 100%;
  outline: 0;
  opacity: 1;
  cursor: pointer;
}
.block.block-product-title .block-media .canvas.active canvas {
  opacity: 1;
}
.block.block-product-title .block-icons {
  background-color: var(--color-grey-light);
  color: var(--color-black);
}
.block.block-product-title .block-icons .content-wrapper {
  padding-top: 48px;
  padding-bottom: 48px;
}
@media only screen and (min-width: 375px) {
  .block.block-product-title .block-icons .content-wrapper {
    padding-top: calc(48px + 48 * (100vw - 375px) / (1920 - 375));
    padding-bottom: calc(48px + 48 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-product-title .block-icons .content-wrapper {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}
.block.block-product-title .block-icons .content-wrapper {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block.block-product-title .block-icons .content-wrapper .icons {
  display: flex;
  flex-flow: row wrap;
  margin-left: calc(var(--grid-gutter) / 2 * -1);
  margin-right: calc(var(--grid-gutter) / 2 * -1);
}
.block.block-product-title .block-icons .content-wrapper .icons .icon {
  text-align: center;
}
.block.block-product-title .block-icons .content-wrapper .icons .icon {
  margin-top: 48px;
}
@media only screen and (min-width: 375px) {
  .block.block-product-title .block-icons .content-wrapper .icons .icon {
    margin-top: calc(48px + 48 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-product-title .block-icons .content-wrapper .icons .icon {
    margin-top: 96px;
  }
}
.block.block-product-title .block-icons .content-wrapper .icons .icon {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 2 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block.block-product-title .block-icons .content-wrapper .icons .icon:nth-child(1) {
  margin-top: 0;
}
.block.block-product-title .block-icons .content-wrapper .icons .icon:nth-child(2) {
  margin-top: 0;
}
.block.block-product-title .block-icons .content-wrapper .icons .icon i {
  width: 100%;
}
.block.block-product-title .block-icons .content-wrapper .icons .icon i {
  font-size: 32px;
}
@media only screen and (min-width: 375px) {
  .block.block-product-title .block-icons .content-wrapper .icons .icon i {
    font-size: calc(32px + 32 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-product-title .block-icons .content-wrapper .icons .icon i {
    font-size: 64px;
  }
}
.block.block-product-title .block-icons .content-wrapper .icons .icon span {
  margin-top: 16px;
  display: block;
  font-weight: 400;
  font-family: var(--font-headline);
}
.block.block-product-title .block-icons .content-wrapper .icons .icon span {
  font-size: 18px;
}
@media only screen and (min-width: 375px) {
  .block.block-product-title .block-icons .content-wrapper .icons .icon span {
    font-size: calc(18px + 7 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-product-title .block-icons .content-wrapper .icons .icon span {
    font-size: 25px;
  }
}
.block.block-product-title .block-icons .block-width {
  position: relative;
}
.block.block-product-title .block-icons .block-padding-correction:first-child {
  margin-top: 0;
}
.block.block-product-title .block-icons .block-padding-correction:last-child {
  display: none;
}

@media (min-width: 768px) {
  .block.block-product-title .block-inner {
    flex-flow: nowrap;
  }
  .block.block-product-title .block-padding-correction {
    margin-top: 0;
  }
  .block.block-product-title .block-padding-correction {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 7 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-product-title .block-icons .content-wrapper, .block.block-product-title .block-quote .content-wrapper {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 8 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-product-title .block-icons .content-wrapper .icons, .block.block-product-title .block-quote .content-wrapper .icons {
    justify-content: center;
  }
  .block.block-product-title .block-icons .content-wrapper .icons, .block.block-product-title .block-quote .content-wrapper .icons {
    display: flex;
    flex-flow: row wrap;
    margin-left: calc(var(--grid-gutter) / 2 * -1);
    margin-right: calc(var(--grid-gutter) / 2 * -1);
  }
  .block.block-product-title .block-icons .content-wrapper .icons .icon, .block.block-product-title .block-quote .content-wrapper .icons .icon {
    margin-top: 48px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 375px) {
  .block.block-product-title .block-icons .content-wrapper .icons .icon, .block.block-product-title .block-quote .content-wrapper .icons .icon {
    margin-top: calc(48px + 48 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .block.block-product-title .block-icons .content-wrapper .icons .icon, .block.block-product-title .block-quote .content-wrapper .icons .icon {
    margin-top: 96px;
  }
}
@media (min-width: 768px) {
  .block.block-product-title .block-icons .content-wrapper .icons .icon, .block.block-product-title .block-quote .content-wrapper .icons .icon {
    width: 1px;
    min-width: calc(100% / 8 * 4 - var(--grid-gutter));
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 0 + var(--grid-gutter) / 2);
  }
  .block.block-product-title .block-icons .block-padding-correction:first-child, .block.block-product-title .block-quote .block-padding-correction:first-child {
    display: none;
  }
  .block.block-product-title .block-icons .block-padding-correction:last-child, .block.block-product-title .block-quote .block-padding-correction:last-child {
    display: block;
  }
  .block.block-product-title .block-content {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 7 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-product-title .block-media {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 7 + var(--grid-gutter) / 2);
  }
}
@media (min-width: 1280px) {
  .block.block-product-title .block-padding-correction {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-product-title .block-icons .content-wrapper, .block.block-product-title .block-quote .content-wrapper {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-product-title .block-content {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-product-title .block-media {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 6 + var(--grid-gutter) / 2);
  }
}
.main__breadcrumb + .block.block-product-title {
  margin-top: 20px;
}
@media only screen and (min-width: 375px) {
  .main__breadcrumb + .block.block-product-title {
    margin-top: calc(20px + 40 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .main__breadcrumb + .block.block-product-title {
    margin-top: 60px;
  }
}

#babylonjsLoadingDiv {
  display: none !important;
}

.block-product-attributes .block-inner {
  display: flex;
  flex-flow: row wrap;
  margin-left: calc(var(--grid-gutter) / 2 * -1);
  margin-right: calc(var(--grid-gutter) / 2 * -1);
}
.block-product-attributes .block-media,
.block-product-attributes .block-content {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block-product-attributes .block-media {
  margin-top: 30px;
}
@media only screen and (min-width: 375px) {
  .block-product-attributes .block-media {
    margin-top: calc(30px + 20 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-product-attributes .block-media {
    margin-top: 50px;
  }
}
.block-product-attributes .text ul li {
  position: relative;
  margin-top: 0;
  border-bottom: 1px solid #D5D6D2;
}
.block-product-attributes .text ul li {
  padding-top: 8px;
  padding-bottom: 8px;
}
@media only screen and (min-width: 375px) {
  .block-product-attributes .text ul li {
    padding-top: calc(8px + 8 * (100vw - 375px) / (1920 - 375));
    padding-bottom: calc(8px + 8 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-product-attributes .text ul li {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.block-product-attributes .text ul li {
  padding-left: 20px;
}
@media only screen and (min-width: 375px) {
  .block-product-attributes .text ul li {
    padding-left: calc(20px + 28 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-product-attributes .text ul li {
    padding-left: 48px;
  }
}
.block-product-attributes .text ul li:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

@media (min-width: 768px) {
  .block-product-attributes .block-media,
  .block-product-attributes .block-content {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
}
@media (min-width: 1024px) {
  .block-product-attributes .block-break {
    display: block;
  }
  .block-product-attributes .block-media,
  .block-product-attributes .block-content {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block-product-attributes .block-media {
    margin-top: 0;
    order: 1;
  }
  .block-product-attributes .block-content {
    order: 2;
  }
  .block-product-attributes .block-content {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 375px) {
  .block-product-attributes .block-content {
    padding-left: calc(30px + 30 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1920px) {
  .block-product-attributes .block-content {
    padding-left: 60px;
  }
}
.block-product-features {
  padding: 0;
}
.block-product-features {
  padding-left: var(--grid-offset);
  padding-right: var(--grid-offset);
}
.block-product-features .block-padding-correction {
  width: calc(100% - var(--grid-offset) * 2);
  aspect-ratio: 2/1;
  margin: 0 var(--grid-offset);
}
.block-product-features .block-padding-correction {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block-product-features .block-padding-correction:first-child {
  display: none;
}
.block-product-features .block-quote {
  position: relative;
}
.block-product-features .block-quote > .background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #f3f3f3;
}
.block-product-features .block-quote > .background {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(100% / var(--grid-columns) * -1 + var(--grid-gutter) / 2);
}
.block-product-features .block-quote .quote-inner {
  position: relative;
}
.block-product-features .block-quote .quote-inner {
  display: flex;
  flex-flow: row wrap;
  margin-left: calc(var(--grid-gutter) / 2 * -1);
  margin-right: calc(var(--grid-gutter) / 2 * -1);
}
.block-product-features .block-quote .quote-image {
  position: relative;
  width: 100%;
}
.block-product-features .block-quote .hotspots {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.block-product-features .block-quote .hotspots .hotspot {
  width: 100%;
  position: absolute;
}
.block-product-features .block-quote .hotspots .hotspot .hotspot__inner {
  position: relative;
}
.block-product-features .block-quote .hotspots .hotspot .marker-outer {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  transform: translateX(-50%) translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.block-product-features .block-quote .hotspots .hotspot .marker-outer {
  width: 32px;
}
@media only screen and (min-width: 375px) {
  .block-product-features .block-quote .hotspots .hotspot .marker-outer {
    width: calc(32px + 12 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-product-features .block-quote .hotspots .hotspot .marker-outer {
    width: 44px;
  }
}
.block-product-features .block-quote .hotspots .hotspot .marker-outer {
  height: 32px;
}
@media only screen and (min-width: 375px) {
  .block-product-features .block-quote .hotspots .hotspot .marker-outer {
    height: calc(32px + 12 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-product-features .block-quote .hotspots .hotspot .marker-outer {
    height: 44px;
  }
}
@media (min-width: 1024px) {
  .block-product-features .block-quote .hotspots .hotspot .marker-outer {
    width: 20px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 375px) {
  .block-product-features .block-quote .hotspots .hotspot .marker-outer {
    width: calc(20px + 12 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1920px) {
  .block-product-features .block-quote .hotspots .hotspot .marker-outer {
    width: 32px;
  }
}
@media (min-width: 1024px) {
  .block-product-features .block-quote .hotspots .hotspot .marker-outer {
    height: 20px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 375px) {
  .block-product-features .block-quote .hotspots .hotspot .marker-outer {
    height: calc(20px + 12 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1920px) {
  .block-product-features .block-quote .hotspots .hotspot .marker-outer {
    height: 32px;
  }
}
.block-product-features .block-quote .hotspots .hotspot .marker-inner {
  border-radius: 50%;
  background-color: var(--color-orange);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  align-self: center;
  justify-self: center;
  animation: hotspotpulse 3s cubic-bezier(0.19, 1, 0.22, 1) infinite both;
}
.block-product-features .block-quote .hotspots .hotspot .marker-inner {
  width: 20px;
}
@media only screen and (min-width: 375px) {
  .block-product-features .block-quote .hotspots .hotspot .marker-inner {
    width: calc(20px + 12 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-product-features .block-quote .hotspots .hotspot .marker-inner {
    width: 32px;
  }
}
.block-product-features .block-quote .hotspots .hotspot .marker-inner {
  height: 20px;
}
@media only screen and (min-width: 375px) {
  .block-product-features .block-quote .hotspots .hotspot .marker-inner {
    height: calc(20px + 12 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-product-features .block-quote .hotspots .hotspot .marker-inner {
    height: 32px;
  }
}
.block-product-features .block-quote .hotspots .hotspot__content {
  position: absolute;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.2s linear 0s, z-index 0.2s linear 0s;
  background: var(--color-white);
  border-radius: 5px;
  padding: 8px 8px;
  border: 1px solid #E6E6E6;
  transform: translateX(-50%);
  display: inline;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
.block-product-features .block-quote .hotspots .hotspot__content {
  top: 20px;
}
@media only screen and (min-width: 375px) {
  .block-product-features .block-quote .hotspots .hotspot__content {
    top: calc(20px + 20 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-product-features .block-quote .hotspots .hotspot__content {
    top: 40px;
  }
}
.block-product-features .block-quote .hotspots .hotspot__content .hotspot__description {
  display: block;
  font-size: 16px;
}
.block-product-features .block-quote .hotspots .hotspot__content .hotspot__video {
  margin-top: 8px;
}
.block-product-features .block-quote .hotspots .hotspot__content .hotspot__video iframe {
  width: 100%;
  aspect-ratio: 16/9;
}
.block-product-features .block-quote .hotspots .hotspot__content .hotspot__video iframe {
  min-width: 360px;
}
@media only screen and (min-width: 375px) {
  .block-product-features .block-quote .hotspots .hotspot__content .hotspot__video iframe {
    min-width: calc(360px + 120 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-product-features .block-quote .hotspots .hotspot__content .hotspot__video iframe {
    min-width: 480px;
  }
}
.block-product-features .block-quote .hotspots .hotspot.active .hotspot__content {
  opacity: 1;
  z-index: 1;
  transition: opacity 0.32s linear 0s, z-index 0s linear 0s;
}
.block-product-features .block-quote .headline {
  color: var(--color-blue-light);
  font-family: var(--font-headline);
  font-weight: 400;
}
.block-product-features .block-quote .headline {
  padding-top: 32px;
  padding-bottom: 32px;
}
@media only screen and (min-width: 375px) {
  .block-product-features .block-quote .headline {
    padding-top: calc(32px + 64 * (100vw - 375px) / (1920 - 375));
    padding-bottom: calc(32px + 64 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-product-features .block-quote .headline {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}
.block-product-features .block-quote .headline {
  font-size: 24px;
}
@media only screen and (min-width: 375px) {
  .block-product-features .block-quote .headline {
    font-size: calc(24px + 16 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-product-features .block-quote .headline {
    font-size: 40px;
  }
}
.block-product-features .block-quote .headline {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block-product-features .block-content {
  padding-left: var(--grid-offset);
  padding-right: var(--grid-offset);
}
.block-product-features .block-content .block-content-inner {
  display: flex;
  flex-flow: row wrap;
  margin-left: calc(var(--grid-gutter) / 2 * -1);
  margin-right: calc(var(--grid-gutter) / 2 * -1);
}
.block-product-features .block-content .block-content-inner .text, .block-product-features .block-content .block-content-inner .button {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}

@media (max-width: 767.98px) {
  .block-product-features .block-quote .hotspots .hotspot__description {
    left: 0 !important;
  }
}
@media (min-width: 768px) {
  .block-product-features .block-padding-correction {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 8 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 2 + var(--grid-gutter) / 2);
  }
  .block-product-features .block-quote > .background {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 32 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * -10 + var(--grid-gutter) / 2);
  }
  .block-product-features .block-quote .quote-image {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 8 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 2 + var(--grid-gutter) / 2);
  }
  .block-product-features .block-quote .headline {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 8 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 2 + var(--grid-gutter) / 2);
  }
  .block-product-features .block-quote .hotspots .hotspot__description {
    width: auto;
    display: inline-block;
  }
  .block-product-features .block-quote .hotspots .hotspot__description span {
    display: inline-block;
  }
}
@media (min-width: 1280px) {
  .block-product-features .block-padding-correction {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 4.2 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block-product-features .block-padding-correction:first-child {
    display: flex;
  }
  .block-product-features .block-quote > .background {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 20 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * -10 + var(--grid-gutter) / 2);
  }
  .block-product-features .block-quote .block-padding-correction {
    display: none;
  }
  .block-product-features .block-quote .quote-image {
    position: absolute;
    top: 50%;
  }
  .block-product-features .block-quote .quote-image {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 6 + var(--grid-gutter) / 2);
  }
  .block-product-features .block-quote .quote-image .image-inner {
    position: relative;
    transform: translateY(-50%);
  }
  .block-product-features .block-quote .headline {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
}
@keyframes hotspotpulse {
  0% {
    box-shadow: 0 0 0 0 var(--color-orange);
  }
  50% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
  0% {
    box-shadow: 0 0 0 0 var(--color-orange);
  }
  50% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}
.block.block-page-title {
  padding: 0;
}
.block.block-page-title {
  margin-top: 40px;
}
@media only screen and (min-width: 375px) {
  .block.block-page-title {
    margin-top: calc(40px + 40 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-page-title {
    margin-top: 80px;
  }
}
.block.block-page-title .block-padding {
  padding-left: var(--grid-offset);
  padding-right: var(--grid-offset);
}
.block.block-page-title .block-inner {
  display: flex;
  flex-flow: row wrap;
  margin-left: calc(var(--grid-gutter) / 2 * -1);
  margin-right: calc(var(--grid-gutter) / 2 * -1);
}
.block.block-page-title .block-padding-correction {
  aspect-ratio: 2/1;
  margin: 0 var(--grid-offset);
}
.block.block-page-title .block-padding-correction {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block.block-page-title .block-padding-correction {
  margin-top: 48px;
}
@media only screen and (min-width: 375px) {
  .block.block-page-title .block-padding-correction {
    margin-top: calc(48px + 48 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-page-title .block-padding-correction {
    margin-top: 96px;
  }
}
.block.block-page-title .block-content {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block.block-page-title .block-content .overline {
  color: var(--color-grey-dark);
}
.block.block-page-title .block-content .headline {
  color: var(--color-blue-dark);
}
.block.block-page-title .block-content .button {
  margin-bottom: 24px;
}
@media only screen and (min-width: 375px) {
  .block.block-page-title .block-content .button {
    margin-bottom: calc(24px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-page-title .block-content .button {
    margin-bottom: 48px;
  }
}
.block.block-page-title .block-image {
  left: 0;
  position: absolute;
  aspect-ratio: 2/1;
}
.block.block-page-title .block-image {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block.block-page-title .block-image .image-shape {
  margin-top: -50%;
}
.block.block-page-title .block-icons, .block.block-page-title .block-quote {
  background-color: var(--color-blue-light);
  color: var(--color-white);
}
.block.block-page-title .block-icons .content-wrapper, .block.block-page-title .block-quote .content-wrapper {
  padding-top: 48px;
  padding-bottom: 48px;
}
@media only screen and (min-width: 375px) {
  .block.block-page-title .block-icons .content-wrapper, .block.block-page-title .block-quote .content-wrapper {
    padding-top: calc(48px + 48 * (100vw - 375px) / (1920 - 375));
    padding-bottom: calc(48px + 48 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-page-title .block-icons .content-wrapper, .block.block-page-title .block-quote .content-wrapper {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}
.block.block-page-title .block-icons .content-wrapper, .block.block-page-title .block-quote .content-wrapper {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block.block-page-title .block-icons .content-wrapper .icons, .block.block-page-title .block-quote .content-wrapper .icons {
  display: flex;
  flex-flow: row wrap;
  margin-left: calc(var(--grid-gutter) / 2 * -1);
  margin-right: calc(var(--grid-gutter) / 2 * -1);
}
.block.block-page-title .block-icons .content-wrapper .icons .icon, .block.block-page-title .block-quote .content-wrapper .icons .icon {
  text-align: center;
}
.block.block-page-title .block-icons .content-wrapper .icons .icon, .block.block-page-title .block-quote .content-wrapper .icons .icon {
  margin-top: 48px;
}
@media only screen and (min-width: 375px) {
  .block.block-page-title .block-icons .content-wrapper .icons .icon, .block.block-page-title .block-quote .content-wrapper .icons .icon {
    margin-top: calc(48px + 48 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-page-title .block-icons .content-wrapper .icons .icon, .block.block-page-title .block-quote .content-wrapper .icons .icon {
    margin-top: 96px;
  }
}
.block.block-page-title .block-icons .content-wrapper .icons .icon, .block.block-page-title .block-quote .content-wrapper .icons .icon {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 2 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block.block-page-title .block-icons .content-wrapper .icons .icon:nth-child(1), .block.block-page-title .block-quote .content-wrapper .icons .icon:nth-child(1) {
  margin-top: 0;
}
.block.block-page-title .block-icons .content-wrapper .icons .icon:nth-child(2), .block.block-page-title .block-quote .content-wrapper .icons .icon:nth-child(2) {
  margin-top: 0;
}
.block.block-page-title .block-icons .content-wrapper .icons .icon i, .block.block-page-title .block-quote .content-wrapper .icons .icon i {
  width: 100%;
}
.block.block-page-title .block-icons .content-wrapper .icons .icon i, .block.block-page-title .block-quote .content-wrapper .icons .icon i {
  font-size: 32px;
}
@media only screen and (min-width: 375px) {
  .block.block-page-title .block-icons .content-wrapper .icons .icon i, .block.block-page-title .block-quote .content-wrapper .icons .icon i {
    font-size: calc(32px + 32 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-page-title .block-icons .content-wrapper .icons .icon i, .block.block-page-title .block-quote .content-wrapper .icons .icon i {
    font-size: 64px;
  }
}
.block.block-page-title .block-icons .content-wrapper .icons .icon span, .block.block-page-title .block-quote .content-wrapper .icons .icon span {
  margin-top: 16px;
  display: block;
  font-weight: 400;
  font-family: var(--font-headline);
}
.block.block-page-title .block-icons .content-wrapper .icons .icon span, .block.block-page-title .block-quote .content-wrapper .icons .icon span {
  font-size: 18px;
}
@media only screen and (min-width: 375px) {
  .block.block-page-title .block-icons .content-wrapper .icons .icon span, .block.block-page-title .block-quote .content-wrapper .icons .icon span {
    font-size: calc(18px + 7 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-page-title .block-icons .content-wrapper .icons .icon span, .block.block-page-title .block-quote .content-wrapper .icons .icon span {
    font-size: 25px;
  }
}
.block.block-page-title .block-icons .content-wrapper .quote, .block.block-page-title .block-quote .content-wrapper .quote {
  position: relative;
  color: var(--color-white);
  font-family: var(--font-headline);
  font-weight: 400;
}
.block.block-page-title .block-icons .content-wrapper .quote, .block.block-page-title .block-quote .content-wrapper .quote {
  font-size: 25px;
}
@media only screen and (min-width: 375px) {
  .block.block-page-title .block-icons .content-wrapper .quote, .block.block-page-title .block-quote .content-wrapper .quote {
    font-size: calc(25px + 25 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-page-title .block-icons .content-wrapper .quote, .block.block-page-title .block-quote .content-wrapper .quote {
    font-size: 50px;
  }
}
.block.block-page-title .block-icons .content-wrapper .quote .icon, .block.block-page-title .block-quote .content-wrapper .quote .icon {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.1;
  transform: translate(-24%, -48%);
}
.block.block-page-title .block-icons .content-wrapper .quote .icon, .block.block-page-title .block-quote .content-wrapper .quote .icon {
  font-size: 48px;
}
@media only screen and (min-width: 375px) {
  .block.block-page-title .block-icons .content-wrapper .quote .icon, .block.block-page-title .block-quote .content-wrapper .quote .icon {
    font-size: calc(48px + 64 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-page-title .block-icons .content-wrapper .quote .icon, .block.block-page-title .block-quote .content-wrapper .quote .icon {
    font-size: 112px;
  }
}
.block.block-page-title .block-icons .block-width, .block.block-page-title .block-quote .block-width {
  position: relative;
}
.block.block-page-title .block-icons .block-padding-correction:first-child, .block.block-page-title .block-quote .block-padding-correction:first-child {
  margin-top: 0;
}
.block.block-page-title .block-icons .block-padding-correction:last-child, .block.block-page-title .block-quote .block-padding-correction:last-child {
  display: none;
}
.block.block-page-title.style-1 .text {
  display: none;
}
.block.block-page-title.style-1 .block-quote {
  display: none;
}
.block.block-page-title.style-1 .block-icons {
  display: none;
}
.block.block-page-title.style-1 .block-padding-correction {
  display: none;
}
.block.block-page-title.style-2 .block-quote {
  display: none;
}
.block.block-page-title.style-3 .block-icons {
  display: none;
}

@media (min-width: 768px) {
  .block.block-page-title .block-inner {
    flex-flow: nowrap;
  }
  .block.block-page-title .block-padding-correction {
    aspect-ratio: 2/1;
    margin-top: 0;
  }
  .block.block-page-title .block-padding-correction {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 7 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-page-title .block-icons .content-wrapper, .block.block-page-title .block-quote .content-wrapper {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 8 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-page-title .block-icons .content-wrapper .icons, .block.block-page-title .block-quote .content-wrapper .icons {
    justify-content: center;
  }
  .block.block-page-title .block-icons .content-wrapper .icons, .block.block-page-title .block-quote .content-wrapper .icons {
    display: flex;
    flex-flow: row wrap;
    margin-left: calc(var(--grid-gutter) / 2 * -1);
    margin-right: calc(var(--grid-gutter) / 2 * -1);
  }
  .block.block-page-title .block-icons .content-wrapper .icons .icon, .block.block-page-title .block-quote .content-wrapper .icons .icon {
    margin-top: 48px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 375px) {
  .block.block-page-title .block-icons .content-wrapper .icons .icon, .block.block-page-title .block-quote .content-wrapper .icons .icon {
    margin-top: calc(48px + 48 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .block.block-page-title .block-icons .content-wrapper .icons .icon, .block.block-page-title .block-quote .content-wrapper .icons .icon {
    margin-top: 96px;
  }
}
@media (min-width: 768px) {
  .block.block-page-title .block-icons .content-wrapper .icons .icon, .block.block-page-title .block-quote .content-wrapper .icons .icon {
    width: 1px;
    min-width: calc(100% / 8 * 4 - var(--grid-gutter));
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 0 + var(--grid-gutter) / 2);
  }
  .block.block-page-title .block-icons .block-padding-correction:first-child, .block.block-page-title .block-quote .block-padding-correction:first-child {
    display: none;
  }
  .block.block-page-title .block-icons .block-padding-correction:last-child, .block.block-page-title .block-quote .block-padding-correction:last-child {
    display: block;
  }
  .block.block-page-title.style-1 .block-content {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-page-title.style-2 .block-content, .block.block-page-title.style-3 .block-content {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 7 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-page-title.style-2 .block-image, .block.block-page-title.style-3 .block-image {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 7 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 7 + var(--grid-gutter) / 2);
  }
}
@media (min-width: 1024px) {
  .block.block-page-title .block-padding-correction {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 8 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-page-title .block-icons .content-wrapper, .block.block-page-title .block-quote .content-wrapper {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-page-title.style-2 .block-content, .block.block-page-title.style-3 .block-content {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-page-title.style-2 .block-image, .block.block-page-title.style-3 .block-image {
    aspect-ratio: 2/1;
  }
  .block.block-page-title.style-2 .block-image, .block.block-page-title.style-3 .block-image {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 8 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 6 + var(--grid-gutter) / 2);
  }
}
@media (min-width: 1280px) {
  .block.block-page-title .block-padding-correction {
    aspect-ratio: 2/1;
  }
  .block.block-page-title .block-padding-correction {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 8 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-page-title.style-2 .block-content, .block.block-page-title.style-3 .block-content {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-page-title.style-2 .block-image, .block.block-page-title.style-3 .block-image {
    aspect-ratio: 2/1;
  }
  .block.block-page-title.style-2 .block-image, .block.block-page-title.style-3 .block-image {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 8 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 6 + var(--grid-gutter) / 2);
  }
}
.main__breadcrumb + .block.block-page-title {
  margin-top: 20px;
}
@media only screen and (min-width: 375px) {
  .main__breadcrumb + .block.block-page-title {
    margin-top: calc(20px + 40 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .main__breadcrumb + .block.block-page-title {
    margin-top: 60px;
  }
}

.block-product-categories .block-header + .block-content {
  margin-top: 40px;
}
@media only screen and (min-width: 375px) {
  .block-product-categories .block-header + .block-content {
    margin-top: calc(40px + 40 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-product-categories .block-header + .block-content {
    margin-top: 80px;
  }
}
.block-product-categories .block-categories {
  display: flex;
  flex-flow: row wrap;
}
.block-product-categories .block-categories .categories-header {
  width: 100%;
}
.block-product-categories .block-categories .category {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  aspect-ratio: 440/495;
  background-color: var(--color-grey-light);
  outline: 2px solid var(--color-grey-border);
  outline-offset: -1px;
}
.block-product-categories .block-categories .category__image {
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
}
.block-product-categories .block-categories .category__image {
  padding: 16px;
}
@media only screen and (min-width: 375px) {
  .block-product-categories .block-categories .category__image {
    padding: calc(16px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-product-categories .block-categories .category__image {
    padding: 40px;
  }
}
.block-product-categories .block-categories .category__image img {
  display: block;
  margin: 0 auto;
  height: 100%;
  width: 100%;
  object-fit: contain;
  transition: transform 0.2s ease;
}
.block-product-categories .block-categories .category__title {
  width: 100%;
  font-family: var(--font-headline);
  color: var(--color-black);
  font-weight: 400;
}
.block-product-categories .block-categories .category__title {
  font-size: 15px;
}
@media only screen and (min-width: 375px) {
  .block-product-categories .block-categories .category__title {
    font-size: calc(15px + 10 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-product-categories .block-categories .category__title {
    font-size: 25px;
  }
}
.block-product-categories .block-categories .category__title {
  padding-right: 16px;
  padding-left: 16px;
}
@media only screen and (min-width: 375px) {
  .block-product-categories .block-categories .category__title {
    padding-right: calc(16px + 24 * (100vw - 375px) / (1920 - 375));
    padding-left: calc(16px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-product-categories .block-categories .category__title {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.block-product-categories .block-categories .category__title {
  margin-bottom: 16px;
}
@media only screen and (min-width: 375px) {
  .block-product-categories .block-categories .category__title {
    margin-bottom: calc(16px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-product-categories .block-categories .category__title {
    margin-bottom: 40px;
  }
}
.block-product-categories .block-categories .category:hover {
  background: var(--color-white);
}
.block-product-categories .block-categories .category:hover .category__image img {
  transform: scale(1.1);
}
.block-product-categories .block-categories .category:hover .category__title {
  color: var(--color-blue-light);
}

@media (min-width: 768px) {
  .block-product-categories .block-categories .categories-header {
    width: 100%;
  }
  .block-product-categories .block-categories .category {
    width: 33.333%;
  }
  .block-product-categories .block-categories .category:nth-of-type(1), .block-product-categories .block-categories .category:nth-of-type(2), .block-product-categories .block-categories .category:nth-of-type(3) {
    margin-top: 32px;
  }
}
@media (min-width: 1280px) {
  .block-product-categories .block-categories .categories-header {
    width: 50%;
  }
  .block-product-categories .block-categories .categories-header {
    padding-right: 48px;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 375px) {
  .block-product-categories .block-categories .categories-header {
    padding-right: calc(48px + 48 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1920px) {
  .block-product-categories .block-categories .categories-header {
    padding-right: 96px;
  }
}
@media (min-width: 1280px) {
  .block-product-categories .block-categories .category {
    width: 25%;
  }
  .block-product-categories .block-categories .category:nth-of-type(1), .block-product-categories .block-categories .category:nth-of-type(2), .block-product-categories .block-categories .category:nth-of-type(3) {
    margin-top: 0;
  }
}
.block.block-contact-person .block-header {
  text-align: center;
}
.block.block-contact-person .block-inner {
  display: flex;
  flex-flow: row wrap;
  margin-left: calc(var(--grid-gutter) / 2 * -1);
  margin-right: calc(var(--grid-gutter) / 2 * -1);
}
.block.block-contact-person .block__contact {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block.block-contact-person .block__contact .block__head {
  color: var(--color-blue-dark);
  text-align: center;
}
.block.block-contact-person .block__contact .block__head {
  margin-top: 32px;
}
@media only screen and (min-width: 375px) {
  .block.block-contact-person .block__contact .block__head {
    margin-top: calc(32px + 18 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-contact-person .block__contact .block__head {
    margin-top: 50px;
  }
}
.block.block-contact-person .block__contact .block__person {
  color: var(--color-blue-dark);
}
.block.block-contact-person .block__contact .block__person {
  margin-top: 32px;
}
@media only screen and (min-width: 375px) {
  .block.block-contact-person .block__contact .block__person {
    margin-top: calc(32px + 32 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-contact-person .block__contact .block__person {
    margin-top: 64px;
  }
}
.block.block-contact-person .block__contact .block__person {
  display: flex;
  flex-flow: row wrap;
  margin-left: calc(var(--grid-gutter) / 2 * -1);
  margin-right: calc(var(--grid-gutter) / 2 * -1);
}
.block.block-contact-person .block__contact .block__person .contact__media {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 2 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(100% / var(--grid-columns) * 1 + var(--grid-gutter) / 2);
}
.block.block-contact-person .block__contact .block__person .contact__media .contact__image {
  position: relative;
  aspect-ratio: 1;
}
.block.block-contact-person .block__contact .block__person .contact__content {
  text-align: center;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.block.block-contact-person .block__contact .block__person .contact__content {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(100% / var(--grid-columns) * 0 + var(--grid-gutter) / 2);
}
.block.block-contact-person .block__contact .block__person .contact__content {
  margin-top: 20px;
}
@media only screen and (min-width: 375px) {
  .block.block-contact-person .block__contact .block__person .contact__content {
    margin-top: calc(20px + 20 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-contact-person .block__contact .block__person .contact__content {
    margin-top: 40px;
  }
}
.block.block-contact-person .block__contact .block__person .contact__name {
  font-family: var(--font-headline);
  font-weight: 400;
}
.block.block-contact-person .block__contact .block__person .contact__name {
  font-size: 18px;
}
@media only screen and (min-width: 375px) {
  .block.block-contact-person .block__contact .block__person .contact__name {
    font-size: calc(18px + 7 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-contact-person .block__contact .block__person .contact__name {
    font-size: 25px;
  }
}
.block.block-contact-person .block__contact .block__person .contact__description {
  margin-top: 16px;
}
@media only screen and (min-width: 375px) {
  .block.block-contact-person .block__contact .block__person .contact__description {
    margin-top: calc(16px + 10 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-contact-person .block__contact .block__person .contact__description {
    margin-top: 26px;
  }
}
.block.block-contact-person .block__contact .block__person .contact__contact {
  margin-top: 16px;
}
@media only screen and (min-width: 375px) {
  .block.block-contact-person .block__contact .block__person .contact__contact {
    margin-top: calc(16px + 10 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-contact-person .block__contact .block__person .contact__contact {
    margin-top: 26px;
  }
}
.block.block-contact-person .block__contact .block__person .contact__contact .contact {
  margin-top: 4px;
}
@media only screen and (min-width: 375px) {
  .block.block-contact-person .block__contact .block__person .contact__contact .contact {
    margin-top: calc(4px + 4 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-contact-person .block__contact .block__person .contact__contact .contact {
    margin-top: 8px;
  }
}
.block.block-contact-person .block__contact .block__person .contact__contact .contact:first-child {
  margin-top: 0;
}
.block.block-contact-person .block__form {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block.block-contact-person .block__form {
  margin-top: 32px;
}
@media only screen and (min-width: 375px) {
  .block.block-contact-person .block__form {
    margin-top: calc(32px + 32 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-contact-person .block__form {
    margin-top: 64px;
  }
}
.block.block-contact-person.block-type-1 .block__person {
  margin: 0 calc(var(--grid-offset) * -1);
  padding: var(--grid-offset);
  background-color: var(--color-grey-light);
}
.block.block-contact-person.block-type-1 .block__person {
  margin-top: 32px;
}
@media only screen and (min-width: 375px) {
  .block.block-contact-person.block-type-1 .block__person {
    margin-top: calc(32px + 32 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-contact-person.block-type-1 .block__person {
    margin-top: 64px;
  }
}
.block.block-contact-person.block-type-1 .block__form {
  display: none;
}

@media (min-width: 768px) {
  .block.block-contact-person .block__contact {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-contact-person .block__contact .block__head {
    text-align: left;
  }
  .block.block-contact-person .block__contact .block__person .contact__media {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 3 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-contact-person .block__contact .block__person .contact__media {
    padding-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 375px) {
  .block.block-contact-person .block__contact .block__person .contact__media {
    padding-right: calc(20px + 20 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .block.block-contact-person .block__contact .block__person .contact__media {
    padding-right: 40px;
  }
}
@media (min-width: 768px) {
  .block.block-contact-person .block__contact .block__person .contact__content {
    margin-top: 0;
    text-align: left;
  }
  .block.block-contact-person .block__contact .block__person .contact__content {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 5 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-contact-person .block__form {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-contact-person.block-type-1 .block__person {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    background-color: var(--color-grey-light);
  }
  .block.block-contact-person.block-type-1 .block__person {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 375px) {
  .block.block-contact-person.block-type-1 .block__person {
    padding-top: calc(32px + 8 * (100vw - 375px) / (1920 - 375));
    padding-bottom: calc(32px + 8 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .block.block-contact-person.block-type-1 .block__person {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (min-width: 768px) {
  .block.block-contact-person.block-type-1 .block__person .contact__media {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 3 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-contact-person.block-type-1 .block__person .contact__content {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 9 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
}
@media (min-width: 1280px) {
  .block.block-contact-person .block__contact {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-contact-person .block__contact .block__person .contact__media {
    width: 1px;
    min-width: calc(100% / 6 * 2 - var(--grid-gutter));
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 0 + var(--grid-gutter) / 2);
  }
  .block.block-contact-person .block__contact .block__person .contact__media {
    padding-right: 20px;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 375px) {
  .block.block-contact-person .block__contact .block__person .contact__media {
    padding-right: calc(20px + 20 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1920px) {
  .block.block-contact-person .block__contact .block__person .contact__media {
    padding-right: 40px;
  }
}
@media (min-width: 1280px) {
  .block.block-contact-person .block__contact .block__person .contact__content {
    margin-top: 0;
    text-align: left;
  }
  .block.block-contact-person .block__contact .block__person .contact__content {
    width: 1px;
    min-width: calc(100% / 6 * 4 - var(--grid-gutter));
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 0 + var(--grid-gutter) / 2);
  }
  .block.block-contact-person .block__form {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-contact-person.block-type-1 .block__contact {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-contact-person.block-type-1 .block__contact .contact__media {
    width: 1px;
    min-width: calc(100% / 12 * 2 - var(--grid-gutter));
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 0 + var(--grid-gutter) / 2);
  }
  .block.block-contact-person.block-type-1 .block__contact .contact__content {
    width: 1px;
    min-width: calc(100% / 12 * 10 - var(--grid-gutter));
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 0 + var(--grid-gutter) / 2);
  }
}
.block-page-links .block-header + .block-content {
  margin-top: 40px;
}
@media only screen and (min-width: 375px) {
  .block-page-links .block-header + .block-content {
    margin-top: calc(40px + 40 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-page-links .block-header + .block-content {
    margin-top: 80px;
  }
}
.block-page-links .block-links {
  display: flex;
  flex-flow: row wrap;
  margin-left: calc(var(--grid-gutter) / 2 * -1);
  margin-right: calc(var(--grid-gutter) / 2 * -1);
}
.block-page-links .block-links .link:nth-child(1) {
  margin-top: 0;
}
.block-page-links .block-links .link {
  margin-top: 40px;
}
@media only screen and (min-width: 375px) {
  .block-page-links .block-links .link {
    margin-top: calc(40px + 40 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-page-links .block-links .link {
    margin-top: 80px;
  }
}
.block-page-links .block-links .link {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block-page-links .block-links .link__content {
  margin-top: 8px;
}
@media only screen and (min-width: 375px) {
  .block-page-links .block-links .link__content {
    margin-top: calc(8px + 8 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-page-links .block-links .link__content {
    margin-top: 16px;
  }
}
.block-page-links .block-links .link__content {
  padding-right: 16px;
  padding-left: 16px;
}
@media only screen and (min-width: 375px) {
  .block-page-links .block-links .link__content {
    padding-right: calc(16px + 24 * (100vw - 375px) / (1920 - 375));
    padding-left: calc(16px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-page-links .block-links .link__content {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.block-page-links .block-links .link__media {
  position: relative;
  aspect-ratio: 16/10;
  width: 100%;
  background-color: var(--color-grey-light);
}
.block-page-links .block-links .link__media figure {
  width: 100%;
  height: 100%;
}
.block-page-links .block-links .link__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.block-page-links .block-links .link__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 119, 200, 0.8) 0%, rgba(152, 198, 234, 0.8) 100%);
  transition: opacity 0.4s ease-in-out;
  opacity: 0;
}
.block-page-links .block-links .link__overlay .link__overlay_text {
  position: absolute;
  bottom: 0;
  left: 0;
  color: var(--color-white);
  font-family: var(--font-headline);
  font-weight: 400;
  line-height: 1;
}
.block-page-links .block-links .link__overlay .link__overlay_text {
  padding: 16px;
}
@media only screen and (min-width: 375px) {
  .block-page-links .block-links .link__overlay .link__overlay_text {
    padding: calc(16px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-page-links .block-links .link__overlay .link__overlay_text {
    padding: 40px;
  }
}
.block-page-links .block-links .link__overlay .link__overlay_text {
  font-size: 16px;
}
@media only screen and (min-width: 375px) {
  .block-page-links .block-links .link__overlay .link__overlay_text {
    font-size: calc(16px + 9 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-page-links .block-links .link__overlay .link__overlay_text {
    font-size: 25px;
  }
}
.block-page-links .block-links .link__overlay .icon {
  margin-left: 8px;
}
.block-page-links .block-links .link__overlay .icon {
  font-size: 16px;
}
@media only screen and (min-width: 375px) {
  .block-page-links .block-links .link__overlay .icon {
    font-size: calc(16px + 6 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-page-links .block-links .link__overlay .icon {
    font-size: 22px;
  }
}
.block-page-links .block-links .link__title {
  font-family: var(--font-headline);
  font-weight: 400;
  color: var(--color-blue-dark);
}
.block-page-links .block-links .link__title {
  font-size: 18px;
}
@media only screen and (min-width: 375px) {
  .block-page-links .block-links .link__title {
    font-size: calc(18px + 7 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block-page-links .block-links .link__title {
    font-size: 25px;
  }
}
.block-page-links .block-links .link:hover .link__overlay {
  opacity: 1;
}
.block-page-links.image-format-1 .block-links .link__media {
  aspect-ratio: 1;
}

@media (min-width: 768px) {
  .block-page-links .block-links .link {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 6 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block-page-links .block-links .link:nth-child(1) {
    margin-top: 0;
  }
  .block-page-links .block-links .link:nth-child(2) {
    margin-top: 0;
  }
}
@media (min-width: 1280px) {
  .block-page-links .block-links .link {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 3 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block-page-links .block-links .link:nth-child(3) {
    margin-top: 0;
  }
  .block-page-links .block-links .link:nth-child(4) {
    margin-top: 0;
  }
  .block-page-links .block-links .link__content {
    margin-top: 8px;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 375px) {
  .block-page-links .block-links .link__content {
    margin-top: calc(8px + 8 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1920px) {
  .block-page-links .block-links .link__content {
    margin-top: 16px;
  }
}
.block.block-funnelforms-wrapper {
  padding-left: var(--grid-offset);
  padding-right: var(--grid-offset);
}
.block.block-funnelforms-wrapper.background-blue-light {
  color: unset;
}
.block.block-funnelforms-wrapper .block-width {
  width: 100%;
}
.block.block-funnelforms-wrapper .block-width {
  max-width: var(--grid-width-max);
  width: 100%;
  margin: 0 auto;
}
.block.block-funnelforms-wrapper .block-inner {
  display: flex;
  flex-flow: row wrap;
  margin-left: calc(var(--grid-gutter) / 2 * -1);
  margin-right: calc(var(--grid-gutter) / 2 * -1);
}
.block.block-funnelforms-wrapper .block-inner .block-header {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block.block-funnelforms-wrapper .block-inner .block-content {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block.block-funnelforms-wrapper .block-inner .block-funnelforms {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
.block.block-funnelforms-wrapper .block-inner .block-funnelforms {
  margin-top: 30px;
}
@media only screen and (min-width: 375px) {
  .block.block-funnelforms-wrapper .block-inner .block-funnelforms {
    margin-top: calc(30px + 20 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-funnelforms-wrapper .block-inner .block-funnelforms {
    margin-top: 50px;
  }
}
.block.block-funnelforms-wrapper .block-inner .block-funnelforms:first-child {
  margin-top: 0;
}
.block.block-funnelforms-wrapper.margin-small {
  margin-top: 48px;
}
@media only screen and (min-width: 375px) {
  .block.block-funnelforms-wrapper.margin-small {
    margin-top: calc(48px + 48 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .block.block-funnelforms-wrapper.margin-small {
    margin-top: 96px;
  }
}
.block.block-funnelforms-wrapper.margin-no {
  margin-top: 0;
}

.block.block-funnelforms-wrapper.background-grey-light + .block.block-funnelforms-wrapper.background-blue-dark,
.block.block-funnelforms-wrapper.background-blue-dark + .block.block-funnelforms-wrapper.background-grey-light {
  margin-top: 0;
}

@media (min-width: 768px) {
  .block.block-funnelforms-wrapper .block-inner .block-header {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-funnelforms-wrapper .block-inner .block-content {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  .block.block-funnelforms-wrapper .block-inner .block-funnelforms {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 12 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
}
#sidebar {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000002;
  background-color: rgba(0, 0, 0, 0);
  transform: translateX(100%);
  transition: transform 0.0001s ease 0.4s, background-color 0.4s ease;
  color: var(--color-blue-dark);
  overflow: hidden;
}
#sidebar {
  font-size: 14px;
}
@media only screen and (min-width: 375px) {
  #sidebar {
    font-size: calc(14px + 6 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  #sidebar {
    font-size: 20px;
  }
}
#sidebar strong {
  font-weight: 400;
  font-family: var(--font-default);
  color: var(--color-blue-dark);
}
#sidebar .inner {
  position: absolute;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform: translateX(100%);
  background-color: var(--color-white);
  transition: transform 0.4s ease;
}
#sidebar.active {
  transform: translateX(0);
  background-color: rgba(0, 0, 0, 0.64);
  transition: transform 0.0001s ease 0s, background-color 0.4s ease;
}
#sidebar.active .inner {
  transform: translateX(0);
  transition: transform 0.4s ease 0.4s;
}
#sidebar .scroll {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 80px;
}
#sidebar .scroll {
  padding-left: var(--grid-offset);
  padding-right: var(--grid-offset);
}
#sidebar .contact,
#sidebar .service,
#sidebar .language,
#sidebar .machine-finder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: var(--color-white);
}
#sidebar.sidebar-contact .contact, #sidebar.sidebar-service .service, #sidebar.sidebar-language .language, #sidebar.sidebar-machine-finder .machine-finder {
  z-index: 50;
  left: 0;
}
#sidebar .language ul li {
  display: flex;
  flex-flow: row nowrap;
  padding: 20px;
  border-bottom: 1px solid var(--color-grey-light);
}
#sidebar .language ul li:first-child {
  border-top: 1px solid var(--color-grey-light);
}
#sidebar .language ul li img {
  width: auto;
  height: 20px;
  display: inline-block;
}
#sidebar .language ul li span {
  margin-left: 20px;
  font-size: 18px;
  line-height: 20px;
}
#sidebar .language ul li .icon {
  margin-left: auto;
}

@media (min-width: 1280px) {
  #sidebar .inner {
    width: 560px;
  }
  #sidebar .scroll {
    padding-top: 140px;
    padding-bottom: 70px;
  }
}
.sidebar-toggles {
  position: fixed;
  top: 50%;
  right: 0;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  z-index: 1000001;
}
.sidebar-toggles.active {
  opacity: 1;
}
.sidebar-toggles [class*=-toggle] {
  background-color: var(--color-blue-dark);
  color: var(--color-white);
  border-radius: 4px 0 0 4px;
  margin-top: 4px;
}
.sidebar-toggles [class*=-toggle] {
  font-size: 22px;
}
@media only screen and (min-width: 375px) {
  .sidebar-toggles [class*=-toggle] {
    font-size: calc(22px + 6 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .sidebar-toggles [class*=-toggle] {
    font-size: 28px;
  }
}
.sidebar-toggles [class*=-toggle] a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sidebar-toggles [class*=-toggle] a {
  width: 48px;
}
@media only screen and (min-width: 375px) {
  .sidebar-toggles [class*=-toggle] a {
    width: calc(48px + 16 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .sidebar-toggles [class*=-toggle] a {
    width: 64px;
  }
}
.sidebar-toggles [class*=-toggle] a {
  height: 48px;
}
@media only screen and (min-width: 375px) {
  .sidebar-toggles [class*=-toggle] a {
    height: calc(48px + 16 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .sidebar-toggles [class*=-toggle] a {
    height: 64px;
  }
}
.sidebar-toggles [class*=-toggle] a:hover {
  color: var(--color-white);
}
.sidebar-toggles [class*=-toggle]:nth-child(1) {
  margin-top: 0;
}

@media (min-width: 1280px) {
  .sidebar-toggles {
    top: 32%;
  }
}
#searchbar {
  position: fixed;
  top: 0;
  left: 100%;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1000002;
}
#searchbar .inner {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.4s ease-in-out 0.4s;
}
#searchbar.active {
  left: 0;
}
#searchbar.active .inner {
  background-color: rgba(0, 0, 0, 0.64);
}
#searchbar.active .block-form {
  transform: translateY(0);
  transition: transform 0.4s ease-in-out 0.4s;
}
#searchbar .block {
  margin-top: 0;
}
#searchbar .block-inner {
  display: flex;
  flex-flow: row wrap;
  margin-left: calc(var(--grid-gutter) / 2 * -1);
  margin-right: calc(var(--grid-gutter) / 2 * -1);
}
#searchbar .sidebar-toggle {
  padding: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
#searchbar .sidebar-toggle button {
  margin-top: 0;
}
#searchbar .block-form {
  background-color: var(--color-white);
  transform: translateY(-100%);
  transition: transform 0.4s ease-in-out 0s;
}
#searchbar .block-form .toggle {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 1 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
#searchbar .block-form form {
  height: 80px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
#searchbar .block-form form ::placeholder {
  opacity: 1;
  color: var(--color-grey-border);
}
#searchbar .block-form form {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 3 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
#searchbar .block-form form input {
  font-family: var(--font-headline);
  border: 0;
  border-bottom: 1px solid var(--color-grey-border);
  padding-left: 0;
  padding-right: 0;
  outline: 0;
  border-radius: 0;
  max-width: 100%;
}
#searchbar .block-form form input {
  font-size: 20px;
}
@media only screen and (min-width: 375px) {
  #searchbar .block-form form input {
    font-size: calc(20px + 15 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  #searchbar .block-form form input {
    font-size: 35px;
  }
}
#searchbar .block-form form button {
  display: none;
}
#searchbar .block-results {
  background-color: var(--color-white);
  margin-bottom: 0;
}
#searchbar .block-results .count {
  color: var(--color-grey-dark);
  font-weight: 300;
}
#searchbar .block-results .count {
  font-size: 18px;
}
@media only screen and (min-width: 375px) {
  #searchbar .block-results .count {
    font-size: calc(18px + 2 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  #searchbar .block-results .count {
    font-size: 20px;
  }
}
#searchbar .block-results .count span {
  font-weight: 400;
}
#searchbar .block-results .results {
  width: 1px;
  min-width: calc(100% / var(--grid-columns) * 4 - var(--grid-gutter) - 0.01px);
  margin-right: calc(var(--grid-gutter) / 2);
  margin-left: calc(var(--grid-gutter) / 2);
}
#searchbar .block-results .results ul {
  list-style: none;
}
#searchbar .block-results .results ul {
  margin-bottom: 24px;
}
@media only screen and (min-width: 375px) {
  #searchbar .block-results .results ul {
    margin-bottom: calc(24px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  #searchbar .block-results .results ul {
    margin-bottom: 48px;
  }
}
#searchbar .block-results .results ul li .entry {
  color: var(--color-blue-dark);
  border: 1px solid var(--color-grey-border);
  display: flex;
  flex-flow: row nowrap;
}
#searchbar .block-results .results ul li .entry {
  margin-top: 12px;
}
@media only screen and (min-width: 375px) {
  #searchbar .block-results .results ul li .entry {
    margin-top: calc(12px + 12 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  #searchbar .block-results .results ul li .entry {
    margin-top: 24px;
  }
}
#searchbar .block-results .results ul li .entry {
  padding: 8px;
}
@media only screen and (min-width: 375px) {
  #searchbar .block-results .results ul li .entry {
    padding: calc(8px + 8 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  #searchbar .block-results .results ul li .entry {
    padding: 16px;
  }
}
#searchbar .block-results .results ul li .content {
  flex-grow: 2;
  margin-right: 20px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
#searchbar .block-results .results ul li .content {
  margin-left: 20px;
}
@media only screen and (min-width: 375px) {
  #searchbar .block-results .results ul li .content {
    margin-left: calc(20px + 20 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  #searchbar .block-results .results ul li .content {
    margin-left: 40px;
  }
}
#searchbar .block-results .results ul li .content .headline {
  color: var(--color-blue-dark);
  font-family: var(--font-headline);
}
#searchbar .block-results .results ul li .content .headline {
  font-size: 18px;
}
@media only screen and (min-width: 375px) {
  #searchbar .block-results .results ul li .content .headline {
    font-size: calc(18px + 7 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  #searchbar .block-results .results ul li .content .headline {
    font-size: 25px;
  }
}
#searchbar .block-results .results ul li .arrow {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
}
#searchbar .block-results .results ul li .arrow {
  height: 24px;
}
@media only screen and (min-width: 375px) {
  #searchbar .block-results .results ul li .arrow {
    height: calc(24px + 104 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  #searchbar .block-results .results ul li .arrow {
    height: 128px;
  }
}
#searchbar .block-results .results ul li .arrow .icon {
  font-size: 16px;
}
@media only screen and (min-width: 375px) {
  #searchbar .block-results .results ul li .arrow .icon {
    font-size: calc(16px + 16 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  #searchbar .block-results .results ul li .arrow .icon {
    font-size: 32px;
  }
}
#searchbar .block-results .results ul li .image {
  background-color: var(--color-grey-light);
  aspect-ratio: 1;
}
#searchbar .block-results .results ul li .image {
  height: 64px;
}
@media only screen and (min-width: 375px) {
  #searchbar .block-results .results ul li .image {
    height: calc(64px + 64 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  #searchbar .block-results .results ul li .image {
    height: 128px;
  }
}
#searchbar .block-results .results ul li .image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media (min-width: 1024px) {
  #searchbar .block-form form {
    height: 142px;
  }
  #searchbar .block-form form {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 11 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(var(--grid-gutter) / 2);
  }
  #searchbar .block-results .results {
    width: 1px;
    min-width: calc(100% / var(--grid-columns) * 10 - var(--grid-gutter) - 0.01px);
    margin-right: calc(var(--grid-gutter) / 2);
    margin-left: calc(100% / var(--grid-columns) * 1 + var(--grid-gutter) / 2);
  }
}
.c-banner {
  display: none;
  position: fixed;
  top: -48px;
  z-index: 100001;
  left: 0;
  width: 100%;
  height: 48px;
  opacity: 0;
  color: var(--color-white);
  background-color: var(--color-blue-light);
  transition: top 1s ease-in-out;
}
.c-banner {
  padding-left: var(--grid-offset);
  padding-right: var(--grid-offset);
}
.c-banner__inner {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.c-banner__inner {
  max-width: var(--grid-width-max);
  width: 100%;
  margin: 0 auto;
}
.c-banner__content {
  flex-grow: 1;
  text-align: center;
  font-size: 14px;
}
.c-banner__content a {
  font-weight: 500;
}
.c-banner__content a:hover {
  color: var(--color-white);
  text-decoration: 1px solid underline;
}
.c-banner__close .toggle button {
  height: 18px;
  width: 26px;
  cursor: pointer;
  display: block;
  position: relative;
}
.c-banner__close .toggle button span {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  background-color: var(--color-white);
  height: 1px;
  transform: rotate(0);
  opacity: 1;
  transition: transform 0.4s ease, opacity 0.4s ease;
}
.c-banner__close .toggle button.active {
  justify-content: space-between;
}
.c-banner__close .toggle button.active span:nth-child(2) {
  opacity: 0;
}
.c-banner__close .toggle button.active span:nth-child(1) {
  transform: rotate(45deg);
  top: calc(50% - 0.5px);
}
.c-banner__close .toggle button.active span:nth-child(3) {
  transform: rotate(-45deg);
  bottom: calc(50% - 0.5px);
}
.c-banner.visible {
  top: 0;
  opacity: 1;
}

@media (min-width: 1280px) {
  .c-banner {
    display: block;
  }
}
.c-popup {
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000002;
  background: rgba(0, 0, 0, 0.5);
}
.c-popup {
  padding: 20px;
}
@media only screen and (min-width: 375px) {
  .c-popup {
    padding: calc(20px + 20 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .c-popup {
    padding: 40px;
  }
}
.c-popup__inner {
  display: flex;
  flex-flow: row nowrap;
  background: var(--color-white);
  border-radius: 16px;
  overflow: hidden;
  opacity: 0;
  position: relative;
  max-height: calc(100vh - 100px);
}
.c-popup__inner {
  max-width: 900px;
}
@media only screen and (min-width: 1024px) {
  .c-popup__inner {
    max-width: calc(900px + 300 * (100vw - 1024px) / (1920 - 1024));
  }
}
@media only screen and (min-width: 1920px) {
  .c-popup__inner {
    max-width: 1200px;
  }
}
.c-popup__media {
  width: 35%;
}
.c-popup__media figure {
  height: 100%;
}
.c-popup__media figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.c-popup__content {
  width: 65%;
  overflow: auto;
}
.c-popup__content {
  padding: 20px;
}
@media only screen and (min-width: 375px) {
  .c-popup__content {
    padding: calc(20px + 20 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .c-popup__content {
    padding: 40px;
  }
}
.c-popup__content .button {
  margin-top: 24px;
}
@media only screen and (min-width: 375px) {
  .c-popup__content .button {
    margin-top: calc(24px + 24 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .c-popup__content .button {
    margin-top: 48px;
  }
}
.c-popup__content .button a {
  display: inline-block;
  background-color: var(--color-blue-dark);
  color: var(--color-white);
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0.5px;
  border-radius: 4px;
  border: 1px solid var(--color-blue-dark);
}
.c-popup__content .button a {
  padding-right: 32px;
  padding-left: 32px;
}
@media only screen and (min-width: 375px) {
  .c-popup__content .button a {
    padding-right: calc(32px + 8 * (100vw - 375px) / (1920 - 375));
    padding-left: calc(32px + 8 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .c-popup__content .button a {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.c-popup__content .button a {
  padding-top: 12px;
  padding-bottom: 12px;
}
@media only screen and (min-width: 375px) {
  .c-popup__content .button a {
    padding-top: calc(12px + 4 * (100vw - 375px) / (1920 - 375));
    padding-bottom: calc(12px + 4 * (100vw - 375px) / (1920 - 375));
  }
}
@media only screen and (min-width: 1920px) {
  .c-popup__content .button a {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.c-popup__content .button a {
  font-size: 14px;
}
@media only screen and (min-width: 1281px) {
  .c-popup__content .button a {
    font-size: calc(14px + 6 * (100vw - 1281px) / (1920 - 1281));
  }
}
@media only screen and (min-width: 1920px) {
  .c-popup__content .button a {
    font-size: 20px;
  }
}
.c-popup__content .button a:hover {
  border: 1px solid var(--color-blue-dark-hover);
  background-color: var(--color-blue-dark-hover);
}
.c-popup__title {
  font-size: 28px;
  color: var(--color-blue-light);
  font-family: var(--font-headline);
}
.c-popup__title {
  font-size: 18px;
}
@media only screen and (min-width: 1281px) {
  .c-popup__title {
    font-size: calc(18px + 10 * (100vw - 1281px) / (1920 - 1281));
  }
}
@media only screen and (min-width: 1920px) {
  .c-popup__title {
    font-size: 28px;
  }
}
.c-popup__text {
  margin-top: 20px;
}
.c-popup__text {
  font-size: 14px;
}
@media only screen and (min-width: 1281px) {
  .c-popup__text {
    font-size: calc(14px + 6 * (100vw - 1281px) / (1920 - 1281));
  }
}
@media only screen and (min-width: 1920px) {
  .c-popup__text {
    font-size: 20px;
  }
}
.c-popup__icons {
  list-style: none;
  margin-top: 24px;
  display: flex;
  flex-flow: row wrap;
  row-gap: 32px;
  column-gap: 32px;
  color: var(--color-blue-light);
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: flex-start;
  font-weight: 600;
}
.c-popup__icons {
  font-size: 14px;
}
@media only screen and (min-width: 1281px) {
  .c-popup__icons {
    font-size: calc(14px + 6 * (100vw - 1281px) / (1920 - 1281));
  }
}
@media only screen and (min-width: 1920px) {
  .c-popup__icons {
    font-size: 20px;
  }
}
.c-popup__icons .c-popup__icon {
  display: flex;
  flex-flow: column;
  text-align: center;
  row-gap: 16px;
}
.c-popup__icons .icon {
  font-size: 48px;
}
.c-popup__close {
  position: absolute;
  right: 16px;
  top: 20px;
}
.c-popup__close .toggle button {
  height: 18px;
  width: 26px;
  cursor: pointer;
  display: block;
  position: relative;
}
.c-popup__close .toggle button span {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  background-color: var(--color-black);
  height: 1px;
  transform: rotate(0);
  opacity: 1;
  transition: transform 0.4s ease, opacity 0.4s ease;
}
.c-popup__close .toggle button.active {
  justify-content: space-between;
}
.c-popup__close .toggle button.active span:nth-child(2) {
  opacity: 0;
}
.c-popup__close .toggle button.active span:nth-child(1) {
  transform: rotate(45deg);
  top: calc(50% - 0.5px);
}
.c-popup__close .toggle button.active span:nth-child(3) {
  transform: rotate(-45deg);
  bottom: calc(50% - 0.5px);
}

@media (min-width: 1024px) {
  .c-popup.visible {
    display: flex;
  }
  .c-popup.visible .c-popup__inner {
    opacity: 1;
  }
}
@media (min-width: 1280px) {
  .c-popup__media {
    width: 50%;
  }
  .c-popup__content {
    width: 50%;
  }
}

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