@charset "UTF-8";
/**
 * This file contains stuff that is shared between variants
 */
/**
 * This file contains stuff that can vary between variants
 */
/**
 * Calculate an em size based on a context
 */
/**
 * Conditionally output stuff.
 * The idea is to be able to target print, browsers, sizes etc.
 */
@import url("https://fonts.googleapis.com/css?family=Work+Sans:400,500,600,700&display=swap");
@font-face {
  font-family: "kombit";
  src: url("../../fonts/kombit-v17.0/fonts/kombit.eot?fnqp54");
  src: url("../../fonts/kombit-v17.0/fonts/kombit.eot?fnqp54#iefix") format("embedded-opentype"), url("../../fonts/kombit-v17.0/fonts/kombit.ttf?fnqp54") format("truetype"), url("../../fonts/kombit-v17.0/fonts/kombit.woff?fnqp54") format("woff"), url("../../fonts/kombit-v17.0/fonts/kombit.svg?fnqp54#kombit") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

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

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

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

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

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

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

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

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

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

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

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

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types 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 display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

html.is-no-scroll {
  position: fixed;
  overflow-y: scroll;
  width: 100%;
}

body {
  font-family: "Work Sans", sans-serif;
  font-size: 16px;
  line-height: 26px;
  color: #111111;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

p, ul, ol {
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  margin: 0;
  font-weight: normal;
}

input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

@media (min-width: 1200px) {
  body {
    font-size: 18px;
    line-height: 28px;
  }
}
.hidden-element {
  display: none;
}

.web-form__content {
  margin-top: 0;
  text-align: center;
}
.web-form__title {
  font-family: "Work Sans", sans-serif;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 10px;
  font-weight: 600;
}
.web-form__text {
  font-size: 22px;
  line-height: 34px;
}
.web-form--alignCenter {
  text-align: center;
}
.web-form--hide-label label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.web-form .form-item {
  margin-bottom: 20px;
  position: relative;
  text-align: left;
}
.web-form .form-item label {
  margin-bottom: 10px;
  display: block;
  font-size: 18px;
}
.web-form .form-item:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  position: absolute;
  right: 10px;
  top: 13px;
  transform: translateY(-20px);
  font-size: 16px;
  color: #3373d2;
  opacity: 0;
  transition: transform 200ms ease-in-out, opacity 200ms ease-in-out;
}
.web-form .form-item.has-success input {
  border-color: #3373d2;
}
.web-form .form-item.has-success .form-invalid-message {
  display: none;
}
.web-form .form-item.has-error label {
  color: #f45959;
}
.web-form .form-item.has-error input {
  border-color: #f45959;
  color: #f45959;
}
.web-form .form-item .file {
  width: 100%;
  height: 65px;
  background-color: #ffffff;
  font-size: 20px;
  padding: 18px 25px;
}
.web-form .form-checkbox {
  display: inline-block;
  position: relative;
  margin-top: 20px;
  padding-left: 40px;
  padding-bottom: 4px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.web-form .form-checkbox:last-child {
  margin-bottom: 0px;
}
.web-form .form-checkbox:first-child {
  margin-top: 0px;
}
.web-form .form-checkbox a {
  color: #3373d2;
}
.web-form .form-checkbox-text {
  font-size: 18px;
  font-weight: normal;
  cursor: pointer;
}
.web-form .form-checkbox-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border: 1px solid #C7E1FF;
  pointer-events: none;
}
.web-form .form-checkbox-checkmark:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  display: block;
  text-align: center;
  line-height: 25px;
  font-size: 10px;
  color: #3373d2;
  opacity: 0;
  transform: translateY(-5px);
  transition: transform 200ms ease-in-out, opacity 200ms ease-in-out;
}
.web-form .form-checkbox input {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  height: 25px;
  width: 25px;
  cursor: pointer;
}
.web-form .form-checkbox input:checked ~ .form-checkbox-checkmark:after {
  opacity: 1;
  transform: translateY(0);
}
.web-form .form-checkbox.has-success + .form-invalid-message {
  display: none;
}
.web-form .form-checkbox.has-success:after {
  display: none;
}
.web-form .form-checkbox.has-error:after {
  top: 7px;
}
.web-form .form-textarea {
  width: 100%;
  border-radius: 0;
  border: 1px solid transparent;
  border-bottom: 1px solid #3373d2;
  background-color: #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  transition: border 200ms ease-in-out;
  padding: 10px;
}
.web-form .form-textarea:focus {
  border-bottom-color: #3e85ff;
}
.web-form .form-select {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-image: url("../../gfx/select-arrow.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 17px;
}
.web-form .form-select::-ms-expand {
  display: none;
}
.web-form .form-text, .web-form .form-email, .web-form .form-select, .web-form .form-file, .web-form .form-date, .web-form .form-tel {
  width: 100%;
  border-radius: 0;
  border: 1px solid transparent;
  border-bottom: 1px solid #3373d2;
  background-color: #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  transition: border 200ms ease-in-out;
  height: 50px;
  padding: 0px 10px;
  font-size: 20px;
}
.web-form .form-text:focus, .web-form .form-email:focus, .web-form .form-select:focus, .web-form .form-file:focus, .web-form .form-date:focus, .web-form .form-tel:focus {
  border-bottom-color: #3e85ff;
}
.web-form .form-file {
  padding: 8px 10px;
}
.web-form .form-required:after {
  content: "*";
  display: inline-block;
  margin-left: 5px;
  color: #f45959;
}
.web-form .form-invalid-message {
  padding: 10px;
  color: #f45959;
}
.web-form .form-submit {
  position: relative;
  display: inline-block;
  border: 2px solid #3e85ff;
  background-color: transparent;
  color: #3e85ff;
  text-align: center;
  text-transform: none;
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
  border-radius: 35px;
  font-weight: 600;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-family: "Work Sans", sans-serif;
  cursor: pointer;
  transition: border 200ms ease-in-out, color 200ms ease-in-out;
  font-size: 18px;
  padding: 10px 26px;
  line-height: 26px;
  height: 50px;
  min-width: 200px;
}
.web-form .form-submit:hover, .web-form .form-submit:focus {
  color: #3373d2;
  border-color: #3373d2;
}
.web-form .form-submit:after {
  right: 15px;
  font-size: 12px;
}
.web-form__text {
  font-size: 13px;
  margin-bottom: 30px;
}
.web-form__text h3 {
  margin-bottom: 15px;
  font-weight: bold;
}
.web-form__text a {
  color: #3373d2;
}
.web-form fieldset.captcha {
  border: 0;
  padding: 0;
  margin: 0 0 20px 0;
}
.web-form fieldset.captcha legend {
  display: none;
}
.web-form fieldset.captcha .fieldset-description {
  display: none;
}
.web-form fieldset.captcha .g-recaptcha {
  display: inline-block;
}
.web-form .form-managed-file .form-submit {
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  box-sizing: border-box;
  font-family: inherit;
  border-radius: 0;
  background-color: #3373D2;
  height: 50px;
  width: 100%;
  padding: 0px 10px;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  outline: none;
  transition: background-color 200ms ease-in-out;
}

@media (min-width: 500px) {
  .web-form .form-managed-file {
    display: flex;
    align-items: center;
  }
  .web-form .form-managed-file .form-submit {
    padding: 0px 20px;
    font-size: 20px;
    max-width: 150px;
  }
}
@media (min-width: 1200px) {
  .web-form__title {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 20px;
  }
  .web-form__text {
    font-size: 24px;
    line-height: 34px;
  }
  .web-form__row {
    display: flex;
    margin: 0 -10px;
  }
  .web-form__col {
    width: 50%;
    padding: 0 10px;
  }
  .web-form .form-item {
    margin-bottom: 40px;
  }
  .web-form .form-item:after {
    font-family: "kombit";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    content: "";
    right: 25px;
    top: 20px;
    font-size: 20px;
  }
  .web-form .form-textarea {
    padding: 20px 25px;
  }
  .web-form .form-select {
    background-position: calc(100% - 20px) 24px;
  }
  .web-form .form-text, .web-form .form-email, .web-form .form-select, .web-form .form-file, .web-form .form-date, .web-form .form-tel {
    height: 65px;
    padding: 0px 20px;
    font-size: 24px;
  }
  .web-form .form-file {
    font-size: 20px;
    padding: 18px 25px;
  }
  .web-form .form-submit {
    font-size: 24px;
    padding: 10px 60px;
    line-height: 41px;
    min-width: 475px;
    height: 65px;
  }
  .web-form .form-submit:after {
    right: 30px;
    font-size: 18px;
  }
  .web-form .form-invalid-message {
    position: absolute;
    top: 100%;
    right: 0;
  }
  .web-form .form-managed-file .form-submit {
    height: 65px;
    padding: 0px 30px;
    font-size: 24px;
  }
}
.messages {
  padding: 20px;
}
.messages--error {
  background-color: #f45959;
  color: #ffffff;
}
.messages--warning {
  background-color: #f7962f;
  color: #ffffff;
}
.messages--status {
  background-color: #e3f3e9;
  color: #111111;
}
.is-frontpage .messages {
  position: absolute;
  top: 64px;
  width: 100%;
  z-index: 9;
}

@media (min-width: 1200px) {
  .messages {
    padding: 40px;
  }
  .is-frontpage .messages {
    top: 94px;
  }
}
@media (min-width: 1600px) {
  .is-frontpage .messages {
    top: 120px;
  }
}
div#sliding-popup {
  background-color: #3373d2;
  box-shadow: 0px -10px 40px rgba(17, 17, 17, 0.1);
}
div#sliding-popup div.eu-cookie-compliance-banner {
  color: #ffffff;
  padding: 30px 20px;
}
div#sliding-popup div.eu-cookie-compliance-banner .eu-cookie-compliance-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
div#sliding-popup div.eu-cookie-compliance-banner .eu-cookie-compliance-default-button {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-image: none;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  font-weight: 500;
  text-decoration: underline;
  margin-top: 0;
  margin-right: 0;
  text-shadow: none;
  border: none;
  padding: 0;
  text-align: left;
  background-color: transparent;
  color: #c7e1ff;
}
div#sliding-popup div.eu-cookie-compliance-banner .eu-cookie-compliance-default-button:hover {
  color: #ffffff;
}
div#sliding-popup div.eu-cookie-compliance-banner .eu-cookie-compliance-buttons {
  margin-bottom: 20px;
  margin-top: 20px;
}
div#sliding-popup div.eu-cookie-compliance-banner .eu-cookie-compliance-secondary-button {
  border: none;
  padding: 0;
  text-align: left;
  background-color: transparent;
  font-size: 18px;
  padding: 10px 26px;
  line-height: 26px;
  height: 50px;
  min-width: 200px;
  position: relative;
  display: inline-block;
  border: 2px solid #efefef;
  background-color: transparent;
  color: #efefef;
  text-align: center;
  text-transform: none;
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
  border-radius: 35px;
  font-weight: 600;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-family: "Work Sans", sans-serif;
  cursor: pointer;
  transition: border 200ms ease-in-out, color 200ms ease-in-out;
  margin-right: 30px;
  margin-top: 0;
}
div#sliding-popup div.eu-cookie-compliance-banner .eu-cookie-compliance-secondary-button:after {
  right: 15px;
  font-size: 12px;
}
div#sliding-popup div.eu-cookie-compliance-banner .eu-cookie-compliance-secondary-button:hover, div#sliding-popup div.eu-cookie-compliance-banner .eu-cookie-compliance-secondary-button:focus {
  color: #ffffff;
  border-color: #ffffff;
}
div#sliding-popup div.eu-cookie-compliance-banner .eu-cookie-compliance-more-button {
  border: none;
  padding: 0;
  text-align: left;
  background-color: transparent;
  font-size: 14px;
  line-height: 22px;
  color: #c7e1ff;
}
div#sliding-popup div.eu-cookie-compliance-banner .eu-cookie-compliance-more-button:hover {
  color: #ffffff;
}
div#sliding-popup div.eu-cookie-compliance-banner .eu-cookie-compliance-message {
  margin-top: 0;
  margin-right: 20px;
}
div#sliding-popup div.eu-cookie-compliance-banner .eu-cookie-compliance-message h2 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}
div#sliding-popup div.eu-cookie-compliance-banner .eu-cookie-compliance-message p {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  display: inline;
}

.layout {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 1920px;
  margin: 0 auto;
  background-color: #ffffff;
}
.layout__top {
  position: relative;
}
.layout__middle {
  min-height: 200px;
}
.layout__main {
  position: relative;
  padding: 20px;
  z-index: 1;
}
.layout__main.has--border-top::before {
  position: absolute;
  content: "";
  top: 0;
  left: 20px;
  right: 20px;
  height: 1px;
  background-color: #cbcbcb;
  z-index: 1;
}
.layout__container {
  margin: 40px 0;
  padding: 0 20px;
  overflow: hidden;
}
.layout__segment--grey .layout__container {
  padding: 20px;
}
.layout__container.layout__container--narrow {
  padding: 0 20px;
}
.layout__container.layout__container--tiny {
  padding: 0 20px;
}
.layout__container.layout__container--full {
  width: 100%;
  max-width: 100%;
  padding: 0;
}
.layout__unit {
  margin-bottom: 10px;
}
.layout__unit--large {
  margin-bottom: 20px;
}
.layout__segment--grey {
  background-color: #efefef;
}
.layout__side {
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 375px;
  position: fixed;
  top: 0;
  right: 0;
  transform: translateX(100%);
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
  transition: transform 0.4s ease;
  z-index: 100;
}
.layout__side.is-opened {
  transform: translateX(0);
  opacity: 1;
}
.layout__side__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  position: sticky;
  top: 0;
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  padding: 20px;
}
.layout__side__close {
  position: relative;
  display: block;
  width: 24px;
  height: 22px;
  cursor: pointer;
  z-index: 1;
}
.layout__side__close::before, .layout__side__close::after {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #3373d2;
  left: 50%;
  top: 50%;
}
.layout__side__close:before {
  transform: translate(-50%, -50%) rotate(35deg);
}
.layout__side__close:after {
  transform: translate(-50%, -50%) rotate(-35deg);
}
.layout__side__body {
  padding: 0 20px 20px;
  flex: 1;
  overflow-y: auto;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.layout__side.is-opened .layout__side__body {
  opacity: 1;
}

@media (min-width: 900px) {
  .layout__segment .block-region-segment-white-1 > div:not(:last-child) {
    margin-bottom: 60px;
  }
  .layout__container {
    padding: 0 60px;
  }
  .layout__segment--grey .layout__container {
    padding: 30px 60px;
  }
  .layout__container.layout__container--narrow {
    padding: 0 60px;
  }
  .layout__container.layout__container--tiny {
    max-width: 1048px;
    margin: 80px auto;
    padding: 0 60px;
    box-sizing: border-box;
  }
  .layout__unit {
    margin-bottom: 16px;
  }
  .layout__unit--large {
    margin-bottom: 35px;
  }
}
@media (min-width: 1200px) {
  .layout__segment .block-region-segment-white-1 > div:not(:last-child) {
    margin-bottom: 100px;
  }
  .layout__container {
    margin: 100px 0;
    padding: 0 100px;
  }
  .layout__container:after {
    content: '';
    display: block;
    clear: both;
    height: 0px;
  }
  .layout__segment--grey .layout__container {
    padding: 50px 100px;
  }
  .layout__container.layout__container--narrow {
    padding: 0 100px;
  }
  .layout__container--medium {
    max-width: 1364px;
    margin: 0 auto;
    box-sizing: content-box;
  }
  .layout__container--narrow {
    max-width: 1180px;
    margin: 140px auto;
    box-sizing: content-box;
  }
  .layout__container--less-margin {
    margin: 30px auto;
  }
  .layout__2-columns {
    display: flex;
  }
  .layout__main {
    padding: 0 20px;
    position: relative;
    z-index: 1;
    width: 70%;
    max-width: 1226px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .layout__sidebar {
    position: relative;
    width: 30%;
    max-width: 538px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    overflow: hidden;
    z-index: 1;
  }
  .layout__sidebar.has--border-top {
    position: relative;
    z-index: 1;
  }
  .layout__sidebar.has--border-top::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #cbcbcb;
    z-index: 1;
  }
  .layout__sidebar .block-region-left {
    height: 100%;
  }
  .layout__sidebar .block-region-left > div {
    height: 100%;
  }
}
@media (min-width: 1400px) {
  .layout__segment .block-region-segment-white-1 > div:not(:last-child) {
    margin-bottom: 140px;
  }
  .layout__container {
    margin: 140px 0;
    padding: 0 140px;
  }
  .layout__segment--grey .layout__container {
    margin: 0px auto;
    padding: 140px 140px;
  }
  .layout__container--medium {
    margin: 140px auto;
  }
  .layout__container--narrow {
    margin: 140px auto;
  }
  .layout__container--less-margin {
    margin: 70px auto;
  }
  .layout__segment--grey .layout__container--less-margin {
    margin: 0px auto;
    padding: 70px 140px;
  }
}
.grid__items {
  margin: -10px;
  font-size: 0;
}
.grid__item {
  display: inline-block;
  vertical-align: top;
  padding: 10px;
  box-sizing: border-box;
  font-size: 18px;
  width: 100%;
}
.grid__item--6, .grid__item--4, .grid__item--3 {
  width: 100%;
}
.grid--4 .grid__items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.grid--4 .grid__item {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1200px) {
  .grid__items {
    display: flex;
    flex-wrap: wrap;
  }
  .grid__item {
    display: flex;
    flex-direction: column;
  }
  .grid__item--2 {
    width: 50%;
  }
  .grid__item--6 {
    width: 33.33333333%;
  }
  .grid__item--3 {
    width: 33.33333333%;
  }
}
@media (min-width: 1400px) {
  .grid__items {
    margin: -20px;
  }
  .grid__item {
    padding: 20px;
  }
  .grid__item--4 {
    width: 25%;
  }
  .grid__item--5 {
    width: 20%;
  }
  .grid__item--6 {
    width: 16.66666667%;
  }
}
.card {
  display: block;
  transition: 200ms ease-in-out;
  position: relative;
}
.card:before {
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  top: -20px;
  left: -20px;
  right: -20px;
  bottom: -20px;
  background-color: #fafafa;
  transition: 200ms ease-in-out;
}
.card:hover {
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1);
}
.card:hover:before {
  opacity: 1;
}
.card__title {
  font-family: "Work Sans", sans-serif;
  font-size: 20px;
  line-height: 24px;
  margin-top: 20px;
  font-weight: 500;
}
.card__body {
  position: relative;
}
.card__text {
  margin-top: 20px;
  font-size: 14px;
  line-height: 22px;
}
.card__info {
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid #3373d2;
  color: #3373d2;
  padding: 10px 0;
  font-size: 14px;
  line-height: 28px;
  font-weight: 500;
}
.blue-color .card__info {
  color: #3373d2;
  border-bottom-color: #3373d2;
}
.red-color .card__info {
  color: #671122;
  border-bottom-color: #671122;
}
.orange-color .card__info {
  color: #573903;
  border-bottom-color: #573903;
}
.green-color .card__info {
  color: #3d4800;
  border-bottom-color: #3d4800;
}
.card__more {
  font-size: 18px;
  line-height: 28px;
  display: block;
  margin-top: 20px;
  padding-bottom: 15px;
}

@media (min-width: 1200px) {
  .card__title {
    font-size: 30px;
    line-height: 35px;
  }
  .card__text {
    font-size: 18px;
    line-height: 28px;
  }
}
.featured-teaser__picture {
  padding-bottom: 60px;
  padding-left: 60px;
  position: relative;
  display: block;
}
.featured-teaser__picture:before {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-bottom: 40%;
}
.featured-teaser__picture--right {
  padding-right: 60px;
  padding-left: 0;
}
.featured-teaser__picture--right:before {
  right: 0;
  left: auto;
}
.featured-teaser__body {
  text-align: center;
  background-color: #fafafa;
  padding: 40px 20px;
}
.featured-teaser__icon {
  margin-bottom: 20px;
}
.featured-teaser__icon__image {
  max-width: 75px;
}
.featured-teaser__title {
  font-family: "Work Sans", sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  word-break: break-word;
  margin-bottom: 20px;
  width: 100%;
}
.featured-teaser__text {
  margin-top: 5px;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 20px;
  width: 100%;
  display: block;
}
.featured-teaser .button {
  font-size: 18px;
  padding: 10px 26px;
  line-height: 26px;
  height: 50px;
  min-width: 200px;
}
.featured-teaser .button:after {
  right: 15px;
  font-size: 12px;
}
.featured-teaser--blue-color .featured-teaser__picture:before {
  background-color: #3e85ff;
}
.featured-teaser--red-color .featured-teaser__picture:before {
  background-color: #ba2644;
  background-color: #671122;
}
.featured-teaser--orange-color .featured-teaser__picture:before {
  background-color: #ab7133;
}
.featured-teaser--green-color .featured-teaser__picture:before {
  background-color: #888800;
}

@media (min-width: 900px) {
  .featured-teaser .button {
    padding: 10px 50px;
  }
  .featured-teaser .button:after {
    font-family: "kombit";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(-10px, -50%);
    opacity: 0;
    transition: opacity 200ms ease-in-out, transform 200ms ease-in-out;
  }
  .featured-teaser .button:hover:after, .featured-teaser .button:focus:after {
    transform: translate(0px, -50%);
    opacity: 1;
  }
}
@media (min-width: 1200px) {
  .featured-teaser {
    display: flex;
    align-items: stretch;
  }
  .featured-teaser__picture {
    padding-top: 45px;
    padding-left: 0;
    box-sizing: border-box;
    flex: 50%;
    margin-left: 0;
    padding-bottom: 10%;
    margin-bottom: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
  }
  .featured-teaser__picture .picture {
    flex: 1;
    height: 0;
  }
  .featured-teaser__picture:before {
    left: 100%;
    width: 1000px;
    transform: translateX(-100%);
    padding-bottom: 55%;
  }
  .featured-teaser__picture--right {
    padding-left: 0;
    padding-right: 0;
    order: 2;
    margin-left: 0;
  }
  .featured-teaser__picture--right:before {
    left: auto;
    right: 100%;
    width: 1000px;
    transform: translateX(100%);
    padding-bottom: 55%;
  }
  .featured-teaser__body {
    padding: 40px 50px;
    box-sizing: border-box;
    flex: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
  }
  .featured-teaser__body--right {
    padding-left: 0;
    padding-right: 25px;
  }
  .featured-teaser__icon__image {
    max-width: 125px;
    width: 100%;
  }
  .featured-teaser__title {
    font-size: 36px;
    line-height: 36px;
  }
  .featured-teaser__text {
    font-size: 22px;
    line-height: 34px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1600px) {
  .featured-teaser__picture {
    padding-bottom: 9%;
  }
  .featured-teaser__body {
    padding: 70px 120px;
  }
  .featured-teaser__icon, .featured-teaser__title, .featured-teaser__text {
    margin-bottom: 40px;
  }
  .featured-teaser .button {
    font-size: 24px;
    padding: 10px 60px;
    line-height: 41px;
    min-width: 475px;
    height: 65px;
  }
  .featured-teaser .button:after {
    right: 30px;
    font-size: 18px;
  }
}
.media-teaser__title {
  font-family: "Work Sans", sans-serif;
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 20px;
}
.media-teaser__text {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 20px;
}
.media-teaser__media {
  margin-bottom: 20px;
}
.media-teaser .button {
  font-size: 18px;
  padding: 10px 26px;
  line-height: 26px;
  height: 50px;
  min-width: 200px;
}
.media-teaser .button:after {
  right: 15px;
  font-size: 12px;
}

@media (min-width: 900px) {
  .media-teaser__title {
    font-size: 36px;
    line-height: 36px;
  }
  .media-teaser .button {
    padding: 10px 50px;
  }
  .media-teaser .button:after {
    font-family: "kombit";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(-10px, -50%);
    opacity: 0;
    transition: opacity 200ms ease-in-out, transform 200ms ease-in-out;
  }
  .media-teaser .button:hover:after, .media-teaser .button:focus:after {
    transform: translate(0px, -50%);
    opacity: 1;
  }
}
@media (min-width: 1200px) {
  .media-teaser {
    display: flex;
    align-items: stretch;
    flex-direction: row;
  }
  .media-teaser__media {
    flex: 50%;
    box-sizing: border-box;
    order: 2;
    margin-bottom: 0;
  }
  .media-teaser__body {
    box-sizing: border-box;
    flex: 50%;
    min-width: 550px;
    order: 1;
    padding-right: 60px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .media-teaser__title {
    font-size: 50px;
    line-height: 59px;
  }
  .media-teaser__text {
    font-size: 22px;
    line-height: 34px;
    flex-grow: 1;
  }
  .media-teaser .button {
    font-size: 24px;
    padding: 10px 60px;
    line-height: 41px;
    min-width: 475px;
    height: 65px;
  }
  .media-teaser .button:after {
    right: 30px;
    font-size: 18px;
  }
}
@media (min-width: 1600px) {
  .media-teaser__body {
    padding-right: 140px;
  }
}
.annotation {
  position: relative;
  padding: 100px 0;
  z-index: 1;
}
.annotation__overlay {
  position: absolute;
  top: 0;
  right: 0;
  width: 140px;
  height: 140px;
  z-index: 1;
}
.annotation__overlay:before {
  position: absolute;
  content: "";
  inset: 0;
  background-image: url("../../gfx/annotation-overlay.png");
  background-size: contain;
  background-position: right top;
  background-repeat: no-repeat;
  z-index: -1;
}
.annotation__overlay__icon {
  display: none;
}
.annotation__content {
  margin: 0;
  box-sizing: border-box;
}
.annotation__icon {
  display: block;
  width: 40px;
  height: auto;
  margin-bottom: 10px;
}
.annotation__title {
  font-size: 32px;
  line-height: 1.1;
  font-weight: 500;
  margin-top: 0;
}
.annotation__text {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.1;
}

@media (min-width: 700px) {
  .annotation__overlay {
    width: 340px;
    height: 240px;
  }
  .annotation__icon {
    width: 60px;
    height: auto;
    margin-bottom: 20px;
  }
}
@media (min-width: 900px) {
  .annotation__overlay {
    width: 440px;
    height: 440px;
  }
  .annotation__overlay__icon {
    display: block;
    position: absolute;
    bottom: 52px;
    left: 228px;
    width: 168px;
    height: auto;
    transform: rotate(-45deg);
    z-index: 1;
  }
  .annotation__content {
    width: 1228px;
    max-width: calc(100vw - 300px);
  }
  .annotation__icon {
    display: none;
  }
  .annotation__title {
    font-size: 60px;
  }
  .annotation__text {
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2;
  }
}
.hero {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 210px;
  background-color: #efefef;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.hero__container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex-grow: 1;
  padding: 65px 20px 20px 20px;
}
.hero .hero__container > .search-field {
  display: none;
}
.hero__title {
  font-size: 24px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 700;
}

@media (min-width: 500px) {
  .hero {
    height: 360px;
  }
  .hero__container {
    padding: 60px;
  }
  .hero__title {
    font-size: 30px;
    line-height: 35px;
  }
}
@media (min-width: 900px) {
  .hero {
    height: 500px;
  }
  .hero__container {
    padding: 100px;
  }
  .hero__title {
    font-size: 50px;
    line-height: 59px;
  }
}
@media (min-width: 1200px) {
  .hero__title {
    max-width: 1255px;
  }
  .hero .hero__container > .search-field {
    display: block;
    max-width: 812px;
    margin-top: 70px;
    border-bottom-color: #ffffff;
  }
  .hero .hero__container > .search-field:after {
    color: #ffffff;
  }
}
@media (min-width: 1400px) {
  .hero {
    height: 700px;
  }
  .hero__container {
    padding: 80px 100px;
  }
  .hero__title {
    font-size: 60px;
    line-height: 70px;
  }
}
@media (min-width: 1600px) {
  .hero {
    height: 940px;
  }
  .hero__container {
    padding: 120px 140px;
  }
  .hero__title {
    font-size: 100px;
    line-height: 117px;
  }
}
.huge-dropdown {
  position: relative;
}
.huge-dropdown__toggle {
  border: none;
  padding: 0;
  text-align: left;
  background-color: transparent;
  position: relative;
  display: block;
  width: 80%;
  height: 60px;
  line-height: 20px;
  padding: 20px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.huge-dropdown__toggle:before {
  position: absolute;
  top: 50%;
  right: 40px;
  content: "";
  display: block;
  width: 2px;
  height: 18px;
  transform: translateY(-50%);
  background-color: #ffffff;
  transition: transform 200ms ease-in-out;
}
.is-open .huge-dropdown__toggle:before {
  transform: translateY(-50%) rotate(135deg);
}
.huge-dropdown__toggle:after {
  position: absolute;
  right: 40px;
  top: 50%;
  content: "";
  display: block;
  width: 2px;
  height: 18px;
  transform: translateY(-50%) rotate(90deg);
  background-color: #ffffff;
  transition: transform 200ms ease-in-out;
}
.is-open .huge-dropdown__toggle:after {
  transform: translateY(-50%) rotate(225deg);
}
.blue-color .huge-dropdown__toggle {
  background-color: #3e85ff;
}
.red-color .huge-dropdown__toggle {
  background-color: #ba2644;
}
.orange-color .huge-dropdown__toggle {
  background-color: #ab7133;
}
.green-color .huge-dropdown__toggle {
  background-color: #888800;
}
.huge-dropdown__content {
  display: none;
  position: absolute;
  z-index: 9;
  width: 100%;
  background-color: #fafafa;
  padding: 10px;
  box-shadow: 0px 10px 40px #0000001A;
}
.huge-dropdown__items {
  display: flex;
  flex-wrap: wrap;
}
.huge-dropdown__item {
  width: 100%;
  margin-bottom: 10px;
}
.huge-dropdown__item__link {
  position: relative;
  display: block;
  text-align: center;
  background-color: #ffffff;
  padding: 40px;
}
.huge-dropdown__item__link:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  transform: scale(1);
  z-index: -1;
  opacity: 0;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  transition: transform 200ms ease-in-out, opacity 200ms ease-in-out;
}
.huge-dropdown__item__link:hover:before {
  transform: scale(1.1);
  opacity: 1;
}
.huge-dropdown__item__link:hover .huge-dropdown__item__arrow {
  transform: translateX(20px);
}
.huge-dropdown__item__title {
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}
.huge-dropdown__item__text {
  font-size: 14px;
  line-height: 22px;
}
.huge-dropdown__item__arrow {
  display: block;
  text-align: right;
  margin-top: 10px;
  margin-bottom: -10px;
  transform: translateX(0px);
  transition: transform 200ms ease-in-out;
}
.huge-dropdown__item__arrow:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.red-color .huge-dropdown__item__arrow:after {
  color: #ba2644;
}
.orange-color .huge-dropdown__item__arrow:after {
  color: #ab7133;
}
.green-color .huge-dropdown__item__arrow:after {
  color: #888800;
}

@media (min-width: 500px) {
  .huge-dropdown__toggle {
    font-size: 18px;
  }
  .huge-dropdown__toggle:before {
    height: 24px;
  }
  .huge-dropdown__toggle:after {
    height: 24px;
  }
}
@media (min-width: 900px) {
  .huge-dropdown__item {
    width: 50%;
    padding: 10px;
  }
  .huge-dropdown__item__link {
    padding: 40px;
  }
  .huge-dropdown__item__title {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 35px;
  }
  .huge-dropdown__item__text {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (min-width: 1200px) {
  .huge-dropdown__toggle {
    width: 50%;
    height: 100px;
    padding: 35px;
    line-height: 30px;
    font-size: 24px;
  }
  .huge-dropdown__content {
    padding: 40px 70px;
  }
  .huge-dropdown__items {
    margin: 0 -20px;
  }
  .huge-dropdown__item {
    width: 33.33333333%;
    padding: 20px 20px;
  }
  .huge-dropdown__link:before {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    z-index: -1;
    background-color: #ffffff;
    box-shadow: none;
    transform: scale(1);
    transition: transform 200ms ease-in-out, box-shadow 200ms ease-in-out;
  }
  .huge-dropdown__link:hover:before {
    transform: scale(1.1);
    box-shadow: 0px 10px 40px #0000001A;
  }
}
@media (min-width: 1600px) {
  .huge-dropdown__content {
    padding: 80px 140px;
  }
  .huge-dropdown__items {
    margin: 0 -50px;
  }
  .huge-dropdown__item {
    width: 33.33333333%;
    padding: 40px 50px;
  }
}
.article__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px 30px;
  padding-bottom: 15px;
  border-bottom: 2px solid #3373d2;
}
.article__head:not(:last-child) {
  margin-bottom: 20px;
}
.article__head .article__label {
  font-weight: 500;
  font-size: 14px;
  color: #3373d2;
}
.article__container {
  max-width: 1090px;
  margin: 0 auto;
}
.article__picture {
  margin-bottom: 20px;
}
.article__publish {
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid #3373d2;
  color: #3373d2;
  padding: 0 0 15px 0;
  font-size: 14px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 35px;
}
.blue-color .article__publish {
  color: #3373d2;
  border-bottom-color: #3373d2;
}
.red-color .article__publish {
  color: #671122;
  border-bottom-color: #671122;
}
.orange-color .article__publish {
  color: #573903;
  border-bottom-color: #573903;
}
.green-color .article__publish {
  color: #3d4800;
  border-bottom-color: #3d4800;
}
.article__heading {
  font-family: "Work Sans", sans-serif;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  margin: 0 0 20px 0;
}
.article__manchet {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
}
.article__manchet p {
  margin: 20px 0;
}
.article__body {
  margin-bottom: 20px;
}
.article__actions {
  border-top: 2px solid #3373d2;
  padding: 15px 0 0 0;
  font-size: 14px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 35px;
}
.blue-color .article__actions {
  border-top-color: #3373d2;
}
.red-color .article__actions {
  border-top-color: #671122;
}
.orange-color .article__actions {
  border-top-color: #573903;
}
.green-color .article__actions {
  border-top-color: #3d4800;
}
.article__actions__link {
  color: #3373d2;
}
.blue-color .article__actions__link {
  color: #3373d2;
}
.red-color .article__actions__link {
  color: #671122;
}
.orange-color .article__actions__link {
  color: #573903;
}
.green-color .article__actions__link {
  color: #3d4800;
}
.article__actions__link--back:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  margin-right: 10px;
  display: inline-block;
  transition: 200ms ease-in-out;
}
.article__actions__link--back:hover:before {
  transform: translateX(-4px);
}

@media (min-width: 1200px) {
  .article__head:not(:last-child) {
    margin-bottom: 40px;
  }
  .article__head .article__label {
    font-size: 18px;
  }
  .article__container {
    padding: 0 40px;
  }
  .article__container .layout__main, .layout__container--tiny .article__container, .is-info-page .article__container {
    padding: 0;
  }
  .article__publish {
    font-size: 18px;
    margin-bottom: 60px;
  }
  .article__heading {
    font-size: 50px;
    line-height: 59px;
    margin: 0 0 35px 0;
  }
  .article__manchet {
    font-size: 30px;
    line-height: 35px;
  }
  .article__manchet p {
    margin: 30px 0;
  }
}
.footer {
  padding: 30px 20px;
  background: #3373d2;
  color: #ffffff;
}
.footer__dots {
  display: flex;
  flex-direction: column;
  padding-bottom: 15px;
}
.footer__dots span {
  display: block;
  width: 20px;
  height: 20px;
  margin-bottom: 15px;
  background-color: #ffffff;
}
.footer__dots span:last-of-type {
  margin-bottom: 0;
}
.footer__sections__section {
  padding: 15px 0;
}
.footer__sections__section__logo {
  margin-bottom: 20px;
}
.footer__sections__section__logo:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  font-size: 20px;
  display: inline-block;
}
.footer__sections__section__text {
  font-size: 14px;
  line-height: 22px;
}
.footer__sections__section__text a {
  text-decoration: underline;
}
.footer__sections__section__title {
  font-family: "Work Sans", sans-serif;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 10px;
  font-weight: 500;
}
.footer__sections__section__list {
  list-style: none;
  padding: 0;
}
.footer__sections__section__list__item {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 22px;
}
.footer__sections__section__list__item__link {
  text-decoration: underline;
}
.footer__sections__section__list__item:last-child {
  margin-bottom: 0;
}
.footer__bottom {
  margin-top: 5px;
  padding: 20px 0;
  border-top: 1px solid rgba(246, 246, 246, 0.26);
}
.footer__bottom__text {
  margin-bottom: 10px;
  color: #c7e1ff;
  font-size: 14px;
  line-height: 22px;
}
.footer__bottom__links {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
}
.footer__bottom__links__link {
  margin-right: 10px;
  font-size: 14px;
  line-height: 22px;
  text-decoration: underline;
}

@media (min-width: 1200px) {
  .footer {
    position: relative;
    padding: 60px 100px 30px;
  }
  .footer__dots {
    position: absolute;
    left: 40px;
    top: 67px;
    padding-bottom: 0;
  }
  .footer__dots span {
    width: 30px;
    height: 30px;
    margin-bottom: 20px;
  }
  .footer__sections {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0 -10px;
    padding-bottom: 30px;
  }
  .footer__sections__section {
    width: calc(100% / 3);
    margin: 0 10px;
    padding: 0;
  }
  .footer__sections__section__logo {
    margin-bottom: 22px;
  }
  .footer__sections__section__title {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 30px;
  }
  .footer__sections__section__text {
    font-size: 18px;
    line-height: 28px;
  }
  .footer__sections__section__list__item {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 28px;
  }
  .footer__bottom {
    margin-top: 0;
    padding: 30px 0 10px;
  }
  .footer__bottom__text {
    font-size: 16px;
    line-height: 26px;
  }
  .footer__bottom__links__link {
    margin-right: 20px;
    font-size: 16px;
    line-height: 26px;
  }
}
@media (min-width: 1400px) {
  .footer {
    padding-left: 140px;
    padding-right: 140px;
  }
  .footer__sections {
    margin: 0 -20px;
  }
  .footer__sections__section {
    margin: 0 20px;
    padding: 0;
  }
}
.header {
  position: relative;
  z-index: 9;
  width: 100%;
}
.header .button.button--ultimenu {
  display: none !important;
}
body:not(.is-logged-in) .header--fixed {
  position: fixed;
  top: 0;
  max-width: 1920px;
}
.header--transparent .header__top {
  background-color: transparent;
}
.header--transparent .header__logo:before {
  opacity: 0;
}
.header--transparent .header__logo:after {
  opacity: 1;
}
.header--transparent.is-scrolled .header__top {
  background-color: #ffffff;
}
.header--transparent.is-scrolled .header__logo:before {
  opacity: 1;
}
.header--transparent.is-scrolled .header__logo:after {
  opacity: 0;
}
body:not(.is-logged-in) .header.is-scrolled.header--fixed .header__top {
  box-shadow: 0px 10px 40px rgba(17, 17, 17, 0.1);
}
.header.is-open .header__top {
  background-color: #ffffff;
}
.header.is-open .header__logo:before {
  opacity: 1;
}
.header.is-open .header__logo:after {
  opacity: 0;
}
.header.is-open.is-scrolled .header__top {
  box-shadow: none !important;
}
.header__top {
  display: flex;
  position: relative;
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  padding: 20px;
}
.header__logo {
  position: relative;
  display: block;
  width: 120px;
  height: 24px;
  margin-right: 33px;
  flex-shrink: 0;
}
.header__logo:before, .header__logo:after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
}
.header__logo:before {
  background-image: url("../../gfx/logo-blue.svg");
  opacity: 1;
}
.header__logo:after {
  background-image: url("../../gfx/logo-light.svg");
  opacity: 0;
}
.header__menu {
  display: none;
}
.header__right {
  display: flex;
  justify-content: flex-end;
  width: 120px;
  margin-left: 33px;
}
.header__close {
  display: none;
}
.header__menu-toggle {
  border: none;
  padding: 0;
  text-align: left;
  background-color: transparent;
  display: flex;
  cursor: pointer;
  margin-left: 20px;
}
.header__menu-toggle__text {
  margin-left: 12px;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
  transition: color 200ms ease-in-out;
}
.is-open .header__menu-toggle__text {
  color: #3373d2;
}
.header__menu-toggle__icon {
  display: block;
  position: relative;
  width: 24px;
  height: 20px;
}
.header__menu-toggle__item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-12px, -1px);
  display: block;
  width: 100%;
  height: 2px;
  background-color: #3373d2;
  transition: transform 200ms ease-in-out, width 200ms ease-in-out, background-color 200ms ease-in-out;
  transform-origin: center;
  -webkit-backface-visibility: hidden;
}
.header__menu-toggle__item--1 {
  transform: translate(-12px, -8px);
}
.header__menu-toggle__item--2 {
  transition: opacity 200ms ease-in-out, background-color 200ms ease-in-out;
  opacity: 1;
}
.header__menu-toggle__item--3 {
  transform: translate(-12px, 6px);
}
.header__menu-toggle.is-open .header__menu-toggle__text {
  color: #3373d2;
}
.header__menu-toggle.is-open .header__menu-toggle__item {
  background-color: #3373d2;
}
.header__menu-toggle.is-open .header__menu-toggle__item--1 {
  transform: translate(-12px, -1px) rotate(-135deg);
}
.header__menu-toggle.is-open .header__menu-toggle__item--2 {
  opacity: 0;
  width: 0;
}
.header__menu-toggle.is-open .header__menu-toggle__item--3 {
  transform: translate(-12px, -1px) rotate(135deg);
}
.header--transparent .header__menu-toggle {
  color: #ffffff;
}
.header--transparent .header__menu-toggle__text {
  color: #ffffff;
}
.header--transparent .header__menu-toggle__item {
  background-color: #ffffff;
}
.header--transparent.is-open .header__menu-toggle .header__menu-toggle__text, .header--transparent.is-scrolled .header__menu-toggle .header__menu-toggle__text {
  color: #3373d2;
}
.header--transparent.is-open .header__menu-toggle .header__menu-toggle__item, .header--transparent.is-scrolled .header__menu-toggle .header__menu-toggle__item {
  background-color: #3373d2;
}
.header__search-toggle {
  border: none;
  padding: 0;
  text-align: left;
  background-color: transparent;
  display: flex;
  align-items: center;
  color: #3373d2;
  cursor: pointer;
}
.header__search-toggle:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "\e92d";
  font-size: 20px;
}
.is-scrolled .header__search-toggle {
  color: #3373d2;
}
.is-scrolled.header--transparent .header__search-toggle {
  color: #3373d2;
}
.is-open .header__search-toggle {
  color: #3373d2;
}
.is-open.header--transparent .header__search-toggle {
  color: #3373d2;
}
.header--transparent .header__search-toggle {
  color: #ffffff;
}
.header__mega-menu {
  display: none;
}
.header__search {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0px 40px 40px rgba(0, 0, 0, 0.16);
  justify-content: center;
  align-items: center;
  padding: 0 0 24px;
  top: 64px;
  height: 0;
  padding: 0;
}
.header__search__container {
  width: 100%;
}
.header__search.is-active {
  display: block;
  height: 68px;
}
.header__search .header__search__container .search-field {
  position: absolute;
  right: 20px;
  left: 20px;
  width: auto;
  height: 44px;
  padding-left: 16px;
  border: 2px solid rgba(17, 17, 17, 0.5);
  border-radius: 22px;
  background-color: #ffffff;
}
.header__search .header__search__container .search-field:after {
  color: #3373d2;
}
.header__search .header__search__container .search-field .search-field__input {
  color: #111111;
  font-size: 18px;
}
.header__search .header__search__container .search-field .search-field__input::-moz-placeholder {
  color: rgba(17, 17, 17, 0.5);
}
.header__search .header__search__container .search-field .search-field__input::-webkit-input-placeholder {
  color: rgba(17, 17, 17, 0.5);
}
.header__search .header__search__container .search-field .search-field__input:-ms-input-placeholder {
  color: rgba(17, 17, 17, 0.5);
}
.header__search .header__search__container .search-field .search-field__input::placeholder {
  color: rgba(17, 17, 17, 0.5);
}
.header__search .header__search__container .search-field .search-field__button {
  right: 16px;
}
.header__search .header__search__container .search-field .search-field__button:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "\e92d";
  font-size: 20px;
  color: #3373d2;
}
.header__mobile-menu {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100vh - 64px);
  transform: translateY(100%);
  background-color: #ffffff;
  box-shadow: 0px 10px 40px #00000029;
  visibility: hidden;
  opacity: 0;
  overflow: auto;
}
.header__mobile-menu.is-active {
  visibility: visible;
  opacity: 1;
}
.header__mobile-menu__items {
  list-style: none;
  margin: 0;
  padding: 0;
}
.header__mobile-menu__items__inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0 20px;
}
.header__mobile-menu__items--sub {
  display: none;
}
.header__mobile-menu__item.has-subs > .header__mobile-menu__link {
  position: relative;
  padding-right: 40px;
}
.header__mobile-menu__item.has-subs > .header__mobile-menu__link:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 200ms ease-in-out;
}
.header__modern-mobile-menu .header__mobile-menu__item.has-subs > .header__mobile-menu__link:after {
  font-size: 10px;
  color: #3373d2;
}
.header__mobile-menu__item.has-subs > .header__mobile-menu__link.is-open:after {
  transform: translateY(-50%) rotatex(-180deg);
}
.header__mobile-menu__link {
  display: block;
  padding: 15px 20px;
  border-bottom: 1px solid #efefef;
  font-size: 16px;
}
.header__modern-mobile-menu .header__mobile-menu__link {
  font-size: 20px;
  font-weight: 400;
}
.header__mobile-menu__items--sub .header__mobile-menu__link {
  background-color: #fafafa;
}

@media (min-width: 1200px) {
  .header--transparent .header__menu__link {
    color: #ffffff;
  }
  .header--transparent.is-open .header__menu__link {
    color: #111111;
  }
  .header--transparent.is-scrolled .header__menu__link {
    color: #111111;
  }
  .header__top {
    padding: 20px 40px;
    height: 94px;
  }
  .header__logo {
    width: 161px;
    height: 32px;
  }
  .header__menu {
    display: block;
  }
  .header__menu__items {
    display: flex;
    list-style: none;
    padding: 0;
  }
  .header__menu__link {
    border: none;
    padding: 0;
    text-align: left;
    background-color: transparent;
    display: block;
    padding: 10px;
    color: #111111;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    cursor: pointer;
  }
  .header__menu__link.is-open {
    color: #3373d2;
  }
  .header__menu__item:has(.header__modern-menu) {
    position: relative;
    z-index: 1;
  }
  .header__menu__item:not(.header__menu__item--login) button.header__menu__link:after {
    font-family: "kombit";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    content: "\e92e";
    font-size: 11px;
    margin-left: 6px;
  }
  .header__menu__item:not(.header__menu__item--login) button.header__menu__link.is-open:after {
    font-family: "kombit";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    content: "\e92f";
  }
  .header__menu__item--login button.header__menu__link {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 44px;
    height: 44px;
    background-color: #3373d2;
    border-radius: 22px;
  }
  .header__menu__item--login button.header__menu__link:after {
    font-family: "kombit";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    content: "\e92b";
    margin-left: 0;
    color: #ffffff;
    font-size: 20px;
  }
  .header__right {
    padding-right: 60px;
  }
  .header__close {
    border: none;
    padding: 0;
    text-align: left;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 2px solid #3373d2;
    border-radius: 22px;
    visibility: hidden;
    opacity: 0;
    color: #3373d2;
    cursor: pointer;
  }
  .header__close:after {
    font-family: "kombit";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    content: "\e92c";
    font-size: 14px;
  }
  .search-is-open .header__close {
    visibility: visible;
    opacity: 1;
  }
  .header__menu-toggle {
    display: none;
  }
  .header__mobile-menu {
    display: none;
  }
  .header__mega-menu {
    position: absolute;
    justify-content: center;
    padding: 0px 40px 70px 40px;
    bottom: 0px;
    left: 0;
    width: 100%;
    max-height: calc(100vh - 64px);
    transform: translateY(100%);
    background-color: #ffffff;
    box-shadow: 0px 40px 40px rgba(0, 0, 0, 0.16);
  }
  .header__mega-menu:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 20px;
    top: -19px;
    left: 0;
    background-color: #ffffff;
  }
  .header__mega-menu.is-active {
    display: block;
  }
  .header__mega-menu__footer {
    max-width: 1560px;
    display: flex;
    justify-content: flex-end;
  }
  .header__mega-menu__footer__link {
    text-decoration: none;
    font-weight: 500;
    color: #3373d2;
  }
  .header__mega-menu__footer__link:after {
    font-family: "kombit";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    content: "";
    margin-left: 10px;
    font-size: 16px;
    transition: 200ms ease-in-out;
    display: inline-block;
  }
  .header__mega-menu__footer__link:hover:after {
    transform: translateX(10px);
  }
  .header__mega-menu__grid {
    display: flex;
    justify-content: space-between;
    margin: -20px;
    max-width: 1640px;
  }
  .header__mega-menu__col {
    padding: 20px;
    box-sizing: content-box;
    width: 100%;
    max-width: 400px;
  }
  .header__mega-menu__col--large {
    width: 100%;
    max-width: 540px;
  }
  .header__mega-menu__col--huge {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1050px;
  }
  .header__mega-menu__col__headline {
    font-size: 22px;
    line-height: 34px;
    padding-bottom: 30px;
    margin-bottom: 40px;
    border-bottom: 1px solid #efefef;
  }
  .header__mega-menu__featured {
    display: flex;
    flex-direction: column;
  }
  .header__mega-menu__featured__image {
    align-self: center;
    margin-bottom: 30px;
    max-width: 100%;
    display: block;
  }
  .header__mega-menu__teaser {
    display: block;
    position: relative;
    text-align: center;
  }
  .header__mega-menu__teaser:before {
    content: "";
    position: absolute;
    left: -20px;
    top: -20px;
    right: -20px;
    bottom: -20px;
    display: block;
    background-color: #ffffff;
    z-index: -1;
    opacity: 0;
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
    transition: opacity 200ms ease-in-out;
  }
  .header__mega-menu__teaser:hover:before {
    opacity: 1;
  }
  .header__mega-menu__teaser__image {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 267px;
    margin-bottom: 20px;
    background-color: #fafafa;
  }
  .header__mega-menu__teaser__image__image {
    align-self: center;
  }
  .header__mega-menu__teaser__subject {
    display: flex;
    flex-grow: 1;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    border-bottom: 2px solid #efefef;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .header__mega-menu__teaser__subject:after {
    font-family: "kombit";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    content: "";
    margin-left: auto;
    align-self: center;
  }
  .header__mega-menu__teaser__subject--blue-color {
    border-bottom-color: #3e85ff;
    color: #3e85ff;
  }
  .header__mega-menu__teaser__subject--red-color {
    border-bottom-color: #ba2644;
    color: #ba2644;
    border-bottom-color: #671122;
    color: #671122;
  }
  .header__mega-menu__teaser__subject--orange-color {
    border-bottom-color: #ab7133;
    color: #ab7133;
  }
  .header__mega-menu__teaser__subject--green-color {
    border-bottom-color: #888800;
    color: #888800;
  }
  .header__mega-menu__teaser__title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 20px;
  }
  .header__mega-menu__teaser__text {
    font-size: 14px;
    line-height: 22px;
  }
  .header__mega-menu__split {
    column-count: 2;
    column-gap: 20px;
  }
  .header__mega-menu__link {
    display: block;
    color: #3373d2;
    font-size: 18px;
    line-height: 28px;
    padding: 5px 0;
    break-inside: avoid;
  }
  .header__mega-menu__submenu {
    display: flex;
    flex-grow: 1;
  }
  .header__mega-menu__submenu__level-1, .header__mega-menu__submenu__level-2 {
    width: 50%;
  }
  .header__mega-menu__submenu__items {
    list-style: none;
    padding: 0;
  }
  .header__mega-menu__submenu__item {
    list-style: none;
    padding: 0;
  }
  .header__mega-menu__submenu__link {
    display: block;
    color: #3373d2;
    font-size: 18px;
    line-height: 28px;
    padding: 5px 20px;
    break-inside: avoid;
    font-weight: 500;
  }
  .header__mega-menu__submenu__link:hover {
    background-color: #d9eaff;
  }
  .header__mega-menu__submenu__link.is-selected {
    position: relative;
    background-color: #d9eaff;
  }
  .header__mega-menu__submenu__link.is-selected:after {
    font-family: "kombit";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    font-size: 14px;
  }
  .header__mega-menu__submenu__sub-items {
    display: none;
    height: 100%;
    padding-left: 0;
    border: 1px solid #d9eaff;
  }
  .header__search-toggle {
    display: none;
  }
  .header__search {
    display: block;
    top: 94px;
  }
  .header__search.is-active .header__search__container .search-field {
    right: 40px;
    left: 40px;
    transform: translateY(0);
    width: auto;
  }
  .header__search.is-active .header__search__container .search-field__button {
    pointer-events: unset;
  }
  .header__search .header__search__container .search-field {
    transform: translateY(-69px);
    right: 100px;
    left: unset;
    width: 100px;
  }
  .header__search .header__search__container .search-field__button {
    pointer-events: none;
  }
}
@media (min-width: 1300px) {
  .header__menu__link {
    padding: 10px;
    font-size: 22px;
    line-height: 34px;
  }
}
@media (min-width: 1600px) {
  .header__mega-menu {
    padding: 0px 40px 20px 40px;
  }
  .header__mega-menu__footer {
    margin: auto;
  }
  .header__mega-menu__grid {
    margin: auto;
  }
  .header__mega-menu__col {
    padding: 0px 40px 40px 40px;
  }
  .header__mega-menu__teaser:before {
    left: -30px;
    top: -30px;
    right: -30px;
    bottom: -30px;
  }
  .header__mega-menu__teaser__title {
    font-size: 30px;
    line-height: 35px;
  }
  .header__mega-menu__teaser__text {
    font-size: 18px;
    line-height: 28px;
  }
  .header__top {
    height: 120px;
    padding: 40px;
  }
  .header__right {
    width: 200px;
  }
  .header__logo {
    width: 200px;
    height: 39px;
  }
  .header__search {
    top: 120px;
  }
  .header__search .header__search__container .search-field {
    transform: translateY(-82px);
    width: 200px;
  }
  .header__search .header__search__container .search-field .search-field__form {
    opacity: 1;
  }
}
@media (min-width: 1700px) {
  .header__menu__link {
    padding: 10px 30px;
    font-size: 24px;
    line-height: 34px;
  }
}
.header__modern-menu {
  display: none;
}
.header__modern-menu__primary__item {
  display: flex;
  gap: 15px;
  padding: 10px 0;
}
.header__modern-menu__primary__icon {
  width: 29px;
  height: auto;
}
.header__modern-menu__primary__icon[src=""] {
  display: none;
}
.header__modern-menu__primary__title {
  display: block;
  font-size: 18px;
  font-weight: 500;
}
.header__modern-menu__primary__item:hover .header__modern-menu__primary__title {
  text-decoration: underline;
}
.header__modern-menu__primary__subtitle {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}
.header__modern-menu__secondary {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.header__modern-menu__secondary__title {
  font-size: 12px;
  font-weight: 500;
}
.header__modern-menu__secondary__link {
  font-weight: 500;
  font-size: 16px;
}
.header__modern-menu__secondary__link:hover {
  text-decoration: underline;
}
.header__modern-menu__footer-link {
  position: relative;
  background-color: #eee;
  grid-column: 1/-1;
  padding: 2px 10px;
  font-size: 16px;
  font-weight: 500;
  border-left: 2px solid #3373d2;
  z-index: 1;
}
.header__modern-menu__footer-link:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  font-size: 10px;
  margin-left: 12px;
  transition: all 0.2s ease;
}
.header__modern-menu__footer-link:hover:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  margin-left: 16px;
}

@media (min-width: 1200px) {
  .header__modern-menu {
    gap: 20px;
    flex-basis: 1;
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 300px;
    padding: 10px 20px;
    transform: translateY(100%);
    background-color: #ffffff;
    box-shadow: 0px 40px 40px rgba(0, 0, 0, 0.16);
    overflow: hidden;
    border-top: 2px solid #3373d2;
  }
  .header__modern-menu--centered {
    left: 50%;
    transform: translate(-50%, 100%);
  }
  .header__modern-menu:has(.header__modern-menu__primary):has(.header__modern-menu__secondary) {
    width: 650px;
    grid-template-columns: 3fr 2fr;
  }
  .header__modern-menu.is-active {
    display: grid;
  }
  .header__modern-menu__primary {
    max-height: calc(100vh - 64px);
    overflow-y: auto;
  }
  .header__modern-menu__primary:not(:last-child) {
    padding-right: 5px;
    border-right: 1px solid #eee;
  }
  .header__modern-menu__secondary {
    max-height: calc(100vh - 64px);
    overflow-y: auto;
    padding: 10px 0;
  }
}
.heading {
  font-family: "Work Sans", sans-serif;
  text-transform: none;
  font-weight: 600;
}
.font-header .heading {
  font-family: "Work Sans", sans-serif;
}
.heading--1 {
  font-size: 1.77777778em;
}
.heading--2 {
  font-size: 1.33333333em;
}

.text img {
  max-width: 100%;
}
.text__link--arrow:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  display: inline-block;
  margin-left: 10px;
  font-size: 16px;
  transform: translateX(0px);
  transition: transform 200ms ease-in-out;
}
.text__link--arrow:hover:after {
  transform: translateX(10px);
}
.text h1:not(.section-heading__title):not(.hero-slider h1) {
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
}
.text h1:not(.section-heading__title):not(.hero-slider h1):not(:first-child) {
  margin-top: 30px;
}
.text h1:not(.section-heading__title):not(.hero-slider h1):not(:last-child) {
  margin-bottom: 20px;
}
.text h2:not(.section-heading__title):not(.hero-slider h2) {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}
.text h2:not(.section-heading__title):not(.hero-slider h2):not(:first-child) {
  margin-top: 25px;
}
.text h2:not(.section-heading__title):not(.hero-slider h2):not(:last-child) {
  margin-bottom: 15px;
}
.text h3:not(.section-heading__title):not(.hero-slider h3) {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}
.text h3:not(.section-heading__title):not(.hero-slider h3):not(:first-child) {
  margin-top: 20px;
}
.text h3:not(.section-heading__title):not(.hero-slider h3):not(:last-child) {
  margin-bottom: 15px;
}
.text p:not(.hero-slider p) {
  margin: 15px 0 20px 0;
  font-size: 16px;
  line-height: 26px;
}
.text p:not(.hero-slider p):last-child {
  margin-bottom: 0;
}
.text p:not(.hero-slider p):first-child {
  margin-top: 0;
}
.text a:not(.hero-slider a) {
  text-decoration: none;
  font-weight: 500;
  color: #3373d2;
}
.text ul {
  list-style: disc;
  margin: 0 0 1em 1.2em;
}
.text ul ul {
  margin-bottom: 0;
}
.text ol {
  list-style: decimal;
  margin: 0 0 1em 1.5em;
}
.text ol ol {
  margin-bottom: 0;
}
.text__object {
  margin: 45px 0;
  clear: both;
  position: relative;
}
.text__object--blue-color {
  background: #f4f9ff;
  padding: 20px;
}
.text__object--blue-color .text__object__footer {
  border-top: 1px solid #c7e1ff;
}
.text__object--red-color {
  background: #fcf7f9;
  padding: 20px;
}
.text__object--red-color .text__object__footer {
  border-top: 1px solid #f4c6cc;
}
.text__object--orange-color {
  background: #fdf8f2;
  padding: 20px;
}
.text__object--orange-color .text__object__footer {
  border-top: 1px solid #ffca91;
}
.text__object--green-color {
  background: #fbfcf5;
  padding: 20px;
}
.text__object--green-color .text__object__footer {
  border-top: 1px solid #e5eb98;
}
.text__object--grey-color {
  background: #fafafa;
  padding: 20px;
}
.text__object--grey-color .text__object__footer {
  border-top: 1px solid #efefef;
}
.text__object__footer {
  padding: 20px;
  padding-bottom: 0;
  margin: 0 -20px;
  text-align: right;
}
.text__object__footer a:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  margin-left: 10px;
  font-size: 16px;
}
.text blockquote {
  font-style: italic;
  padding-left: 30px;
  border-left: 2px solid #c7e1ff;
  margin: 0;
}
.text blockquote:not(:first-child) {
  margin-top: 30px;
}
.text blockquote:not(:last-child) {
  margin-bottom: 30px;
}

@media (min-width: 1200px) {
  .text h1:not(.section-heading__title):not(.hero-slider h1) {
    font-size: 50px;
    line-height: 59px;
    font-weight: 600;
  }
  .text h1:not(.section-heading__title):not(.hero-slider h1):not(:first-child) {
    margin-top: 40px;
  }
  .text h1:not(.section-heading__title):not(.hero-slider h1):not(:last-child) {
    margin-bottom: 25px;
  }
  .text h2:not(.section-heading__title):not(.hero-slider h2) {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
  }
  .text h2:not(.section-heading__title):not(.hero-slider h2):not(:first-child) {
    margin-top: 30px;
  }
  .text h2:not(.section-heading__title):not(.hero-slider h2):not(:last-child) {
    margin-bottom: 20px;
  }
  .text h3:not(.section-heading__title):not(.hero-slider h3) {
    font-size: 22px;
    line-height: 34px;
    font-weight: 600;
  }
  .text h3:not(.section-heading__title):not(.hero-slider h3):not(:first-child) {
    margin-top: 30px;
  }
  .text h3:not(.section-heading__title):not(.hero-slider h3):not(:last-child) {
    margin-bottom: 15px;
  }
  .text p:not(.hero-slider p) {
    margin: 15px 0 30px 0;
    font-size: 18px;
    line-height: 28px;
  }
  .text__object {
    margin: 65px 0;
  }
  .text__object--blue-color {
    padding: 40px;
  }
  .text__object--red-color {
    padding: 40px;
  }
  .text__object--orange-color {
    padding: 40px;
  }
  .text__object--green-color {
    padding: 40px;
  }
  .text__object--grey-color {
    padding: 40px;
  }
  .text__object__footer {
    padding: 40px;
    padding-bottom: 0;
    margin: 0 -40px;
  }
  .text__object--right {
    width: 360px;
    float: right;
    clear: right;
    margin: 10px 0 30px 30px;
  }
  .text__object--left {
    width: 360px;
    float: left;
    clear: left;
    margin: 10px 30px 30px 0px;
  }
  .text__object--large {
    margin-right: 0;
  }
}
.accordion {
  position: relative;
}
.accordion:not(:first-child) {
  margin-top: 40px;
}
.accordion:not(:last-child) {
  margin-bottom: 40px;
}
.accordion__heading {
  font-size: 36px;
  line-height: 36px;
  margin-bottom: 20px;
  font-weight: 600;
}
.accordion__heading--medium {
  font-size: 24px;
  line-height: 34px;
}
.accordion__heading--small {
  font-size: 20px;
  line-height: 30px;
}
.accordion__item {
  color: #111111;
  border-bottom: 1px solid #111111;
}
.accordion__item:first-child {
  border-top: 1px solid #111111;
}
.accordion__item.is-open .accordion__title span {
  background-color: #3373d2;
}
.accordion__item.is-open .accordion__title span:last-child {
  transform: rotate(0deg);
}
body.blue-color .accordion__item.is-open .accordion__title span {
  background-color: #3e85ff;
}
body.red-color .accordion__item.is-open .accordion__title span {
  background-color: #ba2644;
}
body.orange-color .accordion__item.is-open .accordion__title span {
  background-color: #ab7133;
}
body.green-color .accordion__item.is-open .accordion__title span {
  background-color: #888800;
}
.accordion__title {
  display: flex;
  flex-direction: column;
  gap: 5px;
  border: none;
  padding: 0;
  text-align: left;
  background-color: transparent;
  width: 100%;
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  position: relative;
  color: #111111;
  padding: 20px 50px 20px 20px;
  transition: color 200ms ease-in-out;
  cursor: pointer;
}
.accordion-v2 .accordion__title {
  font-weight: 600;
}
.accordion__title span {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 20px;
  height: 2px;
  background-color: #3373d2;
  transform-origin: center;
  transition: transform 200ms ease-in-out, color 200ms ease-in-out;
}
body.blue-color .accordion__title span {
  background-color: #3e85ff;
}
body.red-color .accordion__title span {
  background-color: #ba2644;
}
body.orange-color .accordion__title span {
  background-color: #ab7133;
}
body.green-color .accordion__title span {
  background-color: #888800;
}
.accordion__title span:last-child {
  transform: rotate(90deg);
}
.accordion__title span:hover {
  cursor: pointer;
}
.accordion__prefix {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}
.accordion__body {
  display: none;
  color: #111111;
}
.accordion__content {
  padding: 0 20px 20px;
  color: #111111;
  font-size: 14px;
  line-height: 22px;
}
.accordion__content a {
  text-decoration: underline;
}
.accordion__content a:hover, .accordion__content a:focus {
  cursor: pointer;
}
.accordion__content a:visited {
  color: grey;
}
.accordion__content p {
  margin-bottom: 20px;
}

@media (min-width: 1200px) {
  .accordion:not(:first-child) {
    margin-top: 80px;
  }
  .accordion:not(:last-child) {
    margin-bottom: 80px;
  }
  .accordion__heading {
    font-size: 50px;
    line-height: 59px;
    margin-bottom: 35px;
  }
  .accordion__heading--medium {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 20px;
  }
  .accordion__heading--small {
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
  }
  .accordion__title {
    padding: 40px 70px 40px 40px;
    font-size: 24px;
    line-height: 34px;
  }
  .accordion__title span {
    right: 40px;
  }
  .accordion__content {
    font-size: 18px;
    line-height: 28px;
    padding: 0 40px 40px;
  }
}
.picture {
  position: relative;
  overflow: hidden;
  display: block;
  font-size: 0;
}
.picture--16x9 {
  padding-bottom: 56.25%;
}
.picture--4x3 {
  padding-bottom: 75%;
}
.picture--2x3 {
  padding-bottom: 150%;
}
.picture--1x1 {
  padding-bottom: 100%;
}
.picture__image {
  position: absolute;
  width: 100%;
  height: auto;
}
.picture__image--unknown {
  position: static;
}
.picture__overlay {
  position: absolute;
  width: 76px;
  height: 76px;
  margin: -38px 0 0 -38px;
  top: 50%;
  left: 50%;
  background: 50% no-repeat;
  background-size: contain;
}

@media (min-width: 1200px) {
  .picture.is-extended {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 1160px;
    max-width: 1160px;
    z-index: 1;
  }
}
.button {
  position: relative;
  display: inline-block;
  border: 2px solid #3373d2;
  background-color: transparent;
  color: #3373d2;
  text-align: center;
  text-transform: none;
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
  border-radius: 35px;
  font-weight: 600;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-family: "Work Sans", sans-serif;
  cursor: pointer;
  transition: border 200ms ease-in-out, color 200ms ease-in-out;
  font-size: 18px;
  padding: 10px 26px;
  line-height: 26px;
  height: 50px;
  min-width: 200px;
}
.button:hover, .button:focus {
  color: #3e85ff;
  border-color: #3e85ff;
}
.button:after {
  right: 15px;
  font-size: 12px;
}
.button--blue-color {
  position: relative;
  display: inline-block;
  border: 2px solid #3373d2;
  background-color: transparent;
  color: #3373d2;
  text-align: center;
  text-transform: none;
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
  border-radius: 35px;
  font-weight: 600;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-family: "Work Sans", sans-serif;
  cursor: pointer;
  transition: border 200ms ease-in-out, color 200ms ease-in-out;
}
.button--blue-color:hover, .button--blue-color:focus {
  color: #3e85ff;
  border-color: #3e85ff;
}
.blue-color .button {
  position: relative;
  display: inline-block;
  border: 2px solid #3373d2;
  background-color: transparent;
  color: #3373d2;
  text-align: center;
  text-transform: none;
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
  border-radius: 35px;
  font-weight: 600;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-family: "Work Sans", sans-serif;
  cursor: pointer;
  transition: border 200ms ease-in-out, color 200ms ease-in-out;
}
.blue-color .button:hover, .blue-color .button:focus {
  color: #3e85ff;
  border-color: #3e85ff;
}
.button--red-color {
  position: relative;
  display: inline-block;
  border: 2px solid #671122;
  background-color: transparent;
  color: #671122;
  text-align: center;
  text-transform: none;
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
  border-radius: 35px;
  font-weight: 600;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-family: "Work Sans", sans-serif;
  cursor: pointer;
  transition: border 200ms ease-in-out, color 200ms ease-in-out;
}
.button--red-color:hover, .button--red-color:focus {
  color: #ba2644;
  border-color: #ba2644;
}
.red-color .button {
  position: relative;
  display: inline-block;
  border: 2px solid #671122;
  background-color: transparent;
  color: #671122;
  text-align: center;
  text-transform: none;
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
  border-radius: 35px;
  font-weight: 600;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-family: "Work Sans", sans-serif;
  cursor: pointer;
  transition: border 200ms ease-in-out, color 200ms ease-in-out;
}
.red-color .button:hover, .red-color .button:focus {
  color: #ba2644;
  border-color: #ba2644;
}
.button--orange-color {
  position: relative;
  display: inline-block;
  border: 2px solid #573903;
  background-color: transparent;
  color: #573903;
  text-align: center;
  text-transform: none;
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
  border-radius: 35px;
  font-weight: 600;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-family: "Work Sans", sans-serif;
  cursor: pointer;
  transition: border 200ms ease-in-out, color 200ms ease-in-out;
}
.button--orange-color:hover, .button--orange-color:focus {
  color: #ab7133;
  border-color: #ab7133;
}
.orange-color .button {
  position: relative;
  display: inline-block;
  border: 2px solid #573903;
  background-color: transparent;
  color: #573903;
  text-align: center;
  text-transform: none;
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
  border-radius: 35px;
  font-weight: 600;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-family: "Work Sans", sans-serif;
  cursor: pointer;
  transition: border 200ms ease-in-out, color 200ms ease-in-out;
}
.orange-color .button:hover, .orange-color .button:focus {
  color: #ab7133;
  border-color: #ab7133;
}
.button--green-color {
  position: relative;
  display: inline-block;
  border: 2px solid #3d4800;
  background-color: transparent;
  color: #3d4800;
  text-align: center;
  text-transform: none;
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
  border-radius: 35px;
  font-weight: 600;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-family: "Work Sans", sans-serif;
  cursor: pointer;
  transition: border 200ms ease-in-out, color 200ms ease-in-out;
}
.button--green-color:hover, .button--green-color:focus {
  color: #888800;
  border-color: #888800;
}
.green-color .button {
  position: relative;
  display: inline-block;
  border: 2px solid #3d4800;
  background-color: transparent;
  color: #3d4800;
  text-align: center;
  text-transform: none;
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
  border-radius: 35px;
  font-weight: 600;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-family: "Work Sans", sans-serif;
  cursor: pointer;
  transition: border 200ms ease-in-out, color 200ms ease-in-out;
}
.green-color .button:hover, .green-color .button:focus {
  color: #888800;
  border-color: #888800;
}

@media (min-width: 900px) {
  .button:not(.button--no-arrow) {
    padding: 10px 50px;
  }
  .button:not(.button--no-arrow):after {
    font-family: "kombit";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(-10px, -50%);
    opacity: 0;
    transition: opacity 200ms ease-in-out, transform 200ms ease-in-out;
  }
  .button:not(.button--no-arrow):hover:after, .button:not(.button--no-arrow):focus:after {
    transform: translate(0px, -50%);
    opacity: 1;
  }
}
@media (min-width: 1200px) {
  .button {
    font-size: 24px;
    padding: 10px 60px;
    line-height: 41px;
    min-width: 475px;
    height: 65px;
  }
  .button:after {
    right: 30px;
    font-size: 18px;
  }
  .button--small {
    font-size: 18px;
    padding: 10px 26px;
    line-height: 26px;
    height: 50px;
    min-width: 200px;
  }
  .button--small:after {
    right: 15px;
    font-size: 12px;
  }
}
.chess {
  display: flex;
  flex-wrap: wrap;
}
.chess__item {
  width: 50%;
}
.chess__item:nth-child(4n+1) .chess__teaser, .chess__item:nth-child(4n+4) .chess__teaser {
  background-color: #efefef;
}
.chess__item:nth-child(4n+1) .chess__teaser:after, .chess__item:nth-child(4n+4) .chess__teaser:after {
  background-color: #efefef;
}
.chess__teaser {
  display: block;
  position: relative;
  background-color: #fafafa;
  color: #111111;
  transition: box-shadow 200ms ease-in-out, z-index 200ms ease-in-out;
}
.chess__teaser:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 75%;
}
.chess__teaser__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.chess__teaser__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px;
}
.chess__teaser__icon {
  font-size: 40px;
  margin-bottom: 20px;
  color: #3373d2;
}
.chess__teaser__icon--economy:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.chess__teaser__icon--benefit:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.chess__teaser__icon--business:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.chess__teaser__icon--sickness-maternity-benefits:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.chess__teaser__icon--health:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.chess__teaser__icon--statistics:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.chess__teaser__icon--social-pension:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.chess__teaser__icon--case-document:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.chess__teaser__icon--personal-income-tax:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.chess__teaser__icon--person:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.chess__teaser__icon--organization:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.chess__teaser__icon--logning:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.chess__teaser__icon--management-information:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.chess__teaser__icon--cash-assistance:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.chess__teaser__icon--classification:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.chess__teaser__icon--holiday-account:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.chess__teaser__icon--contract:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.chess__teaser__icon--employment:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.chess__teaser__icon--message-distribution:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.chess__teaser__icon--settlement:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.chess__teaser__icon--access-control:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.chess__teaser__icon--users:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.chess__teaser__icon--water-climate:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.chess__teaser__icon--holiday-money:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.chess__teaser__title {
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  width: 100%;
}
.chess__teaser__text {
  display: none;
  width: 100%;
}
.chess__teaser:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fafafa;
  transform: scale(1);
  z-index: -1;
  box-shadow: none;
  transition: transform 200ms ease-in-out, box-shadow 200ms ease-in-out;
}
.chess__teaser:hover, .chess__teaser:focus {
  z-index: 1;
}
.chess__teaser:hover:after, .chess__teaser:focus:after {
  transform: scale(1.1);
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1);
}
.chess__view-all {
  display: block;
  position: relative;
  background-color: #3373d2;
  color: #ffffff;
  transition: box-shadow 200ms ease-in-out, z-index 200ms ease-in-out;
}
.chess__view-all:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 75%;
}
.chess__view-all__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.chess__view-all__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px;
}
.chess__view-all__text {
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  margin-bottom: 20px;
}
.chess__view-all__icon {
  font-size: 12px;
}
.chess__view-all__icon:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.chess__view-all:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #3373d2;
  transform: scale(1);
  z-index: -1;
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1);
  transition: transform 200ms ease-in-out;
}
.chess__view-all:hover, .chess__view-all:focus {
  z-index: 1;
}
.chess__view-all:hover:after, .chess__view-all:focus:after {
  transform: scale(1.1);
}

@media (min-width: 700px) {
  .chess__teaser__icon {
    margin-bottom: 20px;
    font-size: 80px;
  }
  .chess__teaser__title {
    font-size: 30px;
    line-height: 35px;
  }
  .chess__teaser__text {
    margin-top: 20px;
  }
  .chess__view-all__text {
    font-size: 30px;
    line-height: 35px;
  }
  .chess__view-all__icon {
    font-size: 19px;
  }
}
@media (min-width: 900px) {
  .chess__item {
    width: 33.33333333%;
    order: 1;
  }
  .chess__item--view-all {
    order: 2;
  }
  .chess__item:nth-child(4n+1) .chess__teaser, .chess__item:nth-child(4n+4) .chess__teaser {
    background-color: #fafafa;
  }
  .chess__item:nth-child(4n+1) .chess__teaser:after, .chess__item:nth-child(4n+4) .chess__teaser:after {
    background-color: #fafafa;
  }
  .chess__item:nth-child(2n) .chess__teaser {
    background-color: #efefef;
  }
  .chess__item:nth-child(2n) .chess__teaser:after {
    background-color: #efefef;
  }
  .chess__teaser {
    position: relative;
  }
  .chess__teaser:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%;
  }
  .chess__teaser__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .chess__teaser__icon {
    font-size: 80px;
  }
  .chess__teaser__title {
    font-size: 30px;
    line-height: 35px;
  }
  .chess__teaser__text {
    display: inline-block;
    font-size: 18px;
    line-height: 28px;
  }
  .chess__view-all {
    position: relative;
  }
  .chess__view-all:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%;
  }
  .chess__view-all__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media (min-width: 1200px) {
  .chess__teaser__icon {
    margin-bottom: 35px;
  }
  .chess__teaser__text {
    margin-top: 35px;
  }
}
@media (min-width: 1400px) {
  .chess__teaser__content {
    padding: 40px;
  }
}
@media (min-width: 1400px) {
  .chess__item {
    width: 25%;
  }
  .chess__item:nth-child(2n) .chess__teaser {
    background-color: #fafafa;
  }
  .chess__item:nth-child(2n) .chess__teaser:after {
    background-color: #fafafa;
  }
  .chess__item:nth-child(8n+2) .chess__teaser, .chess__item:nth-child(8n+4) .chess__teaser, .chess__item:nth-child(8n+5) .chess__teaser, .chess__item:nth-child(8n+7) .chess__teaser {
    background-color: #efefef;
  }
  .chess__item:nth-child(8n+2) .chess__teaser:after, .chess__item:nth-child(8n+4) .chess__teaser:after, .chess__item:nth-child(8n+5) .chess__teaser:after, .chess__item:nth-child(8n+7) .chess__teaser:after {
    background-color: #efefef;
  }
}
.cta-banner * {
  box-sizing: border-box;
}
.cta-banner__inner {
  display: grid;
}
.cta-banner--grey {
  background-color: #F7F6F5;
}
.cta-banner--blue {
  background-color: #F4F9FF;
}
.cta-banner--yellow {
  background-color: #FEF8DE;
}
.cta-banner__image {
  position: relative;
  padding-bottom: 75%;
  z-index: 1;
}
.cta-banner__image img {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.cta-banner__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 660px;
  text-align: center;
  padding: 60px 20px;
  margin: 0 auto;
}
.cta-banner__title {
  font-family: "Work Sans", sans-serif;
  font-size: 20px;
  line-height: 24px;
  line-height: 1.16 !important;
  font-weight: 500;
  word-break: break-word;
  margin-bottom: 20px;
  width: 100%;
}
.cta-banner__text {
  margin-top: 5px;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 20px;
  width: 100%;
  display: block;
}
.cta-banner .button {
  min-width: 290px;
}

@media (min-width: 700px) {
  .cta-banner__title {
    font-size: 36px;
    line-height: 36px;
  }
  .cta-banner__text {
    font-size: 22px;
    line-height: 34px;
  }
}
@media (min-width: 900px) {
  .cta-banner:not(.cta-banner--large) {
    border-left: 3px solid #3373d2;
  }
  .cta-banner__inner {
    grid-template-columns: 1fr 1fr;
  }
  .cta-banner:not(.cta-banner--large) .cta-banner__image {
    padding-bottom: 0;
  }
  .cta-banner__content {
    padding: 100px 60px;
  }
  .cta-banner:not(.cta-banner--large) .cta-banner__content {
    padding: 80px 60px;
  }
  .cta-banner--reversed .cta-banner__image {
    order: 2;
  }
}
.section-heading {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  text-align: center;
}
.section-heading--left {
  text-align: left;
}
.section-heading__title {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
}
.section-heading__subtext {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}
.section-heading__links {
  margin-left: 20px;
  text-align: right;
}
.section-heading__link {
  color: #3373d2;
  font-weight: 500;
}
.section-heading__link:not(:last-child):after {
  content: "  /  ";
  color: #111111;
}

@media (min-width: 900px) {
  .section-heading {
    margin-bottom: 35px;
  }
  .section-heading__title {
    font-size: 36px;
    line-height: 36px;
  }
}
@media (min-width: 1400px) {
  .section-heading__title {
    font-size: 50px;
    line-height: 59px;
    gap: 10px;
  }
  .section-heading__title__subtext {
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
  }
}
.section-prefix {
  margin-bottom: 20px;
  font-weight: 500;
  color: #3373d2;
}

.box {
  position: relative;
  background-color: #fafafa;
}
.box--blue-color {
  background-color: #f4f9ff;
}
.box--blue-color.box--border {
  background-color: #fafafa;
  border: 2px solid #3e85ff;
}
.box--blue-color .text a {
  color: #3373d2;
}
.box--blue-color .text a:hover {
  color: #3e85ff;
}
.box--blue-color .subscribe .subscribe__submit {
  background-color: #3e85ff;
  border-bottom-color: #3e85ff;
}
.box--blue-color .subscribe .subscribe__submit:hover {
  background-color: #3373d2;
}
.box--blue-color .subscribe .subscribe__input {
  border-bottom-color: #3e85ff;
}
.box--blue-color .subscribe .subscribe__input:focus {
  border-bottom-color: #d0c80b;
}
.box--red-color {
  background-color: #fcf7f9;
}
.box--red-color.box--border {
  background-color: #fafafa;
  border: 2px solid #ba2644;
}
.box--red-color .text a {
  color: #671122;
}
.box--red-color .text a:hover {
  color: #ba2644;
}
.box--red-color .subscribe .subscribe__submit {
  background-color: #ba2644;
  border-bottom-color: #ba2644;
}
.box--red-color .subscribe .subscribe__submit:hover {
  background-color: #671122;
}
.box--red-color .subscribe .subscribe__input {
  border-bottom-color: #ba2644;
}
.box--red-color .subscribe .subscribe__input:focus {
  border-bottom-color: #d0c80b;
}
.box--orange-color {
  background-color: #fdf8f2;
}
.box--orange-color.box--border {
  background-color: #fafafa;
  border: 2px solid #ab7133;
}
.box--orange-color .text a {
  color: #573903;
}
.box--orange-color .text a:hover {
  color: #ab7133;
}
.box--orange-color .subscribe .subscribe__submit {
  background-color: #ab7133;
  border-bottom-color: #ab7133;
}
.box--orange-color .subscribe .subscribe__submit:hover {
  background-color: #573903;
}
.box--orange-color .subscribe .subscribe__input {
  border-bottom-color: #ab7133;
}
.box--orange-color .subscribe .subscribe__input:focus {
  border-bottom-color: #d0c80b;
}
.box--green-color {
  background-color: #fbfcf5;
}
.box--green-color.box--border {
  background-color: #fafafa;
  border: 2px solid #888800;
}
.box--green-color .text a {
  color: #3d4800;
}
.box--green-color .text a:hover {
  color: #888800;
}
.box--green-color .subscribe .subscribe__submit {
  background-color: #888800;
  border-bottom-color: #888800;
}
.box--green-color .subscribe .subscribe__submit:hover {
  background-color: #3d4800;
}
.box--green-color .subscribe .subscribe__input {
  border-bottom-color: #888800;
}
.box--green-color .subscribe .subscribe__input:focus {
  border-bottom-color: #d0c80b;
}
.box.is-closed {
  display: none;
}
.box--transparent-color {
  background: transparent;
  padding: 0;
}
.box__close {
  border: none;
  padding: 0;
  text-align: left;
  background-color: transparent;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
.box__close:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
[class*="--red-color"] .box__close {
  color: #ba2644;
}
[class*="--orange-color"] .box__close {
  color: #ab7133;
}
[class*="--green-color"] .box__close {
  color: #888800;
}
.box__head {
  padding: 20px;
  border-bottom: 1px solid #000;
}
[class*="--blue-color"] .box__head {
  background-color: #f4f9ff;
  border-bottom-color: #c7e1ff;
}
[class*="--red-color"] .box__head {
  background-color: #fcf7f9;
  border-bottom-color: #f4c6cc;
}
[class*="--orange-color"] .box__head {
  background-color: #fdf8f2;
  border-bottom-color: #ffca91;
}
[class*="--green-color"] .box__head {
  background-color: #fbfcf5;
  border-bottom-color: #e5eb98;
}
.box__head__title {
  font-size: 30px;
  line-height: 35px;
  font-weight: 600;
}
.box__content {
  padding: 20px;
}
.box__content .text {
  max-width: 890px;
}
.box__content--split .text {
  max-width: 770px;
}
.box__content--read-more {
  height: 200px;
  overflow: hidden;
}
.box__content--read-more.is-open {
  height: auto;
}
.box__content + .box__content {
  border-top: 1px solid #000;
}
[class*="--blue-color"] .box__content + .box__content {
  background-color: #f4f9ff;
  border-top-color: #c7e1ff;
}
[class*="--red-color"] .box__content + .box__content {
  background-color: #fcf7f9;
  border-top-color: #f4c6cc;
}
[class*="--orange-color"] .box__content + .box__content {
  background-color: #fdf8f2;
  border-top-color: #ffca91;
}
[class*="--green-color"] .box__content + .box__content {
  background-color: #fbfcf5;
  border-top-color: #e5eb98;
}
.box__read-more {
  position: relative;
  padding: 0 20px 20px 20px;
}
.box__read-more:before {
  content: "";
  display: block;
  width: 100%;
  height: 70px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: translateY(-100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 100%);
}
[class*="--blue-color"] .box__read-more {
  background-color: #f4f9ff;
}
[class*="--blue-color"] .box__read-more:before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #f4f9ff 100%);
}
[class*="--red-color"] .box__read-more {
  background-color: #fcf7f9;
}
[class*="--red-color"] .box__read-more:before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fcf7f9 100%);
}
[class*="--orange-color"] .box__read-more {
  background-color: #fdf8f2;
}
[class*="--orange-color"] .box__read-more:before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fdf8f2 100%);
}
[class*="--green-color"] .box__read-more {
  background-color: #fbfcf5;
}
[class*="--green-color"] .box__read-more:before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fbfcf5 100%);
}
.box__read-more.is-open:before {
  display: none;
}
.box__read-more__button {
  border: none;
  padding: 0;
  text-align: left;
  background-color: transparent;
  position: relative;
  cursor: pointer;
  font-weight: 500;
  padding-right: 25px;
  color: #3373d2;
}
[class*="--blue-color"] .box__read-more__button {
  color: #3e85ff;
}
[class*="--red-color"] .box__read-more__button {
  color: #ba2644;
}
[class*="--orange-color"] .box__read-more__button {
  color: #ab7133;
}
[class*="--green-color"] .box__read-more__button {
  color: #888800;
}
.box__info {
  margin-top: 20px;
}
.box__info__button {
  margin-top: 20px;
  font-size: 18px;
  padding: 10px 26px;
  line-height: 26px;
  height: 50px;
  min-width: 200px;
}
[class*="--red-color"] .box__info__button {
  position: relative;
  display: inline-block;
  border: 2px solid #671122;
  background-color: transparent;
  color: #671122;
  text-align: center;
  text-transform: none;
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
  border-radius: 35px;
  font-weight: 600;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-family: "Work Sans", sans-serif;
  cursor: pointer;
  transition: border 200ms ease-in-out, color 200ms ease-in-out;
}
[class*="--red-color"] .box__info__button:hover, [class*="--red-color"] .box__info__button:focus {
  color: #ba2644;
  border-color: #ba2644;
}
[class*="--orange-color"] .box__info__button {
  position: relative;
  display: inline-block;
  border: 2px solid #573903;
  background-color: transparent;
  color: #573903;
  text-align: center;
  text-transform: none;
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
  border-radius: 35px;
  font-weight: 600;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-family: "Work Sans", sans-serif;
  cursor: pointer;
  transition: border 200ms ease-in-out, color 200ms ease-in-out;
}
[class*="--orange-color"] .box__info__button:hover, [class*="--orange-color"] .box__info__button:focus {
  color: #ab7133;
  border-color: #ab7133;
}
[class*="--green-color"] .box__info__button {
  position: relative;
  display: inline-block;
  border: 2px solid #3d4800;
  background-color: transparent;
  color: #3d4800;
  text-align: center;
  text-transform: none;
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
  border-radius: 35px;
  font-weight: 600;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-family: "Work Sans", sans-serif;
  cursor: pointer;
  transition: border 200ms ease-in-out, color 200ms ease-in-out;
}
[class*="--green-color"] .box__info__button:hover, [class*="--green-color"] .box__info__button:focus {
  color: #888800;
  border-color: #888800;
}
.box__info__button:after {
  right: 15px;
  font-size: 12px;
}
.box__info__button:after {
  display: none;
}
.box__download {
  margin-top: 20px;
  margin-bottom: 20px;
}
.box__download__link {
  display: block;
  padding: 40px;
  max-width: 275px;
  background-color: #ffffff;
  text-align: center;
  box-shadow: none;
  transition: box-shadow 200ms ease-in-out;
  color: #3373d2;
  border: 1px solid #3373d2;
}
.box__download__link:hover {
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}
.box__download__link:hover .box__download__icon:not(.box__download__icon--arrow) {
  transform: translateY(10px);
}
.box__download__link:hover .box__download__icon.box__download__icon--arrow {
  transform: translateX(5px);
}
[class*="--red-color"] .box__download__link {
  color: #671122;
  border: 1px solid #f4c6cc;
}
[class*="--orange-color"] .box__download__link {
  color: #573903;
  border: 1px solid #ffca91;
}
[class*="--green-color"] .box__download__link {
  color: #3d4800;
  border: 1px solid #e5eb98;
}
.box__download__icon {
  transition: transform 200ms ease-in-out;
}
.box__download__icon:not(.box__download__icon--arrow) {
  margin-bottom: 20px;
  font-size: 50px;
  transform: translateY(0);
}
.box__download__icon:not(.box__download__icon--arrow):after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.box__download__icon--arrow {
  margin-bottom: 20px;
  font-size: 24px;
  transform: translateX(0);
}
.box__download__icon--arrow:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.box__teaser {
  position: relative;
  display: block;
  max-width: 810px;
  margin: 20px 0;
  padding: 20px 20px 40px 20px;
  background-color: #ffffff;
  transition: box-shadow 200ms ease-in-out;
  box-shadow: none;
}
.box__teaser:hover {
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}
.box__teaser:hover:after {
  transform: translateX(10px);
}
.box__teaser:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  position: absolute;
  right: 20px;
  bottom: 20px;
  transition: transform 200ms ease-in-out;
  transform: translateX(0px);
  font-size: 14px;
  color: #3373d2;
}
[class*="--red-color"] .box__teaser:after {
  color: #ba2644;
}
[class*="--orange-color"] .box__teaser:after {
  color: #ab7133;
}
[class*="--green-color"] .box__teaser:after {
  color: #888800;
}
.box__teaser__prefix {
  font-size: 14px;
  line-height: 22px;
}
.box__teaser__title {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 20px;
}
[class*="--blue-color"] .box__teaser__title {
  color: #3e85ff;
}
[class*="--red-color"] .box__teaser__title {
  color: #ba2644;
}
[class*="--orange-color"] .box__teaser__title {
  color: #ab7133;
}
[class*="--green-color"] .box__teaser__title {
  color: #888800;
}
.box__teaser__text {
  max-width: 645px;
}
.box__footer {
  padding: 20px;
  border-top: 1px solid #000;
}
.box__footer .box__footer__link {
  color: #3373d2;
  font-weight: 500;
}
.box__footer .box__footer__link:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  display: inline-block;
  margin-left: 10px;
  font-size: 16px;
  transform: translateX(0px);
  transition: transform 200ms ease-in-out;
}
.box__footer .box__footer__link:hover:after {
  transform: translateX(10px);
}
[class*="--blue-color"] .box__footer {
  background-color: #f4f9ff;
  border-top-color: #c7e1ff;
}
[class*="--blue-color"] .box__footer .box__footer__link {
  color: #3373d2;
}
[class*="--red-color"] .box__footer {
  background-color: #fcf7f9;
  border-top-color: #f4c6cc;
}
[class*="--red-color"] .box__footer .box__footer__link {
  color: #671122;
}
[class*="--orange-color"] .box__footer {
  background-color: #fdf8f2;
  border-top-color: #ffca91;
}
[class*="--orange-color"] .box__footer .box__footer__link {
  color: #573903;
}
[class*="--green-color"] .box__footer {
  background-color: #fbfcf5;
  border-top-color: #e5eb98;
}
[class*="--green-color"] .box__footer .box__footer__link {
  color: #3d4800;
}

@media (min-width: 1200px) {
  .box__head {
    padding: 40px;
  }
  .box__content {
    padding: 40px;
  }
  .box__content--split {
    display: flex;
  }
  .box__content--split .text {
    margin-right: 40px;
    flex-grow: 1;
  }
  .box__read-more {
    padding: 0 40px 40px 40px;
  }
  .box__info {
    min-width: 210px;
    margin-left: auto;
    margin-top: 0px;
    text-align: right;
  }
  .box__info__button {
    margin-top: 40px;
  }
  .box__download__link {
    margin-left: auto;
  }
  .box__teaser {
    margin: 40px 0;
    padding: 40px 40px 60px 40px;
  }
  .box__teaser:after {
    right: 40px;
    bottom: 40px;
    font-size: inherit;
  }
  .box__teaser__prefix {
    font-size: 18px;
    line-height: 28px;
  }
  .box__teaser__title {
    font-size: 24px;
    line-height: 34px;
  }
  .box__footer {
    padding: 40px;
    text-align: right;
  }
}
.search-field {
  height: 55px;
  background: transparent;
  width: 100%;
  display: block;
  position: relative;
  border-bottom: 1px solid #3373d2;
}
.blue-color .search-field {
  border-bottom-color: #3373d2;
}
.red-color .search-field {
  border-bottom-color: #671122;
}
.orange-color .search-field {
  border-bottom-color: #573903;
}
.green-color .search-field {
  border-bottom-color: #3d4800;
}
.search-field--white {
  border-bottom-color: #ffffff;
}
.search-field--white.search-field:after,
.search-field--white .search-field__placeholder,
.search-field--white .search-field__input {
  color: #ffffff;
}
.search-field__input {
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  box-sizing: border-box;
  font-family: inherit;
  padding: 0;
  border-radius: 0;
  width: 100%;
  height: 40px;
  background-image: none !important;
  font-size: 20px;
  line-height: 24px;
  padding-left: 0;
  padding-right: 30px;
  outline: none;
}
.search-field__input::-ms-clear {
  width: 0;
  height: 0;
}
.search-field__input::-moz-placeholder {
  color: #3373d2;
}
.hero .search-field__input::-moz-placeholder, .hero-slider .search-field__input::-moz-placeholder {
  color: #ffffff;
}
.blue-color .search-field__input::-moz-placeholder {
  color: #3373d2;
}
.red-color .search-field__input::-moz-placeholder {
  color: #671122;
}
.orange-color .search-field__input::-moz-placeholder {
  color: #573903;
}
.green-color .search-field__input::-moz-placeholder {
  color: #3d4800;
}
.search-field__input::-webkit-input-placeholder {
  color: #3373d2;
}
.hero .search-field__input::-webkit-input-placeholder, .hero-slider .search-field__input::-webkit-input-placeholder {
  color: #ffffff;
}
.blue-color .search-field__input::-webkit-input-placeholder {
  color: #3373d2;
}
.red-color .search-field__input::-webkit-input-placeholder {
  color: #671122;
}
.orange-color .search-field__input::-webkit-input-placeholder {
  color: #573903;
}
.green-color .search-field__input::-webkit-input-placeholder {
  color: #3d4800;
}
.search-field__input:-ms-input-placeholder {
  color: #3373d2;
}
.hero .search-field__input:-ms-input-placeholder, .hero-slider .search-field__input:-ms-input-placeholder {
  color: #ffffff;
}
.blue-color .search-field__input:-ms-input-placeholder {
  color: #3373d2;
}
.red-color .search-field__input:-ms-input-placeholder {
  color: #671122;
}
.orange-color .search-field__input:-ms-input-placeholder {
  color: #573903;
}
.green-color .search-field__input:-ms-input-placeholder {
  color: #3d4800;
}
.search-field__input::placeholder {
  color: #3373d2;
}
.hero .search-field__input::placeholder, .hero-slider .search-field__input::placeholder {
  color: #ffffff;
}
.blue-color .search-field__input::placeholder {
  color: #3373d2;
}
.red-color .search-field__input::placeholder {
  color: #671122;
}
.orange-color .search-field__input::placeholder {
  color: #573903;
}
.green-color .search-field__input::placeholder {
  color: #3d4800;
}
.blue-color .search-field__input {
  color: #3373d2;
}
.red-color .search-field__input {
  color: #671122;
}
.orange-color .search-field__input {
  color: #573903;
}
.green-color .search-field__input {
  color: #3d4800;
}
.search-field__button {
  border: none;
  padding: 0;
  text-align: left;
  background-color: transparent;
  position: absolute;
  top: 8px;
  right: 0;
  cursor: pointer;
}
.search-field__button:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  font-size: 24px;
  color: #3373d2;
}
.hero .search-field__button:after, .hero-slider .search-field__button:after {
  color: #ffffff;
}
body.blue-color .media-teaser .search-field__button:after {
  color: #3373d2;
}
body.red-color .media-teaser .search-field__button:after {
  color: #671122;
}
body.orange-color .media-teaser .search-field__button:after {
  color: #573903;
}
body.green-color .media-teaser .search-field__button:after {
  color: #3d4800;
}
.search-field__placeholder {
  font-size: 20px;
  line-height: 24px;
  line-height: 40px;
  font-weight: 500;
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.blue-color .search-field__placeholder {
  color: #3373d2;
}
.red-color .search-field__placeholder {
  color: #671122;
}
.orange-color .search-field__placeholder {
  color: #573903;
}
.green-color .search-field__placeholder {
  color: #3d4800;
}
.search-field.is-focused .search-field__placeholder {
  opacity: 0.5;
}
.search-field:not(.is-empty) .search-field__placeholder, .search-field:not(.is-empty).is-focused .search-field__placeholder {
  display: none;
}

@media (min-width: 1200px) {
  .search-field:after {
    top: 0;
    font-size: 30px;
  }
  .search-field__placeholder {
    font-size: 30px;
  }
  .search-field__input {
    font-size: 30px;
    line-height: 35px;
  }
}
.steps {
  text-align: center;
}
.steps__title {
  font-family: "Work Sans", sans-serif;
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  margin: 0px auto 40px auto;
  max-width: 1100px;
}
.steps__items {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 20px;
}
.steps__item:not(:last-child) {
  position: relative;
  padding-right: 40px;
}
.steps__item:not(:last-child):after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  font-size: 9px;
  transform: translateY(-50%);
}
.steps__image {
  max-height: 65px;
  max-width: 70px;
  transition: 200ms ease-in-out;
}
.steps__image:hover {
  transform: scale(1.1);
}

@media (min-width: 900px) {
  .steps__item:not(:last-child) {
    padding-right: 60px;
  }
  .steps__item:not(:last-child):after {
    right: 20px;
  }
  .steps__image {
    max-height: 75px;
    max-width: 82px;
  }
}
@media (min-width: 1200px) {
  .steps__title {
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 40px;
  }
  .steps__items {
    margin-bottom: 40px;
  }
  .steps__item:not(:last-child) {
    padding-right: 140px;
  }
  .steps__item:not(:last-child):after {
    font-size: 24px;
    right: 40px;
  }
  .steps__image {
    max-height: 200px;
    width: 100%;
    max-width: 100%;
  }
}
.quote__body {
  padding-right: 20px;
}
.quote__body:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  display: inline-block;
  font-size: 26px;
  margin-bottom: 20px;
}
.blue-color .quote__body:before {
  color: #3373d2;
}
.red-color .quote__body:before {
  color: #671122;
}
.orange-color .quote__body:before {
  color: #573903;
}
.green-color .quote__body:before {
  color: #3d4800;
}
.quote__heading {
  font-family: "Work Sans", sans-serif;
  font-size: 30px;
  line-height: 35px;
  font-weight: 700;
  margin-bottom: 20px;
}
.blue-color .quote__heading {
  color: #3e85ff;
}
.red-color .quote__heading {
  color: #ba2644;
}
.orange-color .quote__heading {
  color: #ab7133;
}
.green-color .quote__heading {
  color: #888800;
}
.quote__author {
  text-align: right;
  border-right: 6px solid #3373d2;
  padding-right: 40px;
  font-size: 18px;
  line-height: 28px;
}
.blue-color .quote__author {
  border-color: #3e85ff;
}
.red-color .quote__author {
  border-color: #ba2644;
}
.orange-color .quote__author {
  border-color: #ab7133;
}
.green-color .quote__author {
  border-color: #888800;
}
.quote__author__name {
  font-weight: 500;
}
.quote__author__position {
  display: block;
}
.quote__picture {
  margin-bottom: 20px;
  text-align: center;
}
.quote__image {
  max-width: 153px;
}

@media (min-width: 900px) {
  .quote__body {
    padding-right: 60px;
  }
  .quote__body:before {
    font-size: 30px;
  }
  .quote__heading {
    font-size: 36px;
    line-height: 36px;
  }
}
@media (min-width: 1200px) {
  .quote {
    display: flex;
  }
  .quote__body {
    padding-left: 140px;
    order: 2;
    width: 68%;
  }
  .quote__body:before {
    font-size: 44px;
  }
  .quote__heading {
    font-size: 60px;
    line-height: 70px;
  }
  .quote__byline {
    order: 1;
    width: 32%;
  }
  .quote__picture {
    text-align: right;
    margin-bottom: 40px;
  }
  .quote__image {
    max-width: 100%;
  }
}
.table-of-contents {
  width: 100%;
  height: 65px;
}
.table-of-contents__body {
  position: relative;
  width: 100%;
  z-index: 8;
  box-shadow: 0px 10px 40px rgba(17, 17, 17, 0.1);
}
body.is-logged-in .table-of-contents__body {
  top: auto !important;
}
body:not(.is-logged-in) .is-fixed .table-of-contents__body {
  position: fixed;
  top: 0px;
  max-width: 1920px;
}
body:not(.is-logged-in) .is-fixed.header-is--fixed .table-of-contents__body {
  top: 64px;
}
.table-of-contents__mobile-toggle {
  position: relative;
  padding: 20px 20px;
  background-color: #ffffff;
  font-weight: 600;
  border-top: 2px solid #3373d2;
}
.table-of-contents__mobile-toggle:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  position: absolute;
  right: 20px;
  top: 26px;
  transform: rotate(0deg);
  font-size: 60%;
}
.table-of-contents__mobile-toggle.is-open:after {
  transform: rotate(-180deg);
}
.table-of-contents__items {
  display: none;
  list-style: none;
  padding: 0;
  max-height: calc(100vh - 68px);
  overflow: auto;
  border-bottom: 2px solid #3373d2;
}
body:not(.is-logged-in) .header-is--fixed .table-of-contents__items {
  max-height: calc(100vh - 132px);
}
.table-of-contents__items.is-open {
  display: block;
}
.table-of-contents__item {
  border-top: 2px solid #3373d2;
  background-color: #fafafa;
}
.table-of-contents__item .table-of-contents__sub-link.is-highlighted {
  position: relative;
}
.table-of-contents__item .table-of-contents__sub-link.is-highlighted:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  font-size: 14px;
}
.table-of-contents__link {
  display: block;
  padding: 20px 20px;
  font-weight: 600;
}
.table-of-contents__link.is-highlighted {
  position: relative;
}
.table-of-contents__link.is-highlighted:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  font-size: 14px;
}
.table-of-contents__sub-items {
  list-style: none;
  padding: 10px 0;
}
.table-of-contents__sub-items.is-closed {
  display: none;
}
.table-of-contents__sub-link {
  display: block;
  padding: 10px 20px;
  font-weight: 500;
}

@media (min-width: 1200px) {
  .table-of-contents {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: 538px;
    z-index: 1;
  }
  .table-of-contents__body {
    box-shadow: none;
    z-index: auto;
  }
  body:not(.is-logged-in) .is-bottom .table-of-contents__body {
    position: absolute;
    bottom: 0px;
    left: 0;
    top: auto;
  }
  .table-of-contents__mobile-toggle {
    display: none;
  }
  .table-of-contents__items {
    display: block;
    height: unset;
    overflow: hidden;
    overflow-y: auto;
  }
  body:not(.is-logged-in) .table-of-contents__items {
    overflow-y: auto;
  }
  body:not(.is-logged-in) .is-fixed:not(.is-bottom) .table-of-contents__items {
    width: 30%;
    max-width: 538px;
  }
  .is-bottom .table-of-contents__items {
    width: auto;
  }
  .table-of-contents__sub-items {
    display: none;
  }
  .table-of-contents__sub-items.is-open {
    display: block;
    background-color: #f4f9ff;
    color: #3373d2;
  }
  .table-of-contents__link {
    padding: 20px 80px 20px 40px;
  }
  .table-of-contents__sub-link {
    padding: 10px 80px 10px 40px;
  }
  .table-of-contents__sub-item .table-of-contents__sub-item .table-of-contents__sub-link {
    padding: 10px 80px 10px 40px;
  }
}
.video {
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
  overflow: hidden;
}
.video__iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  border: none;
}
.video__overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
}
.video__overlay:hover .video__icon {
  transform: scale(1.1);
}
.video__body {
  max-width: 500px;
  padding: 30px 20px;
  color: #fff;
  text-align: center;
}
.video__time {
  display: inline-block;
  padding: 10px 20px;
  background: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 14px;
  line-height: 22px;
  color: #3373d2;
}
.blue-color .video__time {
  color: #3373d2;
}
.red-color .video__time {
  color: #671122;
}
.orange-color .video__time {
  color: #573903;
}
.green-color .video__time {
  color: #3d4800;
}
.video__icon {
  display: inline-block;
  width: 80px;
  height: 80px;
  background: #ffffff;
  border-radius: 50%;
  text-align: center;
  position: relative;
  transition: 200ms ease-in-out;
}
.video__icon:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  font-size: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-37%, -50%);
  color: #3373d2;
}
.blue-color .video__icon:before {
  color: #3e85ff;
}
.red-color .video__icon:before {
  color: #ba2644;
}
.orange-color .video__icon:before {
  color: #ab7133;
}
.green-color .video__icon:before {
  color: #888800;
}

@media (min-width: 1200px) {
  .video__time {
    font-size: 18px;
    line-height: 28px;
  }
  .video__icon {
    width: 140px;
    height: 140px;
  }
  .video__icon:before {
    font-size: 52px;
  }
}
.checkbox {
  display: flex;
  align-items: center;
  margin: 0 0 20px;
  position: relative;
  align-self: flex-start;
  flex-basis: 50%;
  cursor: pointer;
}
.checkbox.is-hidden {
  display: none;
}
.checkbox:last-of-type {
  margin-bottom: 0;
}
.checkbox__input,
.checkbox .facets-checkbox {
  position: absolute;
  visibility: hidden;
}
.checkbox__label,
.checkbox label {
  font-weight: 500;
  padding-left: 50px;
  padding-right: 5px;
  min-height: 30px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  cursor: pointer;
}
.filters .checkbox__label, .filters
.checkbox label {
  padding-left: 35px;
  color: #3373d2;
}
.checkbox__label:before,
.checkbox label:before {
  content: '';
  position: absolute;
  border: 1px solid #87befd;
  box-sizing: border-box;
  width: 34px;
  height: 34px;
  left: 0;
  top: 50%;
  margin-top: -17px;
  background: #ffffff;
}
.calendar .checkbox__label:before, .calendar
.checkbox label:before {
  left: 8px;
}
.filters .checkbox__label:before, .filters
.checkbox label:before {
  width: 24px;
  height: 24px;
  margin-top: -12px;
  left: 5px;
}
.checkbox__input:checked + .checkbox__label,
.checkbox .facets-checkbox:checked + label {
  color: #3373d2;
}
.checkbox__input:checked + .checkbox__label:before,
.checkbox .facets-checkbox:checked + label:before {
  background: #ffffff url("../../gfx/check.svg") 50% no-repeat;
}
.filters .checkbox__input:checked + .checkbox__label:before, .filters
.checkbox .facets-checkbox:checked + label:before {
  background-size: 15px 10px;
  background-color: #ffffff;
}
.checkbox__input:disabled + .checkbox__label,
.checkbox .facets-checkbox:disabled + label {
  opacity: .5;
}
.filters .checkbox {
  padding: 5px;
  background-color: #f4f9ff;
  margin-bottom: 5px;
  display: block;
}

.calendar {
  position: relative;
  z-index: 1;
}
.calendar__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
.calendar__title {
  width: 100%;
}
.calendar__months {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  flex-shrink: 0;
}
.calendar__months__items {
  display: flex;
  align-items: center;
  gap: 20px;
}
.calendar__months__link--previous:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  color: #3373d2;
  font-size: 24px;
  margin-top: -5px;
  display: inline-block;
}
.calendar__months__link--next:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  color: #3373d2;
  font-size: 24px;
  margin-top: -5px;
  display: inline-block;
}
.calendar__months__dropdown {
  position: relative;
  z-index: 1;
}
.calendar__months__dropdown__current {
  position: relative;
  font-size: 30px;
  line-height: 1;
  font-weight: 600;
  cursor: pointer;
  z-index: 1;
}
.calendar__months__dropdown__current:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  color: #3373d2;
  transform: rotate(90deg);
  font-size: 23px;
  margin-left: 15px;
  margin-top: -4px;
  display: inline-block;
}
.calendar__months__dropdown.is-opened .calendar__months__dropdown__current:after {
  transform: rotate(-90deg);
}
.calendar__months__dropdown ul {
  display: none;
  position: absolute;
  top: 100%;
  transform: translateY(10px);
  left: 0;
  background-color: #fff;
  max-width: unset;
  width: 100%;
  list-style: none;
  padding: 10px 15px;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.calendar__months__dropdown ul li {
  font-weight: 500;
}
.calendar__months__dropdown.is-opened ul {
  display: block;
}
.calendar__table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  border: 1px solid #e6e6e6;
}
.calendar__table tbody,
.calendar__table thead {
  display: table-row-group;
}
.calendar__table .outside {
  background-color: #efefef;
}
.calendar__table__week-name th {
  background: #fafafa;
  font-weight: normal;
  padding: 15px;
  border: 1px solid #e6e6e6;
  font-weight: 500;
}
.calendar__table tbody td {
  border: 1px solid #e6e6e6;
  padding: 20px 5px;
  vertical-align: top;
  text-align: center;
  position: relative;
  height: 263px;
  width: 230px;
  font-weight: 500;
}
.calendar__table__event {
  position: absolute;
  background-color: #3373d2;
  color: #fff;
  text-align: left;
  z-index: 7;
  height: 45px;
  padding: 10px 15px;
  width: calc(100% - 10px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.calendar__table__event.is-hidden {
  display: none;
}
.calendar__table__more {
  position: absolute;
  left: 0;
  width: 100%;
  height: 45px;
  padding: 10px 15px;
}
.calendar__table__more__link {
  color: #3373d2;
  cursor: pointer;
}
.calendar__table__more__list {
  display: none !important;
}
.layout__side .calendar__table__more__list {
  display: flex !important;
  flex-direction: column;
  gap: 30px;
}
.calendar__table__more__list a {
  padding: 40px;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  color: #3373d2;
  background-color: #c7e1ff;
}
.calendar__table__more__list a:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  color: #3373d2;
  font-size: 16px;
  transition: 200ms ease-in-out;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  height: 45px;
}
.calendar__body {
  margin-top: 30px;
}
.calendar__tabs-content {
  display: none;
}
.calendar__tabs-content.is-visible {
  display: block;
}
.calendar__tabs-content--calendar, .calendar__tabs-content--calendar.is-visible {
  display: none;
}
.calendar__tabs-content--list {
  display: block;
}

@media (min-width: 1200px) {
  .calendar__header {
    flex-direction: row;
  }
  .calendar__body {
    margin-top: 50px;
  }
  .calendar__months {
    justify-content: flex-start;
    width: unset;
  }
  .calendar__tabs-content--calendar.is-visible {
    display: block;
  }
  .calendar__tabs-content--list:not(.is-visible) {
    display: none;
  }
}
.event-infobox {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  background-color: #f4f9ff;
  padding: 15px;
}
.event-infobox:not(:first-child) {
  margin-top: 30px;
}
.event-infobox:not(:last-child) {
  margin-bottom: 30px;
}
.event-infobox__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 5px;
}
.event-infobox__row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.event-infobox__row img {
  height: 18px;
  width: 18px;
  object-fit: contain;
  object-position: left top;
  margin-top: 6px;
}
.event-infobox__row a {
  color: #3373d2;
  font-weight: 500;
}
.event-infobox__row a:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
}
.event-infobox .button {
  flex-shrink: 0;
}

@media (min-width: 900px) {
  .event-infobox {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 30px;
  }
}
.event.is-hidden {
  display: none !important;
}
.event__content {
  display: block;
  padding: 40px;
  background-color: #c7e1ff;
  transition: box-shadow 200ms ease-in-out;
}
.event__content:hover, .event__content:focus {
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1);
}
.event__content:hover .event__arrow:after, .event__content:focus .event__arrow:after {
  transform: translateX(4px);
}
.event__date {
  margin-bottom: 10px;
}
.event__title {
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 30px;
  color: #3373d2;
}
.event__subtitle {
  font-weight: 600;
  margin-bottom: 5px;
}
.event__text {
  max-height: 2.8em;
  line-height: 1.4em;
  overflow: hidden;
  margin-bottom: 20px;
}
.event__foot {
  text-align: right;
}
.event__arrow:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  color: #3373d2;
  font-size: 16px;
  transition: 200ms ease-in-out;
  display: inline-block;
}

.custom-table--blue .custom-table__row {
  background-color: #f4f9ff;
  border-top: 0;
  border-bottom: 1px solid #c7e1ff;
}
.custom-table--blue .custom-table__row:last-child {
  border-bottom: 0;
}
.custom-table__cell {
  padding: 20px;
}
.custom-table--status {
  margin-bottom: 60px;
}
.custom-table--status .custom-table__cell {
  padding: 20px 0;
}
.custom-table--status .button {
  min-width: 320px;
}
.custom-table .text a:after {
  content: none;
  display: none;
}

@media (min-width: 1200px) {
  .custom-table__row {
    border-bottom: 1px solid #e6e6e6;
    display: flex;
    flex-flow: row nowrap;
    box-sizing: border-box;
  }
  .custom-table__row:first-child {
    border-top: 1px solid #e6e6e6;
  }
  .custom-table--blue .custom-table__row:first-child {
    border-top: 0;
  }
  .custom-table--blue .custom-table__cell {
    border-right: 1px solid #C7E1FF;
  }
  .custom-table__cell {
    padding: 40px;
    box-sizing: border-box;
    border-right: 1px solid #e6e6e6;
  }
  .custom-table__cell:last-child {
    border-right: 0;
  }
  .custom-table--2 .custom-table__cell:first-child, .custom-table--3 .custom-table__cell:first-child {
    width: 400px;
    flex-shrink: 0;
  }
  .custom-table--2 .custom-table__cell:nth-child(2), .custom-table--3 .custom-table__cell:nth-child(2) {
    width: 100%;
  }
  .custom-table--3 .custom-table__cell:nth-child(2) {
    border-right: 0;
  }
  .custom-table--status .custom-table__cell {
    padding: 20px;
  }
  .custom-table--status .custom-table__cell:first-child {
    padding-left: 0;
  }
  .custom-table--status .button {
    min-width: 365px;
  }
}
.events-list__items {
  margin: -20px;
  font-size: 0;
}
.events-list__items .event {
  display: inline-block;
  vertical-align: top;
  padding: 20px;
  box-sizing: border-box;
  font-size: 18px;
  width: 100%;
}

@media (min-width: 1200px) {
  .events-list__items {
    display: flex;
    flex-wrap: wrap;
  }
  .events-list .event {
    display: flex;
    flex-direction: column;
    width: 50%;
  }
}
.product-header--dropdown {
  position: relative;
  z-index: 1;
}
.product-header--dropdown .product-header__content {
  position: relative;
  border: none;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
}
.product-header--dropdown .product-header__toggle-dropdown {
  cursor: pointer;
}
.product-header__head {
  position: relative;
  border-top: 2px solid #3373d2;
  border-bottom: 2px solid #3373d2;
}
.product-header__head .product-header__icon:before {
  color: #3373d2;
}
.product-header__content {
  padding: 20px;
  width: 100%;
  background-color: #fafafa;
  z-index: 1;
}
.product-header__number {
  margin-left: -20px;
}
.product-header__number .label-number {
  background-color: #d9eaff;
}
.product-header__title {
  font-size: 16px;
  line-height: 19px;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.product-header__date {
  width: 50%;
}
.product-header__date__prefix {
  font-size: 14px;
  line-height: 22px;
}
.product-header__date__text {
  font-weight: 600;
}
.product-header__version {
  width: 50%;
}
.product-header__version__prefix {
  font-size: 14px;
  line-height: 22px;
}
.product-header__version__text {
  font-weight: 600;
}
.product-header__version__icon:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  vertical-align: text-top;
}
.product-header__status {
  margin-top: 10px;
  width: 100%;
}
.product-header__status .label {
  display: block;
}
.product-header__toggle-dropdown {
  border: none;
  padding: 0;
  text-align: left;
  background-color: transparent;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 1;
  padding: 25px;
}
.product-header__toggle-dropdown:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  font-size: 11px;
  pointer-events: none;
}
[class*="--blue-color"] .product-header__toggle-dropdown:after {
  color: #3e85ff;
}
[class*="--red-color"] .product-header__toggle-dropdown:after {
  color: #ba2644;
}
[class*="--orange-color"] .product-header__toggle-dropdown:after {
  color: #ab7133;
}
[class*="--green-color"] .product-header__toggle-dropdown:after {
  color: #888800;
}
.product-header__icon {
  font-size: 14px;
  font-weight: 500;
}
.product-header__icon--economy:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.product-header__icon--benefit:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.product-header__icon--business:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.product-header__icon--sickness-maternity-benefits:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.product-header__icon--health:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.product-header__icon--statistics:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.product-header__icon--social-pension:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.product-header__icon--case-document:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.product-header__icon--personal-income-tax:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.product-header__icon--person:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.product-header__icon--organization:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.product-header__icon--logning:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.product-header__icon--management-information:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.product-header__icon--cash-assistance:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.product-header__icon--classification:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.product-header__icon--holiday-account:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.product-header__icon--contract:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.product-header__icon--employment:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.product-header__icon--message-distribution:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.product-header__icon--settlement:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.product-header__icon--access-control:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.product-header__icon--users:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.product-header__icon--water-climate:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.product-header__icon--holiday-money:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}
.product-header__icon:before {
  margin-right: 10px;
  font-size: 24px;
}
.product-header__dropdown {
  display: none;
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  transform: translateY(100%);
  background-color: #ffffff;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}
.is-open .product-header__dropdown {
  display: block;
}
.product-header__dropdown__item {
  border: none;
  padding: 0;
  text-align: left;
  background-color: transparent;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  padding: 20px;
  cursor: pointer;
}
.product-header__dropdown__item:not(:first-child) {
  border-top: 1px solid #cbcbcb;
}
.product-header__dropdown__item .product-header__number {
  margin-left: -20px;
}
.product-header__dropdown__item .product-header__title {
  font-size: 18px;
  line-height: 28px;
}
.product-header__dropdown__item.is-active {
  position: relative;
}
[class*="--blue-color"] .product-header__dropdown__item.is-active {
  background-color: #f4f9ff;
}
[class*="--red-color"] .product-header__dropdown__item.is-active {
  background-color: #fcf7f9;
}
[class*="--orange-color"] .product-header__dropdown__item.is-active {
  background-color: #fdf8f2;
}
[class*="--green-color"] .product-header__dropdown__item.is-active {
  background-color: #fbfcf5;
}
.product-header__dropdown__item.is-active:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  position: absolute;
  right: 20px;
  top: 30px;
  font-size: 14px;
}
[class*="--blue-color"] .product-header__dropdown__item:hover {
  background-color: #f4f9ff;
}
[class*="--red-color"] .product-header__dropdown__item:hover {
  background-color: #fcf7f9;
}
[class*="--orange-color"] .product-header__dropdown__item:hover {
  background-color: #fdf8f2;
}
[class*="--green-color"] .product-header__dropdown__item:hover {
  background-color: #fbfcf5;
}
.product-header__body__stage {
  display: none;
}
.product-header__body__stage.is-open {
  display: block;
}

@media (min-width: 1200px) {
  .product-header--dropdown .product-header__content {
    flex-wrap: nowrap;
    padding-right: 100px;
  }
  .product-header--dropdown .product-header__content:after {
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
  }
  .product-header__content {
    display: flex;
    align-items: center;
    padding: 40px;
  }
  .product-header__number {
    margin-left: -40px;
    margin-right: 30px;
  }
  .product-header__title {
    width: auto;
    flex-grow: 1;
    margin-right: 30px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 30px;
    line-height: 35px;
  }
  .product-header__date {
    width: auto;
    margin-right: 30px;
    text-align: right;
  }
  .product-header__version {
    width: auto;
    margin-right: 40px;
    text-align: right;
  }
  .product-header__icon {
    font-size: 18px;
  }
  .product-header__icon:before {
    margin-right: 20px;
    font-size: 40px;
  }
  .product-header__status {
    width: 178px;
    margin-top: 0;
  }
  .product-header__toggle-dropdown {
    padding: 55px 40px;
  }
  .product-header__toggle-dropdown:after {
    font-size: 14px;
  }
  .product-header__dropdown__item {
    flex-wrap: nowrap;
    padding: 20px 100px 20px 20px;
  }
  .product-header__dropdown__item.is-active:after {
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
  }
}
.accordion-dropdown__title {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  padding: 20px;
  background-color: #fafafa;
  border-bottom: 1px solid #000;
}
[class*="--blue-color"] .accordion-dropdown__title {
  background-color: #f4f9ff;
  border-bottom-color: #c7e1ff;
}
[class*="--red-color"] .accordion-dropdown__title {
  background-color: #fcf7f9;
  border-bottom-color: #f4c6cc;
}
[class*="--orange-color"] .accordion-dropdown__title {
  background-color: #fdf8f2;
  border-bottom-color: #ffca91;
}
[class*="--green-color"] .accordion-dropdown__title {
  background-color: #fbfcf5;
  border-bottom-color: #e5eb98;
}
.accordion-dropdown__head {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #000;
}
.accordion-dropdown__head__content {
  flex-grow: 1;
  padding: 15px 20px;
  max-width: calc(100% - 50px);
  word-break: break-word;
}
.accordion-dropdown__head__prefix {
  font-size: 14px;
  line-height: 22px;
}
.accordion-dropdown__head__text {
  font-size: 16px;
  line-height: 19px;
  font-weight: 600;
}
[class*="accordion-dropdown--"] .accordion-dropdown__item {
  background-color: #fafafa;
}
.accordion-dropdown__item.is-open .accordion-dropdown__toggle span:first-child {
  transform: translate(50%, -50%) rotate(135deg);
}
.accordion-dropdown__item.is-open .accordion-dropdown__toggle span:last-child {
  transform: translate(50%, -50%) rotate(225deg);
}
.accordion-dropdown__data {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 20px 20px 20px;
}
.accordion-dropdown__data__prefix {
  margin-right: 40px;
  width: 105px;
}
.accordion-dropdown__data__prefix__text {
  font-size: 14px;
  line-height: 22px;
  text-align: right;
}
.accordion-dropdown__data__prefix__number {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  text-align: right;
}
.accordion-dropdown__data .label {
  flex-grow: 1;
}
.accordion-dropdown__dropdown {
  position: relative;
  width: 100%;
  order: 3;
}
.accordion-dropdown__dropdown.is-open {
  z-index: 2;
}
.accordion-dropdown__dropdown.is-open .accordion-dropdown__dropdown__head:after {
  transform: translate(-20px, -50%) rotateX(180deg);
}
.accordion-dropdown__dropdown.is-open .accordion-dropdown__dropdown__body {
  display: block;
}
.accordion-dropdown__dropdown__head {
  border: none;
  padding: 0;
  text-align: left;
  background-color: transparent;
  position: relative;
  display: flex;
  padding: 10px 60px 10px 20px;
  width: 100%;
  overflow: hidden;
  transition: background-color 200ms ease-in-out, width 200ms ease-in-out, padding 200ms ease-in-out;
}
.accordion-dropdown__dropdown__head:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(100%, -50%);
  transition: transform 200ms ease-in-out;
  font-size: 14px;
}
[class*="--blue-color"] .accordion-dropdown__dropdown__head:after {
  color: #3e85ff;
}
[class*="--red-color"] .accordion-dropdown__dropdown__head:after {
  color: #ba2644;
}
[class*="--orange-color"] .accordion-dropdown__dropdown__head:after {
  color: #ab7133;
}
[class*="--green-color"] .accordion-dropdown__dropdown__head:after {
  color: #888800;
}
.accordion-dropdown__dropdown__head:disabled, .accordion-dropdown__dropdown__head[disabled] {
  color: #111111;
}
.is-open .accordion-dropdown__dropdown__head {
  z-index: 1;
  background-color: #fafafa;
  cursor: pointer;
}
.is-open .accordion-dropdown__dropdown__head:after {
  transform: translate(-20px, -50%);
}
.accordion-dropdown__dropdown__head .label {
  flex-grow: 1;
}
.accordion-dropdown__dropdown__prefix {
  margin-right: 20px;
}
.accordion-dropdown__dropdown__prefix__text {
  font-size: 14px;
  line-height: 22px;
  text-align: right;
}
.accordion-dropdown__dropdown__prefix__number {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  text-align: right;
}
.accordion-dropdown__dropdown__body {
  display: none;
  width: 100%;
  position: absolute;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
}
.accordion-dropdown__dropdown__item {
  border: none;
  padding: 0;
  text-align: left;
  background-color: transparent;
  position: relative;
  display: flex;
  width: 100%;
  padding: 20px 60px 20px 20px;
  cursor: pointer;
  transition: background-color 200ms ease-in-out;
}
.accordion-dropdown__dropdown__item:not(:first-child) {
  border-top: 1px solid #cbcbcb;
}
.accordion-dropdown__dropdown__item.is-active {
  background-color: #fdf8f2;
}
.accordion-dropdown__dropdown__item.is-active:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
}
[class*="--blue-color"] .accordion-dropdown__dropdown__item:hover {
  background-color: #f4f9ff;
}
[class*="--red-color"] .accordion-dropdown__dropdown__item:hover {
  background-color: #fcf7f9;
}
[class*="--orange-color"] .accordion-dropdown__dropdown__item:hover {
  background-color: #fdf8f2;
}
[class*="--green-color"] .accordion-dropdown__dropdown__item:hover {
  background-color: #fbfcf5;
}
.accordion-dropdown__dropdown__item .label {
  flex-grow: 1;
}
.accordion-dropdown__toggle {
  border: none;
  padding: 0;
  text-align: left;
  background-color: transparent;
  position: absolute;
  right: 0;
  display: block;
  padding: 25px;
  cursor: pointer;
  order: 3;
}
.accordion-dropdown__toggle span {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  width: 20px;
  height: 2px;
  background-color: #3373d2;
  transform-origin: center;
  transition: transform 200ms ease-in-out, color 200ms ease-in-out;
}
.accordion-dropdown__toggle span:last-child {
  transform: translate(50%, -50%) rotate(90deg);
}
.accordion-dropdown__toggle span:hover {
  cursor: pointer;
}
.accordion-dropdown__body {
  display: none;
}
.accordion-dropdown__content {
  display: none;
  padding: 20px;
}
.accordion-dropdown__content.is-open {
  display: block;
}
.accordion-dropdown__content__title {
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 10px;
}
.accordion-dropdown__content__text:not(:last-child) {
  margin-bottom: 40px;
}
.accordion-dropdown__content__text__text:not(:last-child) {
  margin-bottom: 20px;
}

@media (min-width: 1200px) {
  .accordion-dropdown__title {
    font-size: 30px;
    line-height: 35px;
    padding: 60px 40px;
  }
  .accordion-dropdown__head {
    flex-wrap: nowrap;
  }
  .accordion-dropdown__head__content {
    padding: 30px 40px;
    width: 225px;
  }
  .accordion-dropdown__head__text {
    font-size: 30px;
    line-height: 35px;
  }
  .accordion-dropdown__data {
    width: 325px;
    padding: 35px 0px 35px 0px;
  }
  .accordion-dropdown__toggle {
    position: relative;
    right: auto;
    padding: 40px;
    width: 100px;
  }
  .accordion-dropdown__dropdown {
    order: 0;
    width: auto;
  }
  .accordion-dropdown__dropdown.is-open .accordion-dropdown__dropdown__head:after {
    transform: translate(-40px, -50%) rotateX(180deg);
  }
  .accordion-dropdown__dropdown__head {
    width: 325px;
    padding: 35px 0px 35px 0px;
  }
  .is-open .accordion-dropdown__dropdown__head {
    width: 465px;
    padding: 35px 100px 35px 40px;
  }
  .is-open .accordion-dropdown__dropdown__head:after {
    transform: translate(-40px, -50%);
  }
  .accordion-dropdown__dropdown__item {
    padding: 20px 100px 20px 40px;
  }
  .accordion-dropdown__dropdown__item.is-active:after {
    right: 40px;
  }
  .accordion-dropdown__dropdown__prefix {
    margin-right: 40px;
    width: 105px;
  }
  .accordion-dropdown__content {
    padding: 60px 40px;
  }
}
.label {
  display: inline-block;
  padding: 14px 15px;
  background-color: #e6e6e6;
  color: #111111;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  text-transform: uppercase;
}
.label--green-color {
  background-color: #bbfcc6;
  color: #007615;
}
.label--orange-color {
  background-color: #ffca91;
  color: #573903;
}
.label--yellow-color {
  background-color: #e6e689;
  color: #3d4800;
}
.label--red-color {
  background-color: #f7ccdd;
  color: #671122;
}
.label--grey-color {
  background-color: #e6e6e6;
  color: #111111;
}

.label-number {
  display: inline-block;
  padding: 10px 15px;
  background-color: #e6e6e6;
  color: #111111;
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
}
.label-number--red-color {
  background-color: #ffddea;
}
.label-number--orange-color {
  background-color: #fde4d5;
}
.label-number--blue-color {
  background-color: #d9eaff;
  color: #0B3A89;
}

@media (min-width: 1200px) {
  .label-number {
    padding: 14px 20px;
    font-size: 18px;
  }
}
.fixed-banner {
  position: fixed;
  background: #ffffff;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid #3373d2;
  box-shadow: 0px -10px 40px rgba(0, 0, 0, 0.1);
  z-index: 2;
}
.fixed-banner__content {
  text-align: center;
  padding: 20px;
}
.fixed-banner__title {
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 20px;
}
.fixed-banner .button {
  font-size: 18px;
  padding: 10px 26px;
  line-height: 26px;
  height: 50px;
  min-width: 200px;
}
.fixed-banner .button:after {
  right: 15px;
  font-size: 12px;
}

@media (min-width: 900px) {
  .fixed-banner .button {
    padding: 10px 50px;
  }
  .fixed-banner .button:after {
    font-family: "kombit";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(-10px, -50%);
    opacity: 0;
    transition: opacity 200ms ease-in-out, transform 200ms ease-in-out;
  }
  .fixed-banner .button:hover:after, .fixed-banner .button:focus:after {
    transform: translate(0px, -50%);
    opacity: 1;
  }
}
@media (min-width: 1200px) {
  .fixed-banner__content {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px;
  }
  .fixed-banner__title {
    margin-bottom: 0;
    font-size: 30px;
    line-height: 35px;
    padding-right: 40px;
  }
  .fixed-banner .button {
    font-size: 24px;
    padding: 10px 60px;
    line-height: 41px;
    min-width: 475px;
    height: 65px;
    min-width: 280px;
  }
  .fixed-banner .button:after {
    right: 30px;
    font-size: 18px;
  }
}
.topbar {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding: 30px 0;
}
.topbar__link {
  color: #3373d2;
  font-weight: 500;
}
.topbar__link--back:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  margin-right: 15px;
  display: inline-block;
  transition: 200ms ease-in-out;
  font-size: 16px;
}
.topbar__link--back:hover:before {
  transform: translateX(-4px);
}

.info-header__media {
  margin-bottom: 20px;
}
.info-header__title {
  font-size: 36px;
  line-height: 36px;
  font-weight: 600;
  margin-bottom: 20px;
}
.info-header__manchet {
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 20px;
}
.info-header__text {
  margin-bottom: 20px;
}
.info-header__text a {
  color: #3373d2;
}

@media (min-width: 1200px) {
  .info-header__media {
    margin-bottom: 35px;
  }
  .info-header__title {
    font-size: 50px;
    line-height: 59px;
    margin-bottom: 35px;
  }
  .info-header__manchet {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 35px;
  }
  .info-header__text {
    margin-bottom: 35px;
  }
}
.person__content {
  text-align: right;
}
.person__picture {
  margin-bottom: 20px;
}
.person__image {
  max-width: 100%;
}
.person__info {
  padding-right: 40px;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 20px;
  position: relative;
}
.person__info:after {
  content: "";
  display: block;
  width: 6px;
  height: 65px;
  background-color: #3373d2;
  position: absolute;
  right: 0;
  top: 5px;
}
.blue-color .person__info:after {
  border-color: #3e85ff;
}
.red-color .person__info:after {
  border-color: #ba2644;
}
.orange-color .person__info:after {
  border-color: #ab7133;
}
.green-color .person__info:after {
  border-color: #888800;
}
.person__name {
  font-weight: 600;
  margin-bottom: 20px;
}
.person__job, .person__email, .person__phone {
  margin-bottom: 20px;
}

@media (min-width: 1200px) {
  .person__info {
    padding-right: 60px;
  }
  .person__items {
    margin: -10px;
    font-size: 0;
    text-align: right;
  }
  .person__item {
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    box-sizing: border-box;
    font-size: 18px;
    width: 50%;
  }
}
.breadcrumb {
  font-size: 14px;
  line-height: 22px;
}
.breadcrumb__container {
  max-width: 1920px;
  margin: 0 auto;
  padding: 20px;
}
.breadcrumb__list {
  list-style: none;
  padding: 0;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
  flex-wrap: wrap;
}
.breadcrumb__item {
  position: relative;
}
.breadcrumb__item:not(:last-child) {
  padding-right: 10px;
}
.breadcrumb__item:not(:last-child):after {
  position: absolute;
  top: 0;
  right: 0;
  content: "/";
}
.breadcrumb__link {
  padding: 10px;
  color: #111111;
}
.breadcrumb__link:hover {
  text-decoration: underline;
}
.header .breadcrumb__link {
  color: inherit;
}

@media (min-width: 1200px) {
  .breadcrumb__container {
    padding: 30px 40px;
  }
}
.search-box {
  padding: 40px;
  background-color: #fafafa;
  display: block;
  position: relative;
}
.search-box--blue-color {
  background-color: #f4f9ff;
}
.search-box--blue-color .text a {
  color: #3373d2;
}
.search-box--blue-color .search-box__arrow:after {
  color: #3373d2;
}
.search-box--red-color {
  background-color: #fcf7f9;
}
.search-box--red-color .text a {
  color: #671122;
}
.search-box--red-color .search-box__arrow:after {
  color: #671122;
}
.search-box--orange-color {
  background-color: #fdf8f2;
}
.search-box--orange-color .text a {
  color: #573903;
}
.search-box--orange-color .search-box__arrow:after {
  color: #573903;
}
.search-box--green-color {
  background-color: #fbfcf5;
}
.search-box--green-color .text a {
  color: #3d4800;
}
.search-box--green-color .search-box__arrow:after {
  color: #3d4800;
}
.search-box:hover, .search-box:focus {
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1);
}
.search-box:hover .search-box__arrow:after, .search-box:focus .search-box__arrow:after {
  transform: translateX(4px);
}
.search-box__header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.search-box__prefix {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 28px;
}
.search-box__label {
  margin-right: 30px;
}
.search-box__title {
  flex-grow: 1;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}
.search-box__text {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 28px;
  max-width: 770px;
}
.search-box__arrow:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  font-size: 16px;
  transition: 200ms ease-in-out;
  display: inline-block;
  position: absolute;
  right: 40px;
  bottom: 40px;
}

@media (min-width: 1200px) {
  .search-box__title {
    font-size: 24px;
    line-height: 34px;
  }
}
.search-results__form {
  margin-bottom: 20px;
}
.search-results__description {
  margin-bottom: 35px;
  font-weight: 600;
}
.search-results__item {
  margin-bottom: 20px;
}

@media (min-width: 1200px) {
  .search-results__description {
    margin-bottom: 80px;
  }
}
.radio {
  display: flex;
  align-items: center;
  margin: 0 0 20px;
  position: relative;
  align-self: flex-start;
  flex-basis: 50%;
  cursor: pointer;
}
.radio:last-of-type {
  margin-bottom: 0;
}
.radio__input {
  position: absolute;
  visibility: hidden;
}
.radio__label {
  font-weight: 500;
  padding-left: 50px;
  padding-right: 5px;
  min-height: 30px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  cursor: pointer;
}
.filters .radio__label {
  padding-left: 35px;
  color: #3373d2;
}
.radio__label:before {
  content: '';
  position: absolute;
  border: 1px solid #87befd;
  box-sizing: border-box;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  left: 0;
  top: 50%;
  margin-top: -17px;
  background: #fff;
}
.filters .radio__label:before {
  width: 24px;
  height: 24px;
  margin-top: -12px;
  left: 5px;
}
.radio__input:checked + .radio__label {
  color: #3373d2;
}
.radio__input:checked + .radio__label:before {
  background: url("../../gfx/dot.svg") 50% no-repeat;
}
.filters .radio__input:checked + .radio__label:before {
  background-color: #FFFFFF;
}
.radio__input:disabled + .radio__label {
  opacity: .5;
}
.filters .radio {
  padding: 5px;
  background-color: #f4f9ff;
  margin-bottom: 5px;
}

.filters {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}
.filters__content {
  background: #fafafa;
  padding: 20px;
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 98;
  width: calc(100% - 70px);
  max-width: 100%;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  transform: translateX(-100%);
  transition: transform 200ms ease-in-out;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 100px;
}
.filters__content.is-open {
  transform: translateX(0%);
}
.filters__search {
  position: relative;
  margin-bottom: 35px;
}
.filters__search__input {
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  box-sizing: border-box;
  font-family: inherit;
  padding: 0;
  border-radius: 0;
  height: 50px;
  background-color: #ffffff;
  background-image: none !important;
  padding: 5px 50px 5px 20px;
  outline: 0;
  width: 100%;
}
.filters__search__input::-ms-clear {
  width: 0;
  height: 0;
}
.filters__search .form-actions {
  position: absolute;
  top: 13px;
  right: 20px;
}
.filters__search .form-actions:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  color: #3373d2;
  font-size: 24px;
  position: absolute;
  top: 0;
  right: 0;
}
.filters__search__button {
  border: none;
  padding: 0;
  text-align: left;
  background-color: transparent;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.filters__group {
  margin-bottom: 35px;
}
.filters__group__title {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 20px;
  border-bottom: 1px solid #e6e6e6;
  padding: 20px 0;
}
.filters__group.is--collapsable .filters__group__title {
  position: relative;
  cursor: pointer;
  padding-right: 20px;
  z-index: 1;
}
.filters__group.is--collapsable .filters__group__title:before {
  position: absolute;
  content: "";
  width: 9px;
  height: 9px;
  top: 50%;
  right: 0;
  border-left: 1px solid #3373d2;
  border-bottom: 1px solid #3373d2;
  transform: translate(0, -50%) rotate(-45deg);
  pointer-events: none;
  margin-top: -3px;
  z-index: 1;
}
.filters__group.is--collapsable.is--expanded .filters__group__title::before {
  transform: translate(0, -50%) rotate(135deg);
  margin-top: 3px;
}
.filters__group.is--collapsable .filters__group__body {
  display: none;
}
.filters__group.is--collapsable.is--expanded .filters__group__body {
  display: block;
}
.filters__group .facets-reset {
  margin-bottom: 20px;
}
.filters__group .facets-soft-limit-link {
  border: none;
  padding: 0;
  text-align: left;
  background-color: transparent;
  position: relative;
  outline: 0;
  color: #3373d2;
  margin-top: 20px;
  cursor: pointer;
  padding-right: 25px;
  font-weight: 500;
}
.filters__group .facets-soft-limit-link:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  width: 16px;
  height: 2px;
  background-color: #3373d2;
}
.filters__group .facets-soft-limit-link:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 2px;
  background-color: #3373d2;
}
.filters__group .facets-soft-limit-link.open:before {
  opacity: 0;
}
.filters__toggle {
  position: fixed;
  background: #ffffff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  bottom: 10px;
  left: 20px;
  border: 1.5px solid #3373d2;
  transition: left 200ms ease-in-out;
  text-align: center;
  cursor: pointer;
  z-index: 99;
}
.filters__toggle:before {
  position: absolute;
  content: "";
  width: 18px;
  height: 14px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("../../gfx/icons/filter-icon.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 1;
}
.filters__toggle.is-open {
  left: calc(100% - 60px);
}
.filters__overlay {
  visibility: hidden;
  width: 100%;
  height: 100vh;
  background-color: rgba(17, 17, 17, 0.1);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 97;
  cursor: pointer;
  opacity: 0;
  transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out;
}
.filters__overlay.is-open {
  visibility: visible;
  opacity: 1;
}
.filters .item-list__checkbox {
  padding: 0;
  list-style: none;
}

@media (min-width: 1200px) {
  .filters {
    position: static;
    z-index: 1;
  }
  .filters__content {
    display: block;
    position: static;
    height: auto;
    width: auto;
    transform: translateX(0%);
    padding: 40px 40px;
  }
  .filters__toggle {
    display: none;
  }
}
.tabs__bar {
  padding: 20px 0;
  -webkit-overflow-scrolling: touch;
  text-align: center;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.tabs__tab {
  display: block;
  padding: 15px;
  margin: 0 0 30px 0;
  cursor: pointer;
  position: relative;
  color: #3373d2;
}
.tabs__tab:last-child {
  margin-right: 0;
}
.tabs__tab.is-selected {
  color: #111111;
  position: relative;
  font-weight: 600;
}
.tabs__tab.is-selected:after {
  content: "";
  width: 100%;
  bottom: -21px;
  height: 1px;
  background: #3373d2;
  position: absolute;
  left: 0;
}

@media (min-width: 900px) {
  .tabs__bar {
    display: flex;
  }
  .tabs__tab {
    margin: 0 30px 0 0;
  }
}
.sidemenu {
  width: 100%;
  height: 65px;
  position: relative;
  z-index: 8;
}
.sidemenu__body {
  box-shadow: 0px 10px 40px rgba(17, 17, 17, 0.1);
}
body:not(.is-logged-in) .is-fixed .sidemenu__body {
  position: fixed;
  top: 0px;
  z-index: 9999;
  width: 100%;
  max-width: 1920px;
}
body:not(.is-logged-in) .is-fixed.header-is--fixed .sidemenu__body {
  top: 64px;
}
.sidemenu__mobile-toggle {
  position: relative;
  padding: 20px 20px;
  background-color: #ffffff;
  font-weight: 600;
}
.sidemenu__mobile-toggle:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  position: absolute;
  right: 20px;
  top: 26px;
  transform: rotate(0deg);
  font-size: 60%;
}
.sidemenu__mobile-toggle.is-open:after {
  transform: rotate(-180deg);
}
.sidemenu__content {
  display: none;
  padding: 0;
  max-height: calc(100vh - 66px);
  overflow: auto;
  border-top: 2px solid #3373d2;
  border-bottom: 2px solid #3373d2;
}
body:not(.is-logged-in) .header-is--fixed .sidemenu__content {
  max-height: calc(100vh - 130px);
}
.sidemenu__content.is-open {
  display: block;
}
.sidemenu__items {
  list-style: none;
  padding: 0;
}
.sidemenu__item {
  background-color: #c7e1ff;
}
.sidemenu__link {
  border: none;
  padding: 0;
  text-align: left;
  background-color: transparent;
  display: block;
  padding: 10px 55px 10px 20px;
  cursor: pointer;
  color: #3373d2;
  font-weight: 500;
  outline: none;
  width: 100%;
}
.sidemenu__link:hover {
  background-color: #c7e1ff;
}
.sidemenu__link.is-active {
  position: relative;
}
.sidemenu__link.is-active:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  font-size: 14px;
}
.sidemenu__item:has(.sidemenu__sub-item .is-active) .sidemenu__link::after {
  display: none !important;
}
.sidemenu__item.is-open .sidemenu__link {
  background-color: #c7e1ff;
}
.sidemenu__sub-items {
  display: none;
  list-style: none;
  padding: 0;
  background-color: #d9eaff;
}
.sidemenu__item.is-open .sidemenu__sub-items {
  display: block;
}
.sidemenu__sub-link {
  display: block;
  color: #3373d2;
  font-weight: 500;
  border-top: 1px solid #d9eaff;
  padding: 10px 55px 10px 40px;
}
.sidemenu__sub-link:hover {
  background-color: #c7e1ff;
}
.sidemenu__sub-link.is-active {
  position: relative;
}
.sidemenu__sub-link.is-active:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  font-size: 14px;
}
.sidemenu__title {
  display: block;
  background-color: #fafafa;
  padding: 20px;
  font-weight: 600;
}

@media (min-width: 1200px) {
  .sidemenu {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: 538px;
    z-index: 1;
  }
  .sidemenu__title {
    font-size: 20px;
    line-height: 24px;
  }
  .sidemenu__body {
    box-shadow: none;
  }
  body:not(.is-logged-in) .is-fixed .sidemenu__body {
    top: 16px;
  }
  body:not(.is-logged-in) .is-bottom .sidemenu__body {
    position: absolute;
    bottom: 0px;
    left: 0;
    top: auto;
  }
  .sidemenu__mobile-toggle {
    display: none;
  }
  .sidemenu__content {
    display: block;
    height: unset;
    overflow: hidden;
    overflow-y: auto;
  }
  body:not(.is-logged-in) .is-fixed:not(.is-bottom) .sidemenu__content {
    width: 30%;
    max-width: 538px;
  }
  .is-bottom .sidemenu__content {
    width: auto;
  }
  .sidemenu__items {
    padding: 10px 0;
    background-color: #f4f9ff;
  }
  .sidemenu__item {
    background-color: transparent;
  }
}
@media (min-width: 1400px) {
  .sidemenu__title {
    padding: 20px 40px;
  }
  .sidemenu__link {
    padding: 10px 60px;
  }
  .sidemenu__sub-link {
    padding: 10px 55px 10px 100px;
  }
}
.product-list__head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
}
.product-list__head__label {
  margin-right: 20px;
}
.product-list__head__content {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 20px;
}
.product-list__head__prefix {
  font-size: 14px;
  line-height: 22px;
}
.product-list__head__title__text {
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
}
.product-list__head__icon:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  vertical-align: text-top;
}
.product-list__head__data {
  display: flex;
  flex-direction: row;
  text-align: right;
  justify-content: space-between;
  width: 100%;
}
.product-list__head__data__label {
  width: 178px;
  margin-left: 20px;
}
.product-list__head__data__label .label {
  width: 100%;
}
.product-list__head__number {
  font-weight: 600;
}
.product-list__body {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.product-list__body__text {
  box-sizing: border-box;
  margin-bottom: 20px;
}
.product-list__body__info {
  font-size: 14px;
  line-height: 22px;
}
.product-list__more__link {
  position: relative;
  color: #3373d2;
  font-weight: 500;
  z-index: 1;
}
.product-list__more__link:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  display: inline-block;
  margin-left: 10px;
  font-size: 16px;
  transform: translateX(0px);
  transition: transform 200ms ease-in-out;
}
.product-list__more__link:hover:after {
  transform: translateX(10px);
}

@media (min-width: 900px) {
  .product-list__head__content {
    margin-bottom: 0;
  }
  .product-list:not(.product-list--short) .product-list__head__content {
    width: 70%;
    padding-right: 40px;
  }
  .product-list__head__data {
    width: 30%;
    justify-content: flex-end;
  }
  .product-list__body__text {
    margin-bottom: 0;
  }
  .product-list:not(.product-list--short) .product-list__body__text {
    width: 70%;
    padding-right: 20px;
  }
  .product-list__body__info {
    width: 30%;
    text-align: right;
  }
}
@media (min-width: 1200px) {
  .product-list__head__label {
    margin-right: 40px;
  }
  .product-list__head__data__label {
    margin-left: 40px;
  }
  .product-list__body {
    margin-bottom: 40px;
  }
}
.service-list {
  display: flex;
  flex-direction: column;
}
.service-list__body {
  margin-bottom: 20px;
}
.service-list__info__title {
  font-weight: 600;
}
.service-list__info__text {
  margin-bottom: 20px;
}
.service-list__title {
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 20px;
}
.service-list__text, .tabs .service-list__text {
  margin-bottom: 20px;
}
.service-list__text ul, .service-list__text ol, .tabs .service-list__text ul, .tabs .service-list__text ol {
  padding-left: 20px;
}
.service-list__link {
  color: #3373d2;
  font-weight: 500;
}
[class*="--red-color"] .text .service-list__link {
  color: #671122;
}
[class*="--orange-color"] .text .service-list__link {
  color: #573903;
}
[class*="--green-color"] .text .service-list__link {
  color: #3d4800;
}

@media (min-width: 900px) {
  .service-list {
    flex-direction: row;
  }
  .service-list__body {
    width: 70%;
    padding-right: 20px;
    margin-bottom: 0;
  }
  .service-list__info {
    width: 30%;
    text-align: right;
  }
}
@media (min-width: 1200px) {
  .service-list__body {
    padding-right: 40px;
  }
  .service-list__info__text {
    margin-bottom: 40px;
  }
  .service-list__text {
    margin-bottom: 40px;
  }
}
.list__item {
  padding-top: 20px;
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #cbcbcb;
}
.list__item:last-child {
  margin-bottom: 0;
}

@media (min-width: 1200px) {
  .list__item {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
}
.start-guide {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
}
.start-guide__body {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition-property: transform;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
}
.start-guide__items {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
  transform: translate3d(0px, 0, 0);
}
.start-guide__item {
  flex-shrink: 0;
  overflow: hidden;
}
.start-guide__tabs__bar {
  display: flex;
  flex-direction: column;
  padding: 20px 0;
  -webkit-overflow-scrolling: touch;
  justify-content: center;
  border-bottom: 1px solid #ffffff;
}
.start-guide__tabs__content {
  display: none;
  text-align: center;
}
.start-guide__tabs__content.is-visible {
  display: block;
}
.start-guide__tab {
  display: flex;
  flex-direction: row;
  cursor: pointer;
  margin-bottom: 10px;
  font-weight: 500;
  flex: 1 auto;
  position: relative;
  align-items: center;
}
.start-guide__tab.is-selected {
  font-weight: 600;
}
.start-guide__tab.is-selected:after {
  content: "";
  width: 2px;
  left: 0;
  top: 0;
  height: 100%;
  background: #3373d2;
  position: absolute;
}
.start-guide__tab__title {
  margin-left: 20px;
}
.start-guide__icon {
  background-color: #ffffff;
  padding: 20px;
  position: relative;
  width: 90px;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  transition: 200ms ease-in-out;
}
.start-guide__icon:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  color: #3373d2;
  font-size: 20px;
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.start-guide__icon__image {
  max-height: 50px;
  max-width: 50px;
}
.start-guide__content--blue-color .start-guide__icon:after {
  color: #87befd;
}
.start-guide__content--blue-color .start-guide__tab.is-selected:after {
  background-color: #87befd;
}
.start-guide__content--red-color .start-guide__icon:after {
  color: #f45959;
}
.start-guide__content--red-color .start-guide__tab.is-selected:after {
  background-color: #f45959;
}
.start-guide__content--orange-color .start-guide__icon:after {
  color: #f7962f;
}
.start-guide__content--orange-color .start-guide__tab.is-selected:after {
  background-color: #f7962f;
}
.start-guide__content--green-color .start-guide__icon:after {
  color: #d0c80b;
}
.start-guide__content--green-color .start-guide__tab.is-selected:after {
  background-color: #d0c80b;
}
.start-guide__head {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.start-guide__arrow {
  cursor: pointer;
  outline: 0;
  border: none;
  padding: 0;
  text-align: left;
  background-color: transparent;
  font-weight: 500;
}
.start-guide__arrow:after {
  display: block;
  margin-top: 10px;
}
.start-guide__arrow--blue-color {
  color: #3e85ff;
}
.start-guide__arrow--blue-color:after {
  color: #87befd;
}
.start-guide__arrow--red-color {
  color: #ba2644;
}
.start-guide__arrow--red-color:after {
  color: #f45959;
}
.start-guide__arrow--orange-color {
  color: #ab7133;
}
.start-guide__arrow--orange-color:after {
  color: #f7962f;
}
.start-guide__arrow--green-color {
  color: #888800;
}
.start-guide__arrow--green-color:after {
  color: #d0c80b;
}
.start-guide__arrow.is-disabled {
  visibility: hidden;
}
.start-guide__next:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  text-align: right;
}
.start-guide__prev:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
}

@media (min-width: 900px) {
  .start-guide__tab {
    margin: 0 20px;
    flex-direction: column;
    text-align: center;
  }
  .start-guide__tab.is-selected .start-guide__icon {
    transform: scale(1.1);
    box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1);
  }
  .start-guide__tab.is-selected:after {
    content: "";
    width: 100%;
    bottom: -22px;
    height: 2px;
    background: #3373d2;
    position: absolute;
    left: 0;
    top: auto;
  }
  .start-guide__tab:hover .start-guide__icon {
    transform: scale(1.1);
    box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1);
  }
  .start-guide__tab__title {
    padding-top: 20px;
    word-break: break-word;
    margin-left: 0;
  }
  .start-guide__tabs {
    margin: 20px 50px;
  }
  .start-guide__tabs__bar {
    flex-direction: row;
    margin-bottom: 20px;
  }
  .start-guide__icon {
    padding: 40px;
    width: 220px;
    height: 220px;
  }
  .start-guide__icon__image {
    max-width: 120px;
    max-height: 120px;
  }
}
@media (min-width: 1200px) {
  .start-guide__head {
    position: relative;
  }
  .start-guide__arrow {
    position: absolute;
    top: 150px;
    white-space: nowrap;
  }
  .start-guide__prev {
    right: 100%;
  }
  .start-guide__prev:after {
    text-align: right;
  }
  .start-guide__next {
    left: 100%;
  }
  .start-guide__next:after {
    text-align: left;
  }
  .start-guide__tab__title {
    padding-top: 40px;
  }
}
.subscribe {
  max-width: 910px;
  padding: 20px 0;
}
.subscribe__title {
  font-size: 36px;
  line-height: 36px;
  font-weight: 600;
  margin-bottom: 20px;
}
.subscribe__text {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 20px;
}
.subscribe__form {
  position: relative;
}
.subscribe__label {
  display: none;
}
.subscribe .form-text {
  width: 100%;
  border-radius: 0;
  border: 1px solid transparent;
  border-bottom: 1px solid #3373d2;
  background-color: #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  transition: border 200ms ease-in-out;
  height: 40px;
  padding: 0px 10px;
  font-size: 16px;
  padding-right: 90px;
}
.subscribe .form-text:focus {
  border-bottom-color: #3e85ff;
}
.subscribe .form-submit {
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  box-sizing: border-box;
  font-family: inherit;
  padding: 0;
  border-radius: 0;
  background-color: #3373d2;
  height: 40px;
  padding: 0px 10px;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  outline: none;
  transition: background-color 200ms ease-in-out;
}
.subscribe .form-submit::-ms-clear {
  width: 0;
  height: 0;
}
.subscribe .form-submit:hover {
  background-color: #3e85ff;
}
.subscribe .fieldgroup {
  padding: 0;
  margin: 0;
  border-width: 0;
}
.subscribe .fieldgroup legend {
  display: none;
}
.subscribe .form-checkboxes {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
.subscribe .form-checkboxes .form-item {
  margin-right: 15px;
  margin-bottom: 10px;
}
.subscribe .form-checkboxes .form-item .form-checkbox {
  position: absolute;
  visibility: hidden;
}
.subscribe .form-checkboxes .form-item .form-checkbox:checked + .option {
  color: #3e85ff;
}
.subscribe .form-checkboxes .form-item .form-checkbox:checked + .option:before {
  background: #ffffff url("../../gfx/check.svg") 50% no-repeat;
}
.subscribe .form-checkboxes .form-item .option {
  position: relative;
  display: block;
  padding: 8px;
  padding-left: 45px;
  cursor: pointer;
}
.subscribe .form-checkboxes .form-item .option:before {
  content: '';
  position: absolute;
  border: 1px solid #87BEFD;
  box-sizing: border-box;
  width: 34px;
  height: 34px;
  left: 0px;
  top: 50%;
  margin-top: -17px;
  background: #ffffff;
}

@media (min-width: 900px) {
  .subscribe .form-text {
    height: 50px;
    padding: 0px 10px;
    font-size: 20px;
    padding-right: 120px;
  }
  .subscribe .form-submit {
    height: 50px;
    padding: 0px 20px;
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .subscribe {
    padding: 40px 0;
  }
  .subscribe__title {
    font-size: 50px;
    line-height: 59px;
    margin-bottom: 35px;
  }
  .subscribe__text {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 35px;
  }
  .subscribe .form-text {
    height: 65px;
    padding: 0px 20px;
    font-size: 24px;
    padding-right: 150px;
  }
  .subscribe .form-submit {
    height: 65px;
    padding: 0px 30px;
    font-size: 24px;
  }
}
.read-more {
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
}

.tooltip {
  position: relative;
  display: inline-block;
  cursor: help;
}
.tooltip:hover .tooltip__content {
  visibility: visible;
}
.tooltip__content {
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translate(-50%, 100%);
  z-index: 1;
  visibility: hidden;
  width: 150px;
  font-weight: 500;
  text-transform: none;
  font-size: 14px;
  line-height: 22px;
  background-color: #e6e6e6;
  color: #111111;
  text-align: center;
  padding: 10px;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}
.tooltip__content:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #e6e6e6 transparent;
}

.pager {
  list-style: none;
  padding: 0;
}

.subscription-preferences__columns {
  margin: 30px 0px;
}
.subscription-preferences__row {
  margin: 30px 0px;
}
.subscription-preferences .form-item-email label {
  font-size: 30px;
  line-height: 35px;
  display: block;
  margin-bottom: 20px;
}
.subscription-preferences .form-item-email .form-email {
  width: 100%;
  border-radius: 0;
  border: 1px solid transparent;
  border-bottom: 1px solid #3373d2;
  background-color: #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  transition: border 200ms ease-in-out;
  height: 50px;
  padding: 0px 10px;
  font-size: 20px;
  background-color: #fafafa;
}
.subscription-preferences .form-item-email .form-email:focus {
  border-bottom-color: #3e85ff;
}
.subscription-preferences .fieldgroup {
  padding: 0;
  margin: 0;
  border-width: 0;
}
.subscription-preferences .fieldgroup legend {
  display: none;
}
.subscription-preferences .form-checkboxes {
  margin-top: 10px;
}
.subscription-preferences .form-checkboxes .form-item {
  position: relative;
  display: inline-block;
  width: 100%;
  -webkit-column-break-inside: avoid;
  margin-right: 15px;
  margin-bottom: 10px;
}
.subscription-preferences .form-checkboxes .form-item .form-checkbox {
  position: absolute;
  visibility: hidden;
}
.subscription-preferences .form-checkboxes .form-item .form-checkbox:checked + .option {
  color: #3e85ff;
}
.subscription-preferences .form-checkboxes .form-item .form-checkbox:checked + .option:before {
  background: #ffffff url("../../gfx/check.svg") 50% no-repeat;
}
.subscription-preferences .form-checkboxes .form-item .option {
  position: relative;
  display: block;
  padding: 8px;
  padding-left: 45px;
  cursor: pointer;
}
.subscription-preferences .form-checkboxes .form-item .option:before {
  content: '';
  position: absolute;
  border: 1px solid #87BEFD;
  box-sizing: border-box;
  width: 34px;
  height: 34px;
  left: 0px;
  top: 50%;
  margin-top: -17px;
  background: #ffffff;
}
.subscription-preferences .g-recaptcha {
  margin: 20px 0;
}
.subscription-preferences .form-submit {
  margin-top: 20px;
}

@media (min-width: 700px) {
  .subscription-preferences__row {
    display: flex;
    flex-wrap: wrap;
    margin: 30px -10px;
  }
  .subscription-preferences__col {
    padding: 0 10px;
    flex-basis: 33%;
  }
}
@media (min-width: 900px) {
  .subscription-preferences__columns {
    column-count: 2;
  }
}
@media (min-width: 1600px) {
  .subscription-preferences__columns {
    column-count: 3;
  }
}
.layout__container:has(.newsletter-signup__form) {
  overflow: visible;
  margin-bottom: 0;
}

.newsletter-signup__form:has(.newsletter-signup__actions--hidden) {
  padding-bottom: 80px;
}
.newsletter-signup__form .newsletter-signup__body {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.newsletter-signup__form .newsletter-signup__group {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.newsletter-signup__form .newsletter-signup__group .accordion--newsletter-signup {
  margin: 0 !important;
}
.newsletter-signup__form .newsletter-signup__group .accordion--newsletter-signup .accordion__item.is-open {
  background-color: #f4f9ff;
}
.newsletter-signup__form .newsletter-signup__group .accordion--newsletter-signup .accordion__title {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  font-weight: 600;
  gap: 6px;
}
.newsletter-signup__form .newsletter-signup__group .accordion--newsletter-signup .accordion__title__counter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-6px);
  min-width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid #111111;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  font-family: inherit;
  color: inherit;
}
.newsletter-signup__form .newsletter-signup__group .accordion--newsletter-signup .accordion__title__counter:empty {
  display: none;
}
.newsletter-signup__form .newsletter-signup__group-title {
  font-size: 24px;
  font-weight: 500;
  margin: 0;
}
.newsletter-signup__form .newsletter-signup__group--cards .newsletter-signup__cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  margin-top: 10px;
}
.newsletter-signup__form .newsletter-signup__group--cards .newsletter-signup__card {
  position: relative;
  background-color: #f4f9ff;
  border-left: 3px solid #3373d2;
  padding: 24px 24px 28px;
  min-height: 180px;
}
.newsletter-signup__form .newsletter-signup__group--cards .newsletter-signup__card__content {
  position: relative;
  z-index: 0;
  padding-right: 48px;
  pointer-events: none;
}
.newsletter-signup__form .newsletter-signup__group--cards .newsletter-signup__card__icon {
  display: block;
  width: 56px;
  height: 56px;
  margin-bottom: 16px;
}
.newsletter-signup__form .newsletter-signup__group--cards .newsletter-signup__card__title {
  margin: 0 0 8px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  color: #111111;
}
.newsletter-signup__form .newsletter-signup__group--cards .newsletter-signup__card__description {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  color: #111111;
}
.newsletter-signup__form .newsletter-signup__group--cards .newsletter-signup__card .form-item {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: auto;
  margin: 0;
}
.newsletter-signup__form .newsletter-signup__group--cards .newsletter-signup__card .form-item .form-checkbox {
  position: absolute;
  top: 20px;
  right: 20px;
  left: auto;
  width: 34px;
  height: 34px;
  margin: 0;
  visibility: hidden;
  z-index: 2;
}
.newsletter-signup__form .newsletter-signup__group--cards .newsletter-signup__card .form-item .option {
  position: absolute;
  inset: 0;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  color: transparent;
  cursor: pointer;
}
.newsletter-signup__form .newsletter-signup__group--cards .newsletter-signup__card .form-item .option:before {
  content: "";
  position: absolute;
  top: 20px;
  right: 20px;
  left: auto;
  margin-top: 0;
  width: 34px;
  height: 34px;
  border: 1px solid #87befd;
  box-sizing: border-box;
  background: #ffffff;
}
.newsletter-signup__form .newsletter-signup__group--cards .newsletter-signup__card .form-item .form-checkbox:checked + .option:before {
  background: #ffffff url("../../gfx/check.svg") 50% no-repeat;
}
.newsletter-signup__form .newsletter-signup__group:not(.newsletter-signup__group--cards)
.form-checkboxes {
  margin-top: 10px;
}
.newsletter-signup__form .newsletter-signup__group:not(.newsletter-signup__group--cards)
.form-checkboxes .form-item {
  position: relative;
  display: inline-block;
  width: 100%;
  -webkit-column-break-inside: avoid;
  margin-right: 15px;
  margin-bottom: 10px;
}
.newsletter-signup__form .newsletter-signup__group:not(.newsletter-signup__group--cards)
.form-checkboxes .form-item.form-item--subscribe-all {
  column-span: all;
  -webkit-column-span: all;
  display: block;
  width: 100%;
  margin-right: 0;
}
.newsletter-signup__form .newsletter-signup__group:not(.newsletter-signup__group--cards)
.form-checkboxes .form-item .form-checkbox {
  position: absolute;
  visibility: hidden;
}
.newsletter-signup__form .newsletter-signup__group:not(.newsletter-signup__group--cards)
.form-checkboxes .form-item .form-checkbox:checked + .option {
  color: #3e85ff;
}
.newsletter-signup__form .newsletter-signup__group:not(.newsletter-signup__group--cards)
.form-checkboxes .form-item .form-checkbox:checked + .option:before {
  background: #ffffff url("../../gfx/check.svg") 50% no-repeat;
}
.newsletter-signup__form .newsletter-signup__group:not(.newsletter-signup__group--cards)
.form-checkboxes .form-item .option {
  position: relative;
  display: block;
  padding: 8px;
  padding-left: 45px;
  cursor: pointer;
}
.newsletter-signup__form .newsletter-signup__group:not(.newsletter-signup__group--cards)
.form-checkboxes .form-item .option:before {
  content: "";
  position: absolute;
  border: 1px solid #87befd;
  box-sizing: border-box;
  width: 34px;
  height: 34px;
  left: 0;
  top: 50%;
  margin-top: -17px;
  background: #ffffff;
}
.newsletter-signup__form .newsletter-signup__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: sticky;
  gap: 16px 20px;
  bottom: 0;
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.06);
  padding: 22px 0;
  z-index: 10;
}
.newsletter-signup__form .newsletter-signup__actions--hidden {
  display: none;
}
.newsletter-signup__form .newsletter-signup__actions::before {
  position: absolute;
  content: "";
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  bottom: 0;
  height: 100%;
  width: var(--before-width);
  max-width: 1920px;
  background-color: #fef8de;
  border-top: 2px solid #fddf6f;
  z-index: -1;
}
.newsletter-signup__form .newsletter-signup__actions__counter {
  display: flex;
  align-items: center;
  gap: 10px;
}
.newsletter-signup__form .newsletter-signup__actions__counter span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  font-size: 16px;
  font-weight: 500;
  border: 2px solid #111111;
}
.newsletter-signup__form .newsletter-signup__actions__counter strong {
  font-size: 18px;
  font-weight: 500;
}
.newsletter-signup__form .newsletter-signup__actions .form-item-email {
  position: relative;
  z-index: 1;
  flex: 1 1 0;
  min-width: 0;
}
.newsletter-signup__form .newsletter-signup__actions .form-item-email label {
  display: none;
}
.newsletter-signup__form .newsletter-signup__actions .form-item-email input {
  width: 100%;
  height: 50px;
  border-radius: 50px;
  border: 2px solid #939393;
  padding: 5px 20px;
  background-color: #ffffff;
}
.newsletter-signup__form .newsletter-signup__actions .button {
  flex: 1 1 100%;
  width: 100%;
  min-width: 0;
  height: 50px;
  padding: 5px 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
}

@media (min-width: 900px) {
  .newsletter-signup__form .newsletter-signup__group {
    gap: 40px;
  }
  .newsletter-signup__form .newsletter-signup__group-title {
    font-size: 30px;
  }
  .newsletter-signup__form .newsletter-signup__group--cards .newsletter-signup__cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .newsletter-signup__form .newsletter-signup__group--cards .newsletter-signup__cards .newsletter-signup__card__title {
    font-size: 26px;
  }
  .newsletter-signup__form .newsletter-signup__group--cards .newsletter-signup__cards .newsletter-signup__card__description {
    font-size: 18px;
  }
  .newsletter-signup__form .newsletter-signup__group:not(.newsletter-signup__group--cards)
  .form-checkboxes {
    column-count: 2;
  }
  .newsletter-signup__form .newsletter-signup__actions {
    flex-wrap: nowrap;
    gap: 20px;
  }
  .newsletter-signup__form .newsletter-signup__actions__counter span {
    width: 50px;
    height: 50px;
    font-size: 18px;
  }
  .newsletter-signup__form .newsletter-signup__actions .form-item-email {
    flex: 1 1 auto;
  }
  .newsletter-signup__form .newsletter-signup__actions .button {
    flex: 0 0 auto;
    width: auto;
    min-width: 240px;
  }
}
.hero-slider {
  position: relative;
  z-index: 1;
}
.hero-slider__body {
  overflow: hidden;
  font-size: 0;
}
.hero-slider__pagination {
  display: none;
}
.hero-slider--pagination .hero-slider__pagination {
  display: flex;
  justify-content: center;
  padding: 10px;
}
.hero-slider--pagination .hero-slider__pagination .swiper-pagination-bullet {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #3373d2;
  margin: 5px;
  outline: none;
  cursor: pointer;
}
.hero-slider--pagination .hero-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .hero-slider--pagination .hero-slider__pagination .swiper-pagination-bullet:hover {
  background-color: #3e85ff;
}
.hero-slider__items {
  display: flex;
  white-space: nowrap;
  position: relative;
  z-index: 1;
  text-align: center;
  width: 100%;
}
.hero-slider__item {
  vertical-align: top;
  display: flex;
  white-space: normal;
  width: 100%;
  min-width: 100%;
  font-size: 18px;
  text-align: left;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.hero-slider__item:not(:last-child) {
  margin-right: 20px;
}
.hero-slider__item__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  flex-grow: 1;
  min-height: 210px;
  padding: 65px 20px 20px 20px;
}
.hero-slider__item__content--center {
  align-items: center;
  text-align: center;
}
.hero-slider__item__content--right {
  align-items: flex-end;
  text-align: right;
}
.hero-slider .hero-slider__item__content > .search-field {
  display: block;
  max-width: 812px;
  border-bottom-color: #ffffff;
  margin-top: 70px;
}
.hero-slider .hero-slider__item__content > .search-field:after {
  color: #ffffff;
}
.hero-slider__item__title {
  margin-bottom: 20px;
  max-width: 1255px;
  font-size: 24px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 700;
}
.hero-slider__item__title--small {
  font-size: 16px;
  line-height: 26px;
}
.hero-slider__item__title--medium {
  font-size: 20px;
  line-height: 24px;
}
.hero-slider__item__title--large {
  font-size: 24px;
  line-height: 30px;
}
.hero-slider__item__title--margin-small {
  margin-bottom: 20px;
}
.hero-slider__item__title--margin-medium {
  margin-bottom: 25px;
}
.hero-slider__item__title--margin-large {
  margin-bottom: 35px;
}
.hero-slider__item__text {
  margin-bottom: 20px;
  max-width: 1255px;
  font-size: 18px;
  line-height: 28px;
  color: #ffffff;
  font-weight: 500;
}
.hero-slider__item__text--small {
  font-size: 14px;
  line-height: 22px;
}
.hero-slider__item__text--medium {
  font-size: 16px;
  line-height: 26px;
}
.hero-slider__item__text--large {
  font-size: 18px;
  line-height: 28px;
}
.hero-slider__item__text--margin-small {
  margin-bottom: 20px;
}
.hero-slider__item__text--margin-medium {
  margin-bottom: 25px;
}
.hero-slider__item__text--margin-large {
  margin-bottom: 35px;
}
.hero-slider__item__link {
  position: relative;
  display: inline-block;
  border: 2px solid #ffffff;
  background-color: transparent;
  color: #ffffff;
  text-align: center;
  text-transform: none;
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
  border-radius: 35px;
  font-weight: 600;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-family: "Work Sans", sans-serif;
  cursor: pointer;
  transition: border 200ms ease-in-out, color 200ms ease-in-out;
  font-size: 18px;
  padding: 10px 26px;
  line-height: 26px;
  height: 50px;
  min-width: 200px;
}
.hero-slider__item__link:hover, .hero-slider__item__link:focus {
  color: #3373d2;
  border-color: #3373d2;
}
.hero-slider__item__link:after {
  right: 15px;
  font-size: 12px;
}
.hero-slider__arrow {
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -40px;
  text-align: center;
  font-size: 45px;
  cursor: pointer;
  color: #ffffff;
  z-index: 9;
}
.hero-slider__arrow--next {
  right: 20px;
}
.hero-slider__arrow--next:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  display: block;
  line-height: 80px;
  text-shadow: 0px 0px 7px #777777;
}
.hero-slider__arrow--previous {
  left: 20px;
}
.hero-slider__arrow--previous:before {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  display: block;
  line-height: 80px;
  text-shadow: 0px 0px 7px #777777;
}

@media (min-width: 500px) {
  .hero-slider__item__content {
    min-height: 360px;
    padding: 60px;
  }
  .hero-slider__arrow {
    display: block;
  }
}
@media (min-width: 700px) {
  .hero-slider__item__title {
    font-size: 50px;
    line-height: 59px;
  }
  .hero-slider__item__title--small {
    font-size: 24px;
    line-height: 30px;
  }
  .hero-slider__item__title--medium {
    font-size: 30px;
    line-height: 35px;
  }
  .hero-slider__item__title--large {
    font-size: 36px;
    line-height: 36px;
  }
  .hero-slider__item__title--margin-small {
    margin-bottom: 35px;
  }
  .hero-slider__item__title--margin-medium {
    margin-bottom: 45px;
  }
  .hero-slider__item__title--margin-large {
    margin-bottom: 55px;
  }
  .hero-slider__item__text {
    margin-bottom: 35px;
    font-size: 30px;
    line-height: 35px;
  }
  .hero-slider__item__text--small {
    font-size: 18px;
    line-height: 28px;
  }
  .hero-slider__item__text--medium {
    font-size: 22px;
    line-height: 34px;
  }
  .hero-slider__item__text--large {
    font-size: 24px;
    line-height: 34px;
  }
  .hero-slider__item__text--margin-small {
    margin-bottom: 35px;
  }
  .hero-slider__item__text--margin-medium {
    margin-bottom: 45px;
  }
  .hero-slider__item__text--margin-large {
    margin-bottom: 55px;
  }
}
@media (min-width: 900px) {
  .hero-slider__item__content {
    min-height: 650px;
    padding: 100px;
  }
  .hero-slider__item__title--small {
    font-size: 36px;
    line-height: 36px;
  }
  .hero-slider__item__title--medium {
    font-size: 50px;
    line-height: 59px;
  }
  .hero-slider__item__title--large {
    font-size: 60px;
    line-height: 70px;
  }
  .hero-slider__item__text--small {
    font-size: 22px;
    line-height: 34px;
  }
  .hero-slider__item__text--medium {
    font-size: 24px;
    line-height: 34px;
  }
  .hero-slider__item__text--large {
    font-size: 30px;
    line-height: 35px;
  }
}
@media (min-width: 1200px) {
  .hero-slider__item__content {
    padding: 130px 140px 70px 140px;
  }
  .hero-slider__arrow {
    font-size: 35px;
  }
  .hero-slider__arrow--next {
    right: 40px;
  }
  .hero-slider__arrow--previous {
    left: 40px;
  }
}
.ui-autocomplete {
  border: 2px solid rgba(17, 17, 17, 0.5) !important;
  border-radius: 22px !important;
  padding: 12px 0 !important;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.16) !important;
}
.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper {
  padding: 3px 20px !important;
  display: block !important;
  color: #111111 !important;
}
.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  background-color: #3373d2 !important;
  color: #ffffff !important;
}
.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-active .search-api-autocomplete-suggestion {
  background-color: transparent !important;
}
.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper .search-api-autocomplete-suggestion {
  padding: 3px 10px !important;
}

.breaking-banner {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 10px 20px;
  padding-right: 38px;
  background-color: #FDDF6F;
  color: #111111;
  font-size: 14px;
  line-height: 22px;
  z-index: 1;
}
.breaking-banner__datetime {
  float: left;
  margin-right: 5px;
  font-weight: 500;
}
.breaking-banner__text {
  flex-grow: 1;
  margin-right: 10px;
  overflow: hidden;
}
.breaking-banner__text strong {
  font-weight: 500;
}
.breaking-banner__text a {
  text-decoration: underline;
}
.breaking-banner__close {
  position: absolute;
  top: 14px;
  right: 20px;
  width: 12px;
  height: 12px;
  cursor: pointer;
  z-index: 1;
}
.breaking-banner__close::before, .breaking-banner__close::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px;
  background-color: #000;
  z-index: 1;
}
.breaking-banner__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.breaking-banner__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

@media (min-width: 1200px) {
  .breaking-banner {
    padding: 12px 40px;
    padding-right: 58px;
    font-size: 16px;
    line-height: 26px;
  }
  .breaking-banner__datetime {
    margin-right: 7px;
    font-weight: 500;
  }
  .breaking-banner__close {
    top: 18px;
    right: 40px;
  }
}
.quick-links {
  display: flex;
  flex-direction: column;
  list-style: none !important;
  padding: 0;
}
.quick-links__item:not(:last-of-type) {
  margin-bottom: 10px;
}
.quick-links__item__link {
  position: relative;
  display: flex;
  align-items: center;
  padding: 18px 70px 18px 10px;
  background-color: #f7f6f5;
  border-left: 3px solid #3373d2;
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
}
.quick-links__item__link:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  position: absolute;
  font-size: 16px;
  right: 20px;
  color: #3373d2;
}
.quick-links--blue-theme .quick-links__item__link {
  background-color: #f4f9ff;
}

@media (min-width: 1200px) {
  .quick-links {
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -10px;
  }
  .quick-links__item {
    margin: 0;
    padding: 10px;
    width: calc(100% / 3);
  }
  .quick-links__item__link {
    padding: 25px 70px 25px 20px;
    font-size: 20px;
    line-height: 24px;
  }
}
.pill-content__header {
  position: relative;
}
.pill-content__header__pills {
  display: flex;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}
.pill-content__header__pills__pill {
  display: block;
  white-space: nowrap;
  width: auto;
  margin-right: 10px;
  border: none;
  padding: 0;
  text-align: left;
  background-color: transparent;
  padding: 6px 15px;
  border: 1px solid #3373d2;
  border-radius: 20px;
  color: #3373d2;
  font-size: 16px;
  line-height: 26px;
  list-style: none;
}
.pill-content__header__pills__pill.is-selected {
  background-color: #3373d2;
  color: #ffffff;
}
.pill-content__header__pills__pill:hover {
  cursor: pointer;
}
.pill-content__header__pills__pill:last-of-type {
  margin-right: 0;
}
.pill-content__header__scrollbar {
  margin-top: 10px;
  height: 3px;
  width: 100%;
  background-color: #f4f9ff;
  border-radius: 2px;
  overflow: hidden;
}
.pill-content__header__scrollbar .swiper-scrollbar-drag {
  height: 3px;
  background-color: #3373d2;
}
.pill-content__body {
  margin-top: 20px;
}
.pill-content__body__section {
  display: none;
  font-size: 14px;
  line-height: 22px;
}
.pill-content__body__section strong {
  font-weight: 700;
}
.pill-content__body__section.is-visible {
  display: block;
}
.pill-content__body__section__more {
  display: block;
  margin-top: 20px;
  color: #3373d2;
  text-decoration: underline;
  font-size: 16px;
  line-height: 26px;
}
.pill-content__body__section__more:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  display: inline-block;
  margin-left: 8px;
  font-size: 16px;
}

@media (min-width: 1200px) {
  .pill-content__header {
    display: flex;
    justify-content: center;
    margin: auto;
    max-width: 1100px;
  }
  .pill-content__header__pills {
    justify-content: center;
    flex-wrap: wrap;
    transform: none !important;
  }
  .pill-content__header__pills__pill {
    margin: 5px;
  }
  .pill-content__header__scrollbar {
    display: none;
  }
  .pill-content__body {
    margin-top: 30px;
    padding: 40px;
    border-top: 1px solid #111111;
  }
  .pill-content__body__section {
    column-count: 2;
    column-width: 50%;
    column-gap: 40px;
    break-inside: avoid;
    font-size: 18px;
    line-height: 28px;
  }
  .pill-content__body__section__more {
    margin-top: 30px;
    font-size: 20px;
    line-height: 24px;
  }
  .pill-content__body__section * {
    break-inside: avoid-column;
  }
}
.hero-shortcuts {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  overflow: hidden;
}
.hero-shortcuts--background {
  background-image: linear-gradient(to right, #D9DFE5, #D9EAFF);
}
.hero-shortcuts--graphics .hero-shortcuts__content__body .hero-shortcuts__content__body__text {
  width: 85%;
}
.hero-shortcuts__graphic {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 50%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: top right;
}
.hero-shortcuts__content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.hero-shortcuts__content .hero-shortcuts--graphics .hero-shortcuts__content__body {
  width: 100%;
}
.hero-shortcuts__content__body {
  position: relative;
  width: 78vw;
  padding: 85px 20px 20px;
  z-index: 2;
}
.hero-shortcuts__content__body__title {
  margin: 0;
  font-size: 30px;
  line-height: 35px;
}
.hero-shortcuts__content__body__text {
  margin-top: 10px;
  font-size: 14px;
  line-height: 22px;
}
.hero-shortcuts__content__shortcuts__item-wrap {
  margin-bottom: 10px;
}
.hero-shortcuts__content__shortcuts__item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 70px 20px 20px;
  background-color: #f7f6f5;
  border-left: 3px solid #3373d2;
}
.hero-shortcuts__content__shortcuts__item:after {
  font-family: "kombit";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "";
  position: absolute;
  right: 20px;
  font-size: 16px;
  color: #3373d2;
}
.hero-shortcuts__content__shortcuts__item__title {
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
}
.hero-shortcuts__content__shortcuts__item__text {
  margin-top: 8px;
  font-size: 14px;
  line-height: 22px;
}

@media (min-width: 700px) {
  .hero-shortcuts--graphics .hero-shortcuts__content__body {
    width: 50%;
  }
  .hero-shortcuts--graphics .hero-shortcuts__content__body__title {
    width: auto;
  }
  .hero-shortcuts--graphics .hero-shortcuts__content__body__text {
    width: auto;
  }
}
@media (min-width: 1200px) {
  .hero-shortcuts__content {
    flex-direction: row;
    padding-top: 105px;
    padding-bottom: 105px;
    margin: 0;
  }
  .hero-shortcuts__content__body {
    padding: 0 20px 0 0;
    width: 50%;
  }
  .hero-shortcuts__content__body__title {
    margin-bottom: 8px;
    font-size: 60px;
    line-height: 70px;
  }
  .hero-shortcuts__content__body__text {
    font-size: 22px;
    line-height: 34px;
    font-weight: 500;
  }
  .hero-shortcuts__content__shortcuts {
    padding-left: 20px;
    width: 50%;
  }
  .hero-shortcuts__content__shortcuts__item-wrap {
    margin-bottom: 20px;
  }
  .hero-shortcuts__content__shortcuts__item-wrap:last-of-type {
    margin-bottom: 0;
  }
  .hero-shortcuts__content__shortcuts__item {
    padding: 30px 90px 30px 30px;
    background-color: #f7f6f5;
    border-left: 3px solid #3373d2;
  }
  .hero-shortcuts__content__shortcuts__item:after {
    font-family: "kombit";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    content: "";
    right: 30px;
  }
  .hero-shortcuts__content__shortcuts__item__title {
    font-size: 26px;
    line-height: 35px;
  }
  .hero-shortcuts__content__shortcuts__item__text {
    font-size: 18px;
    line-height: 28px;
  }
  .hero-shortcuts--secondary .hero-shortcuts__content {
    flex-direction: column;
  }
  .hero-shortcuts--secondary .hero-shortcuts__content__body__title {
    margin-bottom: 50px;
  }
  .hero-shortcuts--secondary .hero-shortcuts__content__shortcuts {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
    padding: 0;
    width: 100%;
  }
  .hero-shortcuts--secondary .hero-shortcuts__content__shortcuts__item-wrap {
    margin: 0;
    padding: 10px;
    width: calc(100% / 3);
  }
  .hero-shortcuts--secondary .hero-shortcuts__content__shortcuts__item {
    padding: 20px;
  }
  .hero-shortcuts--secondary .hero-shortcuts__content__shortcuts__item__title {
    font-size: 20px;
  }
  .hero-shortcuts--secondary .hero-shortcuts__content__shortcuts__item:after {
    right: 20px;
  }
}
.featured-teaser-simple {
  overflow: hidden;
}
.featured-teaser-simple__picture {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 280px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.featured-teaser-simple__body {
  padding: 40px 20px;
  text-align: center;
}
.featured-teaser-simple__body--grey {
  background-color: #f7f6f5;
}
.featured-teaser-simple__body--blue {
  background-color: #f4f9ff;
}
.featured-teaser-simple__body--yellow {
  background-color: #fef8de;
}
.featured-teaser-simple__title {
  margin: 0 auto;
  max-width: 580px;
  font-size: 20px;
  line-height: 24px;
}
.featured-teaser-simple__text {
  margin: 20px auto 0;
  max-width: 580px;
}
.featured-teaser-simple__button {
  margin-top: 20px;
}

@media (min-width: 900px) {
  .featured-teaser-simple {
    display: flex;
    flex-direction: row;
  }
  .featured-teaser-simple--short {
    border-left: 3px solid #3373d2;
  }
  .featured-teaser-simple__wrapper {
    display: flex;
    width: 100%;
    min-height: 540px;
  }
  .featured-teaser-simple--short .featured-teaser-simple__wrapper {
    min-height: 295px;
  }
  .featured-teaser-simple--left .featured-teaser-simple__wrapper {
    flex-direction: row-reverse;
  }
  .featured-teaser-simple__picture {
    background-position: center;
    position: relative;
    width: 50%;
    height: auto;
    flex-grow: 1;
  }
  .featured-teaser-simple__body {
    width: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    box-sizing: border-box;
    padding: 40px;
  }
  .featured-teaser-simple__title {
    font-size: 36px;
    line-height: 36px;
  }
  .featured-teaser-simple__text {
    font-size: 22px;
    line-height: 34px;
  }
  .featured-teaser-simple--short .featured-teaser-simple__button {
    margin-top: 28px;
  }
  .featured-teaser-simple__button .button {
    min-width: 245px;
  }
}
.content-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0px 15px;
  font-size: 14px;
  font-weight: 500;
  color: #3373d2;
  border-radius: 14px;
  background-color: #d9eaff;
}
.content-label--nyhed {
  background-color: #d9eaff;
}
.content-label--event {
  background-color: #eef4ce;
}
.content-label--case {
  background-color: #ffca91;
}

@media (min-width: 1200px) {
  .content-label {
    font-size: 18px;
  }
  .card .content-label {
    font-size: 14px;
  }
}
.anchored .layout__segment:has(.anchored__nav) {
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 10;
}
.anchored .layout__container {
  margin: 0 auto !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.anchored .layout__container:has(.anchored__nav) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.anchored__nav {
  position: relative;
  padding: 15px 0;
  background-color: #fff;
  border-top: 2px solid #3373d2;
  z-index: 1;
}
.anchored__nav:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  width: 100px;
  background-image: linear-gradient(to right, transparent, #fff);
  z-index: 1;
}
.anchored__nav__items {
  display: flex;
  align-items: center;
  gap: 10px;
  overflow-x: scroll;
  scrollbar-width: none;
  padding-right: 100px;
}
.anchored__nav__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  white-space: nowrap;
  height: 40px;
  color: #3373d2;
  font-size: 16px;
  font-weight: 500;
  padding: 6px 15px;
  border: 1px solid #3373d2;
  border-radius: 24px;
  cursor: pointer;
}
.anchored__nav__item.is-active, .anchored__nav__item:hover {
  color: #fff;
  background-color: #3373d2;
}

@media (min-width: 1200px) {
  .anchored__nav {
    padding: 30px 0;
  }
}