@charset "UTF-8";
/* nexxar defaults */
* {
  margin: 0;
  padding: 0;
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css 
  nexxar customized for targeting IE11+, Android 4.4+, iOS9+  */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct display in IE11.
 */
main {
  /* 1 */
  display: block;
}

/**
 * 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
   ========================================================================== */
/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 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;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. added jol
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  color: inherit;
  /* 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;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 *    `fieldset` elements in all browsers.
 */
legend {
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  white-space: normal;
  /* 1 */
}

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

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

/**
 * 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 and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[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 IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

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

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

/* Fonts */
/* Font weights */
/* Z-indexes */
/* Breakpoints */
/* Mixins */
/* Custom sizes */
/* prettier-ignore */
/* Smallest devices */
/* Small devices */
/* Medium devices */
/* Large devices */
/* Extra large devices */
.main {
  padding: 16px;
  padding-top: 0;
  z-index: 2;
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .main {
    overflow: visible;
  }
}
@media screen and (min-width: 1200px) {
  .main__container {
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 1200px;
    margin: 0 auto;
  }
}
.page--home .main__container:not(.nav__inner) {
  width: 100%;
  max-width: 100%;
}

.container {
  position: relative;
  padding-left: 16px;
  padding-right: 16px;
  margin: 0 auto;
  width: 1200px;
  max-width: 100%;
}
@media screen and (min-width: 1200px) {
  .container {
    padding: 0;
  }
}
.page--home
  .container:not(.nav__inner):not(.footer-primary__container):not(
    .footer-secondary__container
  ) {
  padding: 0;
  max-width: 100%;
  width: 100%;
}

.article {
  position: relative;
  padding-top: 16px;
}
@media screen and (min-width: 1200px) {
  .article {
    padding-top: 32px;
  }
}
.page--home .article {
  padding: 0;
  width: 100%;
}

.content {
  width: 792px;
  max-width: 100%;
  min-height: calc(100vh - 266px);
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .content {
    min-height: calc(100vh - 167px);
  }
}

@media screen and (min-width: 1200px) {
  .content {
    min-height: calc(100vh - 204px);
  }
}

.page:not(.page--home) .main:not(.main--has-hero) .content {
  padding-top: 40px;
}
.page--home .content {
  padding: 0;
  width: 100%;
  overflow-x: hidden;
}

.content-before {
  width: 100%;
  order: 1;
}
@media screen and (min-width: 1200px) {
  .content-before {
    width: 300px;
    order: 0;
    margin-right: 50px;
  }
}

@media screen and (min-width: 1440px) {
  .wide {
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    width: 1200px;
  }
}

.page--home {
  overflow-x: hidden;
}

/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/fontawesome-webfont.woff?v=4.6.3") format("woff");
  font-weight: normal;
  font-style: normal;
}
.fa,
.nav-secondary__item--level2.has-children > a::after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571429em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.85714286em;
}

.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left,
.nav-secondary__item--level2.has-children > a.fa-pull-left::after {
  margin-right: 0.3em;
}

.fa.fa-pull-right,
.nav-secondary__item--level2.has-children > a.fa-pull-right::after {
  margin-left: 0.3em;
}

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left,
.nav-secondary__item--level2.has-children > a.pull-left::after {
  margin-right: 0.3em;
}

.fa.pull-right,
.nav-secondary__item--level2.has-children > a.pull-right::after {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass::before {
  content: "\f000";
}

.fa-music::before {
  content: "\f001";
}

.fa-search::before {
  content: "\f002";
}

.fa-envelope-o::before {
  content: "\f003";
}

.fa-heart::before {
  content: "\f004";
}

.fa-star::before {
  content: "\f005";
}

.fa-star-o::before {
  content: "\f006";
}

.fa-user::before {
  content: "\f007";
}

.fa-film::before {
  content: "\f008";
}

.fa-th-large::before {
  content: "\f009";
}

.fa-th::before {
  content: "\f00a";
}

.fa-th-list::before {
  content: "\f00b";
}

.fa-check::before {
  content: "\f00c";
}

.fa-remove::before,
.fa-close::before,
.fa-times::before {
  content: "\f00d";
}

.fa-search-plus::before {
  content: "\f00e";
}

.fa-search-minus::before {
  content: "\f010";
}

.fa-power-off::before {
  content: "\f011";
}

.fa-signal::before {
  content: "\f012";
}

.fa-gear::before,
.fa-cog::before {
  content: "\f013";
}

.fa-trash-o::before {
  content: "\f014";
}

.fa-home::before {
  content: "\f015";
}

.fa-file-o::before {
  content: "\f016";
}

.fa-clock-o::before {
  content: "\f017";
}

.fa-road::before {
  content: "\f018";
}

.fa-download::before {
  content: "\f019";
}

.fa-arrow-circle-o-down::before {
  content: "\f01a";
}

.fa-arrow-circle-o-up::before {
  content: "\f01b";
}

.fa-inbox::before {
  content: "\f01c";
}

.fa-play-circle-o::before {
  content: "\f01d";
}

.fa-rotate-right::before,
.fa-repeat::before {
  content: "\f01e";
}

.fa-refresh::before {
  content: "\f021";
}

.fa-list-alt::before {
  content: "\f022";
}

.fa-lock::before {
  content: "\f023";
}

.fa-flag::before {
  content: "\f024";
}

.fa-headphones::before {
  content: "\f025";
}

.fa-volume-off::before {
  content: "\f026";
}

.fa-volume-down::before {
  content: "\f027";
}

.fa-volume-up::before {
  content: "\f028";
}

.fa-qrcode::before {
  content: "\f029";
}

.fa-barcode::before {
  content: "\f02a";
}

.fa-tag::before {
  content: "\f02b";
}

.fa-tags::before {
  content: "\f02c";
}

.fa-book::before {
  content: "\f02d";
}

.fa-bookmark::before {
  content: "\f02e";
}

.fa-print::before {
  content: "\f02f";
}

.fa-camera::before {
  content: "\f030";
}

.fa-font::before {
  content: "\f031";
}

.fa-bold::before {
  content: "\f032";
}

.fa-italic::before {
  content: "\f033";
}

.fa-text-height::before {
  content: "\f034";
}

.fa-text-width::before {
  content: "\f035";
}

.fa-align-left::before {
  content: "\f036";
}

.fa-align-center::before {
  content: "\f037";
}

.fa-align-right::before {
  content: "\f038";
}

.fa-align-justify::before {
  content: "\f039";
}

.fa-list::before {
  content: "\f03a";
}

.fa-dedent::before,
.fa-outdent::before {
  content: "\f03b";
}

.fa-indent::before {
  content: "\f03c";
}

.fa-video-camera::before {
  content: "\f03d";
}

.fa-photo::before,
.fa-image::before,
.fa-picture-o::before {
  content: "\f03e";
}

.fa-pencil::before {
  content: "\f040";
}

.fa-map-marker::before {
  content: "\f041";
}

.fa-adjust::before {
  content: "\f042";
}

.fa-tint::before {
  content: "\f043";
}

.fa-edit::before,
.fa-pencil-square-o::before {
  content: "\f044";
}

.fa-share-square-o::before {
  content: "\f045";
}

.fa-check-square-o::before {
  content: "\f046";
}

.fa-arrows::before {
  content: "\f047";
}

.fa-step-backward::before {
  content: "\f048";
}

.fa-fast-backward::before {
  content: "\f049";
}

.fa-backward::before {
  content: "\f04a";
}

.fa-play::before {
  content: "\f04b";
}

.fa-pause::before {
  content: "\f04c";
}

.fa-stop::before {
  content: "\f04d";
}

.fa-forward::before {
  content: "\f04e";
}

.fa-fast-forward::before {
  content: "\f050";
}

.fa-step-forward::before {
  content: "\f051";
}

.fa-eject::before {
  content: "\f052";
}

.fa-chevron-left::before {
  content: "\f053";
}

.fa-chevron-right::before {
  content: "\f054";
}

.fa-plus-circle::before {
  content: "\f055";
}

.fa-minus-circle::before {
  content: "\f056";
}

.fa-times-circle::before {
  content: "\f057";
}

.fa-check-circle::before {
  content: "\f058";
}

.fa-question-circle::before {
  content: "\f059";
}

.fa-info-circle::before {
  content: "\f05a";
}

.fa-crosshairs::before {
  content: "\f05b";
}

.fa-times-circle-o::before {
  content: "\f05c";
}

.fa-check-circle-o::before {
  content: "\f05d";
}

.fa-ban::before {
  content: "\f05e";
}

.fa-arrow-left::before {
  content: "\f060";
}

.fa-arrow-right::before {
  content: "\f061";
}

.fa-arrow-up::before {
  content: "\f062";
}

.fa-arrow-down::before {
  content: "\f063";
}

.fa-mail-forward::before,
.fa-share::before {
  content: "\f064";
}

.fa-expand::before {
  content: "\f065";
}

.fa-compress::before {
  content: "\f066";
}

.fa-plus::before {
  content: "\f067";
}

.fa-minus::before {
  content: "\f068";
}

.fa-asterisk::before {
  content: "\f069";
}

.fa-exclamation-circle::before {
  content: "\f06a";
}

.fa-gift::before {
  content: "\f06b";
}

.fa-leaf::before {
  content: "\f06c";
}

.fa-fire::before {
  content: "\f06d";
}

.fa-eye::before {
  content: "\f06e";
}

.fa-eye-slash::before {
  content: "\f070";
}

.fa-warning::before,
.fa-exclamation-triangle::before {
  content: "\f071";
}

.fa-plane::before {
  content: "\f072";
}

.fa-calendar::before {
  content: "\f073";
}

.fa-random::before {
  content: "\f074";
}

.fa-comment::before {
  content: "\f075";
}

.fa-magnet::before {
  content: "\f076";
}

.fa-chevron-up::before {
  content: "\f077";
}

.fa-chevron-down::before {
  content: "\f078";
}

.fa-retweet::before {
  content: "\f079";
}

.fa-shopping-cart::before {
  content: "\f07a";
}

.fa-folder::before {
  content: "\f07b";
}

.fa-folder-open::before {
  content: "\f07c";
}

.fa-arrows-v::before {
  content: "\f07d";
}

.fa-arrows-h::before {
  content: "\f07e";
}

.fa-bar-chart-o::before,
.fa-bar-chart::before {
  content: "\f080";
}

.fa-twitter-square::before {
  content: "\f081";
}

.fa-facebook-square::before {
  content: "\f082";
}

.fa-camera-retro::before {
  content: "\f083";
}

.fa-key::before {
  content: "\f084";
}

.fa-gears::before,
.fa-cogs::before {
  content: "\f085";
}

.fa-comments::before {
  content: "\f086";
}

.fa-thumbs-o-up::before {
  content: "\f087";
}

.fa-thumbs-o-down::before {
  content: "\f088";
}

.fa-star-half::before {
  content: "\f089";
}

.fa-heart-o::before {
  content: "\f08a";
}

.fa-sign-out::before {
  content: "\f08b";
}

.fa-linkedin-square::before {
  content: "\f08c";
}

.fa-thumb-tack::before {
  content: "\f08d";
}

.fa-external-link::before {
  content: "\f08e";
}

.fa-sign-in::before {
  content: "\f090";
}

.fa-trophy::before {
  content: "\f091";
}

.fa-github-square::before {
  content: "\f092";
}

.fa-upload::before {
  content: "\f093";
}

.fa-lemon-o::before {
  content: "\f094";
}

.fa-phone::before {
  content: "\f095";
}

.fa-square-o::before {
  content: "\f096";
}

.fa-bookmark-o::before {
  content: "\f097";
}

.fa-phone-square::before {
  content: "\f098";
}

.fa-twitter::before {
  content: "\f099";
}

.fa-facebook-f::before,
.fa-facebook::before {
  content: "\f09a";
}

.fa-github::before {
  content: "\f09b";
}

.fa-unlock::before {
  content: "\f09c";
}

.fa-credit-card::before {
  content: "\f09d";
}

.fa-feed::before,
.fa-rss::before {
  content: "\f09e";
}

.fa-hdd-o::before {
  content: "\f0a0";
}

.fa-bullhorn::before {
  content: "\f0a1";
}

.fa-bell::before {
  content: "\f0f3";
}

.fa-certificate::before {
  content: "\f0a3";
}

.fa-hand-o-right::before {
  content: "\f0a4";
}

.fa-hand-o-left::before {
  content: "\f0a5";
}

.fa-hand-o-up::before {
  content: "\f0a6";
}

.fa-hand-o-down::before {
  content: "\f0a7";
}

.fa-arrow-circle-left::before {
  content: "\f0a8";
}

.fa-arrow-circle-right::before {
  content: "\f0a9";
}

.fa-arrow-circle-up::before {
  content: "\f0aa";
}

.fa-arrow-circle-down::before {
  content: "\f0ab";
}

.fa-globe::before {
  content: "\f0ac";
}

.fa-wrench::before {
  content: "\f0ad";
}

.fa-tasks::before {
  content: "\f0ae";
}

.fa-filter::before {
  content: "\f0b0";
}

.fa-briefcase::before {
  content: "\f0b1";
}

.fa-arrows-alt::before {
  content: "\f0b2";
}

.fa-group::before,
.fa-users::before {
  content: "\f0c0";
}

.fa-chain::before,
.fa-link::before {
  content: "\f0c1";
}

.fa-cloud::before {
  content: "\f0c2";
}

.fa-flask::before {
  content: "\f0c3";
}

.fa-cut::before,
.fa-scissors::before {
  content: "\f0c4";
}

.fa-copy::before,
.fa-files-o::before {
  content: "\f0c5";
}

.fa-paperclip::before {
  content: "\f0c6";
}

.fa-save::before,
.fa-floppy-o::before {
  content: "\f0c7";
}

.fa-square::before {
  content: "\f0c8";
}

.fa-navicon::before,
.fa-reorder::before,
.fa-bars::before {
  content: "\f0c9";
}

.fa-list-ul::before {
  content: "\f0ca";
}

.fa-list-ol::before {
  content: "\f0cb";
}

.fa-strikethrough::before {
  content: "\f0cc";
}

.fa-underline::before {
  content: "\f0cd";
}

.fa-table::before {
  content: "\f0ce";
}

.fa-magic::before {
  content: "\f0d0";
}

.fa-truck::before {
  content: "\f0d1";
}

.fa-pinterest::before {
  content: "\f0d2";
}

.fa-pinterest-square::before {
  content: "\f0d3";
}

.fa-google-plus-square::before {
  content: "\f0d4";
}

.fa-google-plus::before {
  content: "\f0d5";
}

.fa-money::before {
  content: "\f0d6";
}

.fa-caret-down::before {
  content: "\f0d7";
}

.fa-caret-up::before {
  content: "\f0d8";
}

.fa-caret-left::before {
  content: "\f0d9";
}

.fa-caret-right::before {
  content: "\f0da";
}

.fa-columns::before {
  content: "\f0db";
}

.fa-unsorted::before,
.fa-sort::before {
  content: "\f0dc";
}

.fa-sort-down::before,
.fa-sort-desc::before {
  content: "\f0dd";
}

.fa-sort-up::before,
.fa-sort-asc::before {
  content: "\f0de";
}

.fa-envelope::before {
  content: "\f0e0";
}

.fa-linkedin::before {
  content: "\f0e1";
}

.fa-rotate-left::before,
.fa-undo::before {
  content: "\f0e2";
}

.fa-legal::before,
.fa-gavel::before {
  content: "\f0e3";
}

.fa-dashboard::before,
.fa-tachometer::before {
  content: "\f0e4";
}

.fa-comment-o::before {
  content: "\f0e5";
}

.fa-comments-o::before {
  content: "\f0e6";
}

.fa-flash::before,
.fa-bolt::before {
  content: "\f0e7";
}

.fa-sitemap::before {
  content: "\f0e8";
}

.fa-umbrella::before {
  content: "\f0e9";
}

.fa-paste::before,
.fa-clipboard::before {
  content: "\f0ea";
}

.fa-lightbulb-o::before {
  content: "\f0eb";
}

.fa-exchange::before {
  content: "\f0ec";
}

.fa-cloud-download::before {
  content: "\f0ed";
}

.fa-cloud-upload::before {
  content: "\f0ee";
}

.fa-user-md::before {
  content: "\f0f0";
}

.fa-stethoscope::before {
  content: "\f0f1";
}

.fa-suitcase::before {
  content: "\f0f2";
}

.fa-bell-o::before {
  content: "\f0a2";
}

.fa-coffee::before {
  content: "\f0f4";
}

.fa-cutlery::before {
  content: "\f0f5";
}

.fa-file-text-o::before {
  content: "\f0f6";
}

.fa-building-o::before {
  content: "\f0f7";
}

.fa-hospital-o::before {
  content: "\f0f8";
}

.fa-ambulance::before {
  content: "\f0f9";
}

.fa-medkit::before {
  content: "\f0fa";
}

.fa-fighter-jet::before {
  content: "\f0fb";
}

.fa-beer::before {
  content: "\f0fc";
}

.fa-h-square::before {
  content: "\f0fd";
}

.fa-plus-square::before {
  content: "\f0fe";
}

.fa-angle-double-left::before {
  content: "\f100";
}

.fa-angle-double-right::before {
  content: "\f101";
}

.fa-angle-double-up::before {
  content: "\f102";
}

.fa-angle-double-down::before {
  content: "\f103";
}

.fa-angle-left::before {
  content: "\f104";
}

.fa-angle-right::before {
  content: "\f105";
}

.fa-angle-up::before {
  content: "\f106";
}

.fa-angle-down::before {
  content: "\f107";
}

.fa-desktop::before {
  content: "\f108";
}

.fa-laptop::before {
  content: "\f109";
}

.fa-tablet::before {
  content: "\f10a";
}

.fa-mobile-phone::before,
.fa-mobile::before {
  content: "\f10b";
}

.fa-circle-o::before {
  content: "\f10c";
}

.fa-quote-left::before {
  content: "\f10d";
}

.fa-quote-right::before {
  content: "\f10e";
}

.fa-spinner::before {
  content: "\f110";
}

.fa-circle::before {
  content: "\f111";
}

.fa-mail-reply::before,
.fa-reply::before {
  content: "\f112";
}

.fa-github-alt::before {
  content: "\f113";
}

.fa-folder-o::before {
  content: "\f114";
}

.fa-folder-open-o::before {
  content: "\f115";
}

.fa-smile-o::before {
  content: "\f118";
}

.fa-frown-o::before {
  content: "\f119";
}

.fa-meh-o::before {
  content: "\f11a";
}

.fa-gamepad::before {
  content: "\f11b";
}

.fa-keyboard-o::before {
  content: "\f11c";
}

.fa-flag-o::before {
  content: "\f11d";
}

.fa-flag-checkered::before {
  content: "\f11e";
}

.fa-terminal::before {
  content: "\f120";
}

.fa-code::before {
  content: "\f121";
}

.fa-mail-reply-all::before,
.fa-reply-all::before {
  content: "\f122";
}

.fa-star-half-empty::before,
.fa-star-half-full::before,
.fa-star-half-o::before {
  content: "\f123";
}

.fa-location-arrow::before {
  content: "\f124";
}

.fa-crop::before {
  content: "\f125";
}

.fa-code-fork::before {
  content: "\f126";
}

.fa-unlink::before,
.fa-chain-broken::before {
  content: "\f127";
}

.fa-question::before {
  content: "\f128";
}

.fa-info::before {
  content: "\f129";
}

.fa-exclamation::before {
  content: "\f12a";
}

.fa-superscript::before {
  content: "\f12b";
}

.fa-subscript::before {
  content: "\f12c";
}

.fa-eraser::before {
  content: "\f12d";
}

.fa-puzzle-piece::before {
  content: "\f12e";
}

.fa-microphone::before {
  content: "\f130";
}

.fa-microphone-slash::before {
  content: "\f131";
}

.fa-shield::before {
  content: "\f132";
}

.fa-calendar-o::before {
  content: "\f133";
}

.fa-fire-extinguisher::before {
  content: "\f134";
}

.fa-rocket::before {
  content: "\f135";
}

.fa-maxcdn::before {
  content: "\f136";
}

.fa-chevron-circle-left::before {
  content: "\f137";
}

.fa-chevron-circle-right::before {
  content: "\f138";
}

.fa-chevron-circle-up::before {
  content: "\f139";
}

.fa-chevron-circle-down::before {
  content: "\f13a";
}

.fa-html5::before {
  content: "\f13b";
}

.fa-css3::before {
  content: "\f13c";
}

.fa-anchor::before {
  content: "\f13d";
}

.fa-unlock-alt::before {
  content: "\f13e";
}

.fa-bullseye::before {
  content: "\f140";
}

.fa-ellipsis-h::before {
  content: "\f141";
}

.fa-ellipsis-v::before {
  content: "\f142";
}

.fa-rss-square::before {
  content: "\f143";
}

.fa-play-circle::before {
  content: "\f144";
}

.fa-ticket::before {
  content: "\f145";
}

.fa-minus-square::before {
  content: "\f146";
}

.fa-minus-square-o::before {
  content: "\f147";
}

.fa-level-up::before {
  content: "\f148";
}

.fa-level-down::before {
  content: "\f149";
}

.fa-check-square::before {
  content: "\f14a";
}

.fa-pencil-square::before {
  content: "\f14b";
}

.fa-external-link-square::before {
  content: "\f14c";
}

.fa-share-square::before {
  content: "\f14d";
}

.fa-compass::before {
  content: "\f14e";
}

.fa-toggle-down::before,
.fa-caret-square-o-down::before {
  content: "\f150";
}

.fa-toggle-up::before,
.fa-caret-square-o-up::before {
  content: "\f151";
}

.fa-toggle-right::before,
.fa-caret-square-o-right::before {
  content: "\f152";
}

.fa-euro::before,
.fa-eur::before {
  content: "\f153";
}

.fa-gbp::before {
  content: "\f154";
}

.fa-dollar::before,
.fa-usd::before {
  content: "\f155";
}

.fa-rupee::before,
.fa-inr::before {
  content: "\f156";
}

.fa-cny::before,
.fa-rmb::before,
.fa-yen::before,
.fa-jpy::before {
  content: "\f157";
}

.fa-ruble::before,
.fa-rouble::before,
.fa-rub::before {
  content: "\f158";
}

.fa-won::before,
.fa-krw::before {
  content: "\f159";
}

.fa-bitcoin::before,
.fa-btc::before {
  content: "\f15a";
}

.fa-file::before {
  content: "\f15b";
}

.fa-file-text::before {
  content: "\f15c";
}

.fa-sort-alpha-asc::before {
  content: "\f15d";
}

.fa-sort-alpha-desc::before {
  content: "\f15e";
}

.fa-sort-amount-asc::before {
  content: "\f160";
}

.fa-sort-amount-desc::before {
  content: "\f161";
}

.fa-sort-numeric-asc::before {
  content: "\f162";
}

.fa-sort-numeric-desc::before {
  content: "\f163";
}

.fa-thumbs-up::before {
  content: "\f164";
}

.fa-thumbs-down::before {
  content: "\f165";
}

.fa-youtube-square::before {
  content: "\f166";
}

.fa-youtube::before {
  content: "\f167";
}

.fa-xing::before {
  content: "\f168";
}

.fa-xing-square::before {
  content: "\f169";
}

.fa-youtube-play::before {
  content: "\f16a";
}

.fa-dropbox::before {
  content: "\f16b";
}

.fa-stack-overflow::before {
  content: "\f16c";
}

.fa-instagram::before {
  content: "\f16d";
}

.fa-flickr::before {
  content: "\f16e";
}

.fa-adn::before {
  content: "\f170";
}

.fa-bitbucket::before {
  content: "\f171";
}

.fa-bitbucket-square::before {
  content: "\f172";
}

.fa-tumblr::before {
  content: "\f173";
}

.fa-tumblr-square::before {
  content: "\f174";
}

.fa-long-arrow-down::before {
  content: "\f175";
}

.fa-long-arrow-up::before {
  content: "\f176";
}

.fa-long-arrow-left::before {
  content: "\f177";
}

.fa-long-arrow-right::before {
  content: "\f178";
}

.fa-apple::before {
  content: "\f179";
}

.fa-windows::before {
  content: "\f17a";
}

.fa-android::before {
  content: "\f17b";
}

.fa-linux::before {
  content: "\f17c";
}

.fa-dribbble::before {
  content: "\f17d";
}

.fa-skype::before {
  content: "\f17e";
}

.fa-foursquare::before {
  content: "\f180";
}

.fa-trello::before {
  content: "\f181";
}

.fa-female::before {
  content: "\f182";
}

.fa-male::before {
  content: "\f183";
}

.fa-gittip::before,
.fa-gratipay::before {
  content: "\f184";
}

.fa-sun-o::before {
  content: "\f185";
}

.fa-moon-o::before {
  content: "\f186";
}

.fa-archive::before {
  content: "\f187";
}

.fa-bug::before {
  content: "\f188";
}

.fa-vk::before {
  content: "\f189";
}

.fa-weibo::before {
  content: "\f18a";
}

.fa-renren::before {
  content: "\f18b";
}

.fa-pagelines::before {
  content: "\f18c";
}

.fa-stack-exchange::before {
  content: "\f18d";
}

.fa-arrow-circle-o-right::before {
  content: "\f18e";
}

.fa-arrow-circle-o-left::before {
  content: "\f190";
}

.fa-toggle-left::before,
.fa-caret-square-o-left::before {
  content: "\f191";
}

.fa-dot-circle-o::before {
  content: "\f192";
}

.fa-wheelchair::before {
  content: "\f193";
}

.fa-vimeo-square::before {
  content: "\f194";
}

.fa-turkish-lira::before,
.fa-try::before {
  content: "\f195";
}

.fa-plus-square-o::before {
  content: "\f196";
}

.fa-space-shuttle::before {
  content: "\f197";
}

.fa-slack::before {
  content: "\f198";
}

.fa-envelope-square::before {
  content: "\f199";
}

.fa-wordpress::before {
  content: "\f19a";
}

.fa-openid::before {
  content: "\f19b";
}

.fa-institution::before,
.fa-bank::before,
.fa-university::before {
  content: "\f19c";
}

.fa-mortar-board::before,
.fa-graduation-cap::before {
  content: "\f19d";
}

.fa-yahoo::before {
  content: "\f19e";
}

.fa-google::before {
  content: "\f1a0";
}

.fa-reddit::before {
  content: "\f1a1";
}

.fa-reddit-square::before {
  content: "\f1a2";
}

.fa-stumbleupon-circle::before {
  content: "\f1a3";
}

.fa-stumbleupon::before {
  content: "\f1a4";
}

.fa-delicious::before {
  content: "\f1a5";
}

.fa-digg::before {
  content: "\f1a6";
}

.fa-pied-piper-pp::before {
  content: "\f1a7";
}

.fa-pied-piper-alt::before {
  content: "\f1a8";
}

.fa-drupal::before {
  content: "\f1a9";
}

.fa-joomla::before {
  content: "\f1aa";
}

.fa-language::before {
  content: "\f1ab";
}

.fa-fax::before {
  content: "\f1ac";
}

.fa-building::before {
  content: "\f1ad";
}

.fa-child::before {
  content: "\f1ae";
}

.fa-paw::before {
  content: "\f1b0";
}

.fa-spoon::before {
  content: "\f1b1";
}

.fa-cube::before {
  content: "\f1b2";
}

.fa-cubes::before {
  content: "\f1b3";
}

.fa-behance::before {
  content: "\f1b4";
}

.fa-behance-square::before {
  content: "\f1b5";
}

.fa-steam::before {
  content: "\f1b6";
}

.fa-steam-square::before {
  content: "\f1b7";
}

.fa-recycle::before {
  content: "\f1b8";
}

.fa-automobile::before,
.fa-car::before {
  content: "\f1b9";
}

.fa-cab::before,
.fa-taxi::before {
  content: "\f1ba";
}

.fa-tree::before {
  content: "\f1bb";
}

.fa-spotify::before {
  content: "\f1bc";
}

.fa-deviantart::before {
  content: "\f1bd";
}

.fa-soundcloud::before {
  content: "\f1be";
}

.fa-database::before {
  content: "\f1c0";
}

.fa-file-pdf-o::before {
  content: "\f1c1";
}

.fa-file-word-o::before {
  content: "\f1c2";
}

.fa-file-excel-o::before {
  content: "\f1c3";
}

.fa-file-powerpoint-o::before {
  content: "\f1c4";
}

.fa-file-photo-o::before,
.fa-file-picture-o::before,
.fa-file-image-o::before {
  content: "\f1c5";
}

.fa-file-zip-o::before,
.fa-file-archive-o::before {
  content: "\f1c6";
}

.fa-file-sound-o::before,
.fa-file-audio-o::before {
  content: "\f1c7";
}

.fa-file-movie-o::before,
.fa-file-video-o::before {
  content: "\f1c8";
}

.fa-file-code-o::before {
  content: "\f1c9";
}

.fa-vine::before {
  content: "\f1ca";
}

.fa-codepen::before {
  content: "\f1cb";
}

.fa-jsfiddle::before {
  content: "\f1cc";
}

.fa-life-bouy::before,
.fa-life-buoy::before,
.fa-life-saver::before,
.fa-support::before,
.fa-life-ring::before {
  content: "\f1cd";
}

.fa-circle-o-notch::before {
  content: "\f1ce";
}

.fa-ra::before,
.fa-resistance::before,
.fa-rebel::before {
  content: "\f1d0";
}

.fa-ge::before,
.fa-empire::before {
  content: "\f1d1";
}

.fa-git-square::before {
  content: "\f1d2";
}

.fa-git::before {
  content: "\f1d3";
}

.fa-y-combinator-square::before,
.fa-yc-square::before,
.fa-hacker-news::before {
  content: "\f1d4";
}

.fa-tencent-weibo::before {
  content: "\f1d5";
}

.fa-qq::before {
  content: "\f1d6";
}

.fa-wechat::before,
.fa-weixin::before {
  content: "\f1d7";
}

.fa-send::before,
.fa-paper-plane::before {
  content: "\f1d8";
}

.fa-send-o::before,
.fa-paper-plane-o::before {
  content: "\f1d9";
}

.fa-history::before {
  content: "\f1da";
}

.fa-circle-thin::before {
  content: "\f1db";
}

.fa-header::before {
  content: "\f1dc";
}

.fa-paragraph::before {
  content: "\f1dd";
}

.fa-sliders::before {
  content: "\f1de";
}

.fa-share-alt::before {
  content: "\f1e0";
}

.fa-share-alt-square::before {
  content: "\f1e1";
}

.fa-bomb::before {
  content: "\f1e2";
}

.fa-soccer-ball-o::before,
.fa-futbol-o::before {
  content: "\f1e3";
}

.fa-tty::before {
  content: "\f1e4";
}

.fa-binoculars::before {
  content: "\f1e5";
}

.fa-plug::before {
  content: "\f1e6";
}

.fa-slideshare::before {
  content: "\f1e7";
}

.fa-twitch::before {
  content: "\f1e8";
}

.fa-yelp::before {
  content: "\f1e9";
}

.fa-newspaper-o::before {
  content: "\f1ea";
}

.fa-wifi::before {
  content: "\f1eb";
}

.fa-calculator::before {
  content: "\f1ec";
}

.fa-paypal::before {
  content: "\f1ed";
}

.fa-google-wallet::before {
  content: "\f1ee";
}

.fa-cc-visa::before {
  content: "\f1f0";
}

.fa-cc-mastercard::before {
  content: "\f1f1";
}

.fa-cc-discover::before {
  content: "\f1f2";
}

.fa-cc-amex::before {
  content: "\f1f3";
}

.fa-cc-paypal::before {
  content: "\f1f4";
}

.fa-cc-stripe::before {
  content: "\f1f5";
}

.fa-bell-slash::before {
  content: "\f1f6";
}

.fa-bell-slash-o::before {
  content: "\f1f7";
}

.fa-trash::before {
  content: "\f1f8";
}

.fa-copyright::before {
  content: "\f1f9";
}

.fa-at::before {
  content: "\f1fa";
}

.fa-eyedropper::before {
  content: "\f1fb";
}

.fa-paint-brush::before {
  content: "\f1fc";
}

.fa-birthday-cake::before {
  content: "\f1fd";
}

.fa-area-chart::before {
  content: "\f1fe";
}

.fa-pie-chart::before {
  content: "\f200";
}

.fa-line-chart::before {
  content: "\f201";
}

.fa-lastfm::before {
  content: "\f202";
}

.fa-lastfm-square::before {
  content: "\f203";
}

.fa-toggle-off::before {
  content: "\f204";
}

.fa-toggle-on::before {
  content: "\f205";
}

.fa-bicycle::before {
  content: "\f206";
}

.fa-bus::before {
  content: "\f207";
}

.fa-ioxhost::before {
  content: "\f208";
}

.fa-angellist::before {
  content: "\f209";
}

.fa-cc::before {
  content: "\f20a";
}

.fa-shekel::before,
.fa-sheqel::before,
.fa-ils::before {
  content: "\f20b";
}

.fa-meanpath::before {
  content: "\f20c";
}

.fa-buysellads::before {
  content: "\f20d";
}

.fa-connectdevelop::before {
  content: "\f20e";
}

.fa-dashcube::before {
  content: "\f210";
}

.fa-forumbee::before {
  content: "\f211";
}

.fa-leanpub::before {
  content: "\f212";
}

.fa-sellsy::before {
  content: "\f213";
}

.fa-shirtsinbulk::before {
  content: "\f214";
}

.fa-simplybuilt::before {
  content: "\f215";
}

.fa-skyatlas::before {
  content: "\f216";
}

.fa-cart-plus::before {
  content: "\f217";
}

.fa-cart-arrow-down::before {
  content: "\f218";
}

.fa-diamond::before {
  content: "\f219";
}

.fa-ship::before {
  content: "\f21a";
}

.fa-user-secret::before {
  content: "\f21b";
}

.fa-motorcycle::before {
  content: "\f21c";
}

.fa-street-view::before {
  content: "\f21d";
}

.fa-heartbeat::before {
  content: "\f21e";
}

.fa-venus::before {
  content: "\f221";
}

.fa-mars::before {
  content: "\f222";
}

.fa-mercury::before {
  content: "\f223";
}

.fa-intersex::before,
.fa-transgender::before {
  content: "\f224";
}

.fa-transgender-alt::before {
  content: "\f225";
}

.fa-venus-double::before {
  content: "\f226";
}

.fa-mars-double::before {
  content: "\f227";
}

.fa-venus-mars::before {
  content: "\f228";
}

.fa-mars-stroke::before {
  content: "\f229";
}

.fa-mars-stroke-v::before {
  content: "\f22a";
}

.fa-mars-stroke-h::before {
  content: "\f22b";
}

.fa-neuter::before {
  content: "\f22c";
}

.fa-genderless::before {
  content: "\f22d";
}

.fa-facebook-official::before {
  content: "\f230";
}

.fa-pinterest-p::before {
  content: "\f231";
}

.fa-whatsapp::before {
  content: "\f232";
}

.fa-server::before {
  content: "\f233";
}

.fa-user-plus::before {
  content: "\f234";
}

.fa-user-times::before {
  content: "\f235";
}

.fa-hotel::before,
.fa-bed::before {
  content: "\f236";
}

.fa-viacoin::before {
  content: "\f237";
}

.fa-train::before {
  content: "\f238";
}

.fa-subway::before {
  content: "\f239";
}

.fa-medium::before {
  content: "\f23a";
}

.fa-yc::before,
.fa-y-combinator::before {
  content: "\f23b";
}

.fa-optin-monster::before {
  content: "\f23c";
}

.fa-opencart::before {
  content: "\f23d";
}

.fa-expeditedssl::before {
  content: "\f23e";
}

.fa-battery-4::before,
.fa-battery-full::before {
  content: "\f240";
}

.fa-battery-3::before,
.fa-battery-three-quarters::before {
  content: "\f241";
}

.fa-battery-2::before,
.fa-battery-half::before {
  content: "\f242";
}

.fa-battery-1::before,
.fa-battery-quarter::before {
  content: "\f243";
}

.fa-battery-0::before,
.fa-battery-empty::before {
  content: "\f244";
}

.fa-mouse-pointer::before {
  content: "\f245";
}

.fa-i-cursor::before {
  content: "\f246";
}

.fa-object-group::before {
  content: "\f247";
}

.fa-object-ungroup::before {
  content: "\f248";
}

.fa-sticky-note::before {
  content: "\f249";
}

.fa-sticky-note-o::before {
  content: "\f24a";
}

.fa-cc-jcb::before {
  content: "\f24b";
}

.fa-cc-diners-club::before {
  content: "\f24c";
}

.fa-clone::before {
  content: "\f24d";
}

.fa-balance-scale::before {
  content: "\f24e";
}

.fa-hourglass-o::before {
  content: "\f250";
}

.fa-hourglass-1::before,
.fa-hourglass-start::before {
  content: "\f251";
}

.fa-hourglass-2::before,
.fa-hourglass-half::before {
  content: "\f252";
}

.fa-hourglass-3::before,
.fa-hourglass-end::before {
  content: "\f253";
}

.fa-hourglass::before {
  content: "\f254";
}

.fa-hand-grab-o::before,
.fa-hand-rock-o::before {
  content: "\f255";
}

.fa-hand-stop-o::before,
.fa-hand-paper-o::before {
  content: "\f256";
}

.fa-hand-scissors-o::before {
  content: "\f257";
}

.fa-hand-lizard-o::before {
  content: "\f258";
}

.fa-hand-spock-o::before {
  content: "\f259";
}

.fa-hand-pointer-o::before {
  content: "\f25a";
}

.fa-hand-peace-o::before {
  content: "\f25b";
}

.fa-trademark::before {
  content: "\f25c";
}

.fa-registered::before {
  content: "\f25d";
}

.fa-creative-commons::before {
  content: "\f25e";
}

.fa-gg::before {
  content: "\f260";
}

.fa-gg-circle::before {
  content: "\f261";
}

.fa-tripadvisor::before {
  content: "\f262";
}

.fa-odnoklassniki::before {
  content: "\f263";
}

.fa-odnoklassniki-square::before {
  content: "\f264";
}

.fa-get-pocket::before {
  content: "\f265";
}

.fa-wikipedia-w::before {
  content: "\f266";
}

.fa-safari::before {
  content: "\f267";
}

.fa-chrome::before {
  content: "\f268";
}

.fa-firefox::before {
  content: "\f269";
}

.fa-opera::before {
  content: "\f26a";
}

.fa-internet-explorer::before {
  content: "\f26b";
}

.fa-tv::before,
.fa-television::before {
  content: "\f26c";
}

.fa-contao::before {
  content: "\f26d";
}

.fa-500px::before {
  content: "\f26e";
}

.fa-amazon::before {
  content: "\f270";
}

.fa-calendar-plus-o::before {
  content: "\f271";
}

.fa-calendar-minus-o::before {
  content: "\f272";
}

.fa-calendar-times-o::before {
  content: "\f273";
}

.fa-calendar-check-o::before {
  content: "\f274";
}

.fa-industry::before {
  content: "\f275";
}

.fa-map-pin::before {
  content: "\f276";
}

.fa-map-signs::before {
  content: "\f277";
}

.fa-map-o::before {
  content: "\f278";
}

.fa-map::before {
  content: "\f279";
}

.fa-commenting::before {
  content: "\f27a";
}

.fa-commenting-o::before {
  content: "\f27b";
}

.fa-houzz::before {
  content: "\f27c";
}

.fa-vimeo::before {
  content: "\f27d";
}

.fa-black-tie::before {
  content: "\f27e";
}

.fa-fonticons::before {
  content: "\f280";
}

.fa-reddit-alien::before {
  content: "\f281";
}

.fa-edge::before {
  content: "\f282";
}

.fa-credit-card-alt::before {
  content: "\f283";
}

.fa-codiepie::before {
  content: "\f284";
}

.fa-modx::before {
  content: "\f285";
}

.fa-fort-awesome::before {
  content: "\f286";
}

.fa-usb::before {
  content: "\f287";
}

.fa-product-hunt::before {
  content: "\f288";
}

.fa-mixcloud::before {
  content: "\f289";
}

.fa-scribd::before {
  content: "\f28a";
}

.fa-pause-circle::before {
  content: "\f28b";
}

.fa-pause-circle-o::before {
  content: "\f28c";
}

.fa-stop-circle::before {
  content: "\f28d";
}

.fa-stop-circle-o::before {
  content: "\f28e";
}

.fa-shopping-bag::before {
  content: "\f290";
}

.fa-shopping-basket::before {
  content: "\f291";
}

.fa-hashtag::before {
  content: "\f292";
}

.fa-bluetooth::before {
  content: "\f293";
}

.fa-bluetooth-b::before {
  content: "\f294";
}

.fa-percent::before {
  content: "\f295";
}

.fa-gitlab::before {
  content: "\f296";
}

.fa-wpbeginner::before {
  content: "\f297";
}

.fa-wpforms::before {
  content: "\f298";
}

.fa-envira::before {
  content: "\f299";
}

.fa-universal-access::before {
  content: "\f29a";
}

.fa-wheelchair-alt::before {
  content: "\f29b";
}

.fa-question-circle-o::before {
  content: "\f29c";
}

.fa-blind::before {
  content: "\f29d";
}

.fa-audio-description::before {
  content: "\f29e";
}

.fa-volume-control-phone::before {
  content: "\f2a0";
}

.fa-braille::before {
  content: "\f2a1";
}

.fa-assistive-listening-systems::before {
  content: "\f2a2";
}

.fa-asl-interpreting::before,
.fa-american-sign-language-interpreting::before {
  content: "\f2a3";
}

.fa-deafness::before,
.fa-hard-of-hearing::before,
.fa-deaf::before {
  content: "\f2a4";
}

.fa-glide::before {
  content: "\f2a5";
}

.fa-glide-g::before {
  content: "\f2a6";
}

.fa-signing::before,
.fa-sign-language::before {
  content: "\f2a7";
}

.fa-low-vision::before {
  content: "\f2a8";
}

.fa-viadeo::before {
  content: "\f2a9";
}

.fa-viadeo-square::before {
  content: "\f2aa";
}

.fa-snapchat::before {
  content: "\f2ab";
}

.fa-snapchat-ghost::before {
  content: "\f2ac";
}

.fa-snapchat-square::before {
  content: "\f2ad";
}

.fa-pied-piper::before {
  content: "\f2ae";
}

.fa-first-order::before {
  content: "\f2b0";
}

.fa-yoast::before {
  content: "\f2b1";
}

.fa-themeisle::before {
  content: "\f2b2";
}

.fa-google-plus-circle::before,
.fa-google-plus-official::before {
  content: "\f2b3";
}

.fa-fa::before,
.fa-font-awesome::before {
  content: "\f2b4";
}

@font-face {
  font-family: "hhla";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/iconfont/hhla.eot?26348541");
  src: url("../fonts/iconfont/hhla.eot?26348541#iefix")
      format("embedded-opentype"),
    url("../fonts/iconfont/hhla.woff2?26348541") format("woff2"),
    url("../fonts/iconfont/hhla.woff?26348541") format("woff"),
    url("../fonts/iconfont/hhla.ttf?26348541") format("truetype"),
    url("../fonts/iconfont/hhla.svg?26348541") format("svg");
}
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
@font-face {
  font-family: "NeueHelvetica";
  src: url("../fonts/helvetica/neue-helvetica-light.woff2") format("woff2");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "NeueHelvetica";
  src: url("../fonts/helvetica/neue-helvetica-roman.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "NeueHelvetica";
  src: url("../fonts/helvetica/neue-helvetica-medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "NeueHelvetica";
  src: url("../fonts/helvetica/neue-helvetica-bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "HelveticaNeue";
  src: url("../fonts/helvetica/helvetica-neue-light.woff2") format("woff2"),
    url("../fonts/helvetica/helvetica-neue-light.woff") format("woff");
  font-weight: 300;
}
@font-face {
  font-family: "HelveticaNeue";
  src: url("../fonts/helvetica/helvetica-neue-regular.woff2") format("woff2"),
    url("../fonts/helvetica/helvetica-neue-regular.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "HelveticaNeue";
  src: url("../fonts/helvetica/helvetica-neue-medium.woff2") format("woff2"),
    url("../fonts/helvetica/helvetica-neue-medium.woff") format("woff");
  font-weight: 500;
}
@font-face {
  font-family: "HelveticaNeue";
  src: url("../fonts/helvetica/helvetica-neue-bold.woff2") format("woff2"),
    url("../fonts/helvetica/helvetica-neue-bold.woff") format("woff");
  font-weight: 700;
}
body {
  padding: 0;
  margin: 0;
  background: #fff;
  font-family: NeueHelvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
  min-width: 320px;
  color: #505050;
  overflow: hidden;
}
@media screen and (min-width: 1440px) {
  body {
    font-size: 16px;
    line-height: 24px;
  }
}

table {
  width: 100%;
}

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

button {
  border: 0;
  background: none;
  cursor: pointer;
}

img {
  display: block;
  height: auto;
  max-width: 100%;
}

ul {
  padding: 0;
  list-style: none;
}

.columns--2 > * {
  width: calc((100% - (1 - 1) * 24px) / 1);
}
@media screen and (min-width: 768px) {
  .columns--2 > * {
    width: calc((100% - (2 - 1) * 24px) / 2);
  }
}

.columns--3 > * {
  width: calc((100% - (1 - 1) * 24px) / 1);
}
@media screen and (min-width: 768px) {
  .columns--3 > * {
    width: calc((100% - (3 - 1) * 24px) / 3);
  }
}

.columns--4 > * {
  width: calc((100% - (1 - 1) * 24px) / 1);
}
@media screen and (min-width: 768px) {
  .columns--4 > * {
    width: calc((100% - (2 - 1) * 24px) / 2);
  }
}
@media screen and (min-width: 1200px) {
  .columns--4 > * {
    width: calc((100% - (4 - 1) * 24px) / 4);
  }
}

.columns--5 > * {
  width: calc((100% - (1 - 1) * 24px) / 1);
}
@media screen and (min-width: 768px) {
  .columns--5 > * {
    width: calc((100% - (2 - 1) * 24px) / 2);
  }
}
@media screen and (min-width: 1200px) {
  .columns--5 > * {
    width: calc((100% - (5 - 1) * 24px) / 5);
  }
}

.columns--6 > * {
  width: calc((100% - (1 - 1) * 24px) / 1);
}
@media screen and (min-width: 768px) {
  .columns--6 > * {
    width: calc((100% - (2 - 1) * 24px) / 2);
  }
}
@media screen and (min-width: 1200px) {
  .columns--6 > * {
    width: calc((100% - (3 - 1) * 24px) / 3);
  }
}
@media screen and (min-width: 1440px) {
  .columns--6 > * {
    width: calc((100% - (6 - 1) * 24px) / 6);
  }
}

.columns--12 > * {
  width: calc((100% - (1 - 1) * 24px) / 1);
}
@media screen and (min-width: 768px) {
  .columns--12 > * {
    width: calc((100% - (2 - 1) * 24px) / 2);
  }
}
@media screen and (min-width: 1200px) {
  .columns--12 > * {
    width: calc((100% - (4 - 1) * 24px) / 4);
  }
}
@media screen and (min-width: 1440px) {
  .columns--12 > * {
    width: calc((100% - (6 - 1) * 24px) / 6);
  }
}
@media screen and (min-width: 1600px) {
  .columns--12 > * {
    width: calc((100% - (12 - 1) * 24px) / 12);
  }
}

.columns {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.columns > * {
  margin-bottom: 0px;
}
.columns .col--xs-1 {
  width: calc((100% - (12 - 1) * 24px) / 12);
}
.columns .col--xs-2 {
  width: calc((100% - (6 - 1) * 24px) / 6);
}
.columns .col--xs-3 {
  width: calc((100% - (4 - 1) * 24px) / 4);
}
.columns .col--xs-4 {
  width: calc((100% - (3 - 1) * 24px) / 3);
}
.columns .col--xs-5 {
  width: calc((100% - (2.4 - 1) * 24px) / 2.4);
}
.columns .col--xs-6 {
  width: calc((100% - (2 - 1) * 24px) / 2);
}
.columns .col--xs-7 {
  width: calc((100% - (1.7142857143 - 1) * 24px) / 1.7142857143);
}
.columns .col--xs-8 {
  width: calc((100% - (1.5 - 1) * 24px) / 1.5);
}
.columns .col--xs-9 {
  width: calc((100% - (1.3333333333 - 1) * 24px) / 1.3333333333);
}
.columns .col--xs-10 {
  width: calc((100% - (1.2 - 1) * 24px) / 1.2);
}
.columns .col--xs-11 {
  width: calc((100% - (1.0909090909 - 1) * 24px) / 1.0909090909);
}
.columns .col--xs-12 {
  width: calc((100% - (1 - 1) * 24px) / 1);
}
.columns .col--xs-offset-left-0 {
  margin-left: calc((100% + 24px) / Infinity);
}
.columns .col--xs-offset-left-1 {
  margin-left: calc((100% + 24px) / 12);
}
.columns .col--xs-offset-left-2 {
  margin-left: calc((100% + 24px) / 6);
}
.columns .col--xs-offset-left-3 {
  margin-left: calc((100% + 24px) / 4);
}
.columns .col--xs-offset-left-4 {
  margin-left: calc((100% + 24px) / 3);
}
.columns .col--xs-offset-left-5 {
  margin-left: calc((100% + 24px) / 2.4);
}
.columns .col--xs-offset-left-6 {
  margin-left: calc((100% + 24px) / 2);
}
.columns .col--xs-offset-left-7 {
  margin-left: calc((100% + 24px) / 1.7142857143);
}
.columns .col--xs-offset-left-8 {
  margin-left: calc((100% + 24px) / 1.5);
}
.columns .col--xs-offset-left-9 {
  margin-left: calc((100% + 24px) / 1.3333333333);
}
.columns .col--xs-offset-left-10 {
  margin-left: calc((100% + 24px) / 1.2);
}
.columns .col--xs-offset-left-11 {
  margin-left: calc((100% + 24px) / 1.0909090909);
}
.columns .col--xs-offset-left-12 {
  margin-left: calc((100% + 24px) / 1);
}
.columns .col--xs-offset-right-0 {
  margin-right: calc((100% + 24px) / Infinity);
}
.columns .col--xs-offset-right-1 {
  margin-right: calc((100% + 24px) / 12);
}
.columns .col--xs-offset-right-2 {
  margin-right: calc((100% + 24px) / 6);
}
.columns .col--xs-offset-right-3 {
  margin-right: calc((100% + 24px) / 4);
}
.columns .col--xs-offset-right-4 {
  margin-right: calc((100% + 24px) / 3);
}
.columns .col--xs-offset-right-5 {
  margin-right: calc((100% + 24px) / 2.4);
}
.columns .col--xs-offset-right-6 {
  margin-right: calc((100% + 24px) / 2);
}
.columns .col--xs-offset-right-7 {
  margin-right: calc((100% + 24px) / 1.7142857143);
}
.columns .col--xs-offset-right-8 {
  margin-right: calc((100% + 24px) / 1.5);
}
.columns .col--xs-offset-right-9 {
  margin-right: calc((100% + 24px) / 1.3333333333);
}
.columns .col--xs-offset-right-10 {
  margin-right: calc((100% + 24px) / 1.2);
}
.columns .col--xs-offset-right-11 {
  margin-right: calc((100% + 24px) / 1.0909090909);
}
.columns .col--xs-offset-right-12 {
  margin-right: calc((100% + 24px) / 1);
}
@media screen and (min-width: 768px) {
  .columns {
    margin: 56px 0 0;
  }
  .columns .col--sm-1 {
    width: calc((100% - (12 - 1) * 24px) / 12);
  }
  .columns .col--sm-2 {
    width: calc((100% - (6 - 1) * 24px) / 6);
  }
  .columns .col--sm-3 {
    width: calc((100% - (4 - 1) * 24px) / 4);
  }
  .columns .col--sm-4 {
    width: calc((100% - (3 - 1) * 24px) / 3);
  }
  .columns .col--sm-5 {
    width: calc((100% - (2.4 - 1) * 24px) / 2.4);
  }
  .columns .col--sm-6 {
    width: calc((100% - (2 - 1) * 24px) / 2);
  }
  .columns .col--sm-7 {
    width: calc((100% - (1.7142857143 - 1) * 24px) / 1.7142857143);
  }
  .columns .col--sm-8 {
    width: calc((100% - (1.5 - 1) * 24px) / 1.5);
  }
  .columns .col--sm-9 {
    width: calc((100% - (1.3333333333 - 1) * 24px) / 1.3333333333);
  }
  .columns .col--sm-10 {
    width: calc((100% - (1.2 - 1) * 24px) / 1.2);
  }
  .columns .col--sm-11 {
    width: calc((100% - (1.0909090909 - 1) * 24px) / 1.0909090909);
  }
  .columns .col--sm-12 {
    width: calc((100% - (1 - 1) * 24px) / 1);
  }
  .columns .col--sm-offset-left-0 {
    margin-left: calc((100% + 24px) / Infinity);
  }
  .columns .col--sm-offset-left-1 {
    margin-left: calc((100% + 24px) / 12);
  }
  .columns .col--sm-offset-left-2 {
    margin-left: calc((100% + 24px) / 6);
  }
  .columns .col--sm-offset-left-3 {
    margin-left: calc((100% + 24px) / 4);
  }
  .columns .col--sm-offset-left-4 {
    margin-left: calc((100% + 24px) / 3);
  }
  .columns .col--sm-offset-left-5 {
    margin-left: calc((100% + 24px) / 2.4);
  }
  .columns .col--sm-offset-left-6 {
    margin-left: calc((100% + 24px) / 2);
  }
  .columns .col--sm-offset-left-7 {
    margin-left: calc((100% + 24px) / 1.7142857143);
  }
  .columns .col--sm-offset-left-8 {
    margin-left: calc((100% + 24px) / 1.5);
  }
  .columns .col--sm-offset-left-9 {
    margin-left: calc((100% + 24px) / 1.3333333333);
  }
  .columns .col--sm-offset-left-10 {
    margin-left: calc((100% + 24px) / 1.2);
  }
  .columns .col--sm-offset-left-11 {
    margin-left: calc((100% + 24px) / 1.0909090909);
  }
  .columns .col--sm-offset-left-12 {
    margin-left: calc((100% + 24px) / 1);
  }
  .columns .col--sm-offset-right-0 {
    margin-right: calc((100% + 24px) / Infinity);
  }
  .columns .col--sm-offset-right-1 {
    margin-right: calc((100% + 24px) / 12);
  }
  .columns .col--sm-offset-right-2 {
    margin-right: calc((100% + 24px) / 6);
  }
  .columns .col--sm-offset-right-3 {
    margin-right: calc((100% + 24px) / 4);
  }
  .columns .col--sm-offset-right-4 {
    margin-right: calc((100% + 24px) / 3);
  }
  .columns .col--sm-offset-right-5 {
    margin-right: calc((100% + 24px) / 2.4);
  }
  .columns .col--sm-offset-right-6 {
    margin-right: calc((100% + 24px) / 2);
  }
  .columns .col--sm-offset-right-7 {
    margin-right: calc((100% + 24px) / 1.7142857143);
  }
  .columns .col--sm-offset-right-8 {
    margin-right: calc((100% + 24px) / 1.5);
  }
  .columns .col--sm-offset-right-9 {
    margin-right: calc((100% + 24px) / 1.3333333333);
  }
  .columns .col--sm-offset-right-10 {
    margin-right: calc((100% + 24px) / 1.2);
  }
  .columns .col--sm-offset-right-11 {
    margin-right: calc((100% + 24px) / 1.0909090909);
  }
  .columns .col--sm-offset-right-12 {
    margin-right: calc((100% + 24px) / 1);
  }
}
@media screen and (min-width: 1200px) {
  .columns .col--md-1 {
    width: calc((100% - (12 - 1) * 24px) / 12);
  }
  .columns .col--md-2 {
    width: calc((100% - (6 - 1) * 24px) / 6);
  }
  .columns .col--md-3 {
    width: calc((100% - (4 - 1) * 24px) / 4);
  }
  .columns .col--md-4 {
    width: calc((100% - (3 - 1) * 24px) / 3);
  }
  .columns .col--md-5 {
    width: calc((100% - (2.4 - 1) * 24px) / 2.4);
  }
  .columns .col--md-6 {
    width: calc((100% - (2 - 1) * 24px) / 2);
  }
  .columns .col--md-7 {
    width: calc((100% - (1.7142857143 - 1) * 24px) / 1.7142857143);
  }
  .columns .col--md-8 {
    width: calc((100% - (1.5 - 1) * 24px) / 1.5);
  }
  .columns .col--md-9 {
    width: calc((100% - (1.3333333333 - 1) * 24px) / 1.3333333333);
  }
  .columns .col--md-10 {
    width: calc((100% - (1.2 - 1) * 24px) / 1.2);
  }
  .columns .col--md-11 {
    width: calc((100% - (1.0909090909 - 1) * 24px) / 1.0909090909);
  }
  .columns .col--md-12 {
    width: calc((100% - (1 - 1) * 24px) / 1);
  }
  .columns .col--md-offset-left-0 {
    margin-left: calc((100% + 24px) / Infinity);
  }
  .columns .col--md-offset-left-1 {
    margin-left: calc((100% + 24px) / 12);
  }
  .columns .col--md-offset-left-2 {
    margin-left: calc((100% + 24px) / 6);
  }
  .columns .col--md-offset-left-3 {
    margin-left: calc((100% + 24px) / 4);
  }
  .columns .col--md-offset-left-4 {
    margin-left: calc((100% + 24px) / 3);
  }
  .columns .col--md-offset-left-5 {
    margin-left: calc((100% + 24px) / 2.4);
  }
  .columns .col--md-offset-left-6 {
    margin-left: calc((100% + 24px) / 2);
  }
  .columns .col--md-offset-left-7 {
    margin-left: calc((100% + 24px) / 1.7142857143);
  }
  .columns .col--md-offset-left-8 {
    margin-left: calc((100% + 24px) / 1.5);
  }
  .columns .col--md-offset-left-9 {
    margin-left: calc((100% + 24px) / 1.3333333333);
  }
  .columns .col--md-offset-left-10 {
    margin-left: calc((100% + 24px) / 1.2);
  }
  .columns .col--md-offset-left-11 {
    margin-left: calc((100% + 24px) / 1.0909090909);
  }
  .columns .col--md-offset-left-12 {
    margin-left: calc((100% + 24px) / 1);
  }
  .columns .col--md-offset-right-0 {
    margin-right: calc((100% + 24px) / Infinity);
  }
  .columns .col--md-offset-right-1 {
    margin-right: calc((100% + 24px) / 12);
  }
  .columns .col--md-offset-right-2 {
    margin-right: calc((100% + 24px) / 6);
  }
  .columns .col--md-offset-right-3 {
    margin-right: calc((100% + 24px) / 4);
  }
  .columns .col--md-offset-right-4 {
    margin-right: calc((100% + 24px) / 3);
  }
  .columns .col--md-offset-right-5 {
    margin-right: calc((100% + 24px) / 2.4);
  }
  .columns .col--md-offset-right-6 {
    margin-right: calc((100% + 24px) / 2);
  }
  .columns .col--md-offset-right-7 {
    margin-right: calc((100% + 24px) / 1.7142857143);
  }
  .columns .col--md-offset-right-8 {
    margin-right: calc((100% + 24px) / 1.5);
  }
  .columns .col--md-offset-right-9 {
    margin-right: calc((100% + 24px) / 1.3333333333);
  }
  .columns .col--md-offset-right-10 {
    margin-right: calc((100% + 24px) / 1.2);
  }
  .columns .col--md-offset-right-11 {
    margin-right: calc((100% + 24px) / 1.0909090909);
  }
  .columns .col--md-offset-right-12 {
    margin-right: calc((100% + 24px) / 1);
  }
}
@media screen and (min-width: 1440px) {
  .columns .col--lg-1 {
    width: calc((100% - (12 - 1) * 24px) / 12);
  }
  .columns .col--lg-2 {
    width: calc((100% - (6 - 1) * 24px) / 6);
  }
  .columns .col--lg-3 {
    width: calc((100% - (4 - 1) * 24px) / 4);
  }
  .columns .col--lg-4 {
    width: calc((100% - (3 - 1) * 24px) / 3);
  }
  .columns .col--lg-5 {
    width: calc((100% - (2.4 - 1) * 24px) / 2.4);
  }
  .columns .col--lg-6 {
    width: calc((100% - (2 - 1) * 24px) / 2);
  }
  .columns .col--lg-7 {
    width: calc((100% - (1.7142857143 - 1) * 24px) / 1.7142857143);
  }
  .columns .col--lg-8 {
    width: calc((100% - (1.5 - 1) * 24px) / 1.5);
  }
  .columns .col--lg-9 {
    width: calc((100% - (1.3333333333 - 1) * 24px) / 1.3333333333);
  }
  .columns .col--lg-10 {
    width: calc((100% - (1.2 - 1) * 24px) / 1.2);
  }
  .columns .col--lg-11 {
    width: calc((100% - (1.0909090909 - 1) * 24px) / 1.0909090909);
  }
  .columns .col--lg-12 {
    width: calc((100% - (1 - 1) * 24px) / 1);
  }
  .columns .col--lg-offset-left-0 {
    margin-left: calc((100% + 24px) / Infinity);
  }
  .columns .col--lg-offset-left-1 {
    margin-left: calc((100% + 24px) / 12);
  }
  .columns .col--lg-offset-left-2 {
    margin-left: calc((100% + 24px) / 6);
  }
  .columns .col--lg-offset-left-3 {
    margin-left: calc((100% + 24px) / 4);
  }
  .columns .col--lg-offset-left-4 {
    margin-left: calc((100% + 24px) / 3);
  }
  .columns .col--lg-offset-left-5 {
    margin-left: calc((100% + 24px) / 2.4);
  }
  .columns .col--lg-offset-left-6 {
    margin-left: calc((100% + 24px) / 2);
  }
  .columns .col--lg-offset-left-7 {
    margin-left: calc((100% + 24px) / 1.7142857143);
  }
  .columns .col--lg-offset-left-8 {
    margin-left: calc((100% + 24px) / 1.5);
  }
  .columns .col--lg-offset-left-9 {
    margin-left: calc((100% + 24px) / 1.3333333333);
  }
  .columns .col--lg-offset-left-10 {
    margin-left: calc((100% + 24px) / 1.2);
  }
  .columns .col--lg-offset-left-11 {
    margin-left: calc((100% + 24px) / 1.0909090909);
  }
  .columns .col--lg-offset-left-12 {
    margin-left: calc((100% + 24px) / 1);
  }
  .columns .col--lg-offset-right-0 {
    margin-right: calc((100% + 24px) / Infinity);
  }
  .columns .col--lg-offset-right-1 {
    margin-right: calc((100% + 24px) / 12);
  }
  .columns .col--lg-offset-right-2 {
    margin-right: calc((100% + 24px) / 6);
  }
  .columns .col--lg-offset-right-3 {
    margin-right: calc((100% + 24px) / 4);
  }
  .columns .col--lg-offset-right-4 {
    margin-right: calc((100% + 24px) / 3);
  }
  .columns .col--lg-offset-right-5 {
    margin-right: calc((100% + 24px) / 2.4);
  }
  .columns .col--lg-offset-right-6 {
    margin-right: calc((100% + 24px) / 2);
  }
  .columns .col--lg-offset-right-7 {
    margin-right: calc((100% + 24px) / 1.7142857143);
  }
  .columns .col--lg-offset-right-8 {
    margin-right: calc((100% + 24px) / 1.5);
  }
  .columns .col--lg-offset-right-9 {
    margin-right: calc((100% + 24px) / 1.3333333333);
  }
  .columns .col--lg-offset-right-10 {
    margin-right: calc((100% + 24px) / 1.2);
  }
  .columns .col--lg-offset-right-11 {
    margin-right: calc((100% + 24px) / 1.0909090909);
  }
  .columns .col--lg-offset-right-12 {
    margin-right: calc((100% + 24px) / 1);
  }
}
@media screen and (min-width: 1600px) {
  .columns .col--xl-1 {
    width: calc((100% - (12 - 1) * 24px) / 12);
  }
  .columns .col--xl-2 {
    width: calc((100% - (6 - 1) * 24px) / 6);
  }
  .columns .col--xl-3 {
    width: calc((100% - (4 - 1) * 24px) / 4);
  }
  .columns .col--xl-4 {
    width: calc((100% - (3 - 1) * 24px) / 3);
  }
  .columns .col--xl-5 {
    width: calc((100% - (2.4 - 1) * 24px) / 2.4);
  }
  .columns .col--xl-6 {
    width: calc((100% - (2 - 1) * 24px) / 2);
  }
  .columns .col--xl-7 {
    width: calc((100% - (1.7142857143 - 1) * 24px) / 1.7142857143);
  }
  .columns .col--xl-8 {
    width: calc((100% - (1.5 - 1) * 24px) / 1.5);
  }
  .columns .col--xl-9 {
    width: calc((100% - (1.3333333333 - 1) * 24px) / 1.3333333333);
  }
  .columns .col--xl-10 {
    width: calc((100% - (1.2 - 1) * 24px) / 1.2);
  }
  .columns .col--xl-11 {
    width: calc((100% - (1.0909090909 - 1) * 24px) / 1.0909090909);
  }
  .columns .col--xl-12 {
    width: calc((100% - (1 - 1) * 24px) / 1);
  }
  .columns .col--xl-offset-left-0 {
    margin-left: calc((100% + 24px) / Infinity);
  }
  .columns .col--xl-offset-left-1 {
    margin-left: calc((100% + 24px) / 12);
  }
  .columns .col--xl-offset-left-2 {
    margin-left: calc((100% + 24px) / 6);
  }
  .columns .col--xl-offset-left-3 {
    margin-left: calc((100% + 24px) / 4);
  }
  .columns .col--xl-offset-left-4 {
    margin-left: calc((100% + 24px) / 3);
  }
  .columns .col--xl-offset-left-5 {
    margin-left: calc((100% + 24px) / 2.4);
  }
  .columns .col--xl-offset-left-6 {
    margin-left: calc((100% + 24px) / 2);
  }
  .columns .col--xl-offset-left-7 {
    margin-left: calc((100% + 24px) / 1.7142857143);
  }
  .columns .col--xl-offset-left-8 {
    margin-left: calc((100% + 24px) / 1.5);
  }
  .columns .col--xl-offset-left-9 {
    margin-left: calc((100% + 24px) / 1.3333333333);
  }
  .columns .col--xl-offset-left-10 {
    margin-left: calc((100% + 24px) / 1.2);
  }
  .columns .col--xl-offset-left-11 {
    margin-left: calc((100% + 24px) / 1.0909090909);
  }
  .columns .col--xl-offset-left-12 {
    margin-left: calc((100% + 24px) / 1);
  }
  .columns .col--xl-offset-right-0 {
    margin-right: calc((100% + 24px) / Infinity);
  }
  .columns .col--xl-offset-right-1 {
    margin-right: calc((100% + 24px) / 12);
  }
  .columns .col--xl-offset-right-2 {
    margin-right: calc((100% + 24px) / 6);
  }
  .columns .col--xl-offset-right-3 {
    margin-right: calc((100% + 24px) / 4);
  }
  .columns .col--xl-offset-right-4 {
    margin-right: calc((100% + 24px) / 3);
  }
  .columns .col--xl-offset-right-5 {
    margin-right: calc((100% + 24px) / 2.4);
  }
  .columns .col--xl-offset-right-6 {
    margin-right: calc((100% + 24px) / 2);
  }
  .columns .col--xl-offset-right-7 {
    margin-right: calc((100% + 24px) / 1.7142857143);
  }
  .columns .col--xl-offset-right-8 {
    margin-right: calc((100% + 24px) / 1.5);
  }
  .columns .col--xl-offset-right-9 {
    margin-right: calc((100% + 24px) / 1.3333333333);
  }
  .columns .col--xl-offset-right-10 {
    margin-right: calc((100% + 24px) / 1.2);
  }
  .columns .col--xl-offset-right-11 {
    margin-right: calc((100% + 24px) / 1.0909090909);
  }
  .columns .col--xl-offset-right-12 {
    margin-right: calc((100% + 24px) / 1);
  }
}

.page--feature-columns .columns {
  margin-bottom: 15px;
}
.page--feature-columns .columns:hover {
  box-shadow: 0px 0px 0px 2px rgba(255, 0, 0, 0.2);
}
.page--feature-columns .columns > * {
  background: #d50032;
}
.page--feature-columns .grid-examples {
  position: relative;
}
.page--feature-columns .grid-background {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.1;
  z-index: -1;
}
.page--feature-columns .grid-background > div {
  background: red;
  height: 100%;
}

/* Hidings */
.invisible {
  opacity: 0;
}

.hide-block {
  display: none;
}

.hide-text {
  position: absolute;
  top: auto;
  overflow: hidden;
  width: 1px;
  height: 1px;
  clip: rect(1px 1px 1px 1px);
  /* IE 6/7 */
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  clip-path: none;
}

/* Text alignment */
.align-left {
  text-align: left;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

.align-justify {
  text-align: justify;
}

/* Text wrapping */
.nowrap {
  white-space: nowrap;
}

/* Floats */
.float-left {
  float: left;
}
@media screen and (min-width: 768px) {
  .float-left {
    max-width: 50%;
    float: right;
    margin: 18px 25px 30px 0px;
    transform: none;
  }
}
@media screen and (min-width: 1200px) {
  .float-left {
    float: right;
    width: 486px;
  }
}
@media screen and (min-width: 1440px) {
  .float-left {
    width: 588px;
    margin: 18px 25px 34px -205px;
    max-width: 588px;
  }
}

.float-right {
  float: right;
}
@media screen and (min-width: 768px) {
  .float-right {
    max-width: 50%;
    float: right;
    margin: 18px 0 30px 25px;
    transform: none;
  }
}
@media screen and (min-width: 1200px) {
  .float-right {
    float: right;
    width: 486px;
  }
}
@media screen and (min-width: 1440px) {
  .float-right {
    width: 588px;
    margin: 18px -205px 34px 25px;
    max-width: 588px;
  }
}

/* Clear floats */
.clear {
  clear: both;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.show-for-pdf {
  display: none;
}

.footer-primary {
  position: relative;
  padding: 59px 0;
  background: #dedede;
  color: #505050;
}
.footer-primary__container {
  display: flex;
  justify-content: space-between;
  align-content: center;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .footer-primary__container {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.footer-primary__column {
  display: flex;
  flex-wrap: wrap;
}
.footer-primary__column + .footer-primary__column {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .footer-primary__column + .footer-primary__column {
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .footer-primary__column {
    width: 50%;
  }
  .footer-primary__column:not(:first-child):not(:nth-child(2)) {
    margin-top: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .footer-primary__column {
    width: 33.33%;
  }
  .footer-primary__column:not(:first-child):not(:nth-child(2)) {
    margin-top: 0px;
  }
  .footer-primary__column:nth-child(2) {
    order: 2;
  }
}
.footer-primary__column-headline {
  width: 100%;
  font-size: 20px;
  line-height: 120%;
  font-weight: 500;
  margin-bottom: 16px;
}
@media screen and (min-width: 1200px) {
  .footer-primary__column-headline {
    font-size: 24px;
  }
}

.footer-secondary {
  background-color: #002269;
  color: #fff;
  padding: 24px 0;
}
.footer-secondary__container {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .footer-secondary__container {
    flex-direction: row;
    justify-content: space-between;
  }
}
.footer-secondary__copyright {
  text-align: center;
  font-size: 14px;
}

.copyright {
  margin: 0;
}

.social-media {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 20px 0;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .social-media {
    padding: 0;
  }
}
.social-media__item:first-child {
  padding-right: 15px;
}
.social-media__item + .social-media__item {
  margin-left: 20px;
}
.social-media__link {
  display: inline-block;
  font-size: 20px;
}
.social-media__link:hover {
  color: #dedede;
}
.social-media__link::before {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  font-size: 24px;
}
.social-media__link--twitter::before {
  content: "\e82e";
}
.social-media__link--linkedin::before {
  content: "\e81d";
}
.social-media__link--xing::before {
  content: "\e817";
}
.social-media__link--instagram::before {
  content: "\e816";
}
.social-media__link--youtube::before {
  content: "\e81a";
}

.services {
  list-style: none;
}
.services__item + .services__item {
  margin-left: 20px;
}
@media screen and (min-width: 1200px) {
  .services__item + .services__item {
    margin-left: 24px;
  }
}
.services__link {
  font-size: 14px;
  line-height: 17px;
  font-weight: 700;
  color: #002269;
}
.services__link:hover {
  color: #0057b8;
}
.services__link:hover::after {
  color: #0057b8;
}
@media screen and (min-width: 1200px) {
  .services__link {
    font-size: 16px;
  }
}
.services__link--external::after {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e80f";
  margin-left: 8px;
}

.header {
  position: relative;
  position: sticky;
  top: 0;
  margin: 0;
  z-index: 20;
  background: #fff;
  box-shadow: 0px 4px 4px #dedede;
}
.page--home:not(.state-nav-desktop-active) .header {
  box-shadow: 0px 7px 5px rgba(0, 34, 105, 0.08);
  transition: box-shadow 0.1s ease;
  transition-delay: 0.5s;
}
.state-tagmanager-active .header,
.page--home.state-tagmanager-active .header {
  box-shadow: none;
}
@media screen and (min-width: 1200px) {
  .header {
    border: 0;
  }
}
.header__switch {
  height: 33px;
  background-color: #dedede;
  position: absolute;
  top: -33px;
  width: 100%;
  padding: 0px 16px;
}
@media screen and (min-width: 1200px) {
  .header__switch {
    top: -129px;
  }
}
.header__switch-inner {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  flex-direction: row;
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;
}
.header__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 33px;
  padding: 16px;
  height: 60px;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .header__container {
    padding: 16px 24px;
  }
}
@media screen and (min-width: 1200px) {
  .header__container {
    justify-content: space-between;
    align-items: center;
    padding: 0;
    margin: 33px auto 0;
    height: 96px;
    position: absolute;
    top: -96px;
    margin: 0;
    width: 100%;
  }
}
.header__toggles {
  display: none !important;
  display: flex;
  flex-direction: row;
}
.header__logo-container {
  display: flex;
  max-width: 1200px;
  width: 1200px;
  margin: 0 auto;
}

.logo {
  max-width: 121px;
}
@media screen and (min-width: 1200px) {
  .logo {
    padding: 0;
    max-width: max-content;
    height: 48px;
  }
}
@media screen and (min-width: 1200px) {
  .logo__image {
    max-height: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .header__container .logo__image {
    max-height: 100%;
    transition: all 0.5s ease;
    transition-delay: 0.5s;
    opacity: 0;
  }
}
.header__container--logo-visible .logo__image {
  opacity: 1;
}

.page::before {
  content: "";
  background-image: url("../images/bkg-mobile.svg");
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: 240px 403px;
  position: fixed;
  bottom: 80px;
  z-index: -1;
  height: 100%;
  width: 100%;
  pointer-events: none;
}

@media screen and (min-width: 768px) {
  .page::before {
    background-image: url("../images/bkg-tablet-2.svg");
    background-position: 100% 140px;
    background-size: 280px;
  }
}

@media screen and (min-width: 768px) {
  .page::after {
    content: "";
    background-image: url("../images/bkg-tablet-1.svg");
    background-repeat: no-repeat;
    background-position: 0 calc(100% - 70px);
    background-size: 640px 375px;
    position: fixed;
    top: 0px;
    z-index: -1;
    height: 100%;
    width: 100%;
    pointer-events: none;
  }
}

@media screen and (min-width: 1440px) {
  .page::before {
    background-image: url("../images/bkg-desktop-1.svg");
    background-position: 100% 100%;
    background-size: 375px 640px;
    bottom: 0px;
  }
}

@media screen and (min-width: 1440px) {
  .page::after {
    background-image: url("../images/bkg-desktop-2.svg");
    background-position: 0 100%;
    background-size: 294px 593px;
    bottom: 35px;
    top: auto;
  }
}

.state-nav-desktop-active::before,
.state-tagmanager-active::before,
.state-toggle--search-active::before {
  opacity: 0.5;
}

.headline {
  margin-bottom: 10px;
  font-family: NeueHelvetica, sans-serif;
  font-weight: 400;
}
@media screen and (min-width: 1440px) {
  .headline {
    margin-bottom: 20px;
  }
}
.headline--1 {
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 32px;
  line-height: 125%;
  color: #002269;
  border-bottom: 2px solid #002269;
  padding-bottom: 16px;
}
@media screen and (min-width: 1440px) {
  .headline--1 {
    margin-bottom: 50px;
    font-size: 48px;
    line-height: 125%;
  }
}
.headline--1 + p {
  margin-top: 40px;
}
@media screen and (min-width: 1200px) {
  .headline--1 + p {
    margin-top: 48px;
  }
}
.page--search .headline--1 {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
@media screen and (min-width: 1440px) {
  .headline--1-notes {
    margin-bottom: 24px;
  }
}
.headline--2 {
  font-size: 28px;
  line-height: 120%;
  font-weight: 700;
  color: #505050;
  margin-bottom: 24px;
}
@media screen and (min-width: 1440px) {
  .headline--2 {
    font-size: 34px;
    line-height: 120%;
  }
}
p + .headline--2 {
  margin-top: 56px;
}
@media screen and (min-width: 1440px) {
  p + .headline--2 {
    margin-top: 64px;
  }
}
.headline--3 {
  font-size: 24px;
  line-height: 120%;
  color: #002269;
  font-weight: 700;
  margin-bottom: 16px;
}
@media screen and (min-width: 1440px) {
  .headline--3 {
    margin-bottom: 16px;
    font-size: 28px;
    line-height: 125%;
  }
}
p + .headline--3 {
  margin-top: 52px;
}
@media screen and (min-width: 768px) {
  p + .headline--3 {
    margin-top: 63px;
  }
}
@media screen and (min-width: 1440px) {
  p + .headline--3 {
    margin-top: 56px;
  }
}
.headline--4 {
  font-size: 22px;
  line-height: 120%;
  color: #505050;
  font-weight: 700;
  margin-bottom: 16px;
}
@media screen and (min-width: 1440px) {
  .headline--4 {
    font-size: 26px;
    line-height: 120%;
  }
}
p + .headline--4 {
  margin-top: 40px;
}
@media screen and (min-width: 1440px) {
  p + .headline--4 {
    margin-top: 45px;
  }
}
.headline--5 {
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  color: #00194d;
  margin-bottom: 16px;
}
@media screen and (min-width: 1440px) {
  .headline--5 {
    font-size: 24px;
    line-height: 120%;
  }
}
p + .headline--5 {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  p + .headline--5 {
    margin-top: 47px;
  }
}
@media screen and (min-width: 1440px) {
  p + .headline--5 {
    margin-top: 40px;
  }
}
.headline--6 {
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #505050;
  margin-bottom: 8px;
}
@media screen and (min-width: 1440px) {
  .headline--6 {
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 8px;
  }
}
p + .headline--6 {
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  p + .headline--6 {
    margin-top: 39px;
  }
}
@media screen and (min-width: 1440px) {
  p + .headline--6 {
    margin-top: 32px;
  }
}
.headline--7 {
  font-size: 14px;
  line-height: 125%;
  font-weight: 500;
  color: #002269;
  text-transform: uppercase;
  margin-bottom: 8px;
  display: block;
}
@media screen and (min-width: 1440px) {
  .headline--7 {
    font-size: 16px;
    line-height: 152%;
  }
}
p + .headline--7,
ul + .headline--7,
ol + .headline--7 {
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  p + .headline--7,
  ul + .headline--7,
  ol + .headline--7 {
    margin-top: 24px;
  }
}
@media screen and (min-width: 1440px) {
  p + .headline--7,
  ul + .headline--7,
  ol + .headline--7 {
    margin-top: 32px;
  }
}

.paragraph {
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 135%;
  color: #505050;
}
@media screen and (min-width: 1440px) {
  .paragraph {
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 152%;
  }
}

.introtext {
  font-weight: 100;
  font-size: 19px;
  line-height: 29px;
}
@media screen and (min-width: 1440px) {
  .introtext {
    font-size: 26px;
    line-height: 36px;
  }
}

.link,
.photo a,
.graphic a {
  color: #0057b8;
  border-bottom: 1px solid #0057b8;
  margin: 0 5px;
  padding: 0;
  transition: all 0.5s ease;
}
.link:hover,
.photo a:hover,
.graphic a:hover {
  margin: 0;
  padding: 0 5px;
  border-bottom: 1px solid #0057b8;
}
.link--extern::after {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e80f";
  margin-left: 3pt;
  font-size: 10pt;
  vertical-align: middle;
}

.glossary-term {
  display: inline-block;
  color: #0057b8;
}
.glossary-term::after {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e808";
  margin-left: 3px;
}
.glossary-term:hover {
  cursor: help;
}

.glossary-entry {
  position: relative;
  display: none;
  width: 348px;
  max-width: 100%;
  padding: 24px;
  background: #fff;
  color: #505050;
  box-shadow: 0px 0px 6px rgba(30, 30, 30, 0.2);
}
.glossary-entry.is-active {
  display: block;
}
.glossary-entry__arrow {
  position: absolute;
  width: 0;
  height: 0;
  margin: 10px;
  border-style: solid;
  border-color: #505050;
  display: none;
}
.glossary-entry__explanation {
  font-size: 16px;
  line-height: 135%;
}
@media screen and (min-width: 1200px) {
  .glossary-entry__explanation {
    font-size: 18px;
    line-height: 152%;
  }
}
.glossary-entry[data-popper-placement^="top"] {
  margin-bottom: 10px;
}
.glossary-entry[data-popper-placement^="top"] .glossary-entry__arrow {
  bottom: -10px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
  border-width: 10px 10px 0 10px;
  border-left-color: transparent;
  border-right-color: transparent;
}
.glossary-entry[data-popper-placement^="bottom"] {
  margin-top: 10px;
}
.glossary-entry[data-popper-placement^="bottom"] .glossary-entry__arrow {
  top: -10px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
  border-width: 0 10px 10px 10px;
  border-left-color: transparent;
  border-right-color: transparent;
}
.glossary-entry__close {
  position: absolute;
  top: 20px;
  right: 20px;
  display: block;
  width: 17px;
  height: 17px;
  padding: 0;
  border: none;
  background: none;
  background: none;
  cursor: pointer;
}
.glossary-entry__close::before {
  content: "\f00d";
  display: block;
  width: 100%;
  height: 100%;
  font-family: "hhla";
  font-size: 24px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e803";
  color: #0057b8;
}
.glossary-entry__close-text {
  position: absolute;
  display: block;
  text-indent: -999em;
}
.glossary-entry__word {
  padding-right: 24px;
  font-weight: 700;
  font-size: 16px;
  line-height: 135%;
  color: #0057b8;
  margin-bottom: 25px;
}
@media screen and (min-width: 1200px) {
  .glossary-entry__word {
    font-size: 18px;
  }
}

.button {
  padding: 8px 16px;
  background: #fff;
  color: #002269;
  border: 1px solid #002269;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}
.button:hover {
  background: #0057b8;
  border-color: #0057b8;
  color: #fff;
}

.blockquote {
  position: relative;
  display: block;
  margin: 56px 0;
  margin-left: 16px;
}
@media screen and (min-width: 768px) {
  .blockquote {
    margin-left: 24px;
  }
}
@media screen and (min-width: 1440px) {
  .blockquote {
    margin: 70px 0 70px 24px;
  }
}
.blockquote::before {
  content: "";
  background: #002269;
  width: 16px;
  height: 0px;
  display: block;
  position: absolute;
  bottom: 0px;
  right: 100%;
  transition: height 0.5s;
}
@media screen and (min-width: 768px) {
  .blockquote::before {
    width: 24px;
  }
}
.blockquote--in-view::before {
  height: calc(100% - 16px);
}
@media screen and (min-width: 768px) {
  .blockquote--in-view::before {
    height: calc(100% - 24px);
  }
}
.blockquote__bar {
  background-color: #c20430;
  height: 16px;
  margin-bottom: 16px;
  position: relative;
  width: 0px;
  transition: width 0.5s;
  transition-delay: 1s;
}
.blockquote--in-view .blockquote__bar {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .blockquote__bar {
    height: 24px;
    margin-bottom: 20px;
  }
}
.blockquote__bar::after {
  content: "";
  background: #940b23;
  clip-path: polygon(0 102%, 102% 102%, 102% 0);
  width: 0px;
  height: 100%;
  display: block;
  position: absolute;
  left: -16px;
  top: 0;
  transition: width 0.5s;
  transition-delay: 0.5s;
}
.blockquote--in-view .blockquote__bar::after {
  width: 16px;
  transition-delay: 0.5s;
}
@media screen and (min-width: 768px) {
  .blockquote--in-view .blockquote__bar::after {
    width: 24px;
    left: -24px;
  }
}
.blockquote__text {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  color: #002269;
  margin-left: 16px;
  opacity: 0;
  transition: opacity 0.5s;
  transition-delay: 1.5s;
}
.blockquote--in-view .blockquote__text {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .blockquote__text {
    margin-left: 24px;
    font-size: 28px;
    line-height: 120%;
    font-weight: 700;
    margin-bottom: 4px;
  }
}
@media screen and (min-width: 1440px) {
  .blockquote__text {
    font-size: 32px;
    line-height: 125%;
  }
}
.blockquote__footer {
  font-size: 14px;
  line-height: 125%;
  margin-left: 16px;
  opacity: 0;
  transition: opacity 0.5s;
  transition-delay: 1.5s;
}
.blockquote--in-view .blockquote__footer {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .blockquote__footer {
    margin-left: 24px;
  }
}

.breadcrumb {
  width: 100%;
  margin-bottom: 40px;
}
.breadcrumb__item {
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
  line-height: 120%;
}
.breadcrumb__item:not(:first-child) {
  border-left: 2px solid #505050;
  padding-left: 10px;
}
.breadcrumb__link:hover,
.breadcrumb__link--last {
  color: #8f8f8f;
}
.breadcrumb__link--last {
  pointer-events: none;
}
.breadcrumb-hero {
  transform: translateX(-16px);
  width: calc(100% + 32px);
  padding: 8px 16px;
  height: 169px;
  margin-bottom: 48px;
  display: flex;
  align-items: flex-end;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .breadcrumb-hero {
    padding: 13px 24px;
    height: 260px;
  }
}
@media screen and (min-width: 1200px) {
  .breadcrumb-hero {
    width: 100vw;
    margin-left: 50%;
    transform: translateX(-50%);
    height: 400px;
    margin-bottom: 10px;
  }
}
.breadcrumb-hero .breadcrumb__link {
  color: #fff;
}
.breadcrumb-hero .breadcrumb__link--last {
  color: #dedede;
}
.breadcrumb-hero .breadcrumb__item {
  border-color: #fff;
}
.breadcrumb-hero .breadcrumb {
  margin-bottom: 0;
}
@media screen and (min-width: 1200px) {
  .breadcrumb-hero .breadcrumb {
    width: 792px;
    margin: 0 auto;
  }
}

img.graphic--chart,
.graphic--chart img {
  opacity: 0;
}

.line-chart .highcharts-root {
  display: block;
  font-size: 12px;
}
.line-chart .highcharts-background {
  fill: #004466;
}
.line-chart .highcharts-plot-background,
.line-chart .highcharts-plot-border {
  fill: none;
}
.line-chart .highcharts-axis-title {
  font-weight: bold;
  font-size: 13px;
  fill: #fff;
}
.line-chart .highcharts-axis-labels {
  fill: #fff;
}
.line-chart .highcharts-yaxis-grid .highcharts-grid-line {
  stroke-width: 1px;
  stroke: #fff;
}
.line-chart .highcharts-markers path:not(.highcharts-halo) {
  stroke-width: 1px;
  stroke: #fff;
}
.line-chart .highcharts-halo {
  fill-opacity: 0.25;
}
.line-chart .highcharts-color-0 {
  fill: #0099cc;
}
.line-chart .highcharts-graph {
  stroke: #0099cc;
  stroke-width: 4px;
  stroke-linejoin: round;
  stroke-linecap: round;
  fill: none;
}
.line-chart .highcharts-tracker-line {
  fill: none;
}
.line-chart .highcharts-strong {
  font-weight: bold;
}
.line-chart .highcharts-tooltip-box {
  stroke-width: 1px;
  stroke: #0099cc;
  fill: #f7f7f7;
  fill-opacity: 0.85;
}
.line-chart .highcharts-tooltip text {
  fill: #333;
  color: #333;
}

.toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 23px;
  padding-left: 17px;
  color: #002269;
}
@media screen and (min-width: 1200px) {
  .toggle {
    height: 50px;
  }
}
.toggle:hover {
  color: #0057b8;
}
.toggle__container {
  display: flex;
  flex-direction: row;
}
.toggle__text {
  display: inline-block;
  text-indent: -99999px;
}
.toggle::before {
  font-family: "hhla";
  font-size: 23px;
}
.toggle--search::before {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e80d";
}
.state-toggle--search-active .toggle--search::before {
  content: "\e803";
}
@media screen and (min-width: 1200px) {
  .header__container .toggle--search {
    display: none;
  }
}
.nav--desktop .toggle--search {
  display: none;
  border-top: none;
}
@media screen and (min-width: 1200px) {
  .nav--desktop .toggle--search {
    display: flex;
    align-items: center;
  }
}
.page--search .toggle--search {
  pointer-events: none;
  color: #c1c2c2;
}
.toggle-tagmanager {
  position: relative;
}
.toggle-tagmanager::before {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e80b";
}
.toggle-tagmanager:hover {
  background-color: #fff;
}
.toggle-tagmanager:hover .tool__dropout {
  display: block;
  padding: 8px 16px;
  box-shadow: 0px 0px 6px rgba(30, 30, 30, 0.2);
  border: none;
  font-size: 14px;
  line-height: 120%;
  height: auto;
  font-weight: 400;
  color: #505050;
  top: calc(100% + 10px);
  left: 10px;
  width: max-content;
}
.state-tagmanager-active .toggle-tagmanager {
  color: #c1c2c2;
  pointer-events: none;
}
@media screen and (min-width: 1200px) {
  .header__container .toggle-tagmanager {
    display: none;
  }
}
.nav--desktop .toggle-tagmanager {
  display: none;
  border-top: none;
}
@media screen and (min-width: 1200px) {
  .nav--desktop .toggle-tagmanager {
    display: flex;
    align-items: center;
  }
}
.toggle--nav {
  width: 42px;
}
@media screen and (min-width: 1200px) {
  .toggle--nav {
    display: none;
  }
}
.toggle--nav::before {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e805";
}
.state-toggle--nav-active .toggle--nav::before {
  content: "\e803";
}

figure {
  margin: 0 0 20px 0;
}
figure.float-left,
figure.float-right {
  float: none;
}
@media screen and (min-width: 768px) {
  figure.float-left {
    float: left;
    margin-right: 20px;
  }
}
@media screen and (min-width: 768px) {
  figure.float-right {
    float: right;
    margin-left: 20px;
  }
}
figure img {
  display: block;
}
figure h4,
figure figcaption {
  width: 100%;
}

.graphic {
  margin: 30px 0 56px;
}
.headline--5 + .graphic {
  margin-top: 18px;
}
.col .graphic {
  margin: 0 0 40px;
}
@media screen and (min-width: 1440px) {
  .graphic {
    margin: 50px 0;
    width: 1200px;
    transform: translateX(-204px);
  }
}
.columns .graphic {
  width: 100%;
  transform: none;
}
.headline + .graphic.float {
  clear: both;
}
@media screen and (min-width: 768px) {
  .graphic.float {
    max-width: 50%;
    width: 50%;
    float: right;
    margin: 18px 0 30px 25px;
    transform: none;
  }
}
@media screen and (min-width: 1200px) {
  .graphic.float {
    float: right;
    width: 486px;
  }
}
@media screen and (min-width: 1440px) {
  .graphic.float {
    width: 588px;
    margin: 18px -205px 34px 25px;
    max-width: 588px;
  }
}
@media screen and (min-width: 1200px) {
  .graphic.split {
    width: 600px;
  }
}
.graphic__container {
  padding: 16px 0;
  border-bottom: 2px solid #002269;
}
@media screen and (min-width: 1440px) {
  .float .graphic__container,
  .col .graphic__container {
    padding-left: 48px;
    padding-right: 48px;
  }
}
.graphic__headline {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 8px;
  border-bottom: 2px solid #002269;
  color: #002269;
  padding-bottom: 8px;
}
@media screen and (min-width: 1440px) {
  .graphic__headline {
    font-size: 24px;
    line-height: 28.8px;
  }
}
.graphic__image {
  margin: 0 auto;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .graphic__image--mobile {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .graphic__image--tablet {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .graphic__image--tablet {
    display: none;
  }
}
@media screen and (max-width: 1199px) {
  .graphic__image--desktop {
    display: none;
  }
}
.graphic__description {
  font-size: 14px;
  line-height: 120%;
}
.graphic__caption {
  font-size: 12px;
  line-height: 130%;
  margin-top: 8px;
}
.photo {
  margin: 96px 0 56px 0;
  transform: translateX(-16px);
  width: calc(100% + 32px);
}
.photo.signature {
  width: 186px;
  margin: 0;
  transform: none;
}
@media screen and (min-width: 768px) {
  .photo {
    width: 100%;
    transform: none;
  }
}
@media screen and (min-width: 1440px) {
  .photo {
    margin: 112px 0 82px;
  }
}
.photo__image {
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .photo__image--mobile {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .photo__image--tablet {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .photo__image--tablet {
    display: none;
  }
}
@media screen and (max-width: 1199px) {
  .photo__image--desktop {
    display: none;
  }
}
.photo__caption {
  margin-top: 16px;
  font-size: 14px;
  line-height: 120%;
  padding: 0 16px;
}
@media screen and (min-width: 768px) {
  .photo__caption {
    padding: 0;
  }
}
.photo__caption--top {
  margin-top: 0;
  margin-bottom: 5px;
}
.video-external .video-external__inner {
  position: relative;
  background: #000;
}
.video-external .video-external__inner *:not(.video-external__player) {
  transition: opacity 0.5s ease;
}
.video-external .photo__image {
  display: block;
  width: 100%;
}
.video-external .video-external__url {
  display: none;
}
.video-external .video-external__play {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.video-external .video-external__play > *,
.video-external .video-external__play::before,
.video-external .video-external__play::after {
  pointer-events: none;
}
.video-external .video-external__play > * {
  position: absolute;
  top: auto;
  overflow: hidden;
  width: 1px;
  height: 1px;
  clip: rect(1px 1px 1px 1px);
  /* IE 6/7 */
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}
.video-external .video-external__play::before,
.video-external .video-external__play::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.video-external .video-external__play::before {
  z-index: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #d50032;
}
.video-external .video-external__play::after {
  z-index: 1;
  transform: translateX(2px);
  width: 0;
  height: 0;
  padding-left: 1px;
  border-style: solid;
  border-width: 10px 0 10px 18px;
  border-color: transparent transparent transparent #505050;
}
.video-external .video-external__play:hover {
  border: none;
}
.video-external .video-external__play:hover::before {
  background: #505050;
}
.video-external .video-external__play:hover::after {
  border-left-color: #fff;
}
.video-external__player {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.video-external--playing .video-external__inner *:not(.video-external__player) {
  opacity: 0;
  pointer-events: none;
}

.flatnav {
  display: flex;
  justify-content: space-between;
  margin: 8px 0 50px 0;
  margin: 8px 0 96px;
}
@media screen and (min-width: 1200px) {
  .flatnav {
    margin-bottom: 50px;
    margin: 104px 0 112px;
  }
}
.flatnav .tool {
  margin: 0 auto;
}
.flatnav__icon {
  content: "\f060";
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  background: #fff;
  font-size: 32px;
  padding: 8px;
  color: #002269;
  box-shadow: 0px 0px 6px rgba(30, 30, 30, 0.2);
}
.flatnav__icon::before {
  transition: transform 0.5s ease;
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
}
.flatnav__icon--prev {
  left: 0;
}
.flatnav__icon--prev::before {
  content: "\e810";
  left: 0;
}
.flatnav__icon--next {
  right: 0;
}
.flatnav__icon--next::before {
  content: "\e800";
}

.flatnav__link {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 48px;
  z-index: 10;
}
.flatnav__link:hover .flatnav__icon {
  background: #002269;
  color: #fff;
}
.flatnav__link:hover .flatnav__icon::before {
  transform: translateY(0px);
}
.flatnav__link--prev {
  padding-left: 65px;
}
.flatnav__link--next {
  align-items: flex-end;
  padding-right: 65px;
}
.flatnav__text {
  display: none;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 8px;
  color: #505050;
}
@media screen and (min-width: 1200px) {
  .flatnav__text {
    display: block;
  }
}

.flatnav__title {
  display: none;
  font-size: 18px;
  line-height: 152%;
}
@media screen and (min-width: 1200px) {
  .flatnav__title {
    display: block;
  }
}

.language-switch {
  display: inline-block;
  margin-left: auto;
  margin-left: 16px;
}
.language-switch__list {
  display: flex;
  list-style: none;
}
.language-switch__item {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  height: auto;
  width: 25px;
  text-transform: uppercase;
  line-height: 17px;
  color: #505050;
}
@media screen and (min-width: 1200px) {
  .language-switch__item {
    font-weight: 700;
  }
}
.language-switch__item.is-active {
  display: none;
}
.language-switch__link {
  color: inherit;
  font-size: 14px;
}
@media screen and (min-width: 1200px) {
  .language-switch__link {
    font-size: 16px;
  }
}
.list {
  margin: 0 0 16px 0;
  padding: 0 0 0 20px;
  font-size: 16px;
  line-height: 135%;
  /*
    & + .paragraph{
       margin-top: 56px;

       @include screen-md-min{
        margin-top: 72px;
       }
    }
    */
}
@media screen and (min-width: 1200px) {
  .list {
    padding-right: 104px;
  }
}
@media screen and (min-width: 1440px) {
  .list {
    margin: 0 0 30px 0;
    font-size: 18px;
    line-height: 152%;
  }
}
.list li {
  position: relative;
}
.list li + li {
  margin-top: 16px;
}
.list li ul,
.list li ol {
  margin-top: 16px;
  padding-right: 0;
}
.list--unordered li::before {
  content: "";
  height: 6px;
  width: 6px;
  position: absolute;
  top: 0px;
  margin-top: 0.4em;
  left: -17px;
  background: #002269;
}
@media screen and (min-width: 1440px) {
  .list--unordered li::before {
    height: 7px;
    width: 7px;
  }
}
.list--unordered li li::before {
  height: 2px;
  width: 8px;
  margin-top: 0.5em;
}
.list--unordered li li li::before {
  border-radius: 100%;
  height: 6px;
  width: 6px;
  margin-top: 0.5em;
}
.list--ordered li::marker {
  font-weight: 700;
  color: #002269;
  margin-right: 8px;
}
.list--ordered .list--ordered {
  counter-reset: listStyle;
}
.list--ordered .list--ordered li {
  counter-increment: listStyle;
  padding-left: 8px;
}
.list--ordered .list--ordered li::marker {
  content: counter(listStyle, lower-alpha) ".";
  margin-right: 8px;
}
.list--linklist li:before {
  background: none;
  border: 1px solid #d50032;
  border-radius: 50%;
}
.list--decimal {
  list-style-type: decimal;
}
.list--decimal-leading-zero {
  list-style-type: decimal-leading-zero;
}
.list--lower-roman {
  list-style-type: lower-roman;
}
.list--upper-roman {
  list-style-type: upper-roman;
}
.list--lower-latin {
  list-style-type: lower-latin;
}
.list--upper-latin {
  list-style-type: upper-latin;
}
.list--lower-alpha {
  list-style-type: lower-alpha;
}
.list--upper-alpha {
  list-style-type: upper-alpha;
}
.list--no-type {
  list-style-type: none;
  padding-left: 0;
}

.nav {
  z-index: 20;
  background: #fff;
  border-bottom: 1px solid #dedede;
}
.nav--desktop {
  border-top: 1px solid #dedede;
  border-bottom: none;
}
.nav__header {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  border-bottom: 2px solid #002269;
  padding-bottom: 10px;
  margin-bottom: 8px;
  margin-right: 16px;
  color: #002269;
}
@media screen and (min-width: 768px) {
  .nav__header {
    margin-right: 24px;
  }
}
.nav__inner {
  display: none !important;
  border-top: 1px solid #dedede;
}
@media screen and (min-width: 1200px) {
  .nav__inner {
    border: none;
  }
}

@media screen and (min-width: 1200px) {
  .nav--mobile {
    display: none;
  }
}

@media screen and (max-width: 1199px) {
  .nav {
    position: absolute;
    right: 0;
    width: 100%;
    background: #fff;
    height: calc(100vh - 93px);
    top: 60px;
  }
  body:not(.state-toggle--nav-active) .nav--mobile {
    display: none;
  }

  .nav__inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 24px 0 24px 16px;
  }
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
  .nav__inner {
    padding: 24px 0 24px 24px;
  }
}
@media screen and (max-width: 1199px) {
  .nav__inner--animating {
    transition: all 0.4s;
  }
  .nav__inner--animating .nav__content {
    transition: all 0.23s;
  }
}
@media screen and (max-width: 1199px) {
  .nav__link {
    position: relative;
    display: block;
    padding: 8px 0;
    color: #002269;
    text-decoration: none;
    font-size: 16px;
    line-height: 19px;
  }
  .nav__link::after {
    display: inline-block;
    font-family: "hhla";
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1;
    font-style: normal;
    text-transform: none;
    text-align: center;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: inherit;
    font-variant: normal;
    content: "\e800";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
  }
  .nav__link--parent {
    padding-bottom: 10px;
    padding-top: 0;
  }
}
@media screen and (max-width: 1199px) {
  .nav__back {
    display: none;
  }
  .nav__back--visible {
    display: block;
    position: absolute;
    z-index: 30;
  }
}
@media screen and (max-width: 1199px) {
  .nav__link--back {
    display: block;
    background: transparent;
    font-weight: 700;
    color: #002269;
    padding-bottom: 10px;
    padding-left: 22px;
  }
  .nav__link--back:focus {
    color: #d50032;
  }
  .nav__link--back::before {
    display: inline-block;
    font-family: "hhla";
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1;
    font-style: normal;
    text-transform: none;
    text-align: center;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: inherit;
    font-variant: normal;
    content: "\e810";
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translate(0, -50%);
    font-size: 16px;
  }
  .nav__link--back::after {
    display: none;
  }
}
@media screen and (max-width: 1199px) {
  .nav__list {
    padding-right: 16px;
  }
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
  .nav__list {
    padding-right: 24px;
  }
}
@media screen and (max-width: 1199px) {
  .nav__list--level2,
  .nav__list--level3,
  .nav__list--level4 {
    position: absolute;
    left: 0;
    display: none;
    background: #fff;
  }
  .nav__list--level2.nav__list--visible,
  .nav__list--level3.nav__list--visible,
  .nav__list--level4.nav__list--visible {
    position: absolute;
    top: 0;
    left: 100%;
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 1199px) {
  .nav__item:first-child {
    border-top: 0;
  }
  .nav__item--parent {
    font-weight: 700;
    font-size: 16px;
    border-width: 2px 0;
    border-style: solid;
    padding-left: 22px;
    font-weight: 700;
    color: #002269;
    border-bottom: 2px solid #002269;
    margin-bottom: 8px;
  }
  .nav__item--parent + .nav__item {
    border-top: 0;
  }
  .nav__item--active,
  .nav__item--inpath {
    border-top-color: #d50032;
  }
  .nav__item--active > .nav__link,
  .nav__item--inpath > .nav__link {
    color: #d50032;
  }
  .nav__item--active + .nav__item,
  .nav__item--inpath + .nav__item {
    border-top-color: #d50032;
  }
}
@media screen and (max-width: 1199px) {
  .nav__item--childless .nav__link::after,
  .nav__item--parent .nav__link::after {
    display: none;
  }
}
.nav--desktop {
  margin-top: 129px;
}
@media screen and (max-width: 1199px) {
  .nav--desktop {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .nav {
    position: sticky;
    top: 0;
  }

  .nav__inner {
    position: static;
    max-width: 1200px;
    display: flex;
    padding: 0;
    padding-left: 204px;
    justify-content: space-between;
  }
  .nav__inner--level2 {
    position: relative;
    padding-right: 16px;
    padding-left: 16px;
    margin: 0 auto;
    max-width: 1200px;
  }

  .nav__logo {
    opacity: 0;
    transition: 0.5s ease;
    height: 32px;
    margin-top: 12px;
    position: absolute;
    margin-left: -204px;
  }

  .nav--desktop-sticky .nav__logo {
    opacity: 1;
  }

  .nav__list {
    padding: 40px 16px;
  }
  .nav__list--level1 {
    left: auto;
    display: flex;
    width: auto;
    padding: 0;
  }
  .nav__list--level2 {
    position: absolute;
    left: 0;
    display: block;
    width: 25%;
  }
  .nav__list--level3,
  .nav__list--level4 {
    position: absolute;
    top: 0;
    left: 100%;
    display: none;
    width: 100%;
  }

  .nav__item--level1 + .nav__item--level1 {
    margin-left: 30px;
  }
  .nav__item--level1.nav__item--open .nav__dropdown {
    display: block;
  }
  .nav__item--level1.nav__item--open .nav__link--level1 {
    border-bottom-color: #002269;
  }
  .nav__item--open > .nav__list {
    display: block;
  }

  .nav__link {
    position: relative;
    display: block;
    padding: 8px 0;
    color: #002269;
    text-decoration: none;
    font-size: 16px;
    line-height: 19px;
    font-weight: 300;
  }
  .nav__item--has-children:not(.nav__item--level1) > .nav__link::after {
    display: inline-block;
    font-family: "hhla";
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1;
    font-style: normal;
    text-transform: none;
    text-align: center;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: inherit;
    font-variant: normal;
    content: "\e800";
    color: #002269;
    position: absolute;
    top: 10px;
    right: 0;
    display: block;
  }
  .nav__item--active > .nav__link,
  .nav__link:hover {
    color: #0057b8;
  }
  .nav__item--active > .nav__link::after,
  .nav__link:hover::after {
    color: #0057b8;
  }
  .nav__item--active .nav__link--level1,
  .nav__item--inpath:not(.nav__item--otheropen) > .nav__link {
    color: #002269;
    border-bottom-color: #002269;
  }
  .nav__item--open:not(.nav__item--level1) > .nav__link {
    color: #8f8f8f;
  }
  .nav__item--open:not(.nav__item--level1) > .nav__link::after {
    color: #8f8f8f;
  }
  .nav__link--level1 {
    padding: 18px 0;
    border-bottom: 2px solid transparent;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.65px;
    line-height: 18px;
    color: #002269;
    text-transform: none;
  }
  .nav__link--level1:hover {
    color: #0057b8;
  }
  .nav__link--parent {
    margin-bottom: 10px;
    border-bottom: 1px solid #002269;
    line-height: 20px;
    padding-bottom: 10px;
    font-weight: 700;
    color: #002269;
  }

  .nav__dropdown {
    position: absolute;
    z-index: 100;
    top: 57px;
    right: 0;
    left: 0;
    display: none;
    overflow: hidden;
    width: 100%;
    height: 0;
    background: #fff;
  }
  .nav__dropdown--animating {
    display: block;
    transition: height 0.4s ease;
  }
  .nav--sticky .nav__dropdown:not(.nav__dropdown--animating) {
    overflow: auto;
  }
  .nav__dropdown-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
  }

  .nav__close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    border: 0;
    background: transparent;
    font-size: 18px;
    cursor: pointer;
    color: #002269;
  }
  .nav__close::after {
    display: inline-block;
    font-family: "hhla";
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1;
    font-style: normal;
    text-transform: none;
    text-align: center;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: inherit;
    font-variant: normal;
    content: "\e803";
  }
  .nav__close:hover,
  .nav__close:focus {
    color: #0057b8;
  }
}
.nav-secondary {
  display: none;
}
@media screen and (min-width: 1200px) {
  .nav-secondary {
    display: block;
  }
}
.nav-secondary__list {
  display: none;
}
.nav-secondary__list--level1 {
  display: block;
}
.nav-secondary__item {
  list-style: none;
}
.nav-secondary__item:last-child {
  border: 0;
}
.nav-secondary__item.is-inpath > ul,
.nav-secondary__item.is-active > ul {
  display: block;
}
.nav-secondary__item.is-inpath > a,
.nav-secondary__item.is-active > a {
  color: #d50032;
}
.nav-secondary__item--level2.has-children > a::after {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
  font-size: 20px;
}
.nav-secondary__link {
  display: block;
  border-bottom: 2px solid #fff;
}
.nav-secondary__link--level1 {
  font-weight: bold;
  padding: 8px 0;
  color: #d50032;
  text-transform: uppercase;
}
.nav-secondary__link--level2 {
  position: relative;
  padding: 8px 20px;
  background: #78be20;
}
.nav-secondary__link--level3 {
  padding: 8px 40px;
  background: #a4d65e;
}

.search-form {
  position: relative;
}
.search-form__input {
  width: 100%;
  padding: 8px 0px 8px;
  border: none;
  border-bottom: 1px solid #dedede;
  background: none;
  outline: 0;
  color: #505050;
}
@media screen and (min-width: 1200px) {
  .search-form__input {
    font-size: 18px;
    line-height: 152%;
    padding: 0;
  }
}
.search-form__input::placeholder {
  color: #c1c2c2;
}
.search-form__input--results {
  border-color: #505050;
  color: #505050;
}
.search-form__input--results::placeholder {
  color: #8f8f8f;
}
.search-form--suggestions,
.search-form--results {
  padding: 48px 0;
  display: flex;
  flex-direction: row;
}
.search-form--results {
  padding-bottom: 18px;
}
.search-form__reset {
  position: absolute;
  top: 0;
  right: 0px;
  width: 20px;
  height: 28px;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  vertical-align: middle;
  color: #fff;
}
.search-form__reset::before {
  content: "\f00d";
  font-family: "hhla";
}
.search-form__reset:hover {
  color: #d50032;
}
.search-form__reset:disabled {
  display: none;
}
.search-form__reset--results {
  color: #505050;
}
.search-form__submit {
  text-align: center;
  vertical-align: middle;
  color: #fff;
  color: #002269;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  width: max-content;
  padding: 8px 16px;
  border: 1px solid #002269;
  position: relative;
  display: flex;
  flex-direction: row;
  height: auto;
  transform: none;
  margin-left: 16px;
}
.search-form__submit .sr-only {
  width: auto;
  height: auto;
  clip: revert;
  clip-path: none;
  color: #002269;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  position: relative;
}
.search-form__submit::before {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e80d";
  margin-right: 8px;
}
.search-form__submit--results {
  color: #505050;
}
.search-form__submit:hover {
  color: #fff;
  border-color: #0057b8;
  background-color: #0057b8;
}
.search-form__submit:hover .sr-only {
  color: #fff;
}

.search__container {
  max-width: 792px;
}
@media screen and (min-width: 1200px) {
  .search__container {
    padding: 0;
  }
}

.search-home-teaser {
  display: none;
}

.search-home-teaser-visible .search-home-teaser {
  display: block;
  margin-top: 14px;
}

.search--suggestions {
  position: absolute;
  z-index: 20;
  top: 100%;
  overflow: hidden;
  width: 100%;
  max-height: 0;
  background: #fff;
  transition: max-height 1s ease, height 1s ease;
  height: 0;
  max-height: 0;
}
.search--suggestions.is-animating {
  display: block;
  border-top: 1px solid #c1c2c2;
}
.search--suggestions.is-active {
  display: block;
  max-height: 100vh;
  height: 100vh;
  border-top: 1px solid #c1c2c2;
}
.search--suggestions.is-active .search-form {
  opacity: 1;
}
.search--suggestions .search-form {
  opacity: 0;
  transition: opacity 0.5s ease;
  transition-delay: 0.2s;
}
.search--suggestions-integrated {
  position: relative;
  display: block;
  max-height: max-content;
  height: max-content;
  border: none;
  overflow: initial;
}
.search--suggestions-integrated .search-form {
  padding-bottom: 16px;
  opacity: 1;
}
.search--suggestions-integrated .suggestion-results {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  background-color: #fff;
  padding: 48px 16px;
  border: 1px solid #c1c2c2;
}
.search--suggestions-integrated .search__container {
  padding: 0;
}
.search--suggestions-integrated .suggestion-result__link::after {
  font-size: 14px;
}

.search__container {
  width: 100%;
}

.suggestion-result + .suggestion-result {
  margin-top: 24px;
}
.suggestion-result__link {
  color: #002269;
  font-size: 14px;
  line-height: 17px;
}
@media screen and (min-width: 1200px) {
  .suggestion-result__link {
    font-size: 16px;
    line-height: 20px;
  }
}
.suggestion-result__link::after {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e800";
  transition: all 0.5s ease;
  margin-left: 11px;
}
.suggestion-result__link:hover {
  color: #0057b8;
}
.suggestion-result__link:hover::after {
  margin-left: 18px;
}
.suggestion-result__link:hover .suggestion-result__highlight {
  color: #0057b8;
}
.suggestion-result__count {
  display: none;
}
.suggestion-result__highlight {
  font-weight: 700;
  color: #002269;
}

.search-header {
  margin-bottom: 50px;
}
@media screen and (min-width: 1200px) {
  .search-header {
    margin-bottom: 58px;
  }
}

.search-term {
  color: #0057b8;
}

.search-help {
  margin-top: 30px;
  box-shadow: 0px 0px 6px rgba(30, 30, 30, 0.2);
  background-color: #fff;
  position: absolute;
  padding: 24px;
}
@media screen and (min-width: 1200px) {
  .search-help {
    margin-top: 20px;
    z-index: 3;
  }
}
.search-help__close {
  position: absolute;
  right: 24px;
  top: 24px;
  color: #0057b8;
  font-size: 24px;
  transition: opacity 0.5s ease;
  cursor: pointer;
}
.search-help__close:after {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e803";
}
.search-help__close:hover {
  opacity: 0.75;
}
.search-help__trigger {
  margin-left: 5px;
  transition: opacity 0.5s ease;
}
.search-help__trigger::before {
  content: "?";
  display: inline-block;
  width: 16px;
  height: 16px;
  padding-top: 2px;
  border-radius: 50%;
  background: #0057b8;
  font-weight: bold;
  font-size: 13px;
  color: #fff;
}
.search-help__trigger:hover::before,
.search-help__trigger.is-active::before {
  background: #0057b8;
}
.search-help__trigger:hover,
.search-help__trigger.is-active {
  opacity: 0.75;
}
.search-help p {
  font-size: 18px;
  line-height: 152%;
}
.search-help p:first-child {
  font-weight: 700;
  font-size: 18px;
  line-height: 135%;
  color: #0057b8;
}
.search-help p:not(:last-child) {
  margin-bottom: 24px;
}
.search-help p:nth-child(even) {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 152%;
  margin-bottom: 8px;
  font-weight: 500;
}
.search-help--static {
  position: relative;
  box-shadow: none;
  padding: 0;
}
@media screen and (min-width: 1200px) {
  .search-help--static {
    margin-top: 56px;
  }
}
.search-help--static p {
  font-size: 16px;
  line-height: 135%;
  color: #505050;
}
.search-help--static p:first-child {
  font-size: 24px;
  line-height: 120%;
  color: #002269;
  font-weight: 700;
  margin-bottom: 40px;
}
@media screen and (min-width: 1200px) {
  .search-help--static p:first-child {
    font-size: 28px;
    line-height: 125%;
    margin-bottom: 48px;
  }
}
.search-help--static p:not(:last-child) {
  margin-bottom: 40px;
}
@media screen and (min-width: 1200px) {
  .search-help--static p:not(:last-child) {
    margin-bottom: 48px;
  }
}
.search-help--static p:nth-child(even) {
  text-transform: none;
  font-size: 22px;
  line-height: 120%;
  font-weight: 700;
  margin-bottom: 16px;
}
@media screen and (min-width: 1200px) {
  .search-help--static p:nth-child(even) {
    font-size: 26px;
    line-height: 120%;
    margin-bottom: 16px;
  }
}

.search-highlight {
  background-color: transparent;
  font-weight: 700;
  color: #505050;
}

.search-result {
  display: flex;
  flex-direction: column;
  font-size: 16px;
}
.search-result + .search-result {
  margin-top: 48px;
}
@media screen and (min-width: 1440px) {
  .search-result {
    width: 996px;
    transform: translateX(-102px);
    padding: 24px 102px;
    margin: 0;
  }
  .search-result + .search-result {
    margin-top: 0px;
  }
  .search-result:hover {
    box-shadow: 0px 0px 6px rgba(30, 30, 30, 0.2);
  }
}
@media screen and (min-width: 1440px) {
  .search-result--no-hover:hover {
    box-shadow: none;
  }
}
.search-result .headline--2 {
  margin-bottom: 0;
  margin-top: 10px;
}
.search-result__link {
  order: 2;
  color: #0057b8;
  text-decoration: underline;
  margin-top: 16px;
  margin-bottom: 0;
}
.search-result__title {
  font-size: 24px;
  line-height: 120%;
  margin-bottom: 0;
}
@media screen and (min-width: 1200px) {
  .search-result__title {
    font-size: 28px;
    line-height: 125%;
  }
}
.search-result__header {
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  margin-bottom: 16px;
  font-size: 24px;
  color: #002269;
  line-height: 120%;
}
@media screen and (min-width: 1200px) {
  .search-result__header {
    margin-bottom: 24px;
    font-size: 28px;
    line-height: 125%;
  }
}
@media screen and (min-width: 1200px) {
  .search-result__preview-text {
    font-size: 18px;
    line-height: 152%;
  }
}
@media screen and (min-width: 1200px) {
  .search-result__title {
    font-size: 28px;
    line-height: 125%;
  }
}
.search-result__percentage {
  display: none;
}

.search-more-results {
  margin-top: 40px;
  text-align: center;
}
.loading-icon {
  display: block;
  position: relative;
  width: 64px;
  height: 64px;
  margin: 150px auto 150px;
}
.loading-icon div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid rgb(220, 220, 220);
  border-radius: 50%;
  animation: search-loading-icon 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: rgb(220, 220, 220) transparent transparent transparent;
}
.loading-icon div:nth-child(1) {
  animation-delay: -0.45s;
}
.loading-icon div:nth-child(2) {
  animation-delay: -0.3s;
}
.loading-icon div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes search-loading-icon {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.back-to-top {
  display: block;
  width: 48px;
  height: 48px;
  margin-left: auto;
  border: 0;
  background: #fff;
  box-shadow: 0px 0px 6px rgba(30, 30, 30, 0.2);
  font-size: 32px;
  line-height: 50px;
  color: #002269;
  pointer-events: all;
  cursor: pointer;
  position: sticky;
  top: 90vh;
  margin-top: 0px;
}
.back-to-top::before {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e813";
  transition: transform 0.5s ease;
}
@media screen and (min-width: 1200px) {
  .back-to-top {
    margin-top: 100px;
  }
}
.back-to-top:hover {
  background: #002269;
  color: #fff;
}
.back-to-top:hover::before {
  transform: translateY(-4px);
}

.recommend {
  list-style: none;
  display: flex;
  height: 100%;
  align-items: center;
}

.recommend__item {
  display: inline-block;
  height: 100%;
  display: flex;
  align-items: center;
}

.recommend__link {
  display: block;
  width: 50px;
  text-align: center;
  font-size: 26px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.recommend__link::before {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  font-size: 32px;
}
.recommend__link--twitter::before {
  content: "\e82e";
}
.recommend__link--linkedin::before {
  content: "\e81d";
}
.recommend__link--xing::before {
  content: "\e817";
}
.recommend__link--instagram::before {
  content: "\e816";
}
.recommend__link:hover {
  color: #0057b8;
}
.recommend__link:hover.facebook {
  color: #3b5998;
}
.recommend__link:hover.twitter {
  color: #1da1f2;
}
.recommend__link:hover.linkedin {
  color: #0077b5;
}
.recommend__link:hover.google-plus {
  color: #dd4b39;
}
.recommend__link:hover.xing {
  color: #026466;
}

/* ========================== Container ========================== */
#nxr-survey {
  position: fixed;
  z-index: 100;
  right: 50%;
  bottom: 0;
  transform: translate(50%, 100%);
  width: 300px;
  padding: 0;
  border-radius: 5px 5px 0 0;
  background: #1d1d1d;
  transition: transform 0.5s ease-out;
  color: #fff;
}
@media screen and (min-width: 768px) {
  #nxr-survey {
    right: 100px;
    bottom: 0;
    transform: translateY(100%);
  }
}
#nxr-survey.nxr-survey--visible {
  transform: translateX(50%);
}
@media screen and (min-width: 768px) {
  #nxr-survey.nxr-survey--visible {
    transform: none;
  }
}
#nxr-survey:not(.nxr-survey--visible) {
  pointer-events: none;
  opacity: 0;
}
#nxr-survey:not(.nxr-survey--visible) .nxr-survey__close {
  opacity: 0;
}

/* ========================== Basic Elements ========================== */
#nxr-survey .nxr-survey__form {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  overflow: hidden;
  width: 300px;
  border-radius: 5px 5px 0 0;
}
#nxr-survey .nxr-survey__item {
  position: relative;
  flex-shrink: 0;
  width: 300px;
  transition: all 0.2s ease;
}
#nxr-survey .nxr-survey__item:not(:first-child) .nxr-survey__question {
  padding-right: 40px;
}
#nxr-survey .nxr-survey__item:not(:first-child) .nxr-survey__counter {
  display: block;
}
#nxr-survey .nxr-survey__footer {
  display: flex;
  justify-content: flex-end;
  padding: 10px 20px;
  border-top: 1px solid #1a1a1a;
}
#nxr-survey .nxr-survey__button {
  padding: 5px 10px;
  border: none;
  border-radius: 5px;
  background: #fff;
  color: #000;
  cursor: pointer;
}
#nxr-survey .nxr-survey__button:hover {
  background: #000;
  color: #fff;
}
#nxr-survey .nxr-survey__button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
#nxr-survey .nxr-survey__close {
  position: absolute;
  top: 0px;
  right: 20px;
  transform: translateY(-100%);
  display: block;
  width: 40px;
  height: 20px;
  border: none;
  border-radius: 5px 5px 0 0;
  background: #1d1d1d;
  font-size: 20px;
  cursor: pointer;
  color: inherit;
}
#nxr-survey .nxr-survey__close::before {
  content: "";
  position: relative;
  top: -2px;
  transform: rotate(45deg);
  display: inline-block;
  padding: 3px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
}
#nxr-survey .nxr-survey__close > * {
  position: absolute;
  left: -99999px;
  display: block;
}
#nxr-survey .nxr-survey__done {
  padding: 20px;
  font-size: 13px;
  text-align: center;
}

/* ========================== List ========================== */
#nxr-survey .nxr-survey__question {
  padding: 12px;
  font-weight: normal;
  font-size: 13px;
  text-align: center;
  color: inherit;
}
#nxr-survey .nxr-survey__counter {
  position: absolute;
  top: 10px;
  right: 10px;
  display: none;
  font-weight: normal;
  font-size: 13px;
  color: inherit;
}
#nxr-survey .nxr-survey__answers {
  overflow: auto;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
#nxr-survey .nxr-survey__answer {
  position: relative;
  padding: 0;
  margin: 0;
}
#nxr-survey .nxr-survey__answer::before {
  content: none;
}
#nxr-survey .nxr-survey__answer--additional-field {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
}
#nxr-survey .nxr-survey__answer--additional-field .nxr-survey__label {
  width: auto;
}
#nxr-survey .nxr-survey__label {
  position: relative;
  display: block;
  width: 100%;
  padding: 14px 20px 14px 50px;
  border-top: 1px solid #666;
  border-bottom: 1px solid #333;
  background: #363636;
  font-size: 13px;
  transition: all 0.1s ease;
  cursor: pointer;
  color: inherit;
}
#nxr-survey .nxr-survey__label:hover {
  background: #666;
  border-bottom-color: #333;
  border-top-color: #666;
  color: #111;
}
#nxr-survey .nxr-survey__label .nxr-survey__icon {
  position: absolute;
  top: 13px;
  left: 12px;
  width: 20px;
  height: 20px;
  border: 1px solid #fff;
}
#nxr-survey .nxr-survey__label .nxr-survey__icon::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  margin: auto;
}
#nxr-survey .nxr-survey__input {
  position: absolute;
  cursor: pointer;
  opacity: 0;
}
#nxr-survey .nxr-survey__input:focus ~ .nxr-survey__icon {
  border-color: #d50032;
}
#nxr-survey .nxr-survey__input:checked ~ .nxr-survey__icon::before {
  display: block;
}
#nxr-survey .nxr-survey__input--checkbox ~ .nxr-survey__icon::before {
  transform: translateY(-1px) rotate(45deg);
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
}
#nxr-survey .nxr-survey__input--radio ~ .nxr-survey__icon {
  border-radius: 50%;
}
#nxr-survey .nxr-survey__input--radio ~ .nxr-survey__icon::before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
}
#nxr-survey .nxr-survey__additional-field {
  flex-grow: 1;
}
#nxr-survey .nxr-survey__additional-field .nxr-survey__label {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  clip: rect(0 0 0 0);
}
#nxr-survey .nxr-survey__additional-field .nxr-survey__input {
  position: static;
  width: 100%;
  height: 100%;
  padding: 5px 8px;
  border: none;
  font-size: 13px;
  opacity: 1;
  cursor: inherit;
  color: #1d1d1d;
}

/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 0;
  right: auto;
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 0;
  left: auto;
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}

.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 5px;
}

/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl
  .swiper-pagination-progress
  .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}

.swiper-pagination-progress.swiper-pagination-white
  .swiper-pagination-progressbar {
  background: #fff;
}

.swiper-pagination-progress.swiper-pagination-black
  .swiper-pagination-progressbar {
  background: #000;
}

/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(
    right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(
    right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(
    right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(
    to left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(
    linear,
    right top,
    left top,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(
    left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(
    left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(
    left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(
    top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Firefox 16+, IE10, Opera 12.50+ */
}

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader::after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.slider {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  width: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #eee;
  padding: 50px 0;
}

.spreadsheet {
  overflow-x: auto;
}

.swipe-info {
  position: relative;
}
.swipe-info::before {
  content: "";
  position: absolute;
  z-index: 10;
  top: 15%;
  left: 50%;
  width: 89px;
  height: 75px;
  margin: 0 0 0 -44px;
  background: url(../images/swipe.png) 0 0 no-repeat;
}
.swipe-info--example {
  height: 400px;
  margin: 0 auto 40px auto;
  overflow-x: auto;
  max-width: 800px;
}
.swipe-info--example .swipe-info__inner {
  width: 600px;
  height: 100%;
  margin: 0 auto;
  background: #8f8f8f;
}

body.state-consent-manager-open {
  position: fixed;
  right: 0;
  left: 0;
  overflow-y: scroll;
}

.consent-manager {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
}
.consent-manager__inner {
  overflow: auto;
  padding: 25px 15px;
  background-color: #fff;
  max-height: 100%;
}
@media screen and (min-width: 1200px) {
  .consent-manager__inner {
    width: 80%;
    padding: 75px;
    max-width: 800px;
  }
}
.consent-manager__headline {
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 1.2;
}
@media screen and (min-width: 1200px) {
  .consent-manager__headline {
    margin-bottom: 24px;
    font-size: 22px;
  }
}
.consent-manager__text {
  margin-bottom: 20px;
  font-size: 13px;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .consent-manager__text {
    margin-bottom: 25px;
    font-size: 14px;
  }
}
.consent-manager__text a {
  padding-bottom: 1px;
  border-bottom: 2px solid transparent;
  text-decoration: none;
  color: #d50032;
}
@media screen and (min-width: 1200px) {
  .consent-manager__text a {
    padding-bottom: 2px;
  }
}
.consent-manager__text a:hover {
  border-color: #d50032;
}
.consent-manager__checkboxes {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.consent-manager__controls {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .consent-manager__controls {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }
}

.consent-manager-checkbox {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.consent-manager-checkbox__label {
  padding-left: 30px;
  font-size: 13px;
  line-height: 1.5;
  cursor: pointer;
}
@media screen and (min-width: 1200px) {
  .consent-manager-checkbox__label {
    padding-left: 35px;
    font-size: 14px;
    line-height: 1.5;
  }
}
.consent-manager-checkbox__label:hover .consent-manager-checkbox__icon::before {
  opacity: 0.2;
}
.consent-manager-checkbox__input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  border: 0;
}
.consent-manager-checkbox__input:focus
  ~ .consent-manager-checkbox__icon::before {
  opacity: 0.2;
}
.consent-manager-checkbox__input:checked
  ~ .consent-manager-checkbox__icon::before {
  opacity: 1;
}
.consent-manager-checkbox__icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #000;
}
@media screen and (min-width: 1200px) {
  .consent-manager-checkbox__icon {
    width: 24px;
    height: 24px;
  }
}
.consent-manager-checkbox__icon::before {
  content: "";
  position: absolute;
  top: 1px;
  right: 0;
  left: 0;
  transform: rotate(45deg);
  width: 7px;
  height: 11px;
  margin: 0 auto;
  border: solid #000;
  opacity: 0;
  border-width: 0 2px 2px 0;
}
@media screen and (min-width: 1200px) {
  .consent-manager-checkbox__icon::before {
    width: 8px;
    height: 14px;
    border-width: 0 3px 3px 0;
  }
}
.consent-manager-checkbox__description-toggle {
  position: relative;
  width: 24px;
  height: 24px;
  border: none;
  background: none;
  cursor: pointer;
}
.consent-manager-checkbox__description-toggle > *,
.consent-manager-checkbox__description-toggle::before,
.consent-manager-checkbox__description-toggle::after {
  pointer-events: none;
}
.consent-manager-checkbox__description-toggle > * {
  position: absolute;
  top: auto;
  overflow: hidden;
  width: 1px;
  height: 1px;
  clip: rect(1px 1px 1px 1px);
  /* IE 6/7 */
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}
.consent-manager-checkbox__description-toggle::before {
  content: "";
  position: absolute;
  top: -4px;
  right: 0;
  bottom: 0;
  left: 0;
  transform: rotate(45deg);
  display: block;
  width: 0;
  height: 0;
  padding: 3px;
  margin: auto;
  border: solid #000;
  border-width: 0 3px 3px 0;
}
.consent-manager-checkbox__description-toggle--active {
  transform: rotate(180deg);
}
.consent-manager-checkbox__description-toggle--active
  ~ .consent-manager-checkbox__description {
  display: block;
}
.consent-manager-checkbox__description {
  display: none;
  width: 100%;
  padding-left: 30px;
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.2;
}
@media screen and (min-width: 1200px) {
  .consent-manager-checkbox__description {
    padding-left: 35px;
    margin-top: 10px;
    font-size: 13px;
  }
}
.consent-manager-checkbox:not(:last-child) {
  margin-bottom: 15px;
}
@media screen and (min-width: 1200px) {
  .consent-manager-checkbox:not(:last-child) {
    margin-bottom: 20px;
  }
}
.consent-manager-checkbox--required .consent-manager-checkbox__label {
  color: #777;
  cursor: not-allowed;
}
.consent-manager-checkbox--required .consent-manager-checkbox__icon,
.consent-manager-checkbox--required .consent-manager-checkbox__icon::before {
  border-color: #777;
}

.consent-manager-control {
  display: block;
}
.consent-manager-control__button {
  display: block;
  height: auto;
  padding: 9px;
  border: none;
  background: #333;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.2;
  color: #fff;
  cursor: pointer;
}
@media screen and (min-width: 1200px) {
  .consent-manager-control__button {
    padding: 11px 12px;
    font-size: 15px;
  }
}
.consent-manager-control__button:hover {
  background: #000;
}
.consent-manager-control__button--acceptselected {
  background: #fff;
  color: #000;
}
.consent-manager-control__button--acceptselected:hover {
  background: #000;
  color: #fff;
  border-color: #000;
}
.consent-manager-control:not(:last-child) {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .consent-manager-control:not(:last-child) {
    margin-right: 15px;
    margin-bottom: 0;
  }
}
.consent-manager-control--all .consent-manager-control__button:not(:hover) {
  background: #d50032;
}

.tabc-wrapper {
  margin-bottom: 50px;
  border-bottom: 1px solid #000;
}

/* ACCORDION */
.accordion-content {
  position: relative;
  height: 0;
  overflow: hidden;
}
.accordion-content.visible {
  height: auto;
  overflow: visible;
}
.accordion-content.animating {
  transition: all 0.5s ease;
}
.accordion-content.visible.animating {
  overflow: hidden;
}
@media screen and (min-width: 1440px) {
  .tabc-wrapper--inner-wide .accordion-content {
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    width: 1200px;
  }
}
.tabc-wrapper--inner-wide .accordion-content .spreadsheet {
  margin: 0;
  padding: 56px 0;
}

.accordion-inner {
  padding: 0 0 15px 0;
}
.accordion-inner > *:last-child {
  margin-bottom: 0;
}

.accordion-wrapper {
  border-top: 1px solid #505050;
}
.accordion-wrapper .headline {
  color: #002269;
}
.accordion-wrapper.open .headline {
  color: #505050;
}

.accordion-header {
  background: none;
}
.accordion-header.visible {
  background: none;
}
.accordion-header .headline {
  margin: 0;
}
.accordion-header:hover .headline,
.accordion-header:hover .trigger::after {
  color: #0057b8;
}
.accordion-header .trigger {
  display: block;
  position: relative;
  padding: 16px 50px 16px 0px;
  font-size: 18px;
  line-height: 130%;
  font-weight: 500;
  color: #002269;
}
.accordion-header .trigger .headline {
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  margin-bottom: 8px;
}
@media screen and (min-width: 1440px) {
  .accordion-header .trigger .headline {
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 8px;
  }
}
.accordion-header .trigger::after {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e80e";
  font-size: 25px;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  transform-origin: 50% 50%;
  transition: transform 0.3s ease;
  color: #002269;
}
.accordion-header.visible a::after {
  transform: rotate(180deg) translate(0, 50%);
}
.accordion-header.visible .trigger {
  color: #505050;
}

.accordion-toogler-wrapper::after {
  content: "";
  display: block;
  clear: both;
}

.accordion-toggler {
  padding: 8px 16px;
  float: right;
  background: none;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 17px;
  font-weight: 700;
  color: #002269;
  border: 1px solid #002269;
}
.accordion-toggler .close {
  display: none;
}
.accordion-toggler.show-close .open {
  display: none;
}
.accordion-toggler.show-close .close {
  display: block;
}
.accordion-toggler:hover {
  background-color: #0057b8;
  color: #fff;
}

/* TABS/ TABCCORDION */
.tab-nav {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
}
.tab-nav .trigger {
  display: block;
  padding: 10px;
  color: #fff;
}
.tab-nav,
.tab-nav li {
  list-style: none;
}
.tab-nav li {
  background: none;
  border-right: 2px solid #fff;
}
.tab-nav .visible .trigger,
.tab-nav a:hover {
  background: none;
}

.tab-inner {
  padding: 20px;
}

.tab-item {
  display: none;
  border: 1px solid none;
}
.tab-item.visible {
  display: block;
}

.popup-is-active {
  overflow: hidden;
}

.popup {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  /* image */
  /* animation 
   behaviour of animation classes same as in vue.js 
   s. https://vuejs.org/v2/guide/transitions.html#Transition-Classes */
  /* iframe */
  /* inline */
  /* ajax */
}
.popup--iframe {
  padding: 40px 8px;
  overflow-y: auto;
  justify-content: flex-start;
}
.popup__content {
  position: relative;
  margin: 0 8px;
}
.popup__close {
  background-color: transparent;
  border: 0;
  font-size: 20px;
  color: white;
  opacity: 0.65;
  display: block;
  width: 20px;
  height: 20px;
  text-indent: -9999em;
  background-image: url(../images/icons/close.svg);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 10px;
}
.popup__close:hover {
  opacity: 1;
}
.popup__img {
  max-width: 100%;
  height: auto;
  padding: 40px 0;
}
.popup__figcaption {
  color: white;
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
}
.popup--animation-enter-active.popup--animation-1 .popup__content {
  animation: bounceIn 0.75s;
}
.popup--animation-enter-active.popup--animation-1 {
  animation: fadeIn 0.5s;
}
.popup--animation-leave-active.popup--animation-1 .popup__content {
  animation: bounceOut 0.75s;
}
.popup--animation-leave-active.popup--animation-1 {
  animation: fadeOut 0.75s;
}
.popup--animation-enter-active.popup--animation-2,
.popup--animation-leave-active.popup--animation-2 {
  transition: opacity 0.75s;
}
.popup--animation-enter.popup--animation-2,
.popup--animation-leave-to.popup--animation-2 {
  opacity: 0;
}
.popup--iframe .popup__content {
  max-width: 900px;
  width: 100%;
  margin: auto;
}
.popup--iframe .popup__close {
  top: -30px;
}
.popup__iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.popup__iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.popup--inline {
  cursor: default;
}
.popup--inline .popup__close {
  top: -30px;
}
.popup--inline .tablepopup {
  display: none;
}
.popup--inline .popup__content {
  max-width: 1000px;
  max-height: 500px;
  flex-grow: 1;
}
.popup__inline-container {
  max-width: 1000px;
  max-height: 500px;
  overflow: auto;
  padding: 20px;
  background-color: white;
}
.popup__inline-container .spreadsheet {
  width: auto;
}
.popup--ajax {
  cursor: default;
}
.popup--ajax .popup__close {
  top: -30px;
}
.popup--ajax .tablepopup {
  display: none;
}
.popup--ajax .popup__content {
  max-width: 1000px;
  max-height: 500px;
  flex-grow: 1;
}
.popup__ajax-container {
  max-width: 1000px;
  max-height: 500px;
  overflow: auto;
  padding: 20px;
  background-color: white;
}
@media screen and (max-width: 800px) and (orientation: landscape),
  screen and (max-height: 300px) {
  .popup--image .popup__content {
    margin: 0;
  }
  .popup__img {
    padding: 0;
  }
  .popup--image .popup__close {
    position: fixed;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
    background-size: 20px 20px;
    width: 35px;
    height: 35px;
  }
  .popup__figcaption {
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    bottom: 0;
    left: 0;
    top: auto;
    width: 100%;
    padding: 3px 5px;
  }
}

/* inline-svg  */
.graphic__image--popup {
  display: none;
}
.popup .graphic__image--popup {
  display: block;
  max-width: 100%;
  min-width: 90vw;
  height: auto;
  padding: 40px 0;
  background: white;
  background-clip: content-box;
}

/* animation bounce from animate.css */
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.toolbar {
  pointer-events: none;
  margin-top: 80px;
}
@media screen and (min-width: 768px) {
  .toolbar {
    margin-top: 96px;
  }
}
@media screen and (min-width: 1200px) {
  .toolbar {
    margin-top: 0;
    display: block;
    position: absolute;
    z-index: 22;
    top: 140px;
    left: calc(100% + 24px);
    height: calc(100% - 140px);
    padding-bottom: 222px;
  }
  .main--has-hero .toolbar {
    padding-top: 323px;
  }
}

.tools {
  display: none;
  text-align: center;
  pointer-events: all;
}
@media screen and (min-width: 1200px) {
  .tools {
    display: block;
    position: sticky;
    top: 170px;
    right: 0;
    width: 48px;
    margin: 0;
    margin-bottom: 58px;
  }
}

.tool {
  position: relative;
  display: inline-block;
  background: #fff;
  color: #002269;
  box-shadow: 0px 0px 6px rgba(30, 30, 30, 0.2);
  width: 48px;
}
@media screen and (min-width: 1200px) {
  .tool {
    position: relative;
    display: block;
  }
}
.tool__trigger:hover,
.tool__trigger:focus,
.tool__trigger:focus-within {
  background: #002269;
  color: #fff;
}
.tool__trigger:hover::before,
.tool__trigger:focus::before,
.tool__trigger:focus-within::before {
  transform: translateY(0px);
}
@media screen and (min-width: 1200px) {
  .tool__trigger:hover .tool__dropout,
  .tool__trigger:focus .tool__dropout,
  .tool__trigger:focus-within .tool__dropout {
    display: block;
  }
}
.tool__trigger:hover .tool__dropout--recommend,
.tool__trigger:focus .tool__dropout--recommend,
.tool__trigger:focus-within .tool__dropout--recommend {
  display: block;
  display: flex;
  align-items: center;
  height: 100%;
}
@media screen and (min-width: 1200px) {
  .tool + .tool {
    margin-top: 10px;
  }
}
.tool__trigger {
  display: inline-block;
  width: 48px;
  height: 48px;
  line-height: 50px;
  cursor: pointer;
  font-size: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tool__trigger::before {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  transition: transform 0.5s ease;
}
.page--downloads .tool__trigger--downloads {
  background-color: #dedede;
  color: #fff;
  pointer-events: none;
}
.tool__trigger--downloads::before {
  content: "\e809";
}
.tool__trigger--cg::before {
  content: "\e807";
}
.tool__trigger--tag-manager::before {
  content: "\e80b";
}
.tool__trigger--last-year::before {
  content: "\e812";
}
.tool__trigger--print::before {
  content: "\e81f";
}
.tool__trigger--recommend::before {
  content: "\e811";
}
.tool__trigger--gri::before {
  content: "\e80a";
}
.tool__dropout {
  position: absolute;
  top: 0;
  right: 48px;
  display: none;
  height: 48px;
  padding: 0 8px;
  background: #fff;
  box-shadow: 0px 0px 6px rgba(30, 30, 30, 0.2);
  font-weight: 700;
  color: #002269;
  font-size: 16px;
  line-height: 20px;
  line-height: 50px;
  white-space: nowrap;
}
.tool__dropout--recommend {
  padding: 0;
  left: 48px;
  right: auto;
}

.info-trigger {
  color: #99cc22;
  text-decoration: underline;
}

.info-layer {
  display: none;
  position: absolute;
  width: 270px;
  padding: 10px;
  background: #717171;
  color: #fff;
  box-sizing: border-box;
  z-index: 1;
}
.info-layer.active {
  display: block;
}
.info-layer .needle {
  display: block;
  position: absolute;
  border: 10px solid transparent;
  border-bottom-color: #717171;
  border-top: 0;
  top: -10px;
  left: 0;
}
.info-layer .needle.needle--bottom {
  border-bottom-color: transparent;
  border-top: 10px solid #717171;
  border-bottom: 0;
  top: auto;
  bottom: -10px;
}
.info-layer .close-info {
  background: transparent;
  border: 0;
  outline: 0;
  padding: 0;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  text-align: center;
  width: 20px;
  z-index: 1;
}
.info-layer .close-info::after {
  content: "x";
  font-size: 20px;
  color: #fff;
}

.tooltip {
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #676767;
  z-index: 999;
  padding: 4px 7px;
  display: inline-block;
  white-space: nowrap;
}

@keyframes plyr-progress {
  to {
    background-position: var(--plyr-progress-loading-size, 25px) 0;
  }
}
@keyframes plyr-popup {
  0% {
    opacity: 0.5;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes plyr-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  align-items: center;
  direction: ltr;
  display: flex;
  flex-direction: column;
  font-family: var(--plyr-font-family, inherit);
  font-variant-numeric: tabular-nums;
  font-weight: var(--plyr-font-weight-regular, 400);
  line-height: var(--plyr-line-height, 1.7);
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow 0.3s ease;
  z-index: 0;
}
.plyr video,
.plyr audio,
.plyr iframe {
  display: block;
  height: 100%;
  width: 100%;
}
.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}
.plyr:focus {
  outline: 0;
}

.plyr--full-ui {
  box-sizing: border-box;
}
.plyr--full-ui *,
.plyr--full-ui *::after,
.plyr--full-ui *::before {
  box-sizing: inherit;
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  touch-action: manipulation;
}

.plyr__badge {
  background: var(--plyr-badge-background, hsl(216deg, 15%, 34%));
  border-radius: var(--plyr-badge-border-radius, 2px);
  color: var(--plyr-badge-text-color, #fff);
  font-size: var(--plyr-font-size-badge, 9px);
  line-height: 1;
  padding: 3px 4px;
}

.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}

.plyr__captions {
  animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  display: none;
  font-size: var(--plyr-font-size-small, 13px);
  left: 0;
  padding: var(--plyr-control-spacing, 10px);
  position: absolute;
  text-align: center;
  transition: transform 0.4s ease-in-out;
  width: 100%;
}
.plyr__captions span:empty {
  display: none;
}
@media (min-width: 480px) {
  .plyr__captions {
    font-size: var(--plyr-font-size-base, 15px);
    padding: calc(var(--plyr-control-spacing, 10px) * 2);
  }
}
@media (min-width: 768px) {
  .plyr__captions {
    font-size: var(--plyr-font-size-large, 18px);
  }
}

.plyr--captions-active .plyr__captions {
  display: block;
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
}

.plyr__caption {
  background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
  border-radius: 2px;
  box-decoration-break: clone;
  color: var(--plyr-captions-text-color, #fff);
  line-height: 185%;
  padding: 0.2em 0.5em;
  white-space: pre-wrap;
}
.plyr__caption div {
  display: inline;
}

.plyr__control {
  background: transparent;
  border: 0;
  border-radius: var(--plyr-control-radius, 3px);
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
  position: relative;
  transition: all 0.3s ease;
}
.plyr__control svg {
  display: block;
  fill: currentColor;
  height: var(--plyr-control-icon-size, 18px);
  pointer-events: none;
  width: var(--plyr-control-icon-size, 18px);
}
.plyr__control:focus {
  outline: 0;
}
.plyr__control.plyr__tab-focus {
  outline: var(
      --plyr-tab-focus-color,
      var(--plyr-color-main, var(--plyr-color-main, hsl(198deg, 100%, 50%)))
    )
    dotted 3px;
  outline-offset: 2px;
}

a.plyr__control {
  text-decoration: none;
}
a.plyr__control::after,
a.plyr__control::before {
  display: none;
}

.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
.plyr__control.plyr__control--pressed .label--not-pressed {
  display: none;
}

.plyr--full-ui ::-webkit-media-controls {
  display: none;
}

.plyr__controls {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center;
}
.plyr__controls .plyr__progress__container {
  flex: 1;
  min-width: 0;
}
.plyr__controls .plyr__controls__item {
  margin-left: calc(var(--plyr-control-spacing, 10px) / 4);
}
.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: calc(var(--plyr-control-spacing, 10px) / 4);
}
.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 calc(var(--plyr-control-spacing, 10px) / 2);
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time {
  padding-left: 0;
}
.plyr__controls:empty {
  display: none;
}

.plyr [data-plyr="captions"],
.plyr [data-plyr="pip"],
.plyr [data-plyr="airplay"],
.plyr [data-plyr="fullscreen"] {
  display: none;
}

.plyr--captions-enabled [data-plyr="captions"],
.plyr--pip-supported [data-plyr="pip"],
.plyr--airplay-supported [data-plyr="airplay"],
.plyr--fullscreen-enabled [data-plyr="fullscreen"] {
  display: inline-block;
}

.plyr__menu {
  display: flex;
  position: relative;
}
.plyr__menu .plyr__control svg {
  transition: transform 0.3s ease;
}
.plyr__menu .plyr__control[aria-expanded="true"] svg {
  transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded="true"] .plyr__tooltip {
  display: none;
}
.plyr__menu__container {
  animation: plyr-popup 0.2s ease;
  background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
  border-radius: 4px;
  bottom: 100%;
  box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  color: var(--plyr-menu-color, hsl(216deg, 15%, 34%));
  font-size: var(--plyr-font-size-base, 15px);
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}
.plyr__menu__container > div {
  overflow: hidden;
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.plyr__menu__container::after {
  border: var(--plyr-menu-arrow-size, 4px) solid transparent;
  border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
  content: "";
  height: 0;
  position: absolute;
  right: calc(
    (
        (var(--plyr-control-icon-size, 18px) / 2) +
          calc(var(--plyr-control-spacing, 10px) * 0.7)
      ) - (var(--plyr-menu-arrow-size, 4px) / 2)
  );
  top: 100%;
  width: 0;
}
.plyr__menu__container [role="menu"] {
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
}
.plyr__menu__container [role="menuitem"],
.plyr__menu__container [role="menuitemradio"] {
  margin-top: 2px;
}
.plyr__menu__container [role="menuitem"]:first-child,
.plyr__menu__container [role="menuitemradio"]:first-child {
  margin-top: 0;
}
.plyr__menu__container .plyr__control {
  align-items: center;
  color: var(--plyr-menu-color, hsl(216deg, 15%, 34%));
  display: flex;
  font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
  padding: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5)
    calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5);
  user-select: none;
  width: 100%;
}
.plyr__menu__container .plyr__control > span {
  align-items: inherit;
  display: flex;
  width: 100%;
}
.plyr__menu__container .plyr__control::after {
  border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
  padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4);
}
.plyr__menu__container .plyr__control--forward::after {
  border-left-color: var(--plyr-menu-arrow-color, hsl(216deg, 15%, 52%));
  right: calc(
    (calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) -
      var(--plyr-menu-item-arrow-size, 4px)
  );
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--forward:hover::after {
  border-left-color: currentColor;
}
.plyr__menu__container .plyr__control--back {
  font-weight: var(--plyr-font-weight-regular, 400);
  margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
  padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4);
  position: relative;
  width: calc(100% - (calc(var(--plyr-control-spacing, 10px) * 0.7) * 2));
}
.plyr__menu__container .plyr__control--back::after {
  border-right-color: var(--plyr-menu-arrow-color, hsl(216deg, 15%, 52%));
  left: calc(
    (calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) -
      var(--plyr-menu-item-arrow-size, 4px)
  );
}
.plyr__menu__container .plyr__control--back::before {
  background: var(--plyr-menu-back-border-color, hsl(216deg, 15%, 88%));
  box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
  content: "";
  height: 1px;
  left: 0;
  margin-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}
.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--back:hover::after {
  border-right-color: currentColor;
}
.plyr__menu__container .plyr__control[role="menuitemradio"] {
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7);
}
.plyr__menu__container .plyr__control[role="menuitemradio"]::before,
.plyr__menu__container .plyr__control[role="menuitemradio"]::after {
  border-radius: 100%;
}
.plyr__menu__container .plyr__control[role="menuitemradio"]::before {
  background: rgba(0, 0, 0, 0.1);
  content: "";
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: var(--plyr-control-spacing, 10px);
  transition: all 0.3s ease;
  width: 16px;
}
.plyr__menu__container .plyr__control[role="menuitemradio"]::after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform 0.3s ease, opacity 0.3s ease;
  width: 6px;
}
.plyr__menu__container
  .plyr__control[role="menuitemradio"][aria-checked="true"]::before {
  background: var(
    --plyr-control-toggle-checked-background,
    var(--plyr-color-main, var(--plyr-color-main, hsl(198deg, 100%, 50%)))
  );
}
.plyr__menu__container
  .plyr__control[role="menuitemradio"][aria-checked="true"]::after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.plyr__menu__container
  .plyr__control[role="menuitemradio"].plyr__tab-focus::before,
.plyr__menu__container .plyr__control[role="menuitemradio"]:hover::before {
  background: rgba(35, 40, 47, 0.1);
}
.plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) - 2) * -1);
  overflow: hidden;
  padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 3.5);
  pointer-events: none;
}

.plyr--full-ui input[type="range"] {
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
  color: var(
    --plyr-range-fill-background,
    var(--plyr-color-main, var(--plyr-color-main, hsl(198deg, 100%, 50%)))
  );
  display: block;
  height: calc(
    (var(--plyr-range-thumb-active-shadow-width, 3px) * 2) +
      var(--plyr-range-thumb-height, 13px)
  );
  margin: 0;
  min-width: 0;
  padding: 0;
  transition: box-shadow 0.3s ease;
  width: 100%;
}
.plyr--full-ui input[type="range"]::-webkit-slider-runnable-track {
  background: transparent;
  border: 0;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
  transition: box-shadow 0.3s ease;
  user-select: none;
  background-image: linear-gradient(
    to right,
    currentColor var(--value, 0%),
    transparent var(--value, 0%)
  );
}
.plyr--full-ui input[type="range"]::-webkit-slider-thumb {
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: var(
    --plyr-range-thumb-shadow,
    0 1px 1px rgba(35, 40, 47, 0.15),
    0 0 0 1px rgba(35, 40, 47, 0.2)
  );
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  transition: all 0.2s ease;
  width: var(--plyr-range-thumb-height, 13px);
  appearance: none;
  margin-top: calc(
    (var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) /
      2 * -1
  );
}
.plyr--full-ui input[type="range"]::-moz-range-track {
  background: transparent;
  border: 0;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
  transition: box-shadow 0.3s ease;
  user-select: none;
}
.plyr--full-ui input[type="range"]::-moz-range-thumb {
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: var(
    --plyr-range-thumb-shadow,
    0 1px 1px rgba(35, 40, 47, 0.15),
    0 0 0 1px rgba(35, 40, 47, 0.2)
  );
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  transition: all 0.2s ease;
  width: var(--plyr-range-thumb-height, 13px);
}
.plyr--full-ui input[type="range"]::-moz-range-progress {
  background: currentColor;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
}
.plyr--full-ui input[type="range"]::-ms-track {
  background: transparent;
  border: 0;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
  transition: box-shadow 0.3s ease;
  user-select: none;
  color: transparent;
}
.plyr--full-ui input[type="range"]::-ms-fill-upper {
  background: transparent;
  border: 0;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
  transition: box-shadow 0.3s ease;
  user-select: none;
}
.plyr--full-ui input[type="range"]::-ms-fill-lower {
  background: transparent;
  border: 0;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
  transition: box-shadow 0.3s ease;
  user-select: none;
  background: currentColor;
}
.plyr--full-ui input[type="range"]::-ms-thumb {
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: var(
    --plyr-range-thumb-shadow,
    0 1px 1px rgba(35, 40, 47, 0.15),
    0 0 0 1px rgba(35, 40, 47, 0.2)
  );
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  transition: all 0.2s ease;
  width: var(--plyr-range-thumb-height, 13px);
  margin-top: 0;
}
.plyr--full-ui input[type="range"]::-ms-tooltip {
  display: none;
}
.plyr--full-ui input[type="range"]::-moz-focus-outer {
  border: 0;
}
.plyr--full-ui input[type="range"]:focus {
  outline: 0;
}
.plyr--full-ui
  input[type="range"].plyr__tab-focus::-webkit-slider-runnable-track {
  outline: var(
      --plyr-tab-focus-color,
      var(--plyr-color-main, var(--plyr-color-main, hsl(198deg, 100%, 50%)))
    )
    dotted 3px;
  outline-offset: 2px;
}
.plyr--full-ui input[type="range"].plyr__tab-focus::-moz-range-track {
  outline: var(
      --plyr-tab-focus-color,
      var(--plyr-color-main, var(--plyr-color-main, hsl(198deg, 100%, 50%)))
    )
    dotted 3px;
  outline-offset: 2px;
}
.plyr--full-ui input[type="range"].plyr__tab-focus::-ms-track {
  outline: var(
      --plyr-tab-focus-color,
      var(--plyr-color-main, var(--plyr-color-main, hsl(198deg, 100%, 50%)))
    )
    dotted 3px;
  outline-offset: 2px;
}

.plyr__poster {
  background-color: var(
    --plyr-video-background,
    var(--plyr-video-background, rgb(0, 0, 0))
  );
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped)
  .plyr__poster {
  display: none;
}

.plyr__time {
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}

.plyr__time + .plyr__time::before {
  content: "⁄";
  margin-right: var(--plyr-control-spacing, 10px);
}
@media (max-width: 767px) {
  .plyr__time + .plyr__time {
    display: none;
  }
}

/* stylelint-disable selector-max-compound-selectors */
.plyr__tooltip {
  background: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  border-radius: var(--plyr-tooltip-radius, 3px);
  bottom: 100%;
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  color: var(--plyr-tooltip-color, hsl(216deg, 15%, 34%));
  font-size: var(--plyr-font-size-small, 13px);
  font-weight: var(--plyr-font-weight-regular, 400);
  left: 50%;
  line-height: 1.3;
  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
  opacity: 0;
  padding: calc(var(--plyr-control-spacing, 10px) / 2)
    calc(calc(var(--plyr-control-spacing, 10px) / 2) * 1.5);
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  white-space: nowrap;
  z-index: 2;
}
.plyr__tooltip::before {
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid
    var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr .plyr__control:hover .plyr__tooltip,
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}

.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 0 100%;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip::before,
.plyr__controls
  > .plyr__control:first-child
  + .plyr__control
  .plyr__tooltip::before {
  left: calc(
    (var(--plyr-control-icon-size, 18px) / 2) +
      calc(var(--plyr-control-spacing, 10px) * 0.7)
  );
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 100% 100%;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
  left: auto;
  right: calc(
    (var(--plyr-control-icon-size, 18px) / 2) +
      calc(var(--plyr-control-spacing, 10px) * 0.7)
  );
  transform: translateX(50%);
}

.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls
  > .plyr__control:first-child
  + .plyr__control:hover
  .plyr__tooltip,
.plyr__controls
  > .plyr__control:first-child
  + .plyr__control.plyr__tab-focus
  .plyr__tooltip,
.plyr__controls
  > .plyr__control:first-child
  + .plyr__control
  .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible {
  transform: translate(0, 0) scale(1);
}

.plyr__progress {
  left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
  margin-right: var(--plyr-range-thumb-height, 13px);
  position: relative;
}
.plyr__progress input[type="range"],
.plyr__progress__buffer {
  margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  width: calc(100% + var(--plyr-range-thumb-height, 13px));
}
.plyr__progress input[type="range"] {
  position: relative;
  z-index: 2;
}
.plyr__progress .plyr__tooltip {
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
  left: 0;
}

.plyr__progress__buffer {
  -webkit-appearance: none;
  /* stylelint-disable-line */
  background: transparent;
  border: 0;
  border-radius: 100px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin-top: calc((var(--plyr-range-track-height, 5px) / 2) * -1);
  padding: 0;
  position: absolute;
  top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
  background: transparent;
}
.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: var(--plyr-range-track-height, 5px);
  transition: width 0.2s ease;
}
.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: var(--plyr-range-track-height, 5px);
  transition: width 0.2s ease;
}
.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  transition: width 0.2s ease;
}

.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(
    -45deg,
    var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%,
    transparent 25%,
    transparent 50%,
    var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%,
    var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%,
    transparent 75%,
    transparent
  );
  background-repeat: repeat-x;
  background-size: var(--plyr-progress-loading-size, 25px)
    var(--plyr-progress-loading-size, 25px);
  color: transparent;
}

.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: var(
    --plyr-video-progress-buffered-background,
    rgba(255, 255, 255, 0.25)
  );
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: var(
    --plyr-audio-progress-buffered-background,
    rgba(193, 200, 209, 0.6)
  );
}

.plyr__volume {
  align-items: center;
  display: flex;
  max-width: 110px;
  min-width: 80px;
  position: relative;
  width: 20%;
}
.plyr__volume input[type="range"] {
  margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
  margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
  position: relative;
  z-index: 2;
}

.plyr--is-ios .plyr__volume {
  min-width: 0;
  width: auto;
}

.plyr--audio {
  display: block;
}

.plyr--audio .plyr__controls {
  background: var(--plyr-audio-controls-background, #fff);
  border-radius: inherit;
  color: var(--plyr-audio-control-color, hsl(216deg, 15%, 34%));
  padding: var(--plyr-control-spacing, 10px);
}

.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded="true"] {
  background: var(
    --plyr-audio-control-background-hover,
    var(--plyr-color-main, var(--plyr-color-main, hsl(198deg, 100%, 50%)))
  );
  color: var(--plyr-audio-control-color-hover, #fff);
}

.plyr--full-ui.plyr--audio input[type="range"]::-webkit-slider-runnable-track {
  background-color: var(
    --plyr-audio-range-track-background,
    var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))
  );
}
.plyr--full-ui.plyr--audio input[type="range"]::-moz-range-track {
  background-color: var(
    --plyr-audio-range-track-background,
    var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))
  );
}
.plyr--full-ui.plyr--audio input[type="range"]::-ms-track {
  background-color: var(
    --plyr-audio-range-track-background,
    var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))
  );
}
.plyr--full-ui.plyr--audio input[type="range"]:active::-webkit-slider-thumb {
  box-shadow: var(
      --plyr-range-thumb-shadow,
      0 1px 1px rgba(35, 40, 47, 0.15),
      0 0 0 1px rgba(35, 40, 47, 0.2)
    ),
    0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
      var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}
.plyr--full-ui.plyr--audio input[type="range"]:active::-moz-range-thumb {
  box-shadow: var(
      --plyr-range-thumb-shadow,
      0 1px 1px rgba(35, 40, 47, 0.15),
      0 0 0 1px rgba(35, 40, 47, 0.2)
    ),
    0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
      var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}
.plyr--full-ui.plyr--audio input[type="range"]:active::-ms-thumb {
  box-shadow: var(
      --plyr-range-thumb-shadow,
      0 1px 1px rgba(35, 40, 47, 0.15),
      0 0 0 1px rgba(35, 40, 47, 0.2)
    ),
    0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
      var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}

.plyr--audio .plyr__progress__buffer {
  color: var(
    --plyr-audio-progress-buffered-background,
    rgba(193, 200, 209, 0.6)
  );
}

.plyr--video {
  background: var(
    --plyr-video-background,
    var(--plyr-video-background, rgb(0, 0, 0))
  );
  overflow: hidden;
}
.plyr--video.plyr--menu-open {
  overflow: visible;
}

.plyr__video-wrapper {
  background: var(
    --plyr-video-background,
    var(--plyr-video-background, rgb(0, 0, 0))
  );
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
  aspect-ratio: 16/9;
}
@supports not (aspect-ratio: 16/9) {
  .plyr__video-embed,
  .plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
  }
}

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%);
}

.plyr--video .plyr__controls {
  background: var(
    --plyr-video-controls-background,
    linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75))
  );
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: var(--plyr-video-control-color, #fff);
  left: 0;
  padding: calc(var(--plyr-control-spacing, 10px) / 2);
  padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
  position: absolute;
  right: 0;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  z-index: 3;
}
@media (min-width: 480px) {
  .plyr--video .plyr__controls {
    padding: var(--plyr-control-spacing, 10px);
    padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
  }
}

.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded="true"] {
  background: var(
    --plyr-video-control-background-hover,
    var(--plyr-color-main, var(--plyr-color-main, hsl(198deg, 100%, 50%)))
  );
  color: var(--plyr-video-control-color-hover, #fff);
}

.plyr__control--overlaid {
  background: var(
    --plyr-video-control-background-hover,
    var(--plyr-color-main, var(--plyr-color-main, hsl(198deg, 100%, 50%)))
  );
  border: 0;
  border-radius: 100%;
  color: var(--plyr-video-control-color, #fff);
  display: none;
  left: 50%;
  opacity: 0.9;
  padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
  z-index: 2;
}
.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}
.plyr__control--overlaid:hover,
.plyr__control--overlaid:focus {
  opacity: 1;
}

.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}

.plyr--full-ui.plyr--video input[type="range"]::-webkit-slider-runnable-track {
  background-color: var(
    --plyr-video-range-track-background,
    var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))
  );
}
.plyr--full-ui.plyr--video input[type="range"]::-moz-range-track {
  background-color: var(
    --plyr-video-range-track-background,
    var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))
  );
}
.plyr--full-ui.plyr--video input[type="range"]::-ms-track {
  background-color: var(
    --plyr-video-range-track-background,
    var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))
  );
}
.plyr--full-ui.plyr--video input[type="range"]:active::-webkit-slider-thumb {
  box-shadow: var(
      --plyr-range-thumb-shadow,
      0 1px 1px rgba(35, 40, 47, 0.15),
      0 0 0 1px rgba(35, 40, 47, 0.2)
    ),
    0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
      var(
        --plyr-audio-range-thumb-active-shadow-color,
        rgba(255, 255, 255, 0.5)
      );
}
.plyr--full-ui.plyr--video input[type="range"]:active::-moz-range-thumb {
  box-shadow: var(
      --plyr-range-thumb-shadow,
      0 1px 1px rgba(35, 40, 47, 0.15),
      0 0 0 1px rgba(35, 40, 47, 0.2)
    ),
    0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
      var(
        --plyr-audio-range-thumb-active-shadow-color,
        rgba(255, 255, 255, 0.5)
      );
}
.plyr--full-ui.plyr--video input[type="range"]:active::-ms-thumb {
  box-shadow: var(
      --plyr-range-thumb-shadow,
      0 1px 1px rgba(35, 40, 47, 0.15),
      0 0 0 1px rgba(35, 40, 47, 0.2)
    ),
    0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
      var(
        --plyr-audio-range-thumb-active-shadow-color,
        rgba(255, 255, 255, 0.5)
      );
}

.plyr--video .plyr__progress__buffer {
  color: var(
    --plyr-video-progress-buffered-background,
    rgba(255, 255, 255, 0.25)
  );
}

.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:fullscreen video {
  height: 100%;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:fullscreen .plyr__captions {
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}

.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
  bottom: 0;
  display: block;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000000;
}
.plyr--fullscreen-fallback video {
  height: 100%;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}

.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.plyr__ads > div,
.plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}
.plyr__ads::after {
  background: hsl(216deg, 15%, 16%);
  border-radius: 2px;
  bottom: var(--plyr-control-spacing, 10px);
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: var(--plyr-control-spacing, 10px);
  z-index: 3;
}
.plyr__ads:empty::after {
  display: none;
}

.plyr__cues {
  background: currentColor;
  display: block;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  z-index: 3;
}

.plyr__preview-thumb {
  background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  border-radius: 3px;
  bottom: 100%;
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
  opacity: 0;
  padding: var(--plyr-tooltip-radius, 3px);
  pointer-events: none;
  position: absolute;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  z-index: 2;
}
.plyr__preview-thumb--is-shown {
  opacity: 1;
  transform: translate(0, 0) scale(1);
}
.plyr__preview-thumb::before {
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid
    var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.plyr__preview-thumb__image-container {
  background: hsl(216deg, 15%, 79%);
  border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.plyr__preview-thumb__image-container img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr__preview-thumb__time-container {
  bottom: 6px;
  left: 0;
  position: absolute;
  right: 0;
  white-space: nowrap;
  z-index: 3;
}
.plyr__preview-thumb__time-container span {
  background-color: rgba(0, 0, 0, 0.55);
  border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
  color: #fff;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
  padding: 3px 6px;
}

.plyr__preview-scrubbing {
  bottom: 0;
  filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 1;
}
.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}
.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--no-transition {
  transition: none !important;
}

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

.plyr [hidden] {
  display: none !important;
}

.plyr input[type="range"] {
  -webkit-appearance: none;
}

.plyr__play-large {
  cursor: pointer;
}
.plyr__play-large:focus {
  outline: 0;
}

.footnote {
  font-size: 10px;
}

.mapboxgl-map {
  font: 12px/20px Helvetica Neue, Arial, Helvetica, sans-serif;
  overflow: hidden;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mapboxgl-canvas {
  position: absolute;
  left: 0;
  top: 0;
}

.mapboxgl-map:-webkit-full-screen {
  width: 100%;
  height: 100%;
}

.mapboxgl-canary {
  background-color: salmon;
}

.mapboxgl-canvas-container.mapboxgl-interactive,
.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer {
  cursor: pointer;
}

.mapboxgl-canvas-container.mapboxgl-interactive:active,
.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {
  touch-action: pan-x pan-y;
}

.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {
  touch-action: pinch-zoom;
}

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan
  .mapboxgl-canvas {
  touch-action: none;
}

.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right,
.mapboxgl-ctrl-top-left,
.mapboxgl-ctrl-top-right {
  position: absolute;
  pointer-events: none;
  z-index: 2;
}

.mapboxgl-ctrl-top-left {
  top: 0;
  left: 0;
}

.mapboxgl-ctrl-top-right {
  top: 0;
  right: 0;
}

.mapboxgl-ctrl-bottom-left {
  bottom: 0;
  left: 0;
}

.mapboxgl-ctrl-bottom-right {
  right: 0;
  bottom: 0;
}

.mapboxgl-ctrl {
  clear: both;
  pointer-events: auto;
  transform: translate(0);
}

.mapboxgl-ctrl-top-left .mapboxgl-ctrl {
  margin: 10px 0 0 10px;
  float: left;
}

.mapboxgl-ctrl-top-right .mapboxgl-ctrl {
  margin: 10px 10px 0 0;
  float: right;
}

.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl {
  margin: 0 0 10px 10px;
  float: left;
}

.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl {
  margin: 0 10px 10px 0;
  float: right;
}

.mapboxgl-ctrl-group {
  border-radius: 4px;
  background: #fff;
}

.mapboxgl-ctrl-group:not(:empty) {
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl-group:not(:empty) {
    box-shadow: 0 0 0 2px ButtonText;
  }
}
.mapboxgl-ctrl-group button {
  width: 29px;
  height: 29px;
  display: block;
  padding: 0;
  outline: none;
  border: 0;
  box-sizing: border-box;
  background-color: transparent;
  cursor: pointer;
}

.mapboxgl-ctrl-group button + button {
  border-top: 1px solid #ddd;
}

.mapboxgl-ctrl button .mapboxgl-ctrl-icon {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl-icon {
    background-color: transparent;
  }

  .mapboxgl-ctrl-group button + button {
    border-top: 1px solid ButtonText;
  }
}
.mapboxgl-ctrl button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.mapboxgl-ctrl-group button:focus {
  box-shadow: 0 0 2px 2px #0096ff;
}

.mapboxgl-ctrl button:disabled {
  cursor: not-allowed;
}

.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon {
  opacity: 0.25;
}

.mapboxgl-ctrl button:not(:disabled):hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.mapboxgl-ctrl-group button:focus:focus-visible {
  box-shadow: 0 0 2px 2px #0096ff;
}

.mapboxgl-ctrl-group button:focus:not(:focus-visible) {
  box-shadow: none;
}

.mapboxgl-ctrl-group button:focus:first-child {
  border-radius: 4px 4px 0 0;
}

.mapboxgl-ctrl-group button:focus:last-child {
  border-radius: 0 0 4px 4px;
}

.mapboxgl-ctrl-group button:focus:only-child {
  border-radius: inherit;
}

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E");
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E");
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E");
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E");
  }
}
.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E");
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E");
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E");
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E");
  }
}
.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E");
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E");
  }
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E");
}

.mapboxgl-ctrl
  button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active
  .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");
}

.mapboxgl-ctrl
  button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error
  .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");
}

.mapboxgl-ctrl
  button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background
  .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E");
}

.mapboxgl-ctrl
  button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error
  .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E");
}

.mapboxgl-ctrl
  button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting
  .mapboxgl-ctrl-icon {
  -webkit-animation: mapboxgl-spin 2s linear infinite;
  -moz-animation: mapboxgl-spin 2s infinite linear;
  -o-animation: mapboxgl-spin 2s infinite linear;
  -ms-animation: mapboxgl-spin 2s infinite linear;
  animation: mapboxgl-spin 2s linear infinite;
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E");
  }

  .mapboxgl-ctrl
    button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active
    .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");
  }

  .mapboxgl-ctrl
    button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error
    .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");
  }

  .mapboxgl-ctrl
    button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background
    .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E");
  }

  .mapboxgl-ctrl
    button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error
    .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E");
  }
}
@-webkit-keyframes mapboxgl-spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
  }
}
@-moz-keyframes mapboxgl-spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(1turn);
  }
}
@-o-keyframes mapboxgl-spin {
  0% {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(1turn);
  }
}
@-ms-keyframes mapboxgl-spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(1turn);
  }
}
@keyframes mapboxgl-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
a.mapboxgl-ctrl-logo {
  width: 88px;
  height: 23px;
  margin: 0 0 -4px -4px;
  display: block;
  background-repeat: no-repeat;
  cursor: pointer;
  overflow: hidden;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' viewBox='0 0 88 23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg opacity='.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c.html)'/%3E%3C/g%3E%3Cg opacity='.9' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E");
}

a.mapboxgl-ctrl-logo.mapboxgl-compact {
  width: 23px;
}

@media (-ms-high-contrast: active) {
  a.mapboxgl-ctrl-logo {
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' viewBox='0 0 88 23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c.html)'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  a.mapboxgl-ctrl-logo {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' viewBox='0 0 88 23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c.html)'/%3E%3C/g%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/svg%3E");
  }
}
.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
  padding: 0 5px;
  background-color: hsla(0deg, 0%, 100%, 0.5);
  margin: 0;
}

@media screen {
  .mapboxgl-ctrl-attrib.mapboxgl-compact {
    min-height: 20px;
    padding: 0;
    margin: 10px;
    position: relative;
    background-color: #fff;
    border-radius: 3px 12px 12px 3px;
  }

  .mapboxgl-ctrl-attrib.mapboxgl-compact:hover {
    padding: 2px 24px 2px 4px;
    visibility: visible;
    margin-top: 6px;
  }

  .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:hover,
  .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:hover {
    padding: 2px 4px 2px 24px;
    border-radius: 12px 3px 3px 12px;
  }

  .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner {
    display: none;
  }

  .mapboxgl-ctrl-attrib.mapboxgl-compact:hover .mapboxgl-ctrl-attrib-inner {
    display: block;
  }

  .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
    content: "";
    cursor: pointer;
    position: absolute;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E");
    background-color: hsla(0deg, 0%, 100%, 0.5);
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    border-radius: 12px;
  }

  .mapboxgl-ctrl-bottom-right > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
    bottom: 0;
    right: 0;
  }

  .mapboxgl-ctrl-top-right > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
    top: 0;
    right: 0;
  }

  .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
    top: 0;
    left: 0;
  }

  .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
    bottom: 0;
    left: 0;
  }
}
@media screen and (-ms-high-contrast: active) {
  .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E");
  }
}
@media screen and (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E");
  }
}
.mapboxgl-ctrl-attrib a {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}

.mapboxgl-ctrl-attrib a:hover {
  color: inherit;
  text-decoration: underline;
}

.mapboxgl-ctrl-attrib .mapbox-improve-map {
  font-weight: 700;
  margin-left: 2px;
}

.mapboxgl-attrib-empty {
  display: none;
}

.mapboxgl-ctrl-scale {
  background-color: hsla(0deg, 0%, 100%, 0.75);
  font-size: 10px;
  border: 2px solid #333;
  border-top: #333;
  padding: 0 5px;
  color: #333;
  box-sizing: border-box;
}

.mapboxgl-popup {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-flex;
  display: flex;
  will-change: transform;
  pointer-events: none;
}

.mapboxgl-popup-anchor-top,
.mapboxgl-popup-anchor-top-left,
.mapboxgl-popup-anchor-top-right {
  -webkit-flex-direction: column;
  flex-direction: column;
}

.mapboxgl-popup-anchor-bottom,
.mapboxgl-popup-anchor-bottom-left,
.mapboxgl-popup-anchor-bottom-right {
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.mapboxgl-popup-anchor-left {
  -webkit-flex-direction: row;
  flex-direction: row;
}

.mapboxgl-popup-anchor-right {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.mapboxgl-popup-tip {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  z-index: 1;
}

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
  -webkit-align-self: center;
  align-self: center;
  border-top: none;
  border-bottom-color: #fff;
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
  -webkit-align-self: flex-start;
  align-self: flex-start;
  border-top: none;
  border-left: none;
  border-bottom-color: #fff;
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
  -webkit-align-self: flex-end;
  align-self: flex-end;
  border-top: none;
  border-right: none;
  border-bottom-color: #fff;
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
  -webkit-align-self: center;
  align-self: center;
  border-bottom: none;
  border-top-color: #fff;
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {
  -webkit-align-self: flex-start;
  align-self: flex-start;
  border-bottom: none;
  border-left: none;
  border-top-color: #fff;
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
  -webkit-align-self: flex-end;
  align-self: flex-end;
  border-bottom: none;
  border-right: none;
  border-top-color: #fff;
}

.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
  -webkit-align-self: center;
  align-self: center;
  border-left: none;
  border-right-color: #fff;
}

.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
  -webkit-align-self: center;
  align-self: center;
  border-right: none;
  border-left-color: #fff;
}

.mapboxgl-popup-close-button {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  border-radius: 0 3px 0 0;
  cursor: pointer;
  background-color: transparent;
}

.mapboxgl-popup-close-button:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.mapboxgl-popup-content {
  position: relative;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  padding: 10px 10px 15px;
  pointer-events: auto;
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content {
  border-top-left-radius: 0;
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content {
  border-top-right-radius: 0;
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content {
  border-bottom-left-radius: 0;
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content {
  border-bottom-right-radius: 0;
}

.mapboxgl-popup-track-pointer {
  display: none;
}

.mapboxgl-popup-track-pointer * {
  pointer-events: none;
  user-select: none;
}

.mapboxgl-map:hover .mapboxgl-popup-track-pointer {
  display: flex;
}

.mapboxgl-map:active .mapboxgl-popup-track-pointer {
  display: none;
}

.mapboxgl-marker {
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
}

.mapboxgl-user-location-dot,
.mapboxgl-user-location-dot::before {
  background-color: #1da1f2;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}

.mapboxgl-user-location-dot::before {
  content: "";
  position: absolute;
  -webkit-animation: mapboxgl-user-location-dot-pulse 2s infinite;
  -moz-animation: mapboxgl-user-location-dot-pulse 2s infinite;
  -ms-animation: mapboxgl-user-location-dot-pulse 2s infinite;
  animation: mapboxgl-user-location-dot-pulse 2s infinite;
}

.mapboxgl-user-location-dot::after {
  border-radius: 50%;
  border: 2px solid #fff;
  content: "";
  height: 19px;
  left: -2px;
  position: absolute;
  top: -2px;
  width: 19px;
  box-sizing: border-box;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
}

@-webkit-keyframes mapboxgl-user-location-dot-pulse {
  0% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  70% {
    -webkit-transform: scale(3);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@-ms-keyframes mapboxgl-user-location-dot-pulse {
  0% {
    -ms-transform: scale(1);
    opacity: 1;
  }
  70% {
    -ms-transform: scale(3);
    opacity: 0;
  }
  to {
    -ms-transform: scale(1);
    opacity: 0;
  }
}
@keyframes mapboxgl-user-location-dot-pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  70% {
    transform: scale(3);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 0;
  }
}
.mapboxgl-user-location-dot-stale {
  background-color: #aaa;
}

.mapboxgl-user-location-dot-stale::after {
  display: none;
}

.mapboxgl-user-location-accuracy-circle {
  background-color: rgba(29, 161, 242, 0.2);
  width: 1px;
  height: 1px;
  border-radius: 100%;
}

.mapboxgl-crosshair,
.mapboxgl-crosshair .mapboxgl-interactive,
.mapboxgl-crosshair .mapboxgl-interactive:active {
  cursor: crosshair;
}

.mapboxgl-boxzoom {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  background: #fff;
  border: 2px dotted #202020;
  opacity: 0.5;
}

@media print {
  .mapbox-improve-map {
    display: none;
  }
}
.map {
  position: relative;
}
.map__mapbox {
  height: 500px;
}
@media screen and (min-width: 768px) {
  .map__mapbox {
    height: 800px;
  }
}

.mapboxgl-canvas {
  outline: none;
}

.mapboxgl-marker,
.map-legend__icon {
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #000;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}

.mapboxgl-marker {
  cursor: pointer;
}
.mapboxgl-marker:hover {
  opacity: 0.8;
}

.map-legend {
  margin: 20px 10px;
}
@media screen and (min-width: 768px) {
  .map-legend {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 0 50px 10px;
    pointer-events: none;
  }
}
.map-legend__item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 1.2;
}
.map-legend__item:not(:last-child) {
  margin-bottom: 10px;
}
.map-legend__icon {
  margin-right: 10px;
}

.crosslinks {
  width: 1440px;
  max-width: 100%;
  margin: 72px auto;
  background: #fff;
  border: none;
}
@media screen and (min-width: 768px) {
  .crosslinks {
    margin-top: 48px;
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1200px) {
  .crosslinks {
    margin-bottom: 96px;
  }
}
.crosslinks__container {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
}
.crosslinks__headline {
  font-size: 22px;
  line-height: 120%;
  margin-bottom: 32px;
  font-weight: 700;
}
@media screen and (min-width: 1200px) {
  .crosslinks__headline {
    font-size: 26px;
    line-height: 120%;
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 768px) {
  .crosslinks__list {
    min-width: 335px;
    column-count: 2;
  }
}
@media screen and (min-width: 1200px) {
  .crosslinks__list {
    column-count: 3;
  }
}
.crosslinks__item + .crosslinks__item {
  margin-top: 16px;
}
.crosslinks__link {
  position: relative;
  font-size: 14px;
  line-height: 17px;
  font-weight: 700;
  color: #002269;
  padding: 0;
  padding-right: 24px;
  display: block;
}
@media screen and (min-width: 1200px) {
  .crosslinks__link {
    font-size: 16px;
    line-height: 20px;
  }
}
.crosslinks__link::after {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e800";
  color: #002269;
  margin-left: 11px;
  margin-right: -24px;
}
.crosslinks__link:hover {
  color: #0057b8;
}
.crosslinks__link:hover::after {
  color: #0057b8;
}

.external-links {
  width: 1440px;
  max-width: 100%;
  margin: 0 auto;
  padding: 50px 20px;
  background: #fff;
  border-top: 2px solid #d50032;
}
.external-links__container {
  width: 1025px;
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .external-links__list {
    min-width: 335px;
    column-count: 2;
  }
}
.external-links__list + .external-links__list {
  margin-left: 30px;
}
.external-links__link {
  position: relative;
  font-size: 17px;
  padding-left: 10px;
}
.external-links__link::before {
  content: "\f105";
  font-family: "hhla";
  line-height: 1;
  position: absolute;
  left: 0;
  top: 0;
}

.teasers {
  padding: 0 20px 30px;
  margin: 0 auto;
}
.teasers__container {
  width: 1025px;
  margin: 0 auto;
  max-width: 100%;
}
@media screen and (min-width: 576px) {
  .teasers__container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end;
  }
}
.teasers__item {
  margin-bottom: 20px;
}
@media screen and (min-width: 576px) {
  .teasers__item:not(:last-child) {
    margin-right: 20px;
  }
}

.teaser {
  display: inline-block;
}
.teaser__content {
  position: relative;
  background: #d50032;
  color: #505050;
}
.teaser__content:hover {
  background: #505050;
  color: #fff;
}
.teaser__headline {
  padding: 10px;
}
.teaser__link {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
}

.state-tagmanager-active {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

.tagmanager {
  position: fixed;
  z-index: 100;
  top: 129px;
  right: -100%;
  bottom: 0;
  overflow: auto;
  width: 100%;
  padding: 0 24px;
  background: #fff;
  transition: right 1.5s ease;
  color: #002269;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .tagmanager {
    top: 94px;
  }
}
@media screen and (min-width: 1200px) {
  .tagmanager {
    top: 186px;
    max-width: 1014px;
    padding: 0 120px 0 102px;
  }
}
.state-tagmanager-active .tagmanager {
  pointer-events: all;
  right: 0;
}
.tagmanager--isotope .tagmanager-results__item {
  display: block;
}
.state-tagmanager-filtered
  .tagmanager--isotope
  .tagmanager-results__item--nofilters {
  display: block;
}
.tagmanager--isotope
  .tagmanager-results__link:hover
  .tagmanager-results__title {
  color: #0057b8;
}
.tagmanager--isotope
  .tagmanager-results__link:hover
  .tagmanager-results__title::after {
  transform: translateX(8px);
  color: #0057b8;
}
.tagmanager--isotope .tagmanager-results__precurrent,
.tagmanager--isotope .tagmanager-results__current {
  opacity: 0;
  pointer-events: none;
}
.state-tagmanager-filtered .tagmanager--isotope .tagmanager-results__precurrent,
.state-tagmanager-filtered .tagmanager--isotope .tagmanager-results__current {
  transition: opacity 0.3s ease;
  pointer-events: all;
}
.tagmanager--isotope .tagmanager-results__precurrent {
  display: inline;
}
.tagmanager--isotope .tagmanager-results__current {
  display: inline-flex;
}
.tagmanager--isotope .tagmanager-reset {
  transition: opacity 0.3s ease;
}
.tagmanager__container {
  margin: 48px auto;
  padding: 0;
}
.tagmanager__close {
  position: absolute;
  top: 48px;
  right: 24px;
  width: 24px;
  height: 24px;
  margin-left: auto;
  z-index: 10;
}
@media screen and (min-width: 1440px) {
  .tagmanager__close {
    right: 120px;
  }
}
.tagmanager__close > * {
  pointer-events: none;
}
.tagmanager__close::before {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e803";
  font-size: 24px;
  pointer-events: none;
}
.tagmanager__close:hover {
  color: #0057b8;
}

.tagmanager-tags {
  margin-bottom: 32px;
}
.tagmanager-tags__link::before {
  content: "# ";
}
.tagmanager-tags__headline {
  margin-bottom: 24px;
  font-size: 24px;
  line-height: 120%;
}
@media screen and (min-width: 1200px) {
  .tagmanager-tags__headline {
    font-size: 28px;
  }
}
.tagmanager-tags__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.tagmanager-tags__item:not(:last-child) {
  margin-right: 16px;
}
.tagmanager-tags__reset {
  height: 25px;
  margin-top: 8px;
  font-size: 14px;
  opacity: 0;
  pointer-events: none;
  margin-left: auto;
  display: block;
}
.tagmanager-tags__reset::before {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e803";
  margin-right: 5px;
}
.state-tagmanager-filtered .tagmanager-tags__reset {
  opacity: 1;
  pointer-events: all;
}
.tagmanager-tags__reset:hover {
  color: #0057b8;
}

.tagmanager-results__headline {
  margin-bottom: 24px;
  font-size: 22px;
  line-height: 120%;
  color: #505050;
}
.tagmanager-results__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.tagmanager-results__item {
  display: none;
  width: 100%;
  margin-bottom: 24px;
}
.tagmanager-results__item:not(:last-child) {
  margin-bottom: "24px";
}
@media screen and (min-width: 768px) {
  .tagmanager-results__item {
    width: calc((100% - 50px) / 2);
  }
}
.tagmanager-results__item--active {
  display: block;
}
.tagmanager-results__item--nofilters,
.tagmanager-results__item--noresults {
  margin: 0px 0;
  font-size: 16px;
}
.tagmanager-results__link {
  display: inline-block;
  font-size: 16px;
}
.tagmanager-results__link:hover {
  color: #0057b8;
}
.tagmanager-results__pretitle {
  font-weight: 500;
  font-size: 14px;
  line-height: 125%;
  color: #505050;
  text-transform: uppercase;
  margin-bottom: 4px;
  display: block;
}
.tagmanager-results__title {
  display: block;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: #002269;
}
@media screen and (min-width: 1440px) {
  .tagmanager-results__title {
    font-size: 16px;
    line-height: 20px;
  }
}
.tagmanager-results__title::after {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e800";
  transition: transform 0.5s ease;
  margin-left: 11px;
}
.tagmanager-results__precurrent {
  display: none;
}
.tagmanager-results__current {
  display: none;
}

.tagmanager-current {
  display: inline-flex;
}
.tagmanager-current__item {
  color: #d50032;
}
.tagmanager-current__item + .tagmanager-current__item::before {
  content: ",";
}

.tagmanager-box {
  margin-bottom: 20px;
}
@media screen and (min-width: 1440px) {
  .tagmanager-box {
    margin-top: -26px;
  }
}
.tagmanager-box__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0;
}
.tagmanager-box__item:not(:last-child) {
  margin-right: 10px;
}

.tagmanager-tags__link,
.tagmanager-box__link {
  padding: 8px 16px;
  background: #fff;
  color: #002269;
  border: 1px solid #002269;
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 17px;
  font-weight: 700;
  text-transform: uppercase;
  transition: all 0.5s ease;
}
@media screen and (min-width: 1200px) {
  .tagmanager-tags__link,
  .tagmanager-box__link {
    font-size: 16px;
  }
}
.tagmanager-tags__link--active,
.tagmanager-box__link--active {
  background: #d50032;
  color: #fff;
}
.tagmanager-tags__link:hover,
.tagmanager-box__link:hover {
  background: #0057b8;
  color: #fff;
  border-color: #0057b8;
}

.tagmanager-box__link {
  background: #002269;
  color: #fff;
}
.tagmanager-box__link::before {
  content: "# ";
}

.tagmanager-tags__link:hover {
  background: #0057b8;
  border-color: #0057b8;
  color: #fff;
}
.tagmanager-tags__link--active {
  background: #002269;
  color: #fff;
}

.toggle-tagmanager > * {
  pointer-events: none;
}

.spreadsheet table.nohighlight > tbody tr:hover th,
.spreadsheet table.nohighlight > tbody tr:hover td,
.spreadsheet table.nohighlight > tbody tr th.active,
.spreadsheet table.nohighlight > tbody td.active {
  background: none !important;
}

/* table-sticky-header */
.thead-sticky {
  z-index: 1;
}
.thead-sticky tr > * {
  background: #fff;
}
.thead-sticky--scroll td > *,
.thead-sticky--scroll th > * {
  flex-grow: 1;
}

.spreadsheet-tools {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-bottom: 16px;
  position: relative;
  right: 0;
}
.spreadsheet--no-headline .spreadsheet-tools {
  position: relative;
}
.spreadsheet-tools__xls-link {
  border-radius: 20px;
  font-size: 20px;
  line-height: 20px;
  display: block;
  border-bottom: none;
  margin: 0;
  margin-left: 16px;
  font-size: 0;
}
.spreadsheet-tools__xls-link:hover {
  margin: 0;
  margin-left: 16px;
  padding: 0px;
  border-bottom: none;
}
.spreadsheet-tools__xls-link::before {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e809";
  font-size: 24px;
  line-height: 30px;
  margin: 0;
  color: #002269;
}
.spreadsheet-tools__popup-button {
  margin: 0;
}
.spreadsheet-tools__popup-button::before {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e80f";
  font-size: 24px;
  line-height: 30px;
  margin: 0;
  color: #002269;
}
.spreadsheet-tools__item {
  font-size: 0;
}
.spreadsheet-tools__item--xls {
  float: right;
}
.spreadsheet {
  margin: 56px 0;
}
.spreadsheet.dynachart {
  margin-top: 0;
}
.dynachart-button {
  position: relative;
  padding-left: 25px;
  margin-bottom: 5px;
  margin-top: 56px;
  font-size: 17px;
  line-height: 1;
  cursor: pointer;
}
.dynachart-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 15px;
  height: 15px;
  padding-top: 6px;
  margin-right: 10px;
  border: 1px solid #000;
}
.dynachart--enabled .dynachart-button::before {
  background: #002269;
}
.dynachart-button__tooltip {
  display: none;
}
@media screen and (min-width: 1200px) {
  .dynachart-button__tooltip {
    position: absolute;
    top: -5px;
    left: 0;
    transform: translate(0, -100%);
    display: none;
    padding: 5px 9px;
    background: #002269;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    pointer-events: none;
  }
}
@media screen and (min-width: 1200px) {
  :hover > .dynachart-button__tooltip {
    display: block;
  }
}
.dynachart-button__description--enabled {
  display: none;
}
.dynachart--enabled .dynachart-button__description--enabled {
  display: inline-block;
}
.dynachart-button__description--disabled {
  display: inline-block;
}
.dynachart--enabled .dynachart-button__description--disabled {
  display: none;
}

.dynachart-container {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 600px;
  padding: 5px;
  border: 1px solid #000;
  background: #fff;
  min-height: 300px;
  pointer-events: none;
}
.dynachart-container.freezed {
  pointer-events: auto;
}
.dynachart-container__inner {
  position: relative;
}
.dynachart-container__title {
  padding: 10px 10px;
  font-weight: 800;
  font-size: 17px;
  line-height: 18px;
  color: #002269;
}
.dynachart-container__footnote {
  padding: 10px;
  font-size: 13px;
}

.report-title {
  top: 0;
  border-bottom: none;
}
.report-title--desktop {
  display: none;
  border-top: none;
}
@media screen and (min-width: 768px) {
  .report-title--desktop {
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  .report-title--mobile {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .report-title {
    top: 0;
    width: auto;
    border: 0;
  }
}
.report-title__headline {
  margin: 0;
  padding: 8px 16px;
  font-size: 16px;
  line-height: 20px;
  color: #002269;
  font-weight: 700;
  border-top: 1px solid #dedede;
}
@media screen and (min-width: 768px) {
  .report-title__headline {
    border-top: none;
    margin-left: 24px;
    padding: 0;
  }
}
@media screen and (min-width: 1200px) {
  .report-title__headline {
    font-size: 28px;
    line-height: 120%;
  }
}
.report-title__year {
  font-weight: 700;
}

.gri-backlinks {
  padding: 50px 20px 0px;
  border-top: 2px solid #d50032;
}
.gri-backlinks + .tagmanager-box {
  margin-top: -15px;
}
.gri-backlinks__inner {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .gri-backlinks__inner {
    flex-direction: row;
  }
}
@media screen and (min-width: 1200px) {
  .gri-backlinks__inner {
    max-width: 1025px;
    margin: 0 auto;
  }
}
.gri-backlinks__headline {
  margin-right: 20px;
  font-size: 16px;
  min-width: 35px;
}
.gri-backlinks__list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .gri-backlinks__list {
    margin-top: 0;
  }
}
.gri-backlinks__item {
  margin: 0 10px 10px 0;
}
.gri-backlinks__link {
  display: block;
  padding: 5px 5px;
  border: 1px solid #505050;
  font-size: 15px;
  line-height: 1;
  text-transform: uppercase;
  color: #505050;
}
.gri-backlinks__link--active {
  border-color: #cae092;
  color: #cae092;
}
.gri-backlinks__link:hover {
  border-color: #cae092;
  color: #cae092;
}

.nav-notes {
  margin-bottom: 24px;
}
@media screen and (min-width: 1200px) {
  .nav-notes {
    margin-bottom: 32px;
  }
}
.nav-notes__list {
  display: flex;
  flex-wrap: wrap;
}
.nav-notes__item {
  background: #fff;
  color: #002269;
  border: 1px solid #002269;
  padding: 8ps 16px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 16px;
}
.nav-notes__item--index {
  margin-left: 0;
}
.nav-notes__item:hover {
  background: #0057b8;
  color: #fff;
  border-color: #0057b8;
}
.nav-notes__item.is-active {
  background: #002269;
  color: #fff;
}
.nav-notes__item:not(:last-child) {
  margin-right: 16px;
}
.nav-notes__link {
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  position: relative;
  text-align: center;
}
.nav-notes__link--index {
  width: auto;
  padding: 0 10px;
}
.nav-notes__link:hover .nav-notes__tooltip {
  display: block;
}
.nav-notes__tooltip {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  padding: 8px 16px;
  background-color: #fff;
  font-size: 14px;
  line-height: 120%;
  font-weight: 400;
  color: #505050;
  box-shadow: 0px 0px 6px rgba(30, 30, 30, 0.2);
}

.list-notes {
  margin-top: 56px;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 1200px) {
  .list-notes {
    margin-top: 72px;
  }
}
.list-notes--base {
  margin-bottom: 130px;
}
@media screen and (min-width: 768px) {
  .list-notes--base {
    margin-bottom: 103px;
  }
}
@media screen and (min-width: 1200px) {
  .list-notes--base {
    margin-bottom: 123px;
  }
}
.list-notes__link {
  font-size: 14px;
  line-height: 17px;
}
@media screen and (min-width: 1200px) {
  .list-notes__link {
    font-size: 16px;
    line-height: 20px;
  }
}
.list-notes__item {
  font-size: 14px;
  line-height: 17px;
  font-weight: 700;
  color: #002269;
  margin-top: 16px;
  padding-right: 24px;
}
.list-notes__item:first-child {
  margin-top: 24px;
}
.list-notes__item::before {
  display: none;
}
.list-notes__item::after {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e800";
  margin-left: 11px;
  transition: 0.5s all ease;
  margin-right: -24px;
}
.list-notes__item:hover {
  color: #0057b8;
}
.list-notes__item:hover::after {
  margin-left: 18px;
}
.list-notes__item-base {
  list-style: none;
}
.list-notes__item-base:not(:first-child) {
  margin-top: 56px;
}
.list-notes__item-base::before {
  display: none;
}

.report-switch {
  top: 0px;
  height: 100%;
  border-bottom: none;
  pointer-events: none;
  position: relative;
  z-index: 22;
  width: 100%;
  position: absolute;
  left: 0;
}
@media screen and (min-width: 1200px) {
  .report-switch {
    top: 0;
    left: 0;
    border: 0;
    position: relative;
  }
}
.report-switch__button {
  position: relative;
  display: block;
  height: 100%;
  margin: 0 auto;
  pointer-events: all;
  padding-right: 25px;
  margin-right: 50px;
  line-height: 17px;
  font-family: NeueHelvetica, sans-serif;
}
@media screen and (min-width: 1200px) {
  .report-switch__button {
    font-weight: 700;
    margin-right: 0;
    font-size: 16px;
  }
}
.report-switch__button::after {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e80e";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  display: inline-block;
  font-family: "hhla";
  font-size: 15px;
  transition: transform 0.3s;
}
.report-switch__button.is-active {
  background: #dedede;
  color: #505050;
}
.report-switch__button.is-active::after {
  transform: rotate(180deg) translate(0, 50%);
}
.report-switch__tabs {
  width: 100%;
  display: flex;
  flex-direction: row;
}
@media screen and (min-width: 768px) {
  .report-switch__tabs {
    padding: 0 24px;
  }
}
.report-switch__tab-item {
  border-bottom: 2px solid #dedede;
  flex-grow: 1;
  font-size: 16px;
  line-height: 135%;
  font-weight: 700;
  padding-bottom: 10px;
  text-align: center;
  cursor: pointer;
}
.report-switch__tab-item--active {
  border-color: #002269;
}
.report-switch__tab-item:hover {
  color: #0057b8;
}
.report-switch__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  overflow: hidden;
  width: 100%;
  max-height: 0;
  background: #fff;
  transition: opacity 0.3s;
  transition: max-height 0.3s ease-in-out;
  color: #002269;
  pointer-events: all;
  padding: 24px 12px;
}
@media screen and (min-width: 768px) {
  .report-switch__dropdown {
    max-width: 312px;
    left: auto;
    right: 0px;
    padding: 24px 0;
    box-shadow: 0px 4px 4px #dedede;
  }
}
@media screen and (min-width: 1200px) {
  .report-switch__dropdown {
    width: 312px;
    padding: 16px 0;
    right: -41px;
  }
}
.report-switch__dropdown.is-animating {
  display: block;
}
.report-switch__dropdown.is-active {
  max-height: 700px;
  display: block;
}
.report-switch__list {
  padding: 22px 16px;
  margin: 0px auto;
  display: none;
}
.report-switch__list--active {
  display: block;
}
@media screen and (min-width: 768px) {
  .report-switch__list {
    padding: 16px 16px 0;
  }
}
.report-switch__item:not(:last-child) {
  margin-bottom: 20px;
}
.report-switch__title {
  font-size: 14px;
  line-height: 120%;
  font-weight: 700;
  margin-left: 16px;
}
.report-switch__title::after {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e80f";
  font-size: 12px;
  margin-left: 16px;
}
.report-switch__image {
  width: calc(50% - 16px);
  border: 1px solid #002269;
}
.report-switch__image--disabled {
  background-color: #002269;
  padding: 15px;
  color: #fff;
  font-size: 14px;
  line-height: 120%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.report-switch__link {
  display: block;
  border: none;
  font-size: 20px;
  display: flex;
  flex-direction: row;
}
@media screen and (min-width: 768px) {
  .report-switch__link {
    padding: 8px;
  }
}
.report-switch__link:hover {
  box-shadow: 0px 0px 6px rgba(30, 30, 30, 0.2);
  background-color: transparent;
}
.report-switch__link:hover .report-switch__title {
  color: #0057b8;
}
.report-switch__link--current {
  opacity: 0.2;
  pointer-events: none;
}
.report-switch__link--disabled {
  pointer-events: none;
}
.report-switch__link--disabled .report-switch__title {
  color: #8f8f8f;
}

.page--feature-on-page-navigation .home-section {
  min-height: 70vh;
}
.page--feature-on-page-navigation .home-section:nth-of-type(odd) {
  background: #8f8f8f;
}
.page--feature-on-page-navigation
  .home-section:nth-of-type(even)
  .home-section__title {
  color: #000;
}
.page--feature-on-page-navigation .home-section__title {
  padding: 60px;
  font-size: 2em;
  color: #000;
}

.on-page-nav {
  position: fixed;
  position: sticky;
  top: 50vh;
  z-index: 10;
  transform: translate(12px, -50%);
  float: left;
  margin-bottom: 100px;
  margin-left: -12px;
  display: none;
}
@media screen and (min-width: 1200px) {
  .on-page-nav {
    display: block;
  }
}
.on-page-nav__item {
  text-align: left;
  list-style-type: none;
  cursor: pointer;
}
.on-page-nav__item + .on-page-nav__item {
  margin-top: 15px;
}
.on-page-nav__item.is-selected .on-page-nav__link::before {
  background: #000;
}
.on-page-nav__link {
  position: relative;
  display: block;
}
.on-page-nav__link > *,
.on-page-nav__link::before,
.on-page-nav__link::after {
  pointer-events: none;
}
.on-page-nav__link::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid #000;
}
.on-page-nav__link:hover::before,
.on-page-nav__link:focus::before {
  background: #000;
}
.on-page-nav__link:hover .on-page-nav__text,
.on-page-nav__link:focus .on-page-nav__text {
  display: block;
}
.on-page-nav__text {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: none;
  padding: 5px 10px;
  margin-left: 25px;
  background: #000;
  font-size: 15px;
  color: #fff;
  white-space: nowrap;
  text-decoration: none;
}

.page--feature-custom-cursor * {
  cursor: none !important;
}

.custom-cursor {
  position: fixed;
  z-index: 9999999;
  top: 10px;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid #d50032;
  border-radius: 50%;
  background: #d50032;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  pointer-events: none;
  transition-property: width, height, top, left, background-color;
}
.custom-cursor--hovered {
  top: 2px;
  left: -8px;
  width: 36px;
  height: 36px;
  background: transparent;
  box-shadow: none;
}
.custom-cursor--hovered.custom-cursor--clicked {
  top: 8px;
  left: -3px;
  width: 25px;
  height: 25px;
  background: transparent;
}
.custom-cursor--hidden {
  display: none;
}
.custom-cursor--clicked {
  top: 13px;
  left: 3px;
  width: 15px;
  height: 15px;
  background: #a20026;
  border-color: #a20026;
}

@font-face {
  font-family: "icons-sdg-tool";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/icons-sdg-tool.woff") format("woff");
}
[data-number="1"] .sdg-content,
[data-number="1"] .sdg-content__close > *,
[data-number="1"] .sdg-content__close::before,
[data-number="1"] .sdg-content__close::after {
  background: #e5243b;
}
[data-number="1"] .sdg-module-table-keyfigure__value,
[data-number="1"] .sdg-module-table-keyfigure__link:hover,
[data-number="1"] .sdg-module-table-keyfigure__link::after,
[data-number="1"]
  .sdg-module-table-table__row--collapsible
  td:first-child::before,
[data-number="1"]
  .sdg-module-table-table__row--collapsible
  td:last-child::before,
[data-number="1"]
  .sdg-module-filters-meta-filter--active
  .sdg-module-filters-meta-filter__button::before,
[data-number="1"] .sdg-module-filters-meta-filter__button:hover::before {
  color: #e5243b;
}
[data-number="1"] .sdg-content__icon,
[data-number="1"] .sdg-content__title {
  fill: #e5243b;
}
[data-number="1"]:not(.sdg-item--active) .sdg-content__close {
  background: rgba(229, 36, 59, 0.15);
}

[data-number="2"] .sdg-content,
[data-number="2"] .sdg-content__close > *,
[data-number="2"] .sdg-content__close::before,
[data-number="2"] .sdg-content__close::after {
  background: #dda83a;
}
[data-number="2"] .sdg-module-table-keyfigure__value,
[data-number="2"] .sdg-module-table-keyfigure__link:hover,
[data-number="2"] .sdg-module-table-keyfigure__link::after,
[data-number="2"]
  .sdg-module-table-table__row--collapsible
  td:first-child::before,
[data-number="2"]
  .sdg-module-table-table__row--collapsible
  td:last-child::before,
[data-number="2"]
  .sdg-module-filters-meta-filter--active
  .sdg-module-filters-meta-filter__button::before,
[data-number="2"] .sdg-module-filters-meta-filter__button:hover::before {
  color: #dda83a;
}
[data-number="2"] .sdg-content__icon,
[data-number="2"] .sdg-content__title {
  fill: #dda83a;
}
[data-number="2"]:not(.sdg-item--active) .sdg-content__close {
  background: rgba(221, 168, 58, 0.15);
}

[data-number="3"] .sdg-content,
[data-number="3"] .sdg-content__close > *,
[data-number="3"] .sdg-content__close::before,
[data-number="3"] .sdg-content__close::after {
  background: #4c9f38;
}
[data-number="3"] .sdg-module-table-keyfigure__value,
[data-number="3"] .sdg-module-table-keyfigure__link:hover,
[data-number="3"] .sdg-module-table-keyfigure__link::after,
[data-number="3"]
  .sdg-module-table-table__row--collapsible
  td:first-child::before,
[data-number="3"]
  .sdg-module-table-table__row--collapsible
  td:last-child::before,
[data-number="3"]
  .sdg-module-filters-meta-filter--active
  .sdg-module-filters-meta-filter__button::before,
[data-number="3"] .sdg-module-filters-meta-filter__button:hover::before {
  color: #4c9f38;
}
[data-number="3"] .sdg-content__icon,
[data-number="3"] .sdg-content__title {
  fill: #4c9f38;
}
[data-number="3"]:not(.sdg-item--active) .sdg-content__close {
  background: rgba(76, 159, 56, 0.15);
}

[data-number="4"] .sdg-content,
[data-number="4"] .sdg-content__close > *,
[data-number="4"] .sdg-content__close::before,
[data-number="4"] .sdg-content__close::after {
  background: #c5192d;
}
[data-number="4"] .sdg-module-table-keyfigure__value,
[data-number="4"] .sdg-module-table-keyfigure__link:hover,
[data-number="4"] .sdg-module-table-keyfigure__link::after,
[data-number="4"]
  .sdg-module-table-table__row--collapsible
  td:first-child::before,
[data-number="4"]
  .sdg-module-table-table__row--collapsible
  td:last-child::before,
[data-number="4"]
  .sdg-module-filters-meta-filter--active
  .sdg-module-filters-meta-filter__button::before,
[data-number="4"] .sdg-module-filters-meta-filter__button:hover::before {
  color: #c5192d;
}
[data-number="4"] .sdg-content__icon,
[data-number="4"] .sdg-content__title {
  fill: #c5192d;
}
[data-number="4"]:not(.sdg-item--active) .sdg-content__close {
  background: rgba(197, 25, 45, 0.15);
}

[data-number="5"] .sdg-content,
[data-number="5"] .sdg-content__close > *,
[data-number="5"] .sdg-content__close::before,
[data-number="5"] .sdg-content__close::after {
  background: #ff3a21;
}
[data-number="5"] .sdg-module-table-keyfigure__value,
[data-number="5"] .sdg-module-table-keyfigure__link:hover,
[data-number="5"] .sdg-module-table-keyfigure__link::after,
[data-number="5"]
  .sdg-module-table-table__row--collapsible
  td:first-child::before,
[data-number="5"]
  .sdg-module-table-table__row--collapsible
  td:last-child::before,
[data-number="5"]
  .sdg-module-filters-meta-filter--active
  .sdg-module-filters-meta-filter__button::before,
[data-number="5"] .sdg-module-filters-meta-filter__button:hover::before {
  color: #ff3a21;
}
[data-number="5"] .sdg-content__icon,
[data-number="5"] .sdg-content__title {
  fill: #ff3a21;
}
[data-number="5"]:not(.sdg-item--active) .sdg-content__close {
  background: rgba(255, 58, 33, 0.15);
}

[data-number="6"] .sdg-content,
[data-number="6"] .sdg-content__close > *,
[data-number="6"] .sdg-content__close::before,
[data-number="6"] .sdg-content__close::after {
  background: #26bde2;
}
[data-number="6"] .sdg-module-table-keyfigure__value,
[data-number="6"] .sdg-module-table-keyfigure__link:hover,
[data-number="6"] .sdg-module-table-keyfigure__link::after,
[data-number="6"]
  .sdg-module-table-table__row--collapsible
  td:first-child::before,
[data-number="6"]
  .sdg-module-table-table__row--collapsible
  td:last-child::before,
[data-number="6"]
  .sdg-module-filters-meta-filter--active
  .sdg-module-filters-meta-filter__button::before,
[data-number="6"] .sdg-module-filters-meta-filter__button:hover::before {
  color: #26bde2;
}
[data-number="6"] .sdg-content__icon,
[data-number="6"] .sdg-content__title {
  fill: #26bde2;
}
[data-number="6"]:not(.sdg-item--active) .sdg-content__close {
  background: rgba(38, 189, 226, 0.15);
}

[data-number="7"] .sdg-content,
[data-number="7"] .sdg-content__close > *,
[data-number="7"] .sdg-content__close::before,
[data-number="7"] .sdg-content__close::after {
  background: #fcc30b;
}
[data-number="7"] .sdg-module-table-keyfigure__value,
[data-number="7"] .sdg-module-table-keyfigure__link:hover,
[data-number="7"] .sdg-module-table-keyfigure__link::after,
[data-number="7"]
  .sdg-module-table-table__row--collapsible
  td:first-child::before,
[data-number="7"]
  .sdg-module-table-table__row--collapsible
  td:last-child::before,
[data-number="7"]
  .sdg-module-filters-meta-filter--active
  .sdg-module-filters-meta-filter__button::before,
[data-number="7"] .sdg-module-filters-meta-filter__button:hover::before {
  color: #fcc30b;
}
[data-number="7"] .sdg-content__icon,
[data-number="7"] .sdg-content__title {
  fill: #fcc30b;
}
[data-number="7"]:not(.sdg-item--active) .sdg-content__close {
  background: rgba(252, 195, 11, 0.15);
}

[data-number="8"] .sdg-content,
[data-number="8"] .sdg-content__close > *,
[data-number="8"] .sdg-content__close::before,
[data-number="8"] .sdg-content__close::after {
  background: #a21942;
}
[data-number="8"] .sdg-module-table-keyfigure__value,
[data-number="8"] .sdg-module-table-keyfigure__link:hover,
[data-number="8"] .sdg-module-table-keyfigure__link::after,
[data-number="8"]
  .sdg-module-table-table__row--collapsible
  td:first-child::before,
[data-number="8"]
  .sdg-module-table-table__row--collapsible
  td:last-child::before,
[data-number="8"]
  .sdg-module-filters-meta-filter--active
  .sdg-module-filters-meta-filter__button::before,
[data-number="8"] .sdg-module-filters-meta-filter__button:hover::before {
  color: #a21942;
}
[data-number="8"] .sdg-content__icon,
[data-number="8"] .sdg-content__title {
  fill: #a21942;
}
[data-number="8"]:not(.sdg-item--active) .sdg-content__close {
  background: rgba(162, 25, 66, 0.15);
}

[data-number="9"] .sdg-content,
[data-number="9"] .sdg-content__close > *,
[data-number="9"] .sdg-content__close::before,
[data-number="9"] .sdg-content__close::after {
  background: #fd6925;
}
[data-number="9"] .sdg-module-table-keyfigure__value,
[data-number="9"] .sdg-module-table-keyfigure__link:hover,
[data-number="9"] .sdg-module-table-keyfigure__link::after,
[data-number="9"]
  .sdg-module-table-table__row--collapsible
  td:first-child::before,
[data-number="9"]
  .sdg-module-table-table__row--collapsible
  td:last-child::before,
[data-number="9"]
  .sdg-module-filters-meta-filter--active
  .sdg-module-filters-meta-filter__button::before,
[data-number="9"] .sdg-module-filters-meta-filter__button:hover::before {
  color: #fd6925;
}
[data-number="9"] .sdg-content__icon,
[data-number="9"] .sdg-content__title {
  fill: #fd6925;
}
[data-number="9"]:not(.sdg-item--active) .sdg-content__close {
  background: rgba(253, 105, 37, 0.15);
}

[data-number="10"] .sdg-content,
[data-number="10"] .sdg-content__close > *,
[data-number="10"] .sdg-content__close::before,
[data-number="10"] .sdg-content__close::after {
  background: #dd1367;
}
[data-number="10"] .sdg-module-table-keyfigure__value,
[data-number="10"] .sdg-module-table-keyfigure__link:hover,
[data-number="10"] .sdg-module-table-keyfigure__link::after,
[data-number="10"]
  .sdg-module-table-table__row--collapsible
  td:first-child::before,
[data-number="10"]
  .sdg-module-table-table__row--collapsible
  td:last-child::before,
[data-number="10"]
  .sdg-module-filters-meta-filter--active
  .sdg-module-filters-meta-filter__button::before,
[data-number="10"] .sdg-module-filters-meta-filter__button:hover::before {
  color: #dd1367;
}
[data-number="10"] .sdg-content__icon,
[data-number="10"] .sdg-content__title {
  fill: #dd1367;
}
[data-number="10"]:not(.sdg-item--active) .sdg-content__close {
  background: rgba(221, 19, 103, 0.15);
}

[data-number="11"] .sdg-content,
[data-number="11"] .sdg-content__close > *,
[data-number="11"] .sdg-content__close::before,
[data-number="11"] .sdg-content__close::after {
  background: #fd9d24;
}
[data-number="11"] .sdg-module-table-keyfigure__value,
[data-number="11"] .sdg-module-table-keyfigure__link:hover,
[data-number="11"] .sdg-module-table-keyfigure__link::after,
[data-number="11"]
  .sdg-module-table-table__row--collapsible
  td:first-child::before,
[data-number="11"]
  .sdg-module-table-table__row--collapsible
  td:last-child::before,
[data-number="11"]
  .sdg-module-filters-meta-filter--active
  .sdg-module-filters-meta-filter__button::before,
[data-number="11"] .sdg-module-filters-meta-filter__button:hover::before {
  color: #fd9d24;
}
[data-number="11"] .sdg-content__icon,
[data-number="11"] .sdg-content__title {
  fill: #fd9d24;
}
[data-number="11"]:not(.sdg-item--active) .sdg-content__close {
  background: rgba(253, 157, 36, 0.15);
}

[data-number="12"] .sdg-content,
[data-number="12"] .sdg-content__close > *,
[data-number="12"] .sdg-content__close::before,
[data-number="12"] .sdg-content__close::after {
  background: #bf8b2e;
}
[data-number="12"] .sdg-module-table-keyfigure__value,
[data-number="12"] .sdg-module-table-keyfigure__link:hover,
[data-number="12"] .sdg-module-table-keyfigure__link::after,
[data-number="12"]
  .sdg-module-table-table__row--collapsible
  td:first-child::before,
[data-number="12"]
  .sdg-module-table-table__row--collapsible
  td:last-child::before,
[data-number="12"]
  .sdg-module-filters-meta-filter--active
  .sdg-module-filters-meta-filter__button::before,
[data-number="12"] .sdg-module-filters-meta-filter__button:hover::before {
  color: #bf8b2e;
}
[data-number="12"] .sdg-content__icon,
[data-number="12"] .sdg-content__title {
  fill: #bf8b2e;
}
[data-number="12"]:not(.sdg-item--active) .sdg-content__close {
  background: rgba(191, 139, 46, 0.15);
}

[data-number="13"] .sdg-content,
[data-number="13"] .sdg-content__close > *,
[data-number="13"] .sdg-content__close::before,
[data-number="13"] .sdg-content__close::after {
  background: #3f7e44;
}
[data-number="13"] .sdg-module-table-keyfigure__value,
[data-number="13"] .sdg-module-table-keyfigure__link:hover,
[data-number="13"] .sdg-module-table-keyfigure__link::after,
[data-number="13"]
  .sdg-module-table-table__row--collapsible
  td:first-child::before,
[data-number="13"]
  .sdg-module-table-table__row--collapsible
  td:last-child::before,
[data-number="13"]
  .sdg-module-filters-meta-filter--active
  .sdg-module-filters-meta-filter__button::before,
[data-number="13"] .sdg-module-filters-meta-filter__button:hover::before {
  color: #3f7e44;
}
[data-number="13"] .sdg-content__icon,
[data-number="13"] .sdg-content__title {
  fill: #3f7e44;
}
[data-number="13"]:not(.sdg-item--active) .sdg-content__close {
  background: rgba(63, 126, 68, 0.15);
}

[data-number="14"] .sdg-content,
[data-number="14"] .sdg-content__close > *,
[data-number="14"] .sdg-content__close::before,
[data-number="14"] .sdg-content__close::after {
  background: #0a97d9;
}
[data-number="14"] .sdg-module-table-keyfigure__value,
[data-number="14"] .sdg-module-table-keyfigure__link:hover,
[data-number="14"] .sdg-module-table-keyfigure__link::after,
[data-number="14"]
  .sdg-module-table-table__row--collapsible
  td:first-child::before,
[data-number="14"]
  .sdg-module-table-table__row--collapsible
  td:last-child::before,
[data-number="14"]
  .sdg-module-filters-meta-filter--active
  .sdg-module-filters-meta-filter__button::before,
[data-number="14"] .sdg-module-filters-meta-filter__button:hover::before {
  color: #0a97d9;
}
[data-number="14"] .sdg-content__icon,
[data-number="14"] .sdg-content__title {
  fill: #0a97d9;
}
[data-number="14"]:not(.sdg-item--active) .sdg-content__close {
  background: rgba(10, 151, 217, 0.15);
}

[data-number="15"] .sdg-content,
[data-number="15"] .sdg-content__close > *,
[data-number="15"] .sdg-content__close::before,
[data-number="15"] .sdg-content__close::after {
  background: #56c02b;
}
[data-number="15"] .sdg-module-table-keyfigure__value,
[data-number="15"] .sdg-module-table-keyfigure__link:hover,
[data-number="15"] .sdg-module-table-keyfigure__link::after,
[data-number="15"]
  .sdg-module-table-table__row--collapsible
  td:first-child::before,
[data-number="15"]
  .sdg-module-table-table__row--collapsible
  td:last-child::before,
[data-number="15"]
  .sdg-module-filters-meta-filter--active
  .sdg-module-filters-meta-filter__button::before,
[data-number="15"] .sdg-module-filters-meta-filter__button:hover::before {
  color: #56c02b;
}
[data-number="15"] .sdg-content__icon,
[data-number="15"] .sdg-content__title {
  fill: #56c02b;
}
[data-number="15"]:not(.sdg-item--active) .sdg-content__close {
  background: rgba(86, 192, 43, 0.15);
}

[data-number="16"] .sdg-content,
[data-number="16"] .sdg-content__close > *,
[data-number="16"] .sdg-content__close::before,
[data-number="16"] .sdg-content__close::after {
  background: #00689d;
}
[data-number="16"] .sdg-module-table-keyfigure__value,
[data-number="16"] .sdg-module-table-keyfigure__link:hover,
[data-number="16"] .sdg-module-table-keyfigure__link::after,
[data-number="16"]
  .sdg-module-table-table__row--collapsible
  td:first-child::before,
[data-number="16"]
  .sdg-module-table-table__row--collapsible
  td:last-child::before,
[data-number="16"]
  .sdg-module-filters-meta-filter--active
  .sdg-module-filters-meta-filter__button::before,
[data-number="16"] .sdg-module-filters-meta-filter__button:hover::before {
  color: #00689d;
}
[data-number="16"] .sdg-content__icon,
[data-number="16"] .sdg-content__title {
  fill: #00689d;
}
[data-number="16"]:not(.sdg-item--active) .sdg-content__close {
  background: rgba(0, 104, 157, 0.15);
}

[data-number="17"] .sdg-content,
[data-number="17"] .sdg-content__close > *,
[data-number="17"] .sdg-content__close::before,
[data-number="17"] .sdg-content__close::after {
  background: #19486a;
}
[data-number="17"] .sdg-module-table-keyfigure__value,
[data-number="17"] .sdg-module-table-keyfigure__link:hover,
[data-number="17"] .sdg-module-table-keyfigure__link::after,
[data-number="17"]
  .sdg-module-table-table__row--collapsible
  td:first-child::before,
[data-number="17"]
  .sdg-module-table-table__row--collapsible
  td:last-child::before,
[data-number="17"]
  .sdg-module-filters-meta-filter--active
  .sdg-module-filters-meta-filter__button::before,
[data-number="17"] .sdg-module-filters-meta-filter__button:hover::before {
  color: #19486a;
}
[data-number="17"] .sdg-content__icon,
[data-number="17"] .sdg-content__title {
  fill: #19486a;
}
[data-number="17"]:not(.sdg-item--active) .sdg-content__close {
  background: rgba(25, 72, 106, 0.15);
}

[data-number="1"] .sdg-module-table-table thead,
[data-number="1"]
  .sdg-module-table-table__row:first-child:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="1"]
  .sdg-module-table-table__row:not(.sdg-module-table-table__row--collapsible)
  + .sdg-module-table-table__row:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="1"] .sdg-module-table-step,
[data-number="1"] .sdg-module-filters-meta,
[data-number="1"] .sdg-module-filters-meta-content__headline,
[data-number="1"] .sdg-module-sdgs,
[data-number="1"] .sdg-module-sdgs__headline,
[data-number="1"] .sdg-module-sdgs-sdg__headline,
[data-number="1"] .sdg-module-sdgs-sdg__link:not(:hover) {
  color: #fff;
}

[data-number="2"] .sdg-module-table-table thead,
[data-number="2"]
  .sdg-module-table-table__row:first-child:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="2"]
  .sdg-module-table-table__row:not(.sdg-module-table-table__row--collapsible)
  + .sdg-module-table-table__row:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="2"] .sdg-module-table-step,
[data-number="2"] .sdg-module-filters-meta,
[data-number="2"] .sdg-module-filters-meta-content__headline,
[data-number="2"] .sdg-module-sdgs,
[data-number="2"] .sdg-module-sdgs__headline,
[data-number="2"] .sdg-module-sdgs-sdg__headline,
[data-number="2"] .sdg-module-sdgs-sdg__link:not(:hover) {
  color: #000;
}

[data-number="3"] .sdg-module-table-table thead,
[data-number="3"]
  .sdg-module-table-table__row:first-child:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="3"]
  .sdg-module-table-table__row:not(.sdg-module-table-table__row--collapsible)
  + .sdg-module-table-table__row:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="3"] .sdg-module-table-step,
[data-number="3"] .sdg-module-filters-meta,
[data-number="3"] .sdg-module-filters-meta-content__headline,
[data-number="3"] .sdg-module-sdgs,
[data-number="3"] .sdg-module-sdgs__headline,
[data-number="3"] .sdg-module-sdgs-sdg__headline,
[data-number="3"] .sdg-module-sdgs-sdg__link:not(:hover) {
  color: #000;
}

[data-number="4"] .sdg-module-table-table thead,
[data-number="4"]
  .sdg-module-table-table__row:first-child:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="4"]
  .sdg-module-table-table__row:not(.sdg-module-table-table__row--collapsible)
  + .sdg-module-table-table__row:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="4"] .sdg-module-table-step,
[data-number="4"] .sdg-module-filters-meta,
[data-number="4"] .sdg-module-filters-meta-content__headline,
[data-number="4"] .sdg-module-sdgs,
[data-number="4"] .sdg-module-sdgs__headline,
[data-number="4"] .sdg-module-sdgs-sdg__headline,
[data-number="4"] .sdg-module-sdgs-sdg__link:not(:hover) {
  color: #fff;
}

[data-number="5"] .sdg-module-table-table thead,
[data-number="5"]
  .sdg-module-table-table__row:first-child:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="5"]
  .sdg-module-table-table__row:not(.sdg-module-table-table__row--collapsible)
  + .sdg-module-table-table__row:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="5"] .sdg-module-table-step,
[data-number="5"] .sdg-module-filters-meta,
[data-number="5"] .sdg-module-filters-meta-content__headline,
[data-number="5"] .sdg-module-sdgs,
[data-number="5"] .sdg-module-sdgs__headline,
[data-number="5"] .sdg-module-sdgs-sdg__headline,
[data-number="5"] .sdg-module-sdgs-sdg__link:not(:hover) {
  color: #fff;
}

[data-number="6"] .sdg-module-table-table thead,
[data-number="6"]
  .sdg-module-table-table__row:first-child:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="6"]
  .sdg-module-table-table__row:not(.sdg-module-table-table__row--collapsible)
  + .sdg-module-table-table__row:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="6"] .sdg-module-table-step,
[data-number="6"] .sdg-module-filters-meta,
[data-number="6"] .sdg-module-filters-meta-content__headline,
[data-number="6"] .sdg-module-sdgs,
[data-number="6"] .sdg-module-sdgs__headline,
[data-number="6"] .sdg-module-sdgs-sdg__headline,
[data-number="6"] .sdg-module-sdgs-sdg__link:not(:hover) {
  color: #000;
}

[data-number="7"] .sdg-module-table-table thead,
[data-number="7"]
  .sdg-module-table-table__row:first-child:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="7"]
  .sdg-module-table-table__row:not(.sdg-module-table-table__row--collapsible)
  + .sdg-module-table-table__row:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="7"] .sdg-module-table-step,
[data-number="7"] .sdg-module-filters-meta,
[data-number="7"] .sdg-module-filters-meta-content__headline,
[data-number="7"] .sdg-module-sdgs,
[data-number="7"] .sdg-module-sdgs__headline,
[data-number="7"] .sdg-module-sdgs-sdg__headline,
[data-number="7"] .sdg-module-sdgs-sdg__link:not(:hover) {
  color: #000;
}

[data-number="8"] .sdg-module-table-table thead,
[data-number="8"]
  .sdg-module-table-table__row:first-child:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="8"]
  .sdg-module-table-table__row:not(.sdg-module-table-table__row--collapsible)
  + .sdg-module-table-table__row:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="8"] .sdg-module-table-step,
[data-number="8"] .sdg-module-filters-meta,
[data-number="8"] .sdg-module-filters-meta-content__headline,
[data-number="8"] .sdg-module-sdgs,
[data-number="8"] .sdg-module-sdgs__headline,
[data-number="8"] .sdg-module-sdgs-sdg__headline,
[data-number="8"] .sdg-module-sdgs-sdg__link:not(:hover) {
  color: #fff;
}

[data-number="9"] .sdg-module-table-table thead,
[data-number="9"]
  .sdg-module-table-table__row:first-child:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="9"]
  .sdg-module-table-table__row:not(.sdg-module-table-table__row--collapsible)
  + .sdg-module-table-table__row:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="9"] .sdg-module-table-step,
[data-number="9"] .sdg-module-filters-meta,
[data-number="9"] .sdg-module-filters-meta-content__headline,
[data-number="9"] .sdg-module-sdgs,
[data-number="9"] .sdg-module-sdgs__headline,
[data-number="9"] .sdg-module-sdgs-sdg__headline,
[data-number="9"] .sdg-module-sdgs-sdg__link:not(:hover) {
  color: #000;
}

[data-number="10"] .sdg-module-table-table thead,
[data-number="10"]
  .sdg-module-table-table__row:first-child:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="10"]
  .sdg-module-table-table__row:not(.sdg-module-table-table__row--collapsible)
  + .sdg-module-table-table__row:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="10"] .sdg-module-table-step,
[data-number="10"] .sdg-module-filters-meta,
[data-number="10"] .sdg-module-filters-meta-content__headline,
[data-number="10"] .sdg-module-sdgs,
[data-number="10"] .sdg-module-sdgs__headline,
[data-number="10"] .sdg-module-sdgs-sdg__headline,
[data-number="10"] .sdg-module-sdgs-sdg__link:not(:hover) {
  color: #000;
}

[data-number="11"] .sdg-module-table-table thead,
[data-number="11"]
  .sdg-module-table-table__row:first-child:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="11"]
  .sdg-module-table-table__row:not(.sdg-module-table-table__row--collapsible)
  + .sdg-module-table-table__row:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="11"] .sdg-module-table-step,
[data-number="11"] .sdg-module-filters-meta,
[data-number="11"] .sdg-module-filters-meta-content__headline,
[data-number="11"] .sdg-module-sdgs,
[data-number="11"] .sdg-module-sdgs__headline,
[data-number="11"] .sdg-module-sdgs-sdg__headline,
[data-number="11"] .sdg-module-sdgs-sdg__link:not(:hover) {
  color: #000;
}

[data-number="12"] .sdg-module-table-table thead,
[data-number="12"]
  .sdg-module-table-table__row:first-child:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="12"]
  .sdg-module-table-table__row:not(.sdg-module-table-table__row--collapsible)
  + .sdg-module-table-table__row:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="12"] .sdg-module-table-step,
[data-number="12"] .sdg-module-filters-meta,
[data-number="12"] .sdg-module-filters-meta-content__headline,
[data-number="12"] .sdg-module-sdgs,
[data-number="12"] .sdg-module-sdgs__headline,
[data-number="12"] .sdg-module-sdgs-sdg__headline,
[data-number="12"] .sdg-module-sdgs-sdg__link:not(:hover) {
  color: #fff;
}

[data-number="13"] .sdg-module-table-table thead,
[data-number="13"]
  .sdg-module-table-table__row:first-child:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="13"]
  .sdg-module-table-table__row:not(.sdg-module-table-table__row--collapsible)
  + .sdg-module-table-table__row:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="13"] .sdg-module-table-step,
[data-number="13"] .sdg-module-filters-meta,
[data-number="13"] .sdg-module-filters-meta-content__headline,
[data-number="13"] .sdg-module-sdgs,
[data-number="13"] .sdg-module-sdgs__headline,
[data-number="13"] .sdg-module-sdgs-sdg__headline,
[data-number="13"] .sdg-module-sdgs-sdg__link:not(:hover) {
  color: #fff;
}

[data-number="14"] .sdg-module-table-table thead,
[data-number="14"]
  .sdg-module-table-table__row:first-child:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="14"]
  .sdg-module-table-table__row:not(.sdg-module-table-table__row--collapsible)
  + .sdg-module-table-table__row:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="14"] .sdg-module-table-step,
[data-number="14"] .sdg-module-filters-meta,
[data-number="14"] .sdg-module-filters-meta-content__headline,
[data-number="14"] .sdg-module-sdgs,
[data-number="14"] .sdg-module-sdgs__headline,
[data-number="14"] .sdg-module-sdgs-sdg__headline,
[data-number="14"] .sdg-module-sdgs-sdg__link:not(:hover) {
  color: #000;
}

[data-number="15"] .sdg-module-table-table thead,
[data-number="15"]
  .sdg-module-table-table__row:first-child:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="15"]
  .sdg-module-table-table__row:not(.sdg-module-table-table__row--collapsible)
  + .sdg-module-table-table__row:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="15"] .sdg-module-table-step,
[data-number="15"] .sdg-module-filters-meta,
[data-number="15"] .sdg-module-filters-meta-content__headline,
[data-number="15"] .sdg-module-sdgs,
[data-number="15"] .sdg-module-sdgs__headline,
[data-number="15"] .sdg-module-sdgs-sdg__headline,
[data-number="15"] .sdg-module-sdgs-sdg__link:not(:hover) {
  color: #000;
}

[data-number="16"] .sdg-module-table-table thead,
[data-number="16"]
  .sdg-module-table-table__row:first-child:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="16"]
  .sdg-module-table-table__row:not(.sdg-module-table-table__row--collapsible)
  + .sdg-module-table-table__row:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="16"] .sdg-module-table-step,
[data-number="16"] .sdg-module-filters-meta,
[data-number="16"] .sdg-module-filters-meta-content__headline,
[data-number="16"] .sdg-module-sdgs,
[data-number="16"] .sdg-module-sdgs__headline,
[data-number="16"] .sdg-module-sdgs-sdg__headline,
[data-number="16"] .sdg-module-sdgs-sdg__link:not(:hover) {
  color: #fff;
}

[data-number="17"] .sdg-module-table-table thead,
[data-number="17"]
  .sdg-module-table-table__row:first-child:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="17"]
  .sdg-module-table-table__row:not(.sdg-module-table-table__row--collapsible)
  + .sdg-module-table-table__row:not(:hover):not(
    .sdg-module-table-table__row--active
  ),
[data-number="17"] .sdg-module-table-step,
[data-number="17"] .sdg-module-filters-meta,
[data-number="17"] .sdg-module-filters-meta-content__headline,
[data-number="17"] .sdg-module-sdgs,
[data-number="17"] .sdg-module-sdgs__headline,
[data-number="17"] .sdg-module-sdgs-sdg__headline,
[data-number="17"] .sdg-module-sdgs-sdg__link:not(:hover) {
  color: #fff;
}

.sdg-tool {
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 50px;
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .sdg-tool {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .sdg-tool {
    margin-right: -125px;
    margin-left: -125px;
  }
}
@media screen and (min-width: 1200px) {
  .sdg-tool {
    margin-right: -215px;
    margin-left: -215px;
  }
}
.sdg-tool__inner {
  position: relative;
  margin: 0 auto;
  max-width: 1180px;
}
.sdg-tool__controls {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: 14px;
  margin-bottom: 23px;
  border-bottom: 1px solid #9b9b9b;
  list-style: none;
}
.sdg-tool__items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0 -7.5px -15px;
  list-style: none;
}

.sdg-control__button {
  padding: 7px 12px;
  margin-bottom: 7px;
  border: none;
  border-radius: 15px;
  background: #dedede;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.25;
  text-transform: uppercase;
  transition: opacity 0.5s ease;
  color: #505050;
  cursor: pointer;
  opacity: 0.6;
}
.sdg-control__button > *,
.sdg-control__button::before,
.sdg-control__button::after {
  pointer-events: none;
}
.sdg-control:not(:last-child) {
  margin-right: 7px;
}
.sdg-control--active .sdg-control__button,
.sdg-control__button:hover {
  opacity: 1;
}
.sdg-control--active .sdg-control__button {
  pointer-events: none;
}

.sdg-item {
  position: relative;
  z-index: 0;
  width: calc(100% - 15px);
  margin-right: 7.5px;
  margin-bottom: 15px;
  margin-left: 7.5px;
  transition: margin 0.5s ease;
  min-height: 270px;
}
@media screen and (min-width: 576px) {
  .sdg-item {
    width: calc(50% - 15px);
  }
}
@media screen and (min-width: 1200px) {
  .sdg-item {
    width: calc(33.3333333333% - 15px);
  }
}
.sdg-item__button {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  border: none;
  background: none;
  cursor: pointer;
}
.sdg-item__button > *,
.sdg-item__button::before,
.sdg-item__button::after {
  pointer-events: none;
}
.sdg-item__button > * {
  position: absolute;
  top: auto;
  overflow: hidden;
  width: 1px;
  height: 1px;
  clip: rect(1px 1px 1px 1px);
  /* IE 6/7 */
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}
.sdg-item--active {
  z-index: 1;
}
@media screen and (max-width: 575px) {
  .sdg-item--active {
    margin-bottom: 15px !important;
  }
}
.sdg-item--active .sdg-item__button {
  pointer-events: none;
  opacity: 0;
}
.sdg-item:not(.sdg-item--active):hover .sdg-content__close {
  background: rgba(255, 255, 255, 0.7);
}
.sdg-item--disabled {
  box-shadow: none;
  pointer-events: none;
}

.sdg-content {
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  transition: all 0.5s ease;
}
@media screen and (max-width: 575px) {
  .sdg-content {
    width: 100% !important;
    margin-left: 0 !important;
  }
}
.sdg-content__container {
  padding: 115px 20px 50px;
}
@media screen and (min-width: 768px) {
  .sdg-content__container {
    padding-right: 30px;
    padding-left: 30px;
  }
}
.sdg-content__icon,
.sdg-content__title {
  transition-duration: 0.5s;
  transition-timing-function: ease;
  pointer-events: none;
}
.sdg-content__icon:not(.inlined-svg-loaded),
.sdg-content__title:not(.inlined-svg-loaded) {
  opacity: 0;
}
.sdg-item--active .sdg-content__icon,
.sdg-item--active .sdg-content__title {
  fill: #fff;
}
.sdg-content__icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateY(-30%);
  margin: auto;
  transition-property: opacity, fill;
}
.sdg-item--active .sdg-content__icon {
  opacity: 0;
}
.sdg-content__title {
  position: absolute;
  top: 100%;
  left: 30px;
  transform: translateY(-100%);
  margin-top: -25px;
  transition-property: top, transform, margin, opacity, fill;
  max-width: calc(100% - 60px);
}
.sdg-item--active .sdg-content__title {
  top: 25px;
  transform: none;
  margin-top: 0;
}
.sdg-content__inner {
  transition: opacity 0.5s ease;
  opacity: 0;
}
.sdg-item--active .sdg-content__inner {
  pointer-events: all;
  opacity: 1;
}
.sdg-item:not(.sdg-item--active):not(.sdg-item--animating) .sdg-content__inner {
  visibility: hidden;
}
.sdg-content__close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 50%;
  transition: all 0.5s ease;
  pointer-events: none;
}
.sdg-content__close > *,
.sdg-content__close::before,
.sdg-content__close::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  height: 4px;
  margin: auto;
  border-radius: 50%;
  pointer-events: none;
}
.sdg-content__close > * {
  transition: opacity 0.5s ease;
}
.sdg-content__close::before,
.sdg-content__close::after {
  content: "";
  transition: all 0.5s ease;
}
.sdg-content__close::before {
  top: -16px;
}
.sdg-content__close::after {
  bottom: -16px;
}
.sdg-content__close:hover {
  opacity: 0.7;
}
.sdg-item--active .sdg-content__close {
  top: 20px;
  width: 40px;
  height: 40px;
  background: #fff;
  cursor: pointer;
  pointer-events: all;
}
.sdg-item--active .sdg-content__close > * {
  opacity: 0;
}
.sdg-item--active .sdg-content__close::before,
.sdg-item--active .sdg-content__close::after {
  top: 0;
  bottom: 0;
  width: 22px;
  height: 3px;
  border-radius: 4px;
}
.sdg-item--active .sdg-content__close::before {
  transform: rotate(45deg);
}
.sdg-item--active .sdg-content__close::after {
  transform: rotate(-45deg);
}
.sdg-item:not(.sdg-item--active) .sdg-content__close {
  outline: none;
}
.sdg-item--active .sdg-content .sdg-content__icon,
.sdg-item--active .sdg-content .sdg-content__title,
.sdg-item__button:hover ~ .sdg-content .sdg-content__icon,
.sdg-item__button:hover ~ .sdg-content .sdg-content__title {
  fill: #fff;
}
@media screen and (min-width: 576px) {
  .sdg-item--active .sdg-content {
    margin-top: 285px;
  }
}
.sdg-item:not(.sdg-item--active) .sdg-content {
  width: 100% !important;
  height: 270px !important;
  margin-left: 0 !important;
}
.sdg-item:not(.sdg-item--active):not(.sdg-item--disabled)
  .sdg-item__button:hover
  ~ .sdg-content {
  transform: scale(1.03);
}
.sdg-item:not(.sdg-item--active):not(.sdg-item--disabled)
  .sdg-item__button:not(:hover)
  ~ .sdg-content {
  background: #fff;
}
.sdg-item--disabled .sdg-content {
  background: #cbcbcb !important;
}
.sdg-item--disabled .sdg-content .sdg-content__icon,
.sdg-item--disabled .sdg-content .sdg-content__title {
  fill: #fff !important;
}

.sdg-content__tabs-nav {
  margin-bottom: 32px;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .sdg-content__tabs-nav {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 44px;
  }
}
@media screen and (min-width: 768px) {
  .sdg-content__tabs-nav::before,
  .sdg-content__tabs-nav::after {
    content: "";
    flex-grow: 1;
    height: 1px;
    background: #fff;
    pointer-events: none;
  }
}
.sdg-content__tabs-nav::before {
  margin-right: 10px;
}
.sdg-content__tabs-nav::after {
  margin-left: 10px;
}

.sdg-tabs-nav-item {
  margin-bottom: 12px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .sdg-tabs-nav-item {
    margin-bottom: 0;
  }
}
.sdg-tabs-nav-item__button {
  padding: 11px 30px;
  border: none;
  border-radius: 18px;
  background: rgba(219, 219, 219, 0.5);
  font-weight: 700;
  font-size: 13px;
  line-height: 1.23;
  text-transform: uppercase;
  transition-property: background-color, color;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  cursor: pointer;
  color: #fff;
}
.sdg-tabs-nav-item__button > *,
.sdg-tabs-nav-item__button::before,
.sdg-tabs-nav-item__button::after {
  pointer-events: none;
}
.sdg-tabs-nav-item:not(:last-child) {
  margin-right: 12px;
}
.sdg-tabs-nav-item--active .sdg-tabs-nav-item__button,
.sdg-tabs-nav-item__button:hover {
  background: #fff;
  color: #000;
}
.sdg-tabs-nav-item--active .sdg-tabs-nav-item__button {
  pointer-events: none;
}

.sdg-content__tabs {
  position: relative;
  list-style: none;
}

.sdg-tab {
  transition: opacity 0.5s ease;
}
.sdg-tab:not(.sdg-tab--active) {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}
.sdg-tab:not(.sdg-tab--active):not(.sdg-tab--animating) {
  visibility: hidden;
}

@media screen and (min-width: 1200px) {
  .sdg-module-table {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.sdg-module-table__column--table {
  margin-bottom: 40px;
}
@media screen and (min-width: 1200px) {
  .sdg-module-table__column--table {
    flex-grow: 1;
    margin-right: 60px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1200px) {
  .sdg-module-table__column--keyfigures {
    flex-shrink: 0;
    width: 375px;
  }
}
.sdg-module-table__intro {
  font-size: 18px;
  line-height: 1.44;
  color: #fff;
}
.sdg-module-table__table-container {
  padding-right: 10px;
  padding-left: 10px;
  overflow-x: auto;
  overflow-y: visible;
}
@media screen and (min-width: 768px) {
  .sdg-module-table__table-container {
    padding-right: 14px;
    padding-left: 14px;
  }
}
.sdg-module-table__keyfigures {
  position: relative;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.9);
  transition: height 0.5s ease;
  list-style: none;
}
.sdg-module-table__steps {
  margin-top: 45px;
  list-style: none;
}
@media screen and (min-width: 576px) {
  .sdg-module-table__steps {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
  }
}

.sdg-module-table-table {
  width: calc(100% + 20px);
  margin: 45px -10px 0;
  border-spacing: 0;
}
@media screen and (min-width: 768px) {
  .sdg-module-table-table {
    width: calc(100% + 28px);
    margin-right: -14px;
    margin-left: -14px;
  }
}
.sdg-module-table-table th,
.sdg-module-table-table td {
  width: 140px;
  padding: 10px 30px 10px 0;
  line-height: 1.28;
}
.sdg-module-table-table th:first-child,
.sdg-module-table-table td:first-child {
  width: 50px;
  padding-left: 14px;
}
.sdg-module-table-table th:last-child,
.sdg-module-table-table td:last-child {
  width: auto;
  padding-right: 14px;
}
.sdg-module-table-table th {
  font-weight: 700;
  font-size: 12px;
}
.sdg-module-table-table td {
  position: relative;
  font-size: 14px;
  transition: background-color 0.5s ease;
}
.sdg-module-table-table td::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: rgba(144, 144, 144, 0.5);
  pointer-events: none;
}
.sdg-module-table-table td:first-child,
.sdg-module-table-table td:last-child {
  border-radius: 18px;
}
.sdg-module-table-table td:first-child {
  font-weight: 700;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.sdg-module-table-table td:first-child::after {
  left: 14px;
}
.sdg-module-table-table td:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.sdg-module-table-table td:last-child::after {
  right: 14px;
}
.sdg-module-table-table__row {
  transition: color 0.5s ease;
  cursor: pointer;
}
.sdg-module-table-table__row:hover td,
.sdg-module-table-table__row--active td {
  background: rgba(255, 255, 255, 0.9);
}
.sdg-module-table-table__row--active {
  pointer-events: none;
}
.sdg-module-table-table__row--collapsible td:last-child {
  padding-right: 45px;
}
.sdg-module-table-table__row--collapsible td:last-child::before {
  display: inline-block;
  font-family: "icons-sdg-tool";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e801";
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  width: 15px;
  height: 15px;
  margin: auto 0;
  font-size: 14px;
  transition-property: transform, opacity;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  opacity: 0;
}
.sdg-module-table-table__row--collapsible + .sdg-module-table-table__row {
  display: none;
  cursor: inherit;
  pointer-events: none;
}
.sdg-module-table-table__row--collapsible + .sdg-module-table-table__row td {
  background: rgba(255, 255, 255, 0.9);
}
.sdg-module-table-table__row--collapsible
  + .sdg-module-table-table__row
  td:first-child {
  border-top-left-radius: 0;
}
.sdg-module-table-table__row--collapsible
  + .sdg-module-table-table__row
  td:last-child {
  border-top-right-radius: 0;
}
.sdg-module-table-table__row--collapsible
  + .sdg-module-table-table__row
  td:last-child::before {
  display: none;
}
.sdg-module-table-table__row--collapsible:hover td:last-child::before,
.sdg-module-table-table__row--collapsible.sdg-module-table-table__row--active
  td:last-child::before {
  opacity: 1;
}
.sdg-module-table-table__row--collapsible.sdg-module-table-table__row--active
  td:first-child {
  border-bottom-left-radius: 0;
}
.sdg-module-table-table__row--collapsible.sdg-module-table-table__row--active
  td:last-child {
  border-bottom-right-radius: 0;
}
.sdg-module-table-table__row--collapsible.sdg-module-table-table__row--active
  td:last-child::before {
  transform: rotate(45deg);
}
.sdg-module-table-table__row--collapsible.sdg-module-table-table__row--active
  + .sdg-module-table-table__row {
  display: table-row;
}

.sdg-module-table-keyfigure {
  padding: 30px;
  transition: opacity 0.5s ease;
}
.sdg-module-table-keyfigure > *:last-child {
  margin-bottom: 0;
}
.sdg-module-table-keyfigure__pre {
  display: block;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.4;
}
.sdg-module-table-keyfigure__value-container {
  margin-bottom: 15px;
}
.sdg-module-table-keyfigure__value {
  font-weight: 700;
  line-height: 1;
}
.sdg-module-table-keyfigure__value--small {
  font-size: 37px;
}
.sdg-module-table-keyfigure__value--medium {
  font-size: 46px;
}
.sdg-module-table-keyfigure__value--large {
  font-size: 96px;
}
.sdg-module-table-keyfigure__text {
  margin-bottom: 15px;
  font-size: 15px;
  line-height: 1.66;
}
.sdg-module-table-keyfigure__text--large {
  font-size: 26px;
  line-height: 1.07;
}
.sdg-module-table-keyfigure__link-list {
  list-style: none;
}
.sdg-module-table-keyfigure__link-list-item:not(:last-child) {
  margin-bottom: 17px;
}
.sdg-module-table-keyfigure__link {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.28;
  transition: color 0.5s ease;
  text-decoration: none;
  color: #000;
}
.sdg-module-table-keyfigure__link::after {
  display: inline-block;
  font-family: "icons-sdg-tool";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e800";
  margin-left: 8px;
  font-size: 8px;
  vertical-align: middle;
}
.sdg-module-table-keyfigure:not(.sdg-module-table-keyfigure--active) {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}
.sdg-module-table-keyfigure:not(.sdg-module-table-keyfigure--active):not(
    .sdg-module-table-keyfigure--animating
  ) {
  visibility: hidden;
}

.sdg-module-table-step {
  width: 114px;
  margin: 0 auto;
  text-align: center;
  transition: opacity 0.5s ease;
}
@media screen and (min-width: 576px) {
  .sdg-module-table-step {
    flex-shrink: 0;
    margin: 0;
  }
}
.sdg-module-table-step__image {
  display: block;
  margin: 0 auto 15px;
}
.sdg-module-table-step__title {
  display: block;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.4;
}
@media screen and (min-width: 576px) {
  .sdg-module-table-step:not(:last-child) {
    margin-right: 75px;
  }
}
.sdg-module-table-step:not(:last-child)::after {
  content: "";
  transform: rotate(90deg);
  display: block;
  width: 19px;
  height: 33px;
  margin: 15px auto;
  background: url(../images/sdg-tool/sdg-module-table-step-arrow.svg)
    center/19px 33px no-repeat;
  transition: opacity 0.5s ease;
  pointer-events: none;
  opacity: 0.36;
}
@media screen and (min-width: 576px) {
  .sdg-module-table-step:not(:last-child)::after {
    display: none;
  }
}
@media screen and (min-width: 576px) {
  .sdg-module-table-step:not(:last-child)
    .sdg-module-table-step__image-container {
    position: relative;
  }
}
@media screen and (min-width: 576px) {
  .sdg-module-table-step:not(:last-child)
    .sdg-module-table-step__image-container::after {
    content: "";
    position: absolute;
    top: 0;
    right: -50px;
    bottom: 0;
    width: 19px;
    height: 33px;
    margin: auto 0;
    background: url(../images/sdg-tool/sdg-module-table-step-arrow.svg)
      center/19px 33px no-repeat;
    transition: opacity 0.5s ease;
    pointer-events: none;
    opacity: 0.36;
  }
}
.sdg-module-table-step:not(.sdg-module-table-step--active) {
  opacity: 0.36;
}
.sdg-module-table-step:not(.sdg-module-table-step--active)::after {
  opacity: 1;
}
@media screen and (min-width: 576px) {
  .sdg-module-table-step:not(.sdg-module-table-step--active)
    .sdg-module-table-step__image-container::after {
    opacity: 1;
  }
}

@media screen and (min-width: 1200px) {
  .sdg-module-filters {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.sdg-module-filters__column--meta {
  margin-bottom: 40px;
}
@media screen and (min-width: 1200px) {
  .sdg-module-filters__column--meta {
    flex-shrink: 0;
    width: 340px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1200px) {
  .sdg-module-filters__column--content {
    flex-grow: 1;
  }
}
.sdg-module-filters__contents {
  position: relative;
  list-style: none;
}

.sdg-module-filters-meta {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.sdg-module-filters-meta__filters {
  width: 100%;
  margin-bottom: 45px;
  list-style: none;
}
.sdg-module-filters-meta__contents {
  position: relative;
  width: 100%;
  list-style: none;
}

.sdg-module-filters-meta-filter__button {
  position: relative;
  padding-left: 40px;
  border: none;
  background: none;
  font-size: 18px;
  line-height: 1.28;
  cursor: pointer;
}
.sdg-module-filters-meta-filter__button::before {
  display: inline-block;
  font-family: "icons-sdg-tool";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e802";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 23px;
  height: 23px;
  margin: auto 0;
  border: 3px solid rgba(255, 255, 255, 0.6);
  border-radius: 5px;
  font-size: 15px;
  transition-property: background-color, border-color, color;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  color: transparent;
}
.sdg-module-filters-meta-filter:not(:last-child) {
  margin-bottom: 14px;
}
.sdg-module-filters-meta-filter--active
  .sdg-module-filters-meta-filter__button::before,
.sdg-module-filters-meta-filter__button:hover::before {
  background-color: #fff;
  border-color: #fff;
}
.sdg-module-filters-meta-filter--active
  .sdg-module-filters-meta-filter__button {
  pointer-events: none;
}

.sdg-module-filters-meta-content {
  transition: opacity 0.5s ease;
}
.sdg-module-filters-meta-content__headline {
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.38;
}
.sdg-module-filters-meta-content__text {
  font-size: 18px;
  line-height: 1.44;
}
.sdg-module-filters-meta-content:not(.sdg-module-filters-meta-content--active) {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
}

.sdg-module-filters-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  transition: opacity 0.5s ease;
}
.sdg-module-filters-content__tags {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 90px;
  margin-bottom: -7px;
  list-style: none;
  max-width: 500px;
}
.sdg-module-filters-content__tag {
  padding: 2px 8px;
  margin-bottom: 7px;
  border-radius: 10px;
  background: #fff;
  font-size: 12px;
  line-height: 1.4;
  text-transform: uppercase;
}
.sdg-module-filters-content__tag:not(:last-child) {
  margin-right: 7px;
}
.sdg-module-filters-content:not(.sdg-module-filters-content--active) {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
}

.sdg-module-sdgs {
  position: relative;
}
@media screen and (min-width: 768px) {
  .sdg-module-sdgs {
    padding-left: 180px;
  }
}
@media screen and (min-width: 1200px) {
  .sdg-module-sdgs {
    padding-right: 110px;
    padding-left: 210px;
  }
}
.sdg-module-sdgs__image {
  display: block;
  width: 133px;
  height: 133px;
  padding: 20px;
  margin-bottom: 20px;
  border: 3px solid #fff;
  border-radius: 15px;
}
@media screen and (min-width: 768px) {
  .sdg-module-sdgs__image {
    position: absolute;
    top: 0;
    left: 0;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1200px) {
  .sdg-module-sdgs__image {
    left: 30px;
  }
}
.sdg-module-sdgs__text {
  margin-bottom: 25px;
  font-size: 18px;
  line-height: 1.44;
  max-width: 580px;
}
.sdg-module-sdgs__headline {
  padding-bottom: 5px;
  margin-bottom: 40px;
  border-bottom: 3px solid #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.35;
  color: #fff;
}
.sdg-module-sdgs__items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: -60px;
  list-style: none;
}

.sdg-module-sdgs-sdg {
  position: relative;
  width: 100%;
  padding-left: 107px;
  margin-bottom: 60px;
  max-width: 350px;
}
@media screen and (min-width: 1200px) {
  .sdg-module-sdgs-sdg {
    width: calc((100% - 30px) / 2);
  }
}
.sdg-module-sdgs-sdg__icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 93px;
  height: 93px;
}
.sdg-module-sdgs-sdg__headline {
  margin-bottom: 7px;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.66;
}
.sdg-module-sdgs-sdg__tag {
  display: inline-block;
  padding: 4px 8px;
  margin-bottom: 7px;
  border-radius: 11.5px;
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
  color: #fff;
}
.sdg-module-sdgs-sdg__text {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.5;
}
.sdg-module-sdgs-sdg__link {
  font-weight: 700;
  font-size: 12px;
  line-height: 1.44;
  transition: color 0.5s ease;
  text-decoration: none;
  color: #000;
}
.sdg-module-sdgs-sdg__link::after {
  display: inline-block;
  font-family: "icons-sdg-tool";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e800";
  margin-left: 8px;
  font-size: 8px;
  vertical-align: middle;
}
.sdg-module-sdgs-sdg--1 .sdg-module-sdgs-sdg__tag {
  background: #e5243b;
}
.sdg-module-sdgs-sdg--1 .sdg-module-sdgs-sdg__link:hover {
  color: #e5243b;
}
.sdg-module-sdgs-sdg--2 .sdg-module-sdgs-sdg__tag {
  background: #dda83a;
}
.sdg-module-sdgs-sdg--2 .sdg-module-sdgs-sdg__link:hover {
  color: #dda83a;
}
.sdg-module-sdgs-sdg--3 .sdg-module-sdgs-sdg__tag {
  background: #4c9f38;
}
.sdg-module-sdgs-sdg--3 .sdg-module-sdgs-sdg__link:hover {
  color: #4c9f38;
}
.sdg-module-sdgs-sdg--4 .sdg-module-sdgs-sdg__tag {
  background: #c5192d;
}
.sdg-module-sdgs-sdg--4 .sdg-module-sdgs-sdg__link:hover {
  color: #c5192d;
}
.sdg-module-sdgs-sdg--5 .sdg-module-sdgs-sdg__tag {
  background: #ff3a21;
}
.sdg-module-sdgs-sdg--5 .sdg-module-sdgs-sdg__link:hover {
  color: #ff3a21;
}
.sdg-module-sdgs-sdg--6 .sdg-module-sdgs-sdg__tag {
  background: #26bde2;
}
.sdg-module-sdgs-sdg--6 .sdg-module-sdgs-sdg__link:hover {
  color: #26bde2;
}
.sdg-module-sdgs-sdg--7 .sdg-module-sdgs-sdg__tag {
  background: #fcc30b;
}
.sdg-module-sdgs-sdg--7 .sdg-module-sdgs-sdg__link:hover {
  color: #fcc30b;
}
.sdg-module-sdgs-sdg--8 .sdg-module-sdgs-sdg__tag {
  background: #a21942;
}
.sdg-module-sdgs-sdg--8 .sdg-module-sdgs-sdg__link:hover {
  color: #a21942;
}
.sdg-module-sdgs-sdg--9 .sdg-module-sdgs-sdg__tag {
  background: #fd6925;
}
.sdg-module-sdgs-sdg--9 .sdg-module-sdgs-sdg__link:hover {
  color: #fd6925;
}
.sdg-module-sdgs-sdg--10 .sdg-module-sdgs-sdg__tag {
  background: #dd1367;
}
.sdg-module-sdgs-sdg--10 .sdg-module-sdgs-sdg__link:hover {
  color: #dd1367;
}
.sdg-module-sdgs-sdg--11 .sdg-module-sdgs-sdg__tag {
  background: #fd9d24;
}
.sdg-module-sdgs-sdg--11 .sdg-module-sdgs-sdg__link:hover {
  color: #fd9d24;
}
.sdg-module-sdgs-sdg--12 .sdg-module-sdgs-sdg__tag {
  background: #bf8b2e;
}
.sdg-module-sdgs-sdg--12 .sdg-module-sdgs-sdg__link:hover {
  color: #bf8b2e;
}
.sdg-module-sdgs-sdg--13 .sdg-module-sdgs-sdg__tag {
  background: #3f7e44;
}
.sdg-module-sdgs-sdg--13 .sdg-module-sdgs-sdg__link:hover {
  color: #3f7e44;
}
.sdg-module-sdgs-sdg--14 .sdg-module-sdgs-sdg__tag {
  background: #0a97d9;
}
.sdg-module-sdgs-sdg--14 .sdg-module-sdgs-sdg__link:hover {
  color: #0a97d9;
}
.sdg-module-sdgs-sdg--15 .sdg-module-sdgs-sdg__tag {
  background: #56c02b;
}
.sdg-module-sdgs-sdg--15 .sdg-module-sdgs-sdg__link:hover {
  color: #56c02b;
}
.sdg-module-sdgs-sdg--16 .sdg-module-sdgs-sdg__tag {
  background: #00689d;
}
.sdg-module-sdgs-sdg--16 .sdg-module-sdgs-sdg__link:hover {
  color: #00689d;
}
.sdg-module-sdgs-sdg--17 .sdg-module-sdgs-sdg__tag {
  background: #19486a;
}
.sdg-module-sdgs-sdg--17 .sdg-module-sdgs-sdg__link:hover {
  color: #19486a;
}

.contentremote {
  margin: 80px auto;
}

.contentremote:not(.is-error) {
  font-size: 8px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  animation: loader-contentremote 1.7s infinite linear;
  transform: translateZ(0);
}

.contentremote.is-error {
  color: red;
  text-align: center;
}

@keyframes loader-contentremote {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0,
      0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em,
      0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em,
      0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
      0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
.sdg-links {
  padding: 50px 20px 30px;
}
.sdg-links__inner {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .sdg-links__inner {
    flex-direction: row;
  }
}
@media screen and (min-width: 1200px) {
  .sdg-links__inner {
    max-width: 1025px;
    margin: 0 auto;
  }
}
.sdg-links__title {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  min-width: 35px;
}
@media screen and (min-width: 768px) {
  .sdg-links__title {
    margin-right: 20px;
  }
}
.sdg-links__list {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .sdg-links__list {
    margin-top: 0;
  }
}
.sdg-links__item {
  margin-right: 10px;
  margin-bottom: 10px;
}
.sdg-links__text {
  display: none;
}

.aos,
.aos-element {
  opacity: 0;
  transition: all 0.5s ease;
}
.aos--in-view,
.aos-element--in-view {
  opacity: 1;
}

.keyfigure {
  background-color: #002269;
  color: #fff;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 24px 16px;
  margin-bottom: 34px;
  margin-top: 32px;
  transform: translateX(-16px);
  width: calc(100% + 32px);
}
@media screen and (min-width: 768px) {
  .keyfigure {
    max-width: 50%;
    float: right;
    margin: 24px 0 24px 25px;
    padding: 24px;
    transform: translateX(0);
  }
}
@media screen and (min-width: 1200px) {
  .keyfigure {
    max-width: calc(50% + 90px);
    width: calc(50% + 90px);
    margin: 36px -90px 48px 25px;
    padding: 24px 64px;
  }
}
.keyfigure__top {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  margin-bottom: 16px;
}
.keyfigure__pretext {
  font-size: 18px;
  line-height: 130%;
  font-weight: 500;
}
@media screen and (min-width: 1200px) {
  .keyfigure__pretext {
    font-size: 20px;
    line-height: 130%;
  }
}
.keyfigure__number {
  font-size: 50px;
  line-height: 100%;
  font-weight: 700;
  margin: 0 8px;
}
@media screen and (min-width: 1200px) {
  .keyfigure__number {
    font-size: 96px;
    line-height: 90%;
  }
}
.keyfigure__description {
  text-align: center;
}

.person {
  transform: translateX(-16px);
  width: calc(100% + 32px);
  height: 430px;
  background-size: cover;
  background-position: center;
  margin: 56px 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .person {
    width: 100%;
    transform: none;
    height: 395px;
  }
}
@media screen and (min-width: 1440px) {
  .person {
    height: 434px;
    margin: 73px 0;
  }
}
.person__content {
  opacity: 0;
  overflow: hidden;
  height: 0px;
}
.person--in-view .person__content {
  height: auto;
  opacity: 1;
  transition: all 0.5s;
  transition-delay: 0.5s;
}
.person--in-view .person__banner--right .person__content {
  transition-delay: 1.5s;
  padding: 0 16px;
}
.person__banner {
  position: absolute;
  bottom: 16px;
  background-color: #c20430;
  color: #fff;
  padding: 19px 16px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  transition: 0.5s linear all;
  width: 0;
  align-items: center;
  height: 78px;
}
@media screen and (min-width: 768px) {
  .person__banner {
    bottom: 24px;
  }
}
.person__banner--left {
  left: 0;
}
.person--in-view .person__banner--left {
  width: calc(100% - 96px);
}
@media screen and (min-width: 768px) {
  .person--in-view .person__banner--left {
    width: 50%;
  }
}
.person__banner--left::after {
  content: "";
  background: #c20430;
  clip-path: polygon(0 0, 0% 100%, 100% 0);
  width: 78px;
  height: 100%;
  display: block;
  position: absolute;
  left: calc(100% - 1px);
  top: 0;
}
@media screen and (min-width: 768px) {
  .person__banner--left {
    padding: 14px 33px 14px 64px;
  }
}
@media screen and (min-width: 1200px) {
  .person__banner--left {
    padding: 9px 33px 9px 64px;
  }
}
.person__banner--right {
  left: 78px;
  height: 78px;
  width: 0;
  transition-delay: 1s;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .person__banner--right {
    left: 100px;
  }
}
.person--in-view .person__banner--right {
  width: calc(100% - 140px);
}
@media screen and (min-width: 768px) {
  .person--in-view .person__banner--right {
    width: calc(100% - 230px);
    padding: 14px 24px;
  }
}
@media screen and (min-width: 1200px) {
  .person--in-view .person__banner--right {
    width: calc(100% - 268px);
    left: 138px;
  }
}
@media screen and (min-width: 768px) {
  .person__banner--right {
    right: 130px;
  }
}
.person__banner--right::after {
  content: "";
  background: #940b23;
  clip-path: polygon(0 100%, 100% 100%, 100% 0);
  width: 78px;
  height: 0;
  display: block;
  position: absolute;
  right: 100%;
  bottom: 0;
  transition: all 0.5s;
  transition-delay: 0.5s;
}
@media screen and (min-width: 768px) {
  .person__banner--right::after {
    bottom: 0;
    clip-path: polygon(0 102%, 102% 102%, 102% 0);
  }
}
.person--in-view .person__banner--right::after {
  height: 79px;
}
.person__banner--right::before {
  content: "";
  background: #002269;
  width: 78px;
  height: 0px;
  display: block;
  position: absolute;
  bottom: -16px;
  right: 100%;
  transition: all 0.5s;
}
@media screen and (min-width: 768px) {
  .person__banner--right::before {
    bottom: -23px;
  }
}
.person--in-view .person__banner--right::before {
  height: 16px;
}
@media screen and (min-width: 768px) {
  .person--in-view .person__banner--right::before {
    height: 23px;
    bottom: -23px;
  }
}
.person__name {
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  margin-bottom: 0;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .person__name {
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 4px;
  }
}
.person__position {
  font-size: 14px;
  line-height: 120%;
  color: #fff;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .person__position {
    font-size: 16px;
    line-height: 135%;
  }
}
.person__icon::after {
  content: "";
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  color: #fff;
  font-size: 40px;
  margin-right: 9px;
}
@media screen and (min-width: 768px) {
  .person__icon::after {
    margin-right: 97px;
  }
}
.person__icon--play::after {
  content: "\e815";
}
.person__caption {
  display: none;
}
.person .plyr {
  height: 100%;
}
.person .plyr__controls {
  display: none;
}
.person .plyr__control--overlaid {
  bottom: 16px;
  top: auto;
  left: calc(100% - 65px);
  background-color: #c20430;
  border-radius: 0;
  transform: none;
  width: 0px;
  height: 78px;
  opacity: 1;
  transition: all 0.5s;
  transition-delay: 1.5s;
  padding: 0;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .person .plyr__control--overlaid {
    bottom: 24px;
    left: calc(100% - 130px);
  }
}
.person .plyr__control--overlaid:hover {
  background-color: #c20430;
}
.person .plyr__control--overlaid::before {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e815";
  color: #fff;
  font-size: 40px;
  margin-right: 9px;
  opacity: 0;
  transition: opacity 0.5s;
  transition-delay: 2s;
}
@media screen and (min-width: 768px) {
  .person .plyr__control--overlaid::before {
    margin-right: 97px;
  }
}
.person .plyr__control--overlaid svg {
  display: none;
}
.person .plyr--playing .plyr__control--overlaid {
  opacity: 1;
  visibility: visible;
}
.person .plyr--playing .plyr__control--overlaid::before {
  content: "\e814";
}

.person--in-view .plyr__control--overlaid {
  width: 65px;
  padding: 16px;
}
@media screen and (min-width: 768px) {
  .person--in-view .plyr__control--overlaid {
    width: 130px;
  }
}
.person--in-view .plyr__control--overlaid::before {
  opacity: 1;
}

.verified__headline {
  font-size: 14px;
  line-height: 120%;
  font-weight: 700;
  margin-bottom: 9.5px;
  text-align: right;
  margin-top: 33px;
}
.verified__headline::before {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  margin-right: 7px;
  display: inline-block;
  font-size: 20px;
}
.verified__headline--verified {
  color: #002269;
}
.verified__headline--verified::before {
  content: "\e801";
}
.verified__headline--unverified {
  color: #c1c2c2;
}
.verified__headline--unverified::before {
  content: "\e804";
}
.verified__headline p {
  display: inline-block;
  color: inherit;
  margin: 0;
  font-size: inherit;
}
.verified__text {
  position: relative;
  padding: 4px 0;
  font-size: 16px;
  line-height: 135%;
  margin-bottom: 56px;
}
@media screen and (min-width: 1200px) {
  .verified__text {
    font-size: 18px;
    line-height: 152%;
  }
}
.verified__text::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  transform: translateY(-4px);
  z-index: -1;
}
.verified__text--verified::before {
  border: 2px solid #002269;
}
.verified__text--unverified::before {
  border: 2px solid #c1c2c2;
}
.verified__text-inner,
.verified__text p {
  background-color: #fff;
  padding: 12px 0;
  margin: 0;
}

.downloadteaser {
  margin: 40px 0;
  margin-bottom: 96px;
  transform: translateX(-16px);
  width: calc(100% + 32px);
}
@media screen and (min-width: 768px) {
  .downloadteaser {
    width: 100%;
    transform: none;
  }
}
@media screen and (min-width: 1200px) {
  .downloadteaser {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px 24px;
    margin-top: 56px;
    margin-bottom: 112px;
    margin-left: 50%;
    transform: translate(-50%, 0);
    width: 996px;
  }
}
.page--search .downloadteaser--search {
  display: none;
}
.page--search .downloadteaser--visible .downloadteaser--search {
  display: block;
  margin-bottom: 48px;
  margin-top: 58px;
}
.page--search .downloadteaser--visible .downloadteaser--search .downloadteaser {
  margin-bottom: 0;
}
.page--search .downloadteaser--no-hits .headline {
  font-size: 24px;
  line-height: 120%;
  color: #002269;
  font-weight: 700;
  margin-bottom: 16px;
}
@media screen and (min-width: 1440px) {
  .page--search .downloadteaser--no-hits .headline {
    margin-bottom: 16px;
    font-size: 28px;
    line-height: 125%;
  }
}
.page--search .downloadteaser--no-hits .page--search .downloadteaser--search {
  margin-top: 48px;
}
@media screen and (min-width: 1440px) {
  .page--search .downloadteaser--no-hits .page--search .downloadteaser--search {
    margin-top: 32px;
  }
}
.downloadteaser__item {
  width: 100%;
  background-color: #002269;
  padding: 16px;
}
@media screen and (min-width: 768px) {
  .downloadteaser__item {
    padding: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .downloadteaser__item {
    padding: 32px;
  }
}
.downloadteaser__item + .downloadteaser__item {
  margin-top: 24px;
}
@media screen and (min-width: 1200px) {
  .downloadteaser__item + .downloadteaser__item {
    margin-top: 0;
  }
}
.downloadteaser__image {
  height: 127px;
  width: 90px;
  float: left;
  background-size: cover;
  margin-right: 16px;
}
@media screen and (min-width: 768px) {
  .downloadteaser__image {
    margin-right: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .downloadteaser__image {
    height: 210px;
    width: 150px;
  }
}
.downloadteaser__clearfix {
  clear: both;
  display: block;
}
@media screen and (min-width: 768px) {
  .downloadteaser__clearfix {
    display: none;
  }
}
.downloadteaser__button {
  padding: 8px 16px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 14px;
  line-height: 17px;
  font-weight: 700;
  width: max-content;
  margin: 24px auto 0;
  display: block;
  transition: all 0.5s ease;
}
@media screen and (min-width: 768px) {
  .downloadteaser__button {
    margin: 0;
    display: flex;
    align-items: center;
  }
}
.downloadteaser__button::after {
  display: none;
}
.downloadteaser__button::before {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e809";
  font-size: 16px;
  margin-right: 8px;
}
@media screen and (min-width: 1200px) {
  .downloadteaser__button::before {
    font-size: 24px;
  }
}
.downloadteaser__button:hover {
  background-color: #fff;
  color: #002269;
}
.downloadteaser__headline {
  font-size: 20px;
  line-height: 120%;
  font-weight: 500;
  color: #fff;
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .downloadteaser__headline {
    margin-bottom: 24px;
  }
}
.downloadteaser__text {
  font-size: 16px;
  line-height: 135%;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .downloadteaser__text {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .downloadteaser__text {
    font-size: 18px;
  }
}

.infobox {
  transform: translateX(-16px);
  width: calc(100% + 32px);
  background-color: #e5e9f0;
  padding: 32px 24px;
  margin: 32px 0;
}
@media screen and (min-width: 768px) {
  .infobox {
    transform: none;
    width: 100%;
    padding: 24px 16px;
  }
}
@media screen and (min-width: 1200px) {
  .infobox {
    padding: 32px 48px;
  }
}
.infobox .paragraph {
  color: #002269;
  margin-bottom: 0;
}

.iconteaser {
  transform: translateX(-16px);
  width: calc(100% + 32px);
  margin-top: 16px;
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .iconteaser {
    transform: none;
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .iconteaser {
    transform: translate(-50%, 0px);
    width: 1200px;
    left: 50%;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 24px 24px;
  }
}
.iconteaser__item {
  background-color: #e5e9f0;
  padding: 40px 16px 32px 16px;
}
@media screen and (min-width: 1200px) {
  .iconteaser__item {
    text-align: center;
  }
}
.iconteaser__item + .iconteaser__item {
  margin-top: 24px;
}
@media screen and (min-width: 1200px) {
  .iconteaser__item + .iconteaser__item {
    margin: 0;
  }
}
.iconteaser__headline {
  display: inline-block;
  font-size: 18px;
  line-height: 130%;
  font-weight: 500;
  color: #002269;
  margin: 0;
  margin-left: 10px;
}
@media screen and (min-width: 1200px) {
  .iconteaser__headline {
    margin: 0;
  }
}
.iconteaser__text {
  font-size: 16px;
  line-height: 135%;
  margin-top: 16px;
  color: #002269;
  margin-bottom: 0;
}
@media screen and (min-width: 1200px) {
  .iconteaser__text {
    text-align: left;
  }
}
.iconteaser__image {
  display: inline-block;
  width: 64px;
}
@media screen and (min-width: 1200px) {
  .iconteaser__image {
    width: 80px;
    height: 80px;
    margin-bottom: 8px;
  }
}

.supervisory-board {
  margin-top: 72px;
}
@media screen and (min-width: 768px) {
  .supervisory-board {
    margin-top: 57px;
  }
}
@media screen and (min-width: 1440px) {
  .supervisory-board {
    margin-top: 73px;
  }
}
.supervisory-board-navigation {
  columns: 2;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .supervisory-board-navigation {
    columns: 3;
  }
}
.supervisory-board-navigation__item {
  font-size: 16px;
  line-height: 135%;
  color: #002269;
  border-left: 4px solid #002269;
  padding-left: 8px;
  margin-bottom: 4px;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .supervisory-board-navigation__item {
    margin-bottom: 8px;
  }
}
.supervisory-board-navigation__item--active {
  color: #c1c2c2;
  border-color: #c1c2c2;
}
.supervisory-board-navigation__item:hover {
  color: #0057b8;
  border-color: #0057b8;
}
.supervisory-board-items {
  position: relative;
}
.supervisory-board-items__element {
  z-index: 1;
  background-color: #fff;
  opacity: 0;
  transition: opacity 0.5s ease;
  transition-delay: 0.5s;
  display: none;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .supervisory-board-items__element {
    flex-direction: row;
    display: flex;
    position: absolute;
    top: 0;
  }
}
.supervisory-board-items__element--active {
  z-index: 3;
  opacity: 1;
  transition-delay: 0s;
  display: flex;
}
.supervisory-board-items__element:first-child {
  position: relative;
}
.supervisory-board-items__content,
.supervisory-board-items__name,
.supervisory-board-items__footnotes {
  opacity: 0;
  transition: all 0.5s ease;
  transition-delay: 0.5s;
}
.supervisory-board-items__element--active .supervisory-board-items__content,
.supervisory-board-items__element--active .supervisory-board-items__name,
.supervisory-board-items__element--active .supervisory-board-items__footnotes {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .supervisory-board-items__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }
}
.supervisory-board-items__image {
  width: calc(100% - 46px);
  margin-left: 46px;
  z-index: 4;
  position: relative;
}
@media screen and (min-width: 1200px) {
  .supervisory-board-items__image {
    width: 100%;
    margin: 0;
  }
}
.supervisory-board-items__image-blue {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: calc(100% - 18px);
  width: calc(100% - 46px);
  background: linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.2),
      rgba(255, 255, 255, 0.2)
    ),
    #002269;
  z-index: 3;
  margin-left: 28px;
}
@media screen and (min-width: 1200px) {
  .supervisory-board-items__image-blue {
    width: 100%;
    height: calc(100% - 24px);
    transform: translate(-32px, -50%);
    margin: 0;
  }
}
.supervisory-board-items__image-wrapper {
  position: relative;
}
@media screen and (min-width: 768px) {
  .supervisory-board-items__image-wrapper {
    min-width: 50%;
    max-width: 50%;
    width: 50%;
    margin-right: 24px;
  }
}
.supervisory-board-items__image-wrapper::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: calc(100% - 34px);
  width: calc(100% - 46px);
  background: linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.4),
      rgba(255, 255, 255, 0.4)
    ),
    #002269;
  z-index: 2;
  margin-left: 8px;
}
@media screen and (min-width: 1200px) {
  .supervisory-board-items__image-wrapper::before {
    width: 100%;
    height: calc(100% - 48px);
    transform: translate(-52px, -50%);
    margin: 0;
  }
}
.supervisory-board-items__image-wrapper::after {
  position: absolute;
  content: "";
  height: calc(100% - 70px);
  width: calc(100% - 46px);
  top: 50%;
  transform: translateY(-50%);
  background: linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.6),
      rgba(255, 255, 255, 0.6)
    ),
    #002269;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  .supervisory-board-items__image-wrapper::after {
    width: 100%;
    height: calc(100% - 96px);
    transform: translate(-63px, -50%);
    margin: 0;
  }
}
.supervisory-board-items__navigation {
  display: flex;
  margin-top: 16px;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .supervisory-board-items__navigation {
    display: none;
  }
}
.supervisory-board-items__navigation-element {
  font-size: 24px;
  color: #002269;
  cursor: pointer;
}
.supervisory-board-items__navigation-element--prev {
  margin-right: 16px;
}
.supervisory-board-items__navigation-element--prev::before {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e810";
}
.supervisory-board-items__navigation-element--next::before {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e800";
}
.supervisory-board-items__name {
  color: #002269;
  margin: 24px 0;
}
.supervisory-board-items__position {
  font-weight: 700;
  margin-bottom: 16px;
  color: #505050;
  font-size: 16px;
  line-height: 135%;
}
.supervisory-board-items__description {
  font-size: 16px;
  line-height: 135%;
}
.supervisory-board-items__footnotes {
  margin-top: 16px;
  font-size: 12px;
  line-height: 130%;
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 16px;
}
@media screen and (min-width: 768px) {
  .supervisory-board-items__footnotes {
    position: absolute;
    bottom: 0;
  }
}
.supervisory-board-items__footnotes li::marker {
  display: none;
}
.supervisory-board-items__footnotes li::before {
  color: #505050;
  font-size: 12px;
  line-height: 130%;
  font-weight: 400;
  content: "*";
  margin-left: -16px;
}

/* set dot (inside grid) colors */
/* set filter button colors (default, active and hover state) */
@keyframes showscroll {
  0% {
    transform: translateX(-16px);
    width: calc(100% + 32px);
  }
  50% {
    transform: translateX(-80px);
    width: calc(100% + 100px);
  }
  100% {
    transform: translateX(-16px);
    width: calc(100% + 32px);
  }
}
.materiality-matrix {
  overflow: auto;
  padding: 60px 0 0px 30px;
  margin-bottom: 90px;
  width: calc(100% + 32px);
  transform: translateX(-16px);
  z-index: 1;
  position: relative;
  display: flex;
  flex-direction: column;
}
.materiality-matrix.materiality-matrix--animated {
  animation-name: showscroll;
  animation-duration: 2s;
  animation-delay: 2s;
  animation-iteration-count: 1;
}
@media screen and (min-width: 840px) {
  .materiality-matrix {
    overflow: visible;
    margin: 60px auto 90px 30px;
    padding: 0;
  }
  .materiality-matrix.materiality-matrix--animated {
    animation-name: none;
  }
}
@media screen and (min-width: 1025px) {
  .materiality-matrix {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 768px) {
  .materiality-matrix {
    margin-left: 62px;
  }
}
.materiality-matrix__main-headline {
  color: #505050;
  font-size: 21px;
  line-height: 32px;
  margin-bottom: 9px;
}
.materiality-matrix__inner {
  width: calc(731px + 0px);
  height: calc(731px + 0px);
  padding: 0 0 0px 0px;
  position: relative;
  margin-bottom: 46px;
}
@media screen and (min-width: 768px) {
  .materiality-matrix__inner {
    margin-bottom: 59px;
  }
}
.materiality-matrix__grid {
  height: 100%;
  width: 100%;
  border: 1px solid #b2b8c4;
  position: relative;
}
.materiality-matrix__grid-line {
  border: 1px solid #b2b8c4;
}
.materiality-matrix__grid-line--x {
  border-width: 1px 0px;
  height: 364px;
  width: 100%;
  position: absolute;
  top: 182.5px;
}
.materiality-matrix__grid-line--x::before {
  content: "";
  top: 182.5px;
  background-color: #b2b8c4;
  height: 1px;
  width: 100%;
  position: absolute;
}
.materiality-matrix__grid-line--y {
  border-width: 0px 1px;
  width: 364px;
  height: 100%;
  position: absolute;
  left: 181.5px;
}
.materiality-matrix__grid-line--y::before {
  content: "";
  left: 181.5px;
  background-color: #b2b8c4;
  height: 100%;
  width: 1px;
  position: absolute;
}
.materiality-matrix__data-points {
  position: absolute;
  top: 0;
  left: 0px;
  right: 0;
  bottom: 0px;
}
.materiality-matrix .footnote {
  color: #505050;
  margin-top: 25px;
}

/* DATA POINTS */
.materiality-matrix-data-point {
  position: absolute;
  transition: opacity 0.2s ease-in;
}
.materiality-matrix-data-point--is-active {
  z-index: 1;
}
.materiality-matrix-data-point--is-inactive {
  opacity: 0.3;
  pointer-events: none;
}
.materiality-matrix-data-point__dot {
  height: 24px;
  width: 24px;
  position: absolute;
  border-radius: 50%;
}
.dot-color-1 .materiality-matrix-data-point__dot {
  background-color: #78be20;
}
.dot-color-2 .materiality-matrix-data-point__dot {
  background-color: #ff8200;
}
.dot-color-3 .materiality-matrix-data-point__dot {
  background-color: #00afd7;
}
.dot-color-4 .materiality-matrix-data-point__dot {
  background-color: #002269;
}
.dot-color-5 .materiality-matrix-data-point__dot {
  background-color: #ffd200;
}
.dot-color-3 .materiality-matrix-data-point__dot {
  border-radius: 0;
  width: 0;
  height: 0;
  background-color: transparent;
  border-left: 24px solid transparent;
  border-right: 24px solid transparent;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 20px solid #00afd7;
}
.dot-color-2 .materiality-matrix-data-point__dot {
  border-radius: 0;
}
.dot-color-3 .materiality-matrix-data-point__dot::before {
  display: none;
}
.dot-color-4 .materiality-matrix-data-point__dot {
  background-color: transparent;
  height: 17px;
  width: 17px;
}
.dot-color-4 .materiality-matrix-data-point__dot:hover::before {
  transform: rotate(45deg);
}
.dot-color-4 .materiality-matrix-data-point__dot::before {
  transform: rotate(45deg);
  background-color: red;
  border-radius: 0;
  background-color: #002269;
}
.materiality-matrix-data-point__dot::before {
  content: "";
  height: 100%;
  width: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid;
  transform: scale(1);
  transition: all 0.2s ease-in;
}
.dot-color-1 .materiality-matrix-data-point__dot::before {
  color: #78be20;
}
.dot-color-2 .materiality-matrix-data-point__dot::before {
  color: #ff8200;
}
.dot-color-3 .materiality-matrix-data-point__dot::before {
  color: #00afd7;
}
.dot-color-4 .materiality-matrix-data-point__dot::before {
  color: #002269;
}
.dot-color-5 .materiality-matrix-data-point__dot::before {
  color: #ffd200;
}
.materiality-matrix-data-point__dot::after {
  content: "";
  opacity: 0;
  transition: opacity 0.2s ease-in;
  position: absolute;
  background: #fff;
  margin: 10px auto;
  border: 1px solid #000;
  width: 20px;
  height: 20px;
  transform: rotate(-45deg) skew(20deg, 20deg);
  bottom: 30px;
  left: 2px;
  z-index: 3;
  pointer-events: none;
}
.tooltip-bottom .materiality-matrix-data-point__dot::after {
  transform: translateX(-50%) rotate(180deg);
  top: calc(100% + 11px);
  bottom: auto;
}
.dot-color-1 .materiality-matrix-data-point__dot::after {
  border-color: transparent transparent #78be20 #78be20;
}
.dot-color-2 .materiality-matrix-data-point__dot::after {
  border-color: transparent transparent #ff8200 #ff8200;
}
.dot-color-3 .materiality-matrix-data-point__dot::after {
  border-color: transparent transparent #00afd7 #00afd7;
}
.dot-color-4 .materiality-matrix-data-point__dot::after {
  border-color: transparent transparent #002269 #002269;
}
.dot-color-5 .materiality-matrix-data-point__dot::after {
  border-color: transparent transparent #ffd200 #ffd200;
}
.active .materiality-matrix-data-point__dot::after {
  opacity: 1;
}
.materiality-matrix-data-point__text {
  position: absolute;
  top: 19px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 123px;
  opacity: 1;
  transition: opacity 0.2s ease;
}
.dot-color-1 .materiality-matrix-data-point__text {
  color: #78be20;
}
.dot-color-2 .materiality-matrix-data-point__text {
  color: #ff8200;
}
.dot-color-3 .materiality-matrix-data-point__text {
  color: #00afd7;
}
.dot-color-4 .materiality-matrix-data-point__text {
  color: #002269;
}
.dot-color-5 .materiality-matrix-data-point__text {
  color: #ffd200;
}
.materiality-matrix-data-point__text--top,
.materiality-matrix-data-point__text--top-left,
.materiality-matrix-data-point__text--top-right {
  top: auto;
  bottom: 100%;
}
.materiality-matrix-data-point__text--left,
.materiality-matrix-data-point__text--top-left {
  right: 0;
  transform: none;
  text-align: right;
  left: auto;
}
.materiality-matrix-data-point__text--right,
.materiality-matrix-data-point__text--top-right {
  left: 0;
  transform: none;
  text-align: left;
}
.materiality-matrix-data-point--is-inactive
  .materiality-matrix-data-point__text {
  opacity: 0;
}
.materiality-matrix-data-point__dot-grid {
  position: absolute;
  display: block;
  background: #464650;
  opacity: 0;
  transition: opacity 0.2s ease-in;
  pointer-events: none;
  z-index: -1;
  display: none;
}
.materiality-matrix-data-point--is-active
  .materiality-matrix-data-point__dot-grid,
.materiality-matrix-data-point__dot:hover
  .materiality-matrix-data-point__dot-grid {
  opacity: 1;
}
.materiality-matrix-data-point__dot-grid--x {
  height: 1px;
  width: 731px;
}
.materiality-matrix-data-point__dot-grid--y {
  height: 731px;
  width: 1px;
}

/* TOOLTIP */
.materiality-matrix-tooltip {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 249px;
  background: #fff;
  padding: 24px;
  color: #fff;
  bottom: 25px;
  left: calc(50% + 12px);
  transform: translateX(-50%);
  transition: opacity 0.2s ease-in;
  z-index: 2;
  box-shadow: 0px 0px 6px rgba(30, 30, 30, 0.2);
}
.materiality-matrix-data-point--is-active .materiality-matrix-tooltip {
  opacity: 1;
  pointer-events: all;
}
.materiality-matrix-tooltip__headline {
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 150%;
}
.dot-color-1 .materiality-matrix-tooltip__headline {
  color: #78be20;
}
.dot-color-2 .materiality-matrix-tooltip__headline {
  color: #ff8200;
}
.dot-color-3 .materiality-matrix-tooltip__headline {
  color: #00afd7;
}
.dot-color-4 .materiality-matrix-tooltip__headline {
  color: #002269;
}
.dot-color-5 .materiality-matrix-tooltip__headline {
  color: #ffd200;
}
.materiality-matrix-tooltip__close-btn {
  display: none;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 7px;
  right: 7px;
}
.dot-color-1 .materiality-matrix-tooltip__close-btn {
  color: #78be20;
}
.dot-color-2 .materiality-matrix-tooltip__close-btn {
  color: #ff8200;
}
.dot-color-3 .materiality-matrix-tooltip__close-btn {
  color: #00afd7;
}
.dot-color-4 .materiality-matrix-tooltip__close-btn {
  color: #002269;
}
.dot-color-5 .materiality-matrix-tooltip__close-btn {
  color: #ffd200;
}
.materiality-matrix-tooltip__close-btn::before {
  content: "x";
}
.materiality-matrix-tooltip__close-btn:hover {
  cursor: pointer;
  opacity: 0.8;
}
.materiality-matrix-tooltip__paragraph {
  font-size: 18px;
  line-height: 150%;
  margin-bottom: 0;
  color: #505050;
}
.materiality-matrix-tooltip--align-right {
  right: -24px;
  transform: none;
  left: auto;
}
.materiality-matrix-tooltip--align-left {
  left: -24px;
  transform: none;
}
.materiality-matrix-tooltip--align-bottom {
  top: calc(100% + 24px + 25px);
  bottom: auto;
}

/* CATEGORY OVERVIEW */
.materiality-matrix-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: calc(731px + 0px);
  order: 2;
}
.materiality-matrix-filter__text {
  display: block;
  width: 100%;
  font-size: 16px;
  color: #505050;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 130%;
  font-weight: 500;
}
.materiality-matrix-filter__reset-button {
  position: relative;
  font-size: 14px;
  color: #505050;
}
.materiality-matrix-filter__reset-button:hover {
  color: #9f9fab;
  border-color: #9f9fab;
}
.materiality-matrix-filter__reset-button-text {
  display: block;
  padding: 14px;
}
.materiality-matrix-filter__buttons-container {
  display: flex;
  flex-grow: 2;
}
.materiality-matrix-filter__item {
  position: relative;
  font-size: 16px;
  line-height: 150%;
  color: #505050;
  padding: 10px 10px 10px 17px;
  margin-bottom: 20px;
}
.materiality-matrix-filter__buttons-container--is-active
  .materiality-matrix-filter__item {
  opacity: 0.4;
}
.materiality-matrix-filter__buttons-container--is-active
  .materiality-matrix-filter__item.category--is-active {
  opacity: 1;
}
.materiality-matrix-filter__item::before {
  content: "";
  left: 0px;
  width: 12px;
  height: 12px;
  position: absolute;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
.dot-color-1 .materiality-matrix-filter__item::before {
  background-color: #78be20;
}
.dot-color-2 .materiality-matrix-filter__item::before {
  background-color: #ff8200;
}
.dot-color-3 .materiality-matrix-filter__item::before {
  background-color: #00afd7;
}
.dot-color-4 .materiality-matrix-filter__item::before {
  background-color: #002269;
}
.dot-color-5 .materiality-matrix-filter__item::before {
  background-color: #ffd200;
}
.materiality-matrix-filter__item--1::before {
  background: #78be20;
}
.materiality-matrix-filter__item--1:not(.category--is-active):hover {
  border-color: #78be20;
}
.materiality-matrix-filter__item--1::before {
  margin-top: -1px;
}
.materiality-matrix-filter__item--2::before {
  background: #ff8200;
}
.materiality-matrix-filter__item--2:not(.category--is-active):hover {
  border-color: #ff8200;
}
.materiality-matrix-filter__item--2::before {
  border-radius: 0;
  margin-top: -1px;
}
.materiality-matrix-filter__item--3::before {
  background: #00afd7;
}
.materiality-matrix-filter__item--3:not(.category--is-active):hover {
  border-color: #00afd7;
}
.materiality-matrix-filter__item--3::before {
  border-radius: 0;
  width: 0;
  height: 0;
  background-color: transparent;
  border-left: 24px solid transparent;
  border-right: 24px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 10px solid #00afd7;
}
.materiality-matrix-filter__item--4::before {
  background: #002269;
}
.materiality-matrix-filter__item--4:not(.category--is-active):hover {
  border-color: #002269;
}
.materiality-matrix-filter__item--4::before {
  transform: rotate(45deg) translateY(-50%);
  border-radius: 0;
  width: 8px;
  height: 8px;
  margin-top: -2px;
}
.materiality-matrix-filter__item--5::before {
  background: #ffd200;
}
.materiality-matrix-filter__item--5:not(.category--is-active):hover {
  border-color: #ffd200;
}
.materiality-matrix-filter__item + .materiality-matrix-filter__item {
  margin-left: 10px;
}

/* axes */
.materiality-matrix-axis {
  display: flex;
  position: absolute;
  height: 0px;
  pointer-events: none;
  white-space: nowrap;
  border-left: 4px solid #b2b8c4;
  /*
    &__indicator:nth-of-type(1) {
        width: 98px;
    }

    &__indicator:nth-of-type(2) {
        width: 305px;
    }
    */
}
.materiality-matrix-axis--x {
  right: 0;
  bottom: 0;
  left: 0px;
  border-left: 4px solid #b2b8c4;
}
.materiality-matrix-axis--y {
  align-items: flex-end;
  bottom: 0px;
  left: 0;
  -webkit-transform: translateY(100%) rotate(-90deg);
  transform: translateY(100%) rotate(-90deg);
  -webkit-transform-origin: top left;
  transform-origin: top left;
  width: 731px;
}
.materiality-matrix-axis__title {
  align-self: flex-start;
  padding: 2px 5px 0px;
  color: #505050;
  font-size: 20px;
  line-height: 130%;
  font-weight: 500;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.materiality-matrix-axis__title--x {
  align-self: flex-end;
  transform: translateX(-50%) translateY(-10px);
}
@media screen and (min-width: 840px) {
  .materiality-matrix-axis__title--x {
    transform: translateX(-50%) translateY(-10px);
  }
}
.materiality-matrix-axis__title--y {
  transform: translateX(-50%) translateY(38px);
}
@media screen and (min-width: 840px) {
  .materiality-matrix-axis__title--y {
    transform: translateX(-50%) translateY(38px);
  }
}
.materiality-matrix-axis__indicators {
  display: flex;
  position: absolute;
  right: 0;
  left: 0;
  padding: 0;
  margin: 0;
  justify-content: space-between;
}
.materiality-matrix-axis__indicator {
  width: auto;
  padding: 2px 5px;
  font-size: 16px;
  line-height: 19px;
  color: #505050;
}
.materiality-matrix-axis__indicator::before {
  display: none;
}
.materiality-matrix-axis__indicator + .materiality-matrix-axis__indicator {
  margin: 0;
}

.home-hero {
  position: relative;
  background-size: cover;
  overflow: hidden;
}
.home-hero::before {
}

.home-hero p {
  font-size: 20px;
  line-height: 144%;
  color: #505050;
  max-width: 792px;
  margin-bottom: 16px;
}

@media screen and (min-width: 1200px) {
  .home-hero p {
    font-size: 24px;
    margin-bottom: 24px;
  }
}

.home-hero__main-wrapper {
  position: relative;
  padding: 39px 16px 32px;
}
@media screen and (min-width: 768px) {
  .home-hero__main-wrapper {
    padding-top: 188px;
  }
}
@media screen and (min-width: 1440px) {
  .home-hero__main-wrapper {
    padding-top: 96px;
    justify-content: center;
    max-width: 824px;
    margin: 0 auto;
  }
}
.home-hero__headline {
  font-size: 24px;
  line-height: 120%;
  font-weight: 700;
  margin-bottom: 24px;
  color: #002269;
  z-index: 2;
  position: relative;
}
@media screen and (min-width: 768px) {
  .home-hero__headline {
    margin-top: 50px;
    font-size: 32px;
    line-height: 125%;
    margin-bottom: 8px;
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1440px) {
  .home-hero__headline {
    margin-top: 0;
  }
}
.home-hero__bold {
  font-size: 56px;
  line-height: 125%;
  display: block;
  font-weight: 700;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .home-hero__bold {
    font-size: 72px;
    line-height: 100%;
  }
}
.home-hero__button-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.home-hero__button {
  display: none !important;
  padding: 8px 16px;
  background-color: #fff;
  font-size: 14px;
  line-height: 17px;
  font-weight: 700;
  color: #002269;
  display: block;
  z-index: 2;
  position: relative;
}
@media screen and (min-width: 768px) {
  .home-hero__button {
    font-size: 16px;
    line-height: 20px;
  }
}

.home-hero__button-corporate {
  padding: 8px 16px;
  background-color: #fff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #002269;
  display: inline-block;
  z-index: 2;
  position: relative;
  border: 1px solid #002269;
}

@media screen and (min-width: 768px) {
  .home-hero__button-corporate {
    font-size: 16px;
    line-height: 20px;
  }
}

.home-hero__button--tab--active,
.home-hero__button:hover,
.home-hero__button-corporate:hover {
  color: #fff;
  background-color: #002269;
}
.home-hero__button:hover {
  background-color: #0057b8;
}
.home-hero__button::before {
  content: "";
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  font-size: 16px;
  margin-right: 8px;
}
.home-hero__button--tab::before {
  content: "\e812";
}
.home-hero__button--figures {
  order: 3;
  margin-top: 16px;
}
.home-hero__button--figures::before {
  content: "\e809";
}
@media screen and (min-width: 768px) {
  .home-hero__button--figures {
    margin-top: 0;
    margin-left: 16px;
    order: 2;
  }
}
.home-hero__button--downloads {
  order: 2;
  margin-left: 16px;
}
.home-hero__button--downloads::before {
  content: "\e809";
}
@media screen and (min-width: 768px) {
  .home-hero__button--downloads {
    order: 3;
  }
}
.home-hero__scroller {
  font-size: 14px;
  line-height: 125%;
  text-transform: uppercase;
  font-weight: 500;
  color: #fff;
  z-index: 2;
  position: relative;
  margin-top: 96px;
}
@media screen and (min-width: 768px) {
  .home-hero__scroller {
    position: absolute;
    left: 24px;
    bottom: 40px;
    display: flex;
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 1440px) {
  .home-hero__scroller {
    font-size: 16px;
    line-height: 152%;
  }
}
.home-hero__scroller::before {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e821";
  font-size: 16px;
  margin-right: 8px;
  animation-name: arrow;
  transition: all 0.5s ease;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
@media screen and (min-width: 768px) {
  .home-hero__scroller::before {
    margin-top: 8px;
  }
}
.home-hero__scroller:hover::before {
  animation: none;
  transform: translateY(8px);
}
.home-hero__tab-wrapper {
  display: none !important;
  position: absolute;
  width: calc(100% - 12px);
  height: calc(100% - 40px);
  top: 20px;
  padding: 72px 20px 20px;
  left: 12px;
  transform: translateX(100%);
  background-color: #fff;
  transition: all 0.5s ease;
  z-index: 2;
  box-shadow: 0px 0px 12px rgba(0, 34, 105, 0.3);
}
@media screen and (min-width: 768px) {
  .home-hero__tab-wrapper {
    height: max-content;
    width: 396px;
    right: 0;
    left: auto;
    bottom: calc(50vh - 189px);
    top: auto;
    padding: 40px 24px;
  }
}
@media screen and (min-width: 1440px) {
  .home-hero__tab-wrapper {
    width: 630px;
    top: 50%;
    transform: translate(100%, -50%);
    display: flex;
    padding: 24px;
  }
}
.home-hero__tab-wrapper--active {
  transform: none;
}
@media screen and (min-width: 1440px) {
  .home-hero__tab-wrapper--active {
    transform: translate(0%, -50%);
  }
}
.home-hero__close-wrapper {
  position: absolute;
  right: 20px;
  top: 20px;
  color: #002269;
  font-size: 24px;
}
.home-hero__close-wrapper::before {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e803";
}
@media screen and (min-width: 768px) {
  .home-hero__close-wrapper {
    display: none;
  }
}
.home-hero__tabs {
  display: flex;
  margin-bottom: 32px;
}
@media screen and (min-width: 1440px) {
  .home-hero__tabs {
    display: flex;
    margin-right: 24px;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 0;
  }
}
.home-hero__tab {
  color: #c1c2c2;
  text-align: center;
  font-size: 14px;
  line-height: 125%;
  text-transform: uppercase;
  font-weight: 500;
  cursor: pointer;
}
.home-hero__tab:hover {
  color: #0057b8;
}
.home-hero__tab + .home-hero__tab {
  margin-left: 45px;
}
@media screen and (min-width: 1440px) {
  .home-hero__tab + .home-hero__tab {
    margin: 0;
  }
}
.home-hero__tab--active {
  color: #002269;
}
.home-hero__tab::before {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  font-size: 36px;
  margin-bottom: 17px;
  display: block;
}
.home-hero__tab--hand::before {
  content: "\e800";
}
.home-hero__tab--world::before {
  content: "\e81e";
}
.home-hero__tab--graph::before {
  content: "\e800";
}
.home-hero__content {
  display: none;
}
.home-hero__content--active {
  display: block;
}

@keyframes arrow {
  from {
    transform: none;
  }
  to {
    transform: translateY(8px);
  }
}
.home-person {
  padding: 136px 16px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .home-person {
    padding: 240px 24px;
  }
}
@media screen and (min-width: 1440px) {
  .home-person {
    max-width: 798px;
    padding: 184px 0;
    margin: 0 auto;
  }
}
.home-person__polygon {
  position: absolute;
  top: -169px;
  height: 426px;
  left: -300px;
  transform: rotate(205deg);
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .home-person__polygon {
    position: absolute;
    top: -400px;
    height: 700px;
    left: -256px;
    transform: rotate(209deg);
    z-index: -1;
  }
}
@media screen and (min-width: 1440px) {
  .home-person__polygon {
    top: -55px;
    height: 700px;
    left: -784px;
    position: absolute;
    top: -74px;
    height: 700px;
    left: -782px;
    transform: rotate(209deg);
    z-index: -1;
  }
}
.home-person__headline {
  font-size: 32px;
  line-height: 125%;
  font-weight: 700;
  color: #002269;
  margin-bottom: 32px;
}
@media screen and (min-width: 768px) {
  .home-person__headline {
    font-size: 40px;
    line-height: 125%;
  }
}
@media screen and (min-width: 1440px) {
  .home-person__headline {
    transform: translateX(-100px);
    font-size: 48px;
    line-height: 125%;
  }
}
@media screen and (min-width: 768px) {
  .home-person__headline {
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 1440px) {
  .home-person__headline {
    margin-bottom: 64px;
  }
}
.home-person__text {
  padding: 24px 16px 0;
  position: relative;
  font-size: 28px;
  line-height: 120%;
  font-weight: 700;
  color: #002269;
  width: calc(100% + 32px);
  transform: translateX(-16px);
}
@media screen and (min-width: 768px) {
  .home-person__text {
    width: 100%;
    transform: none;
    padding: 40px 0 0 148px;
    font-size: 32px;
    line-height: 125%;
  }
}
@media screen and (min-width: 1440px) {
  .home-person__text {
    padding: 57px 0 0 200px;
  }
}
.home-person__text::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #e5e9f0;
  z-index: -1;
  height: 100%;
  width: 78px;
}
@media screen and (min-width: 768px) {
  .home-person__text::before {
    left: 22px;
  }
}
@media screen and (min-width: 1440px) {
  .home-person__text::before {
    left: 60px;
  }
}
.home-person__link {
  margin-top: 28px;
  font-size: 14px;
  line-height: 17px;
  font-weight: 700;
  color: #002269;
  display: block;
}
@media screen and (min-width: 768px) {
  .home-person__link {
    margin-left: 148px;
  }
}
@media screen and (min-width: 1440px) {
  .home-person__link {
    margin-left: 200px;
    margin-top: 36px;
    font-size: 16px;
    line-height: 20px;
  }
}
.home-person__link::after {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e800";
  margin-left: 8px;
  transition: all 0.5s ease;
}
.home-person__link:hover {
  color: #0057b8;
}
.home-person__link:hover::after {
  margin-left: 12px;
}
.home-person__wrapper {
  height: 430px;
  background-size: cover;
  background-position: center;
  position: relative;
  width: calc(100% + 32px);
  transform: translateX(-16px);
}
@media screen and (min-width: 768px) {
  .home-person__wrapper {
    width: 100%;
    transform: none;
    height: 395px;
  }
}
@media screen and (min-width: 1440px) {
  .home-person__wrapper {
    height: 434px;
  }
}
.home-person__content {
  opacity: 0;
  overflow: hidden;
  height: 0px;
}
.home-person--in-view .home-person__content {
  height: auto;
  opacity: 1;
  transition: all 0.5s;
  transition-delay: 0.5s;
}
.home-person--in-view .person__banner--right .home-person__content {
  transition-delay: 1.5s;
  padding: 0 16px;
}
.home-person__banner {
  position: absolute;
  bottom: 16px;
  background-color: #c20430;
  color: #fff;
  padding: 19px 16px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  transition: 0.5s linear all;
  width: 0;
  align-items: center;
  height: 78px;
}
@media screen and (min-width: 768px) {
  .home-person__banner {
    bottom: 24px;
  }
}
.home-person__banner--left {
  left: 0;
}
.home-person--in-view .home-person__banner--left {
  width: calc(100% - 96px);
}
@media screen and (min-width: 768px) {
  .home-person--in-view .home-person__banner--left {
    width: 50%;
  }
}
.home-person__banner--left::after {
  content: "";
  background: #c20430;
  clip-path: polygon(0 0, 0% 100%, 100% 0);
  width: 78px;
  height: 100%;
  display: block;
  position: absolute;
  left: calc(100% - 1px);
  top: 0;
}
@media screen and (min-width: 768px) {
  .home-person__banner--left {
    padding: 14px 33px 14px 64px;
  }
}
@media screen and (min-width: 1200px) {
  .home-person__banner--left {
    padding: 9px 33px 9px 64px;
  }
}
.home-person__banner--right {
  left: 78px;
  height: 78px;
  width: 0;
  transition-delay: 1s;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .home-person__banner--right {
    left: 100px;
  }
}
.home-person--in-view .home-person__banner--right {
  width: calc(100% - 140px);
  padding: 0 16px;
}
@media screen and (min-width: 768px) {
  .home-person--in-view .home-person__banner--right {
    width: calc(100% - 230px);
    padding: 14px 24px;
  }
}
@media screen and (min-width: 1200px) {
  .home-person--in-view .home-person__banner--right {
    width: calc(100% - 268px);
  }
}
@media screen and (min-width: 768px) {
  .home-person__banner--right {
    right: 130px;
  }
}
@media screen and (min-width: 1200px) {
  .home-person__banner--right {
    left: 138px;
  }
}
.home-person__banner--right::after {
  content: "";
  background: #940b23;
  clip-path: polygon(0 100%, 100% 100%, 100% 0);
  width: 78px;
  height: 0;
  display: block;
  position: absolute;
  right: 100%;
  bottom: 0;
  transition: all 0.5s;
  transition-delay: 0.5s;
}
@media screen and (min-width: 768px) {
  .home-person__banner--right::after {
    bottom: 0;
    clip-path: polygon(0 102%, 102% 102%, 102% 0);
  }
}
.home-person--in-view .home-person__banner--right::after {
  height: 79px;
}
.home-person__banner--right::before {
  content: "";
  background: #002269;
  width: 78px;
  height: 0px;
  display: block;
  position: absolute;
  bottom: -16px;
  right: 100%;
  transition: all 0.5s;
}
@media screen and (min-width: 768px) {
  .home-person__banner--right::before {
    bottom: -23px;
  }
}
.home-person--in-view .home-person__banner--right::before {
  height: 16px;
}
@media screen and (min-width: 768px) {
  .home-person--in-view .home-person__banner--right::before {
    height: 23px;
    bottom: -23px;
  }
}
.home-person__name {
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  margin-bottom: 0;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .home-person__name {
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 4px;
  }
}
.home-person__position {
  font-size: 14px;
  line-height: 120%;
  color: #fff;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .home-person__position {
    font-size: 16px;
    line-height: 135%;
  }
}
.home-person__icon::after {
  content: "";
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  color: #fff;
  font-size: 40px;
  margin-right: 9px;
}
@media screen and (min-width: 768px) {
  .home-person__icon::after {
    margin-right: 97px;
  }
}
.home-person__icon--play::after {
  content: "\e815";
}
.home-person__caption {
  display: none;
}
.home-person .plyr {
  height: 100%;
}
.home-person .plyr__controls {
  display: none;
}
.home-person .plyr__control--overlaid {
  bottom: 16px;
  top: auto;
  left: calc(100% - 65px);
  background-color: #c20430;
  border-radius: 0;
  transform: none;
  width: 0px;
  height: 78px;
  opacity: 1;
  transition: all 0.5s;
  transition-delay: 1.5s;
  padding: 0;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .home-person .plyr__control--overlaid {
    bottom: 24px;
    left: calc(100% - 130px);
  }
}
.home-person .plyr__control--overlaid:hover {
  background-color: #c20430;
}
.home-person .plyr__control--overlaid::before {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e815";
  color: #fff;
  font-size: 40px;
  margin-right: 9px;
  opacity: 0;
  transition: opacity 0.5s;
  transition-delay: 2s;
}
@media screen and (min-width: 768px) {
  .home-person .plyr__control--overlaid::before {
    margin-right: 97px;
  }
}
.home-person .plyr__control--overlaid svg {
  display: none;
}
.home-person .plyr--playing .plyr__control--overlaid {
  opacity: 1;
  visibility: visible;
}
.home-person .plyr--playing .plyr__control--overlaid::before {
  content: "\e814";
}

.home-person--in-view .plyr__control--overlaid {
  width: 65px;
  padding: 16px;
}
@media screen and (min-width: 768px) {
  .home-person--in-view .plyr__control--overlaid {
    width: 130px;
  }
}
.home-person--in-view .plyr__control--overlaid::before {
  opacity: 1;
}

.home-figures {
  background-size: cover;
  position: relative;
  padding: 88px 16px;
}
@media screen and (min-width: 768px) {
  .home-figures {
    padding: 130px 24px;
  }
}
.home-figures__polygon {
  position: absolute;
  top: -398px;
  right: -413px;
  height: 480px;
  transform: rotate(1deg);
  z-index: 4;
}
@media screen and (min-width: 768px) {
  .home-figures__polygon {
    position: absolute;
    top: -506px;
    right: -413px;
    height: 600px;
    transform: rotate(1deg);
    z-index: 4;
  }
}
.home-figures::before {
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 3;
  position: absolute;
  background: linear-gradient(180deg, rgba(0, 25, 77, 0) 17.71%, #00194d 100%);
}
.home-figures__headline {
  font-size: 32px;
  line-height: 125%;
  font-weight: 700;
  color: #002269;
  margin-bottom: 48px;
}
@media screen and (min-width: 768px) {
  .home-figures__headline {
    font-size: 40px;
    line-height: 125%;
  }
}
@media screen and (min-width: 1440px) {
  .home-figures__headline {
    transform: translateX(-100px);
    font-size: 48px;
    line-height: 125%;
  }
}
@media screen and (min-width: 768px) {
  .home-figures {
    margin-bottom: 56px;
  }
}
.home-figures__content {
  display: none;
  position: relative;
}
.home-figures__content--active {
  display: block;
}
.home-figures__tabs {
  display: flex;
  flex-direction: row;
}
@media screen and (min-width: 1440px) {
  .home-figures__contents {
    overflow: hidden;
  }
}
.home-figures__wrapper {
  max-width: 792px;
  margin: 0 auto;
  z-index: 4;
  position: relative;
}
.home-figures__tab {
  padding: 8px 16px;
  background-color: #fff;
  font-size: 12px;
  line-height: 15px;
  font-weight: 700;
  color: #002269;
  text-transform: uppercase;
  cursor: pointer;
}
.home-figures__tab--active {
  background-color: #002269;
  color: #fff;
}
.home-figures__tab:hover {
  background-color: #0057b8;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .home-figures__tab {
    font-size: 14px;
    line-height: 17px;
  }
}
.home-figures__tab + .home-figures__tab {
  margin-left: 16px;
}
.home-figures__figure {
  background-color: transparent;
}
.home-figures__detail-wrapper {
  display: flex;
  justify-content: space-between;
  margin: 8px 0 12px;
}
.home-figures__description {
  font-weight: 700;
  color: #fff;
  font-size: 16px;
  line-height: 135%;
}
@media screen and (min-width: 1440px) {
  .home-figures__description {
    font-size: 18px;
    line-height: 150%;
  }
}
.home-figures__number {
  font-weight: 700;
  font-size: 48px;
  line-height: 90%;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 1440px) {
  .home-figures__number {
    font-size: 64px;
    line-height: 90%;
  }
}
.home-figures__inner {
  max-width: 175px;
  width: max-content;
  margin: 0 auto;
}
.home-figures__button {
  font-size: 14px;
  line-height: 17px;
  font-weight: 700;
  color: #002269;
  margin-top: 30px;
  display: block;
  color: #fff;
}
@media screen and (min-width: 1440px) {
  .home-figures__button {
    font-size: 16px;
    line-height: 20px;
  }
}
.home-figures__button::after {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e800";
  margin-left: 8px;
  transition: all 0.5s ease;
}
.home-figures__button::after {
  transition: all 0.5s ease;
}
.home-figures__button:hover::after {
  margin-left: 12px;
}
.home-figures__bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-attachment: fixed;
  background-size: cover;
  opacity: 0;
  z-index: 1;
  transition: opacity 0.5s ease;
}
.home-figures__bg--active {
  opacity: 1;
  z-index: 2;
}
.home-figures__increase,
.home-figures__year {
  font-size: 14px;
  line-height: 120%;
  color: #fff;
}
@media screen and (min-width: 1440px) {
  .home-figures__increase,
  .home-figures__year {
    font-size: 16px;
    line-height: 135%;
  }
}
.home-figures__slider-wrapper {
  overflow: hidden;
}
.home-figures__navigation {
  font-size: 24px;
  background: none;
  height: max-content;
  width: max-content;
  color: #fff;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
.home-figures__navigation::before {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
}
.home-figures__navigation--next {
  right: 32px;
}
@media screen and (min-width: 1440px) {
  .home-figures__navigation--next {
    right: -95px;
  }
}
.home-figures__navigation--next::before {
  content: "\e800";
}
.home-figures__navigation--prev {
  left: 32px;
}
@media screen and (min-width: 1440px) {
  .home-figures__navigation--prev {
    left: -95px;
  }
}
.home-figures__navigation--prev::before {
  content: "\e810";
}

.home-sustainability {
  padding: 130px 16px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .home-sustainability {
    padding: 240px 24px;
  }
}
@media screen and (min-width: 1440px) {
  .home-sustainability {
    padding: 180px 0;
    max-width: 792px;
    margin: 0 auto;
  }
}
.home-sustainability__headline {
  font-size: 32px;
  line-height: 125%;
  font-weight: 700;
  color: #002269;
  margin-bottom: 32px;
}
@media screen and (min-width: 768px) {
  .home-sustainability__headline {
    font-size: 40px;
    line-height: 125%;
  }
}
@media screen and (min-width: 1440px) {
  .home-sustainability__headline {
    transform: translateX(-100px);
    font-size: 48px;
    line-height: 125%;
  }
}
@media screen and (min-width: 768px) {
  .home-sustainability__headline {
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 1440px) {
  .home-sustainability__headline {
    transform: translateX(-100px);
  }
}
.home-sustainability__tabs {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .home-sustainability__tabs {
    justify-content: space-evenly;
  }
}
.home-sustainability__tab {
  font-size: 14px;
  line-height: 125%;
  font-weight: 500;
  color: #c1c2c2;
  text-transform: uppercase;
  cursor: pointer;
}
@media screen and (min-width: 1440px) {
  .home-sustainability__tab {
    font-size: 16px;
    line-height: 152%;
  }
}
.home-sustainability__tab:hover {
  color: #0057b8;
}
.home-sustainability__tab:hover::before {
  color: #002269;
}
.home-sustainability__tab--active {
  color: #002269;
}
.home-sustainability__tab--leaf::before {
  content: "\e819";
}
.home-sustainability__tab--persons::before {
  content: "\e818";
}
.home-sustainability__tab--money::before {
  content: "\e81b";
}
.home-sustainability__tab::before {
  margin-bottom: 12px;
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  font-size: 40px;
  display: block;
}
@media screen and (min-width: 768px) {
  .home-sustainability__tab::before {
    margin-bottom: 16px;
  }
}
.home-sustainability__content {
  display: none;
}
@media screen and (min-width: 768px) {
  .home-sustainability__content {
    flex-direction: row;
    margin-top: 64px;
  }
}
.home-sustainability__content--active {
  display: block;
}
@media screen and (min-width: 768px) {
  .home-sustainability__content--active {
    display: flex;
    justify-content: space-between;
  }
}
.home-sustainability__keyfigurewrapper {
  position: relative;
}
.home-sustainability__keyfigurewrapper--desktop {
  display: none;
}
@media screen and (min-width: 768px) {
  .home-sustainability__keyfigurewrapper--desktop {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .home-sustainability__keyfigurewrapper--mobile {
    display: none;
  }
}
.home-sustainability__figure {
  background-color: transparent;
  padding: 64px 0 40px;
}
@media screen and (min-width: 768px) {
  .home-sustainability__figure {
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  .home-sustainability__figure + .home-sustainability__figure {
    margin-top: 40px;
  }
}
.home-sustainability__navigation {
  background: none;
}
.home-sustainability__navigation::before {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  font-size: 24px;
  color: #002269;
}
.home-sustainability__navigation--prev::before {
  content: "\e810";
}
.home-sustainability__navigation--next::before {
  content: "\e800";
}
.home-sustainability__figure {
  background-color: transparent;
  color: #505050;
}
.home-sustainability__detail-wrapper {
  display: flex;
  justify-content: space-between;
  margin: 8px 0 12px;
}
.home-sustainability__description {
  font-weight: 700;
  font-size: 16px;
  line-height: 135%;
}
@media screen and (min-width: 768px) {
  .home-sustainability__description {
    font-size: 18px;
    line-height: 150%;
    margin-top: 16px;
  }
}
.home-sustainability__small {
  font-size: 24px;
  line-height: 90%;
  display: block;
}
@media screen and (min-width: 768px) {
  .home-sustainability__small {
    font-size: 32px;
    line-height: 90%;
  }
}
.home-sustainability__small:first-child {
  margin-right: 8px;
}
@media screen and (min-width: 768px) {
  .home-sustainability__small:first-child {
    margin-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .home-sustainability__small:first-child {
    margin-right: 8px;
  }
}
.home-sustainability__small:last-child {
  margin-left: 8px;
}
@media screen and (min-width: 768px) {
  .home-sustainability__small:last-child {
    margin-left: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .home-sustainability__small:last-child {
    margin-left: 8px;
  }
}
.home-sustainability__number {
  font-weight: 700;
  font-size: 48px;
  line-height: 90%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  color: #002269;
}
@media screen and (min-width: 768px) {
  .home-sustainability__number {
    font-size: 64px;
    line-height: 90%;
  }
}
@media screen and (min-width: 1440px) {
  .home-sustainability__number {
    font-size: 64px;
    line-height: 90%;
  }
}
.home-sustainability__inner {
  width: max-content;
  margin: 0 auto;
}
.home-sustainability__button {
  font-size: 14px;
  line-height: 17px;
  font-weight: 700;
  margin-top: 30px;
  display: block;
}
@media screen and (min-width: 1440px) {
  .home-sustainability__button {
    font-size: 16px;
    line-height: 20px;
  }
}
.home-sustainability__button::after {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e800";
  margin-left: 8px;
}
.home-sustainability__increase,
.home-sustainability__year {
  font-size: 14px;
  line-height: 120%;
}
@media screen and (min-width: 1440px) {
  .home-sustainability__increase,
  .home-sustainability__year {
    font-size: 16px;
    line-height: 135%;
  }
}
.home-sustainability__text {
  font-size: 16px;
  line-height: 135%;
  margin-bottom: 32px;
}
@media screen and (min-width: 1440px) {
  .home-sustainability__text {
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 40px;
  }
}
.home-sustainability__text-wrapper {
  width: 376px;
}
.home-sustainability__link {
  font-size: 14px;
  line-height: 17px;
  font-weight: 700;
  color: #002269;
  margin-top: 30px;
  display: block;
}
@media screen and (min-width: 1440px) {
  .home-sustainability__link {
    font-size: 16px;
    line-height: 20px;
  }
}
.home-sustainability__link::after {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e800";
  margin-left: 8px;
  transition: all 0.5s ease;
}
@media screen and (min-width: 768px) {
  .home-sustainability__link {
    margin-top: 40px;
  }
}
.home-sustainability__link:hover {
  color: #0057b8;
}
.home-sustainability__link:hover::after {
  margin-left: 12px;
}
.home-sustainability__polygon {
  position: absolute;
  top: -112px;
  left: -345px;
  width: 430px;
  transform: rotate(352deg);
  z-index: 5;
}
@media screen and (min-width: 768px) {
  .home-sustainability__polygon {
    height: 600px;
    top: -224px;
    left: -296px;
    transform: rotate(8deg);
  }
}
@media screen and (min-width: 1440px) {
  .home-sustainability__polygon {
    width: 600px;
    top: -224px;
    left: -651px;
    transform: rotate(0deg);
  }
}
.home-sustainability__polygon2 {
  position: absolute;
  bottom: -92px;
  right: -362px;
  width: 430px;
  transform: rotate(21deg);
  z-index: 5;
}
@media screen and (min-width: 768px) {
  .home-sustainability__polygon2 {
    position: absolute;
    bottom: -89px;
    right: -515px;
    width: 655px;
    transform: rotate(21deg);
    z-index: 5;
  }
}
@media screen and (min-width: 1440px) {
  .home-sustainability__polygon2 {
    position: absolute;
    bottom: -199px;
    right: -652px;
    width: 655px;
  }
}

.home-segments__headline {
  font-size: 32px;
  line-height: 125%;
  font-weight: 700;
  color: #002269;
  margin-bottom: 40px;
  padding: 0 16px;
}
@media screen and (min-width: 768px) {
  .home-segments__headline {
    font-size: 40px;
    line-height: 125%;
  }
}
@media screen and (min-width: 1440px) {
  .home-segments__headline {
    transform: translateX(-100px);
    font-size: 48px;
    line-height: 125%;
  }
}
@media screen and (min-width: 1440px) {
  .home-segments__headline {
    transform: none;
    width: 996px;
    margin: 0 auto 48px;
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  .home-segments__row {
    display: flex;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 1440px) {
  .home-segments__row {
    width: 50%;
    transition: all 0.5s ease;
  }
}
@media screen and (min-width: 1440px) {
  .home-segments__row--active {
    width: 66%;
  }
}
@media screen and (min-width: 1440px) {
  .home-segments__row--inactive {
    width: 34%;
  }
}
@media screen and (min-width: 1440px) {
  .home-segments__wrapper {
    display: flex;
    flex-direction: row;
  }
}

.home-segment {
  padding: 40px 16px;
  position: relative;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .home-segment {
    max-width: 50%;
    padding: 56px 24px;
    display: flex;
    flex-direction: column;
    min-height: 418px;
    overflow: hidden;
    justify-content: center;
    transition: all 0.5s ease;
  }
}
@media screen and (min-width: 1440px) {
  .home-segment {
    min-height: 760px;
  }
}
.home-segment:hover::before {
  transform: translateX(-25%);
}
@media screen and (min-width: 768px) {
  .home-segment--active {
    min-width: 75%;
  }
}
.home-segment--active:hover::before {
  transform: translateX(0%);
}
.home-segment::before {
  content: "";
  height: 100%;
  width: 200%;
  transform: translateX(-50%);
  transition: all 0.5s ease;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(
    108.13deg,
    rgba(0, 34, 105, 0.85) 0%,
    rgba(0, 34, 105, 0.85) 50%,
    rgba(0, 34, 105, 0.85) 50%,
    rgba(0, 25, 77, 0) 100%
  );
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .home-segment::before {
    background: linear-gradient(
      90deg,
      rgba(0, 34, 105, 0.85) 0%,
      rgba(0, 34, 105, 0.85) 50%,
      rgba(0, 34, 105, 0.85) 50%,
      rgba(0, 25, 77, 0) 100%
    );
  }
}
.home-segment--active::before {
  transform: translateX(0%);
}
.home-segment * {
  z-index: 2;
}
.home-segment__headline {
  font-size: 24px;
  line-height: 120%;
  font-weight: 700;
  color: #fff;
  padding-bottom: 8px;
  position: relative;
  display: flex;
  border-bottom: 2px solid #fff;
  transition: all 0.5s ease;
}
.home-segment:hover .home-segment__headline {
  justify-content: space-between;
}
@media screen and (min-width: 1440px) {
  .home-segment__headline {
    display: flex;
  }
}
.home-segment__headline::after {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e80e";
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .home-segment__headline::after {
    content: "\e800";
  }
}
@media screen and (min-width: 1440px) {
  .home-segment__headline::after {
    margin-left: 24px;
  }
}
@media screen and (min-width: 768px) {
  .home-segment--active .home-segment__headline::after {
    content: "\e810";
  }
}
.home-segment__figure {
  background-color: transparent;
  color: #fff;
  padding: 24px 0 0;
}
@media screen and (min-width: 768px) {
  .home-segment__figure {
    display: none;
  }
  .home-segment__figure:first-child {
    display: flex;
  }
}
@media screen and (min-width: 768px) {
  .home-segment--active .home-segment__figure {
    display: flex;
  }
}
.home-segment__detail-wrapper {
  display: flex;
  justify-content: space-between;
  margin: 8px 0 12px;
  display: none;
}
.home-segment--active .home-segment__detail-wrapper {
  display: flex;
}
.home-segment__description {
  font-weight: 700;
  color: #fff;
  font-size: 16px;
  line-height: 135%;
  margin-top: 8px;
}
@media screen and (min-width: 768px) {
  .home-segment__description {
    font-size: 18px;
    line-height: 150%;
    margin-top: 16px;
  }
}
.home-segment__small {
  font-size: 24px;
  line-height: 90%;
  display: block;
}
@media screen and (min-width: 768px) {
  .home-segment__small {
    font-size: 32px;
    line-height: 90%;
  }
}
.home-segment__small:first-child {
  margin-right: 8px;
}
@media screen and (min-width: 768px) {
  .home-segment__small:first-child {
    margin-right: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .home-segment__small:first-child {
    margin-right: 8px;
  }
}
.home-segment__small:last-child {
  margin-left: 8px;
}
@media screen and (min-width: 768px) {
  .home-segment__small:last-child {
    margin-left: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .home-segment__small:last-child {
    margin-left: 8px;
  }
}
.home-segment__number {
  font-weight: 700;
  font-size: 48px;
  line-height: 90%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .home-segment__number {
    font-size: 64px;
    line-height: 90%;
    justify-content: flex-start;
  }
}
@media screen and (min-width: 1440px) {
  .home-segment__number {
    font-size: 64px;
    line-height: 90%;
  }
}
.home-segment__inner {
  width: max-content;
  margin: 0;
  transition: all 0.5s ease;
  left: 0%;
  position: relative;
  transform: translateX(0%);
}
.home-segment--active .home-segment__inner {
  left: 50%;
  position: relative;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .home-segment--active .home-segment__inner {
    left: 0;
    transform: none;
  }
}
.home-segment__increase,
.home-segment__year {
  font-size: 14px;
  line-height: 120%;
  color: #fff;
}
@media screen and (min-width: 1440px) {
  .home-segment__increase,
  .home-segment__year {
    font-size: 16px;
    line-height: 135%;
  }
}
.home-segment__keyfigurewrapper {
  position: relative;
}
@media screen and (min-width: 768px) {
  .home-segment__keyfigurewrapper {
    justify-content: space-between;
  }
}
.home-segment__keyfigurewrapper--desktop {
  display: none;
}
@media screen and (min-width: 768px) {
  .home-segment__keyfigurewrapper--desktop {
    display: flex;
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  .home-segment__keyfigurewrapper--mobile {
    display: none;
  }
}
.home-segment__navigation {
  background: none;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.home-segment--active .home-segment__navigation {
  opacity: 1;
}
.home-segment__navigation::before {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  font-size: 24px;
  color: #fff;
}
.home-segment__navigation--prev::before {
  content: "\e810";
}
.home-segment__navigation--next::before {
  content: "\e800";
}
.home-segment__hidden-wrapper {
  position: relative;
  max-height: 0px;
  transition: all 0.5s ease;
  overflow: hidden;
}
.home-segment--active .home-segment__hidden-wrapper {
  max-height: 1000px;
}
.home-segment__text {
  margin-top: 40px;
  font-size: 18px;
  line-height: 150%;
  color: #fff;
  margin-bottom: 56px;
}
@media screen and (min-width: 768px) {
  .home-segment__text {
    font-size: 16px;
    line-height: 135%;
    margin-top: 36px;
  }
}
@media screen and (min-width: 1440px) {
  .home-segment__text {
    font-size: 18px;
    line-height: 150%;
  }
}
.home-segment__link {
  font-size: 14px;
  line-height: 17px;
  font-weight: 700;
  color: #002269;
  margin-top: 30px;
  display: block;
  color: #fff;
}
@media screen and (min-width: 1440px) {
  .home-segment__link {
    font-size: 16px;
    line-height: 20px;
  }
}
.home-segment__link::after {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e800";
  margin-left: 8px;
  transition: all 0.5s ease;
}
.home-segment__link:hover::after {
  margin-left: 14px;
}

.home-diversity {
  padding: 136px 16px 189px;
  overflow: hidden;
}
.home-diversity__polygon {
  display: none;
}
@media screen and (min-width: 768px) {
  .home-diversity__polygon {
    display: block;
    position: absolute;
    top: 200px;
    left: -115px;
    width: 655px;
    transform: rotate(21deg);
    z-index: -1;
  }
}
@media screen and (min-width: 768px) {
  .home-diversity {
    padding: 240px 90px 110px;
  }
}
@media screen and (min-width: 1440px) {
  .home-diversity {
    padding: 180px 0 150px;
  }
}
.home-diversity__headline {
  font-size: 32px;
  line-height: 125%;
  font-weight: 700;
  color: #002269;
  margin-top: 0;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .home-diversity__headline {
    font-size: 40px;
    line-height: 125%;
  }
}
@media screen and (min-width: 1440px) {
  .home-diversity__headline {
    transform: translateX(-100px);
    font-size: 48px;
    line-height: 125%;
  }
}
@media screen and (min-width: 768px) {
  .home-diversity__headline {
    margin-bottom: 48px;
    transform: translateX(-67px);
  }
}
@media screen and (min-width: 1440px) {
  .home-diversity__headline {
    width: 996px;
    margin: 0 auto 48px;
    transform: none;
  }
}
.home-diversity__subline {
  font-size: 24px;
  line-height: 125%;
  font-weight: 300;
  color: #002269;
  margin-bottom: 4px;
}
@media screen and (min-width: 768px) {
  .home-diversity__subline {
    font-size: 32px;
    line-height: 125%;
    transform: translateX(-67px);
  }
}
@media screen and (min-width: 1440px) {
  .home-diversity__subline {
    width: 996px;
    margin: 0 auto 4px;
    transform: none;
  }
}
@media screen and (min-width: 1440px) {
  .home-diversity__swiper {
    width: 100%;
  }
}
.home-diversity__slide {
  background-color: transparent;
  text-align: left;
  height: auto;
  padding: 0 0 40px;
}
@media screen and (min-width: 1440px) {
  .home-diversity__slide {
    display: flex;
    align-items: center;
    width: 100vw;
  }
}
.home-diversity__image {
  background: linear-gradient(
      0deg,
      rgba(255, 130, 0, 0.2),
      rgba(255, 130, 0, 0.2)
    ),
    #ffffff;
  padding: 14px 10px 0 54px;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .home-diversity__image {
    padding: 0 24px;
    justify-content: flex-end;
  }
}
@media screen and (min-width: 1440px) {
  .home-diversity__image {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .home-diversity__image img {
    width: calc(100% - 90px);
  }
}
.home-diversity__desktop-image {
  display: none;
}
@media screen and (min-width: 1440px) {
  .home-diversity__desktop-image {
    display: block;
    width: 50vw;
    position: absolute;
    right: 0;
  }
}
.home-diversity__desktop-image--behind {
  z-index: -1;
}
.home-diversity__desktop-image-placeholder {
  display: none;
}
@media screen and (min-width: 1440px) {
  .home-diversity__desktop-image-placeholder {
    display: block;
    min-width: 50vw;
    opacity: 0;
    z-index: -1;
  }
}
.home-diversity__text {
  display: none;
}
@media screen and (min-width: 1440px) {
  .home-diversity__text {
    display: block;
    color: #fff;
    font-size: 18px;
    line-height: 150%;
  }
}
.home-diversity__content {
  background-color: #ff8200;
  padding: 32px 16px;
}
@media screen and (min-width: 1440px) {
  .home-diversity__content {
    width: 510px;
    padding: 40px 130px 40px 32px;
    box-sizing: border-box;
  }
}
.home-diversity__content--above {
  padding: 40px 32px;
}
@media screen and (min-width: 1440px) {
  .home-diversity__textbox-wrapper {
    width: 840px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1440px) {
  .home-diversity__placeholder-wrapper {
    overflow: hidden;
    width: 0px;
  }
}
.home-diversity__slider-headline {
  display: none;
}
@media screen and (min-width: 1440px) {
  .home-diversity__slider-headline {
    display: block;
  }
}
.home-diversity__slider-subline {
  font-weight: 300;
  font-size: 24px;
  line-height: 125%;
  margin-bottom: 4px;
  color: #fff;
  text-align: left;
}
@media screen and (min-width: 1440px) {
  .home-diversity__slider-subline {
    display: none;
  }
}
@media screen and (min-width: 1440px) {
  .home-diversity__slider-subline--desktop-visible {
    display: block;
  }
}
.home-diversity__slider-mobile-headline {
  font-size: 28px;
  line-height: 120%;
  font-weight: 700;
  color: #fff;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .home-diversity__slider-mobile-headline {
    max-width: 370px;
    display: block;
  }
}
@media screen and (min-width: 1440px) {
  .home-diversity__slider-mobile-headline {
    display: none;
  }
}
.home-diversity__slider-mobile-headline--blue {
  font-size: 24px;
  line-height: 120%;
}
.home-diversity__slider-mobile-headline::after {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e800";
  margin-left: 16px;
}
.home-diversity__navigation-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.home-diversity__navigation {
  font-size: 24px;
  color: #002269;
  margin: 0 24px;
  cursor: pointer;
}
.home-diversity__navigation.swiper-button-disabled {
  color: #c1c2c2;
}
.home-diversity__navigation:hover {
  color: #0057b8;
}
.home-diversity__navigation::before {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
}
.home-diversity__navigation--next::before {
  content: "\e800";
}
.home-diversity__navigation--prev::before {
  content: "\e810";
}
.home-diversity .swiper-pagination-bullet {
  width: 32px;
  height: 4px;
  background-color: #002269;
  border-radius: 0;
  opacity: 1;
  margin-left: 4px;
}
.home-diversity .swiper-pagination-bullet:first-child {
  background-color: #ffa300;
  margin-left: 0;
}
.home-diversity .swiper-pagination-bullet-active {
  background-color: #c1c2c2;
}
.home-diversity__icon {
  max-width: 70px;
  width: 70px;
  margin-right: 16px;
}
.home-diversity__image-desktop {
  display: none;
}
@media screen and (min-width: 1440px) {
  .home-diversity__image-desktop {
    display: block;
  }
}
.home-diversity__blue-content-wrapper {
  display: none;
}
@media screen and (min-width: 1440px) {
  .home-diversity__blue-content-wrapper {
    display: flex;
    width: 100%;
    align-items: center;
  }
}
.home-diversity__background-content {
  height: 100%;
  position: relative;
  background-size: cover;
  position: relative;
}
@media screen and (min-width: 1440px) {
  .home-diversity__background-content {
    display: none;
  }
}
.home-diversity__background-content::before {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  content: "";
  background: linear-gradient(
    180deg,
    rgba(0, 25, 77, 0) 38.02%,
    rgba(0, 25, 77, 0.67) 87.5%
  );
}
.home-diversity__slider-link {
  display: none;
}
@media screen and (min-width: 1440px) {
  .home-diversity__slider-link {
    display: block;
    font-size: 16px;
    line-height: 20px;
    margin-top: 40px;
    font-weight: 700;
    color: #fff;
  }
  .home-diversity__slider-link::after {
    display: inline-block;
    font-family: "hhla";
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1;
    font-style: normal;
    text-transform: none;
    text-align: center;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: inherit;
    font-variant: normal;
    content: "\e800";
    margin-left: 8px;
    transition: all 0.5s ease;
  }
}
.home-diversity__slider-link:hover::after {
  margin-left: 14px;
}
.home-diversity__content-wrapper {
  display: flex;
  align-items: flex-end;
  padding: 30px 16px;
  z-index: 2;
  height: 100%;
  position: relative;
  box-sizing: border-box;
}
.home-diversity__content-wrapper--desktop {
  padding: 0;
  margin-bottom: 24px;
}
.home-diversity__slider-headline {
  font-size: 34px;
  line-height: 120%;
  color: #fff;
  font-weight: 700;
  margin-bottom: 24px;
}
.home-diversity__slider-headline--no-margin {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .sitemap__list--level1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0px 24px;
  }
}
.sitemap__list--level2 {
  padding: 16px 0;
}
.sitemap__list--level2:last-child {
  border-bottom: 1px solid #002269;
}
.sitemap__list--level3 {
  padding-left: 16px;
}
@media screen and (min-width: 768px) {
  .sitemap__list--level3 {
    padding-left: 24px;
  }
}
.sitemap__list--level4 {
  padding-left: 16px;
}
@media screen and (min-width: 768px) {
  .sitemap__list--level4 {
    padding-left: 24px;
  }
}
.sitemap__item {
  list-style: none;
}
@media screen and (min-width: 1440px) {
  .sitemap__item--level1 {
    margin-top: 72px;
  }
}
.sitemap__item--level1 + .sitemap__item--level1 {
  margin-top: 56px;
}
@media screen and (min-width: 1440px) {
  .sitemap__item--level1 + .sitemap__item--level1 {
    margin-top: 72px;
  }
}
@media screen and (min-width: 768px) {
  .sitemap__item--level1:nth-child(2) {
    margin-top: 0;
  }
}
@media screen and (min-width: 1440px) {
  .sitemap__item--level1:nth-child(2),
  .sitemap__item--level1:nth-child(1) {
    margin-top: 22px;
  }
}
.sitemap__item--level2 {
  break-inside: avoid;
}
.sitemap__item--level2 + .sitemap__item--level2 {
  margin-top: 16px;
}
.sitemap__item--level3,
.sitemap__item--level4 {
  margin-top: 16px;
}
.sitemap__link {
  display: block;
  font-size: 16px;
  line-height: 20px;
  color: #002269;
  font-weight: 700;
}
.sitemap__link::after {
  display: inline-block;
  font-family: "hhla";
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: inherit;
  font-variant: normal;
  content: "\e800";
  margin-left: 8px;
  display: inline;
  transition: all 0.5s;
}
.sitemap__link--level1 {
  padding: 7px 0;
  padding-bottom: 24px;
  border-bottom: 1px solid #002269;
  color: #505050;
  font-size: 22px;
  line-height: 120%;
}
.sitemap__link--level1::after {
  display: none;
}
@media screen and (min-width: 1440px) {
  .sitemap__link--level1 {
    font-size: 26px;
    line-height: 120%;
  }
}
.sitemap__link--level2 {
  font-size: 16px;
  line-height: 20px;
}
.sitemap__link--level3 {
  font-size: 16px;
  line-height: 20px;
}
.sitemap__link--level2:hover,
.sitemap__link--level3:hover,
.sitemap__link--level4:hover {
  color: #0057b8;
}
.sitemap__link--level2:hover::after,
.sitemap__link--level3:hover::after,
.sitemap__link--level4:hover::after {
  margin-left: 16px;
}

.glossary-group {
  position: relative;
  padding: 30px 0;
}
.glossary-group + .glossary-group {
  border-top: 1px solid #000;
}
.glossary-group__title {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .glossary-group__title {
    position: absolute;
    top: 30px;
    left: 0;
  }
}

@media screen and (min-width: 768px) {
  .glossary-item {
    padding-left: 100px;
  }
}
.glossary-item + .glossary-item {
  margin-top: 30px;
}
.glossary-item__title {
  margin-bottom: 5px;
}
.glossary-item__text {
  margin: 0;
}

.overview__list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
.overview__item {
  width: calc(50% - 7.5px);
  margin-bottom: 15px;
}
.overview__link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 10px 15px;
  border: 1px solid #505050;
  font-size: 16px;
  font-weight: 700;
}
.overview__link:hover {
  background: #505050;
  color: #fff;
}

.tabc-wrapper--headline--bodies {
  border: none;
  margin-top: 56px;
}
.tabc-wrapper--headline--bodies .accordion-toogler-wrapper {
  display: none;
}
.tabc-wrapper--headline--bodies .open + .accordion-wrapper {
  margin-top: 48px;
}
.tabc-wrapper--headline--bodies .accordion-inner {
  padding-bottom: 0;
}
.tabc-wrapper--headline--bodies .trigger {
  padding-bottom: 4px;
  padding-top: 4px;
  padding: 16px 0;
}
.accordion-header .trigger .headline.headline--bodies {
  font-size: 24px;
  line-height: 120%;
  color: #002269;
  font-weight: 700;
  margin-bottom: 0px;
}
@media screen and (min-width: 1440px) {
  .accordion-header .trigger .headline.headline--bodies {
    font-size: 28px;
    line-height: 125%;
  }
}

.blue-border {
  border-bottom: 1px solid #002269;
  padding-bottom: 16px;
}

.grey-border {
  border-bottom: 1px solid #8f8f8f;
  padding-bottom: 16px;
}

.blue-border > *:last-child,
.grey-border > *:last-child {
  margin-bottom: 0;
}

.footnotes-body {
  margin-top: 16px;
}
.footnotes-body .list {
  padding-left: 15px;
  padding-right: 0;
  margin-bottom: 0;
}
.footnotes-body .list li {
  font-size: 12px;
  line-height: 130%;
  color: #505050;
}
.footnotes-body .list li + li {
  margin-top: 8px;
}
.footnotes-body .list li::marker {
  font-size: 12px;
  line-height: 130%;
  color: #505050;
  font-weight: 400;
}
.footnotes-body .list li::before {
  top: 4px;
}

/**
 * Print: Optimized
 * ====================
 */
@media print {
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  header,
  footer,
  nav,
  .breadcrumb,
  .content-before,
  .content-after,
  .flatnav {
    display: none;
  }

  html,
  body,
  article {
    background: #fff !important;
    color: #000 !important;
    height: auto !important;
    padding: 0 !important;
    width: auto !important;
  }

  .do-not-print,
  .no-print {
    display: none;
  }

  .glossary,
  .intern {
    color: #000;
    text-decoration: none;
  }

  .extern::after,
  a[target^="_blank"]:not(.glossary):not(.intern):not(.verweispdf)::after {
    content: " (" attr(href) ") ";
  }
}
/*# sourceMappingURL=main.css.map */