/* variables */ :root { /* 1250 */ } /* 480px / 16px */ /* 768px / 16px */ /* 1024px / 16px */ /* 1282px / 16px */ /* 768px / 16px */ /* 1024px / 16px */ /* 1282px / 16px */ /* 1440px / 16px */ /* SIX-4763: default print media query, use all for debug */ :root { /* Official Six Colors */ /* #DE3919 */ /* #4E4E4E */ /* #ADA398 */ /* #002C5F */ /* * The official horizon color was not applicable in a web context, there is a * darker definition in the Station colors */ /* #88C1E4 */ /* Station Colors */ /*--color-shadow: rgb(116, 116, 116); */ /* #747474 Check if rock-80 should be used */ /* #4997B7 */ /* #E94C47 */ /* #F0C04E */ /* #9E6C00 */ /* #4997b7 */ /* #5cb85c */ /* Neutral Colors */ /* TODO remove duplicates */ /* #393939 */ /* #393939 */ /* #717171 */ /* #959595 */ /* #B8B8B8 */ /* #DCDCDC */ /* #EDEDED */ /* #948A7F */ /* #7B7166 */ /* #F8F8F8 */ /* #FFFFFF */ /* This is an unofficial color from the existing guide line */ /* Material design Icon Colors */ /* styles */ /* color(var(--color-black) a(5%)) */ } :root { /* used for citation quotes */ /* used for
 */

  /* used for some icons */

  /* used on  */                             /* 16px */   /* 4px  */    /* 8px  */   /* 12px */      /* 20px */      /* -20px */      /* 24px */      /* 24px */   /* 52px */    /* 56px */
}
:root {
  /* TODO: change to rem */ /* calc((var(--gutter-width) * 0.5) * -1); */ /* calc((var(--gutter-width) * 0.5)); */
}
/* vendor */
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
/* NOTE: Not needed as only IE11 has to be mantained */
figure {
  margin: 0;
}
/**
 * 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 gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in 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 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * 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 style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 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"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/**
 * Remove the inner padding 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, /* 1 */
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* elements */
@-ms-viewport {
  width: device-width;
}
html {
  box-sizing: border-box;
  font-size: 16px;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html,
body {
  width: 100%;
  height: 100%;
}
*,
*::before,
*::after {
  box-sizing: inherit;
  content: none;
}
body {
  background-color: rgb(248, 248, 248);
  color: rgb(113, 113, 113);
  font-family: "Noto Sans", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.64;

  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none;
          text-size-adjust: none;
}
#js {
  position: relative;
}
hr {
  border: 0;
  border-bottom: 1px solid rgb(220, 220, 220);
  margin: 1rem 0;
  overflow: hidden;
  background: transparent
}
hr::after {
    content: '';
    display: table;
    clear: both;
  }
img {
  max-width: 100%;
  height: auto;
}
a,
area,
button,
[role='button'],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
/* TODO: Check if also the six hide should be added */
/*[data-six-hide],*/
[hidden],
.hidden {
  display: none !important;
}
body {
  -webkit-overflow-scrolling: touch;
}
html.no-scroll,
html.no-scroll body {
  overflow: hidden !important;
  position: relative; /* fix ios overflow issue */
}
@media (max-width: 63.999em) {
  html.no-scroll,
  html.no-scroll body {
    height: 100%;
    height: 100vh;
  }
}
.sr-only, /* TODO: remove .sr-only and use .screensreader */
.screenreader,
.btn.btn-icon-only .screenreader {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.screenreader.focusable:active,
.screenreader.focusable:focus,
.btn .screenreader {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.clearfix::after {
  content: '';
  display: table;
  clear: both;
}
.align-left {
  text-align: left;
}
/* SIX-4268: center only if not mobile  */
@media (min-width: 30em) {
  .align-center {
    text-align: center;
  }
}
.align-right {
  text-align: right;
}
/* SIX-916: right align column only if not mobile  */
@media (min-width: 64em) {
  .align-right--md-min {
    text-align: right;
  }
}
.only-print {
  display: none !important;
}
@media print {
  html,
  body {
    font-size: 11pt;
    height: auto;
    overflow: visible !important;
    width: auto;
  }

  body {
    padding-bottom: 4rem;
  }

  *:hover {
    box-shadow: none;
  }

  .only-screen {
    display: none !important;
  }

  .only-print {
    display: block !important;
  }
}
.six-theme {
  background-color: rgb(248, 248, 248)
}
@media (min-width: 80.125em) {
.six-theme .page-content {
      min-height: 800px;
      padding: 20px
  }
    }
.btn,
.buttonlink,
.list-with-btn .teaser-link,
button[type="submit"],
button[type="reset"],
input[type="submit"],
input[type="reset"] {
  background-color: rgb(222, 57, 25);
  border: 1px solid transparent;
  border-radius: 0;
  box-shadow: none;
  color: rgb(255, 255, 255);
  cursor: pointer;
  display: inline-block;
  font-family: "Noto Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.64;
  outline: none;
  padding: 0.500em 1.438em;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  vertical-align: middle;
  word-break: normal;

  /* Corrects inability to style clickable `input` types in iOS. */
  -webkit-appearance: none
}
.btn:active,
  .btn:focus,
  .buttonlink:active,
  .buttonlink:focus,
  .list-with-btn .teaser-link:active,
  .list-with-btn .teaser-link:focus,
  button[type="submit"]:active,
  button[type="submit"]:focus,
  button[type="reset"]:active,
  button[type="reset"]:focus,
  input[type="submit"]:active,
  input[type="submit"]:focus,
  input[type="reset"]:active,
  input[type="reset"]:focus {
    /* background-color: color(var(--color-six-red) shade(10%)); */
    background-color: #c83317;
    color: rgb(255, 255, 255);
    -webkit-tap-highlight-color: rgba(#000, 0);
    outline: none;
    text-decoration: none;
  }
.btn:hover, .buttonlink:hover, .list-with-btn .teaser-link:hover, button[type="submit"]:hover, button[type="reset"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
    /* background-color: color(var(--color-six-red) shade(10%)); */
    background-color: #c83317;
    color: rgb(255, 255, 255);
    text-decoration: none;
  }
.btn:active, .buttonlink:active, .list-with-btn .teaser-link:active, button[type="submit"]:active, button[type="reset"]:active, input[type="submit"]:active, input[type="reset"]:active {
    -webkit-transform: scale(.98);
            transform: scale(.98);
  }
.btn.btn-compact, .buttonlink.btn-compact, .list-with-btn .teaser-link.btn-compact, button[type="submit"].btn-compact, button[type="reset"].btn-compact, input[type="submit"].btn-compact, input[type="reset"].btn-compact {
    font-size: 0.875rem;
    padding: 0.357em 1.286em;
  }
.btn.btn--full-width, .buttonlink.btn--full-width, .list-with-btn .teaser-link.btn--full-width, button[type="submit"].btn--full-width, button[type="reset"].btn--full-width, input[type="submit"].btn--full-width, input[type="reset"].btn--full-width {
    width: 100%;
  }
.btn.btn-link, .buttonlink.btn-link, .list-with-btn .teaser-link.btn-link, button[type="submit"].btn-link, button[type="reset"].btn-link, input[type="submit"].btn-link, input[type="reset"].btn-link {
    border: 0;
    color: #4997b7;
    font-weight: 700;
    display: inline-block;
    padding-left: 0;
    background: transparent;
  }
.btn.btn-link:active,
  .btn.btn-link:focus,
  .btn.btn-link:hover,
  .buttonlink.btn-link:active,
  .buttonlink.btn-link:focus,
  .buttonlink.btn-link:hover,
  .list-with-btn .teaser-link.btn-link:active,
  .list-with-btn .teaser-link.btn-link:focus,
  .list-with-btn .teaser-link.btn-link:hover,
  button[type="submit"].btn-link:active,
  button[type="submit"].btn-link:focus,
  button[type="submit"].btn-link:hover,
  button[type="reset"].btn-link:active,
  button[type="reset"].btn-link:focus,
  button[type="reset"].btn-link:hover,
  input[type="submit"].btn-link:active,
  input[type="submit"].btn-link:focus,
  input[type="submit"].btn-link:hover,
  input[type="reset"].btn-link:active,
  input[type="reset"].btn-link:focus,
  input[type="reset"].btn-link:hover {
    color: #4a7485;
    background: transparent;
  }
.btn.btn-link-secondary, .buttonlink.btn-link-secondary, .list-with-btn .teaser-link.btn-link-secondary, button[type="submit"].btn-link-secondary, button[type="reset"].btn-link-secondary, input[type="submit"].btn-link-secondary, input[type="reset"].btn-link-secondary {
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
    border: 0;
    color: rgb(113, 113, 113);
    font-weight: 700;
    display: inline-block;
    padding-left: 0;
    background: transparent;
  }
.btn.btn-link-secondary:active,
  .btn.btn-link-secondary:focus,
  .btn.btn-link-secondary:hover,
  .buttonlink.btn-link-secondary:active,
  .buttonlink.btn-link-secondary:focus,
  .buttonlink.btn-link-secondary:hover,
  .list-with-btn .teaser-link.btn-link-secondary:active,
  .list-with-btn .teaser-link.btn-link-secondary:focus,
  .list-with-btn .teaser-link.btn-link-secondary:hover,
  button[type="submit"].btn-link-secondary:active,
  button[type="submit"].btn-link-secondary:focus,
  button[type="submit"].btn-link-secondary:hover,
  button[type="reset"].btn-link-secondary:active,
  button[type="reset"].btn-link-secondary:focus,
  button[type="reset"].btn-link-secondary:hover,
  input[type="submit"].btn-link-secondary:active,
  input[type="submit"].btn-link-secondary:focus,
  input[type="submit"].btn-link-secondary:hover,
  input[type="reset"].btn-link-secondary:active,
  input[type="reset"].btn-link-secondary:focus,
  input[type="reset"].btn-link-secondary:hover {
    color: #4997b7;
    text-decoration: underline;
    background: transparent;
  }
.btn.btn-link--left, .buttonlink.btn-link--left, .list-with-btn .teaser-link.btn-link--left, button[type="submit"].btn-link--left, button[type="reset"].btn-link--left, input[type="submit"].btn-link--left, input[type="reset"].btn-link--left {
    display: block;
    text-align: left;
  }
.btn.btn-link--right, .buttonlink.btn-link--right, .list-with-btn .teaser-link.btn-link--right, button[type="submit"].btn-link--right, button[type="reset"].btn-link--right, input[type="submit"].btn-link--right, input[type="reset"].btn-link--right {
    display: block;
    text-align: right;
  }
.btn.disabled,
  .btn[disabled],
  .buttonlink.disabled,
  .buttonlink[disabled],
  .list-with-btn .teaser-link.disabled,
  .list-with-btn .teaser-link[disabled],
  button[type="submit"].disabled,
  button[type="submit"][disabled],
  button[type="reset"].disabled,
  button[type="reset"][disabled],
  input[type="submit"].disabled,
  input[type="submit"][disabled],
  input[type="reset"].disabled,
  input[type="reset"][disabled] {
    background-color: #f2f2f2;
    border: solid 1px rgb(113, 113, 113);
    color: rgb(113, 113, 113);
    cursor: not-allowed;
    opacity: 0.6
  }
.btn.disabled:hover, .btn[disabled]:hover, .buttonlink.disabled:hover, .buttonlink[disabled]:hover, .list-with-btn .teaser-link.disabled:hover, .list-with-btn .teaser-link[disabled]:hover, button[type="submit"].disabled:hover, button[type="submit"][disabled]:hover, button[type="reset"].disabled:hover, button[type="reset"][disabled]:hover, input[type="submit"].disabled:hover, input[type="submit"][disabled]:hover, input[type="reset"].disabled:hover, input[type="reset"][disabled]:hover {
      background-color: #f2f2f2;
      border: solid 1px rgb(113, 113, 113);
      color: rgb(113, 113, 113)
    }
.btn.disabled:hover:before,
      .btn.disabled:hover:after,
      .btn[disabled]:hover:before,
      .btn[disabled]:hover:after,
      .buttonlink.disabled:hover:before,
      .buttonlink.disabled:hover:after,
      .buttonlink[disabled]:hover:before,
      .buttonlink[disabled]:hover:after,
      .list-with-btn .teaser-link.disabled:hover:before,
      .list-with-btn .teaser-link.disabled:hover:after,
      .list-with-btn .teaser-link[disabled]:hover:before,
      .list-with-btn .teaser-link[disabled]:hover:after,
      button[type="submit"].disabled:hover:before,
      button[type="submit"].disabled:hover:after,
      button[type="submit"][disabled]:hover:before,
      button[type="submit"][disabled]:hover:after,
      button[type="reset"].disabled:hover:before,
      button[type="reset"].disabled:hover:after,
      button[type="reset"][disabled]:hover:before,
      button[type="reset"][disabled]:hover:after,
      input[type="submit"].disabled:hover:before,
      input[type="submit"].disabled:hover:after,
      input[type="submit"][disabled]:hover:before,
      input[type="submit"][disabled]:hover:after,
      input[type="reset"].disabled:hover:before,
      input[type="reset"].disabled:hover:after,
      input[type="reset"][disabled]:hover:before,
      input[type="reset"][disabled]:hover:after {
        display: none;
      }
.fieldset a.inline {
  font-family: "Noto Sans Condensed", Helvetica, Arial, sans-serif;
  vertical-align: bottom;
  margin-right: 1rem;
  display: inline-block;
  padding-bottom: 0.53rem;
}
.btn,
.buttonlink,
button[type="submit"],
button[type="reset"] {
  /* icons */
}
.btn .fa, .buttonlink .fa, button[type="submit"] .fa, button[type="reset"] .fa {
    margin-right: 1em;
  }
.btn .fa[class*='sp-'], .buttonlink .fa[class*='sp-'], button[type="submit"] .fa[class*='sp-'], button[type="reset"] .fa[class*='sp-'] {
    vertical-align: middle;
  }
.btn-icon-only {
  padding: 0.5em;
  min-width: 3rem
}
.btn-icon-only.btn-compact {
    padding: 0.357em;
  }
.btn-icon-only .fa {
    margin-right: 0;
  }
.page-content a.btn[target="_blank"]:after,
.page-content a.buttonlink[target="_blank"]:after {
  content: none;
}
.btn-loader-icon {
  display: inline-block;
  text-align: right;
  visibility: hidden;
  white-space: nowrap;
  width: 0;
  opacity: 0;
  -webkit-transition: width calc(0.2s - 0.05) 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.2s, visibility 0s 0.2s;
  transition: width calc(0.2s - 0.05) 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.2s, visibility 0s 0.2s
}
.btn-loader-icon span {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: white;
    -webkit-animation: ball .45s cubic-bezier(0, 0, 0.15, 1) alternate infinite;
            animation: ball .45s cubic-bezier(0, 0, 0.15, 1) alternate infinite;
    display: inline-block;
    margin: 0 3px;
    -webkit-animation-delay: .15s;
            animation-delay: .15s

  }
.btn-loader-icon span:first-child {
      left: -10px;
      -webkit-animation-delay: 0s;
              animation-delay: 0s;
    }
.btn-loader-icon span:last-child {
      left: 10px;
      -webkit-animation-delay: .3s;
              animation-delay: .3s;
    }
.btn-loading {
  pointer-events: none;
}
.btn-loading .btn-loader-icon {
  visibility: visible;
  width: 46px;
  opacity: 1;
  -webkit-transition: width calc(0.2s - 0.05) cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.2s, visibility 0s 0s;
  transition: width calc(0.2s - 0.05) cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.2s, visibility 0s 0s;
}
.btn-secondary.btn-loading .btn-loader-icon {
    visibility: inherit
  }
.btn-secondary.btn-loading .btn-loader-icon span {
      /* background: color(var(--color-clay) shade(20%)); */
      background: #8a827a;
    }
.btn-secondary.btn-loading:hover .btn-loader-icon span, .btn-secondary.btn-loading:active .btn-loader-icon span {
        background: rgb(255, 255, 255);
      }
.btn + .btn,
.buttonlink + .buttonlink,
.pull-left + .pull-left,
input[type="submit"] + input[type="reset"] {
  margin-left: 1rem;
}
.pull-right + .pull-right {
  margin-left: 0;
  margin-right: 1rem;
}
.btn-secondary,
.list-with-btn .teaser-link,
input[type="reset"],
button.btn-secondary,
input.btn-secondary {
  /* color: color(var(--color-clay) shade(20%)); */
  color: #8a827a;
  background: transparent;
  /* border: 1px solid color(var(--color-clay) shade(20%)); */
  border: 1px solid #8a827a;
}
.section.color-inverted .list-with-btn .teaser-link {
  border-color: rgb(255, 255, 255);
}
.btn-secondary:focus,
.btn-secondary:hover,
.list-with-btn a:focus .teaser-link,
.list-with-btn a:hover .teaser-link,
input[type="reset"]:focus,
input[type="reset"]:hover,
button.btn-secondary:focus,
button.btn-secondary:hover,
input.btn-secondary:focus,
input.btn-secondary:hover {
  color: rgb(255, 255, 255);
  /* background: color(var(--color-clay) shade(20%)); */
  background: #8a827a;
}
.btn-tertiary,
button.btn-tertiary,
input.btn-tertiary {
  color: rgb(255, 255, 255);
  background: rgb(57, 57, 57);
  border: 1px solid rgb(57, 57, 57);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
  0 3px 1px -2px rgba(0, 0, 0, 0.12),
  0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.btn-tertiary:focus,
.btn-tertiary:hover,
button.btn-tertiary:focus,
button.btn-tertiary:hover,
input.btn-tertiary:focus,
input.btn-tertiary:hover {
  background: rgb(78, 78, 78);
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
  0 3px 14px 2px rgba(0, 0, 0, 0.12),
  0 5px 5px -3px rgba(0, 0, 0, 0.2);
}
.btn-tertiary[disabled],
.btn-tertiary[disabled]:hover {
  box-shadow: none;
}
.section.color-inverted .list-with-btn a:focus .teaser-link,
.section.color-inverted .list-with-btn a:hover .teaser-link {
  background-color: rgb(255, 255, 255);
  color: rgb(78, 78, 78);
}
.bg-red button.btn:not(.btn-secondary),
.bg-red input[type="submit"],
.bg-red .btn-primary {
  background-color: rgb(255, 255, 255);
  color: rgb(78, 78, 78)
}
.bg-red button.btn:not(.btn-secondary):hover, .bg-red input[type="submit"]:hover, .bg-red .btn-primary:hover {
    background-color: rgba(255, 255, 255, .9);
  }
/* Magic rules */
.dependency-fullpage .btn-secondary,
.bg-red .btn-secondary,
.bg-rock .btn-secondary,
.bg-clay .btn-secondary,
.bg-rock-90 .btn-secondary,
.bg-marine .btn-secondary {
  -webkit-transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
  color: rgb(255, 255, 255);
  border: 1px solid rgb(255, 255, 255);
  background: transparent;
  overflow: hidden
}
.dependency-fullpage .btn-secondary span, .bg-red .btn-secondary span, .bg-rock .btn-secondary span, .bg-clay .btn-secondary span, .bg-rock-90 .btn-secondary span, .bg-marine .btn-secondary span {
    position: relative;
    z-index: 2;
  }
.dependency-fullpage .btn-secondary:after,
  .dependency-fullpage .btn-secondary:before,
  .bg-red .btn-secondary:after,
  .bg-red .btn-secondary:before,
  .bg-rock .btn-secondary:after,
  .bg-rock .btn-secondary:before,
  .bg-clay .btn-secondary:after,
  .bg-clay .btn-secondary:before,
  .bg-rock-90 .btn-secondary:after,
  .bg-rock-90 .btn-secondary:before,
  .bg-marine .btn-secondary:after,
  .bg-marine .btn-secondary:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: color(var(--color-white) alpha(40%)); */
    background: rgba(255, 255, 255, 0.4);
    z-index: 1;
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform .5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(0, -102%, 0);
            transform: translate3d(0, -102%, 0);
  }
.dependency-fullpage .btn-secondary:after, .bg-red .btn-secondary:after, .bg-rock .btn-secondary:after, .bg-clay .btn-secondary:after, .bg-rock-90 .btn-secondary:after, .bg-marine .btn-secondary:after {
    background: rgb(255, 255, 255);
    -webkit-transition-delay: .1s;
            transition-delay: .1s;
  }
.dependency-fullpage .btn-secondary:focus,
  .dependency-fullpage .btn-secondary:hover,
  .bg-red .btn-secondary:focus,
  .bg-red .btn-secondary:hover,
  .bg-rock .btn-secondary:focus,
  .bg-rock .btn-secondary:hover,
  .bg-clay .btn-secondary:focus,
  .bg-clay .btn-secondary:hover,
  .bg-rock-90 .btn-secondary:focus,
  .bg-rock-90 .btn-secondary:hover,
  .bg-marine .btn-secondary:focus,
  .bg-marine .btn-secondary:hover {
    text-decoration: none;
    color: rgb(78, 78, 78);
    background: transparent
  }
.dependency-fullpage .btn-secondary:focus:after,
    .dependency-fullpage .btn-secondary:focus:before,
    .dependency-fullpage .btn-secondary:hover:after,
    .dependency-fullpage .btn-secondary:hover:before,
    .bg-red .btn-secondary:focus:after,
    .bg-red .btn-secondary:focus:before,
    .bg-red .btn-secondary:hover:after,
    .bg-red .btn-secondary:hover:before,
    .bg-rock .btn-secondary:focus:after,
    .bg-rock .btn-secondary:focus:before,
    .bg-rock .btn-secondary:hover:after,
    .bg-rock .btn-secondary:hover:before,
    .bg-clay .btn-secondary:focus:after,
    .bg-clay .btn-secondary:focus:before,
    .bg-clay .btn-secondary:hover:after,
    .bg-clay .btn-secondary:hover:before,
    .bg-rock-90 .btn-secondary:focus:after,
    .bg-rock-90 .btn-secondary:focus:before,
    .bg-rock-90 .btn-secondary:hover:after,
    .bg-rock-90 .btn-secondary:hover:before,
    .bg-marine .btn-secondary:focus:after,
    .bg-marine .btn-secondary:focus:before,
    .bg-marine .btn-secondary:hover:after,
    .bg-marine .btn-secondary:hover:before {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
.btn-block {
  width: 100%;
}
.btn-large {
  min-width: 66.6666%;
}
.btn-medium {
  min-width: 50%;
}
.btn-small {
  min-width: 33.3333%;
}
.btn-inline {
  width: auto;
}
.juicer-button,
.j-loading {
  display: none;
}
@-webkit-keyframes ball {
  from {
    -webkit-transform: translateY(0) scaleY(.8);
            transform: translateY(0) scaleY(.8);
  }
  to {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
@keyframes ball {
  from {
    -webkit-transform: translateY(0) scaleY(.8);
            transform: translateY(0) scaleY(.8);
  }
  to {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
@media print {
  .button_link {
    display: none;
  }
}
/* Play Button */
/* For now, this only appears within certain components */
.home-header .btn-primary {
    padding: 0.625em 2em 0.51em 2.1em;
    background: rgba(0,0,0,.4)
    /* overwrite some strong styles from elsewhere */
  }
.home-header .btn-primary.btn-primary.btn-primary {
      margin-bottom: -0.5em;
    }
.home-header .btn-primary .fa {
      font-size: 20px;
    }
.home-header .btn-primary:hover {
      background: rgb(222, 57, 25);
    }
@media (min-width: 48em) {
.hero-header {
  /* Video Button */
  }
    .hero-header .btn-primary {
      padding: 0.625em 2em 0.51em 2.1em;
      background: rgba(0,0,0,.4)
      /* overwrite some strong styles from elsewhere */
    }
      .hero-header .btn-primary.btn-primary.btn-primary {
        margin-bottom: -0.5em;
      }

      .hero-header .btn-primary .fa {
        font-size: 20px;
      }

      .hero-header .btn-primary:hover {
        background: rgb(222, 57, 25);
      }
}
/* Play Button -- mobile layout */
@media (max-width: 47.999em) {
    .hero-header .btn-primary {
      padding: 0.625em 2em 0.51em 2.1em
    }
      .hero-header .btn-primary.btn-primary.btn-primary {
        margin-bottom: -0.5em;
      }
}
.card {
  background-color: rgb(255, 255, 255);
  display: -webkit-box;
  display: flex;
  padding: 32px;
  max-width: 480px;
  min-height: 592px;
  color: black;
  margin: auto
}
@media (min-width: 48em) {
.card {
    border-radius: 16px;
    border: 1px solid rgb(220, 220, 220)
}
  }
@media (max-width: 47.999em) {
.card {
    margin-right: calc(-1 * 16px);
    margin-left: calc(-1 * 16px)
}
  }
.card.card--lg {
    max-width: none;
    max-width: initial;
  }
.card .card__inner-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-flex: 1;
            flex: 1;
  }
.card .card__inner {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-flex: 1;
            flex: 1
  }
.card .card__inner .row {
      /* used for account-switch flex-end */
      height: 100%;
    }
.card .fieldset.featured {
    height: 100%;
    display: -webkit-box;
    display: flex
  }
.card .fieldset.featured .flex-end,
    .card .fieldset.featured [type="submit"],
    .card .fieldset.featured .btn {
      margin-top: auto;
      margin-bottom: 0;
    }
.card h1 {
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
    font-weight: 400
  }
@media (min-width: 48em) {
.card h1 {
      font-size: 48px
  }
    }
.card h1 strong {
      font-weight: 600;
    }
.card h3 {
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
    margin-bottom: 0;
  }
.card input {
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
    padding: 0.55rem 0.75rem
  }
.card input:focus {
      border-width: 2px;
    }
.card .valid input, .card .error input {
      border-width: 2px;
    }
.card {

  /*& p {*/
  /*  font-size: 1.125em;*/
  /*}*/
}
.card p:last-child {
    margin-bottom: 0;
  }
.card input[type="submit"],
  .card .btn,
  .card .btn.btn-tertiary {
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1.25em;
    font-weight: 700;
    border-radius: 4px
  }
.card input[type="submit"].disabled,
    .card input[type="submit"][disabled],
    .card .btn.disabled,
    .card .btn[disabled],
    .card .btn.btn-tertiary.disabled,
    .card .btn.btn-tertiary[disabled] {
      background-color: rgb(237, 237, 237);
      border: 0;
      color: rgb(113, 113, 113);
      cursor: not-allowed;
      opacity: 0.6
    }
.card input[type="submit"].disabled:hover, .card input[type="submit"][disabled]:hover, .card .btn.disabled:hover, .card .btn[disabled]:hover, .card .btn.btn-tertiary.disabled:hover, .card .btn.btn-tertiary[disabled]:hover {
        background-color: rgb(237, 237, 237);
        border: 0;
        color: rgb(113, 113, 113);
      }
.card a.btn,
  .card a {
    font-weight: 500
  }
.card a.btn:not(.btn):hover, .card a:not(.btn):hover {
      text-decoration: underline;
    }
.card a.btn {
    font-size: 1.125rem;
  }
.card .btn-link {
    padding: 0;
  }
.card .field {
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
  }
.card-footer {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1.5rem;
  padding-left: 2rem
}
@media (max-width: 47.999em) {
.card-footer {
    margin-right: calc(-1 * 16px);
    margin-left: calc(-1 * 16px)
}
  }
.card-footer .btn.btn-compact {
    padding: 0;
    font-weight: 500;
  }
.card__header {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
          align-items: flex-start;
}
@font-face {
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons Outlined'),
  local('MaterialIcons-Outlined'),
  url('../fonts/materialdesign/MaterialIcons-Outlined.woff2') format('woff2'),
  url('../fonts/materialdesign/MaterialIcons-Outlined.woff') format('woff');
}
.material-icons-outlined {
  font-family: 'Material Icons Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/materialdesign/MaterialIcons-Regular.eot'); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url('../fonts/materialdesign/MaterialIcons-Regular.woff2') format('woff2'),
    url('../fonts/materialdesign/MaterialIcons-Regular.woff') format('woff'),
    url('../fonts/materialdesign/MaterialIcons-Regular.ttf') format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  -webkit-font-feature-settings: 'liga';
          font-feature-settings: 'liga';
}
.material-icons-2x {
  font-size: 2em;
}
.material-icons-3x {
  font-size: 3em;
}
.material-icons-4x {
  font-size: 4em;
}
.material-icons-5x {
  font-size: 5em;
}
.material-icons-6x {
  font-size: 6em;
}
.material-icons-7x {
  font-size: 7em;
}
.material-icons-8x {
  font-size: 8em;
}
.material-icons-9x {
  font-size: 9em;
}
.material-icons-10x {
  font-size: 10em;
}
/* noto-serif-regular - latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-serif-v6-latin-ext_latin/noto-serif-v6-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif'), local('NotoSerif'),
       url('../fonts/noto-serif-v6-latin-ext_latin/noto-serif-v6-latin-ext_latin-regular.eot') format('embedded-opentype'), 
       url('../fonts/noto-serif-v6-latin-ext_latin/noto-serif-v6-latin-ext_latin-regular.woff2') format('woff2'), 
       url('../fonts/noto-serif-v6-latin-ext_latin/noto-serif-v6-latin-ext_latin-regular.woff') format('woff'), 
       url('../fonts/noto-serif-v6-latin-ext_latin/noto-serif-v6-latin-ext_latin-regular.ttf') format('truetype'), 
       url('../fonts/noto-serif-v6-latin-ext_latin/noto-serif-v6-latin-ext_latin-regular.svg') format('svg'); /* Legacy iOS */
}
/* noto-serif-700 - latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-serif-v6-latin-ext_latin/noto-serif-v6-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif Bold'), local('NotoSerif-Bold'),
       url('../fonts/noto-serif-v6-latin-ext_latin/noto-serif-v6-latin-ext_latin-700.eot') format('embedded-opentype'), 
       url('../fonts/noto-serif-v6-latin-ext_latin/noto-serif-v6-latin-ext_latin-700.woff2') format('woff2'), 
       url('../fonts/noto-serif-v6-latin-ext_latin/noto-serif-v6-latin-ext_latin-700.woff') format('woff'), 
       url('../fonts/noto-serif-v6-latin-ext_latin/noto-serif-v6-latin-ext_latin-700.ttf') format('truetype'), 
       url('../fonts/noto-serif-v6-latin-ext_latin/noto-serif-v6-latin-ext_latin-700.svg') format('svg'); /* Legacy iOS */
}
/* noto-sans-regular - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-v7-latin-ext_latin/noto-sans-v7-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans'), local('NotoSans'),
       url('../fonts/noto-sans-v7-latin-ext_latin/noto-sans-v7-latin-ext_latin-regular.eot') format('embedded-opentype'), 
       url('../fonts/noto-sans-v7-latin-ext_latin/noto-sans-v7-latin-ext_latin-regular.woff2') format('woff2'), 
       url('../fonts/noto-sans-v7-latin-ext_latin/noto-sans-v7-latin-ext_latin-regular.woff') format('woff'), 
       url('../fonts/noto-sans-v7-latin-ext_latin/noto-sans-v7-latin-ext_latin-regular.svg') format('svg'); /* Legacy iOS */
}
/* noto-sans-700 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-v7-latin-ext_latin/noto-sans-v7-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans Bold'), local('NotoSans-Bold'),
  url('../fonts/noto-sans-v7-latin-ext_latin/noto-sans-v7-latin-ext_latin-700.eot') format('embedded-opentype'), 
  url('../fonts/noto-sans-v7-latin-ext_latin/noto-sans-v7-latin-ext_latin-700.woff2') format('woff2'), 
  url('../fonts/noto-sans-v7-latin-ext_latin/noto-sans-v7-latin-ext_latin-700.woff') format('woff'), 
  url('../fonts/noto-sans-v7-latin-ext_latin/noto-sans-v7-latin-ext_latin-700.svg') format('svg'); /* Legacy iOS */
}
/* noto-sans-italic - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/noto-sans-v7-latin-ext_latin/noto-sans-v7-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans Italic'), local('NotoSans-Italic'),
       url('../fonts/noto-sans-v7-latin-ext_latin/noto-sans-v7-latin-ext_latin-italic.eot') format('embedded-opentype'), 
       url('../fonts/noto-sans-v7-latin-ext_latin/noto-sans-v7-latin-ext_latin-italic.woff2') format('woff2'), 
       url('../fonts/noto-sans-v7-latin-ext_latin/noto-sans-v7-latin-ext_latin-italic.woff') format('woff'), 
       url('../fonts/noto-sans-v7-latin-ext_latin/noto-sans-v7-latin-ext_latin-italic.svg') format('svg'); /* Legacy iOS */
}
/* noto-sans-condensed - latin - converted with transfonter.org (see readme.md in fonts folder for options)*/
@font-face {
    font-family: 'Noto Sans Condensed';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Condensed'), local('NotoSans-Condensed'),
        url('../fonts/noto-sans-condensed/hinted-subset-NotoSans-Condensed.woff2') format('woff2'),
        url('../fonts/noto-sans-condensed/hinted-subset-NotoSans-Condensed.woff') format('woff');
}
/* noto-sans-condensed-700 - latin - converted with transfonter.org (see readme.md in fonts folder for options)*/
@font-face {
    font-family: 'Noto Sans Condensed';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Condensed Bold'), local('NotoSans-CondensedBold'),
        url('../fonts/noto-sans-condensed/hinted-subset-NotoSans-CondensedBold.woff2') format('woff2'),
        url('../fonts/noto-sans-condensed/hinted-subset-NotoSans-CondensedBold.woff') format('woff');
}
/* roboto-mono-regular - latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-mono-v5-latin-ext_latin/roboto-mono-v5-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Mono'), local('RobotoMono-Regular'),
       url('../fonts/roboto-mono-v5-latin-ext_latin/roboto-mono-v5-latin-ext_latin-regular.eot') format('embedded-opentype'), 
       url('../fonts/roboto-mono-v5-latin-ext_latin/roboto-mono-v5-latin-ext_latin-regular.woff2') format('woff2'), 
       url('../fonts/roboto-mono-v5-latin-ext_latin/roboto-mono-v5-latin-ext_latin-regular.woff') format('woff'), 
       url('../fonts/roboto-mono-v5-latin-ext_latin/roboto-mono-v5-latin-ext_latin-regular.svg') format('svg'); /* Legacy iOS */
}
/* SIX-4499: adds support for forms with grey background */
.form.featured {
  background-color: rgb(248, 248, 248);
  padding: 30px;
}
/* fieldset reset */
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
.fieldset.featured [type="submit"],
  .fieldset.featured [type="reset"] {
    margin-top: 25px;
    margin-bottom: 0;
  }
/*
--form-input-theme
*/
.fieldset > button + a.inline {
  margin-left: 1rem;
}
[type="text"],
[type="password"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="month"],
[type="week"],
[type="email"],
[type="number"],
[type="search"],
[type="tel"],
[type="time"],
[type="url"],
[type="color"],
textarea {
  -moz-appearance: none;
       appearance: none;
  background-color: rgb(255, 255, 255);
  border-radius: 0;
  border: 1px solid rgb(220, 220, 220);
  box-sizing: border-box;
  color: rgb(57, 57, 57);
  display: block;
  font-family: "Noto Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  height: 2.6875rem;
  width: 100%;
  padding: 0.55rem 1.25rem;
  -webkit-transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), border-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), border-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-appearance: none
}
[type="text"]:focus, [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus, [type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus, textarea:focus {
    border: 1px solid rgb(136, 193, 228);
    /* SIX: removes ugly focus color on dark sections */
    /* background-color: color(var(--color-horizon-official) alpha(10%)); */
    background-color: rgb(243, 249, 252);
    outline: none;
  }
.compact [type="text"],
.compact [type="password"],
.compact [type="date"],
.compact [type="datetime"],
.compact [type="datetime-local"],
.compact [type="month"],
.compact [type="week"],
.compact [type="email"],
.compact [type="number"],
.compact [type="search"],
.compact [type="tel"],
.compact [type="time"],
.compact [type="url"],
.compact [type="color"],
.compact textarea {
    height: 1.875rem;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem
}
.error [type="text"],
.error [type="password"],
.error [type="date"],
.error [type="datetime"],
.error [type="datetime-local"],
.error [type="month"],
.error [type="week"],
.error [type="email"],
.error [type="number"],
.error [type="search"],
.error [type="tel"],
.error [type="time"],
.error [type="url"],
.error [type="color"],
.error textarea {
    border: 1px solid rgb(233, 76, 71)
}
.valid [type="text"],
.valid [type="password"],
.valid [type="date"],
.valid [type="datetime"],
.valid [type="datetime-local"],
.valid [type="month"],
.valid [type="week"],
.valid [type="email"],
.valid [type="number"],
.valid [type="search"],
.valid [type="tel"],
.valid [type="time"],
.valid [type="url"],
.valid [type="color"],
.valid textarea {
    border: 1px solid rgb(92, 184, 92)
}
.highlight [type="text"],
.highlight [type="password"],
.highlight [type="date"],
.highlight [type="datetime"],
.highlight [type="datetime-local"],
.highlight [type="month"],
.highlight [type="week"],
.highlight [type="email"],
.highlight [type="number"],
.highlight [type="search"],
.highlight [type="tel"],
.highlight [type="time"],
.highlight [type="url"],
.highlight [type="color"],
.highlight textarea {
    border: 1px solid rgb(136, 193, 228);
    /* background-color: color(var(--color-horizon-official) alpha(10%)); */
    background-color: rgba(136,193,228,0.1)
}
[type="color"]::-webkit-color-swatch-wrapper,
.compact [type="color"]::-webkit-color-swatch-wrapper,
[type="color"],
.compact [type="color"] {
  padding: 0;
}
[type="color"]::-webkit-color-swatch,
.compact [type="color"]::-webkit-color-swatch {
  border: none;
}
.field {
  display: block;
  font-family: "Noto Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  margin: 0 0 0.4rem;
  padding-top: 1.5rem;
  position: relative
}
.compact .field {
    margin: 0 0 0.325rem
}
.field .title {
    position: absolute;
    display: inline-block;
    font-size: .75rem;
    font-weight: 700;
    left: 2px;
    top: 4px
  }
.compact .field .title {
      font-size: .7rem
  }
.field .detail,
  .field .caption {
    font-family: inherit;
    font-size: 0.75rem;
    font-weight: 700;
  }
.field.error .detail,
    .field.error .caption {
      color: rgb(233, 76, 71);
    }
.field.valid .detail,
    .field.valid .caption {
      color: rgb(92, 184, 92);
    }
.field .hint {
    display: none;
  }
input:focus ~ .hint {
    display: inline-block;
  }
/* Range input */
[type=range] {
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
  -webkit-transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955)
}
[type=range]:focus {
    outline: none;
  }
[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    animate: 0.2s;
    background: rgb(149, 149, 149);
    border-radius: 0px;
    border: 0px solid;
  }
[type=range]::-webkit-slider-thumb {
    border: 0px solid;
    height: 12px;
    width: 12px;
    border-radius: 12px;
    background: rgb(78, 78, 78);
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -5px;
  }
[type=range]:focus::-webkit-slider-runnable-track {
    background: rgb(149, 149, 149);
  }
[type=range]:focus::-webkit-slider-thumb {
    background: rgb(73, 151, 183);
  }
[type=range]::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    animate: 0.2s;
    background: rgb(149, 149, 149);
    border-radius: 0px;
    border: 0px solid;
  }
[type=range]::-moz-range-thumb {
    border: 0px solid;
    height: 12px;
    width: 12px;
    border-radius: 12px;
    background: rgb(78, 78, 78);
    cursor: pointer;
  }
[type=range]:focus::-moz-range-thumb {
    background: rgb(73, 151, 183);
  }
[type=range]::-ms-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    color: transparent;
  }
[type=range]::-ms-fill-lower {
    background: rgb(149, 149, 149);
    border: 0px solid;
    border-radius: 0px;
  }
[type=range]::-ms-fill-upper {
    background: rgb(149, 149, 149);
    border: 0px solid;
    border-radius: 0px;
  }
[type=range]::-ms-thumb {
    border: 0px solid;
    height: 12px;
    width: 12px;
    border-radius: 12px;
    background: rgb(78, 78, 78);
    cursor: pointer;
  }
[type=range]:focus::-ms-fill-lower {
    background: rgb(149, 149, 149);
  }
[type=range]:focus::-ms-fill-upper {
    background: rgb(149, 149, 149);
  }
[type=range]:focus::-ms-thumb {
    background: rgb(73, 151, 183);
  }
input:placeholder, textarea:placeholder {
    color: rgb(184, 184, 184);
  }
input:disabled,
  input[disabled],
  input[readonly],
  textarea:disabled,
  textarea[disabled],
  textarea[readonly] {
    background-color: rgb(248, 248, 248);
    border: 1px solid rgb(220, 220, 220);
    color: rgba(123, 113, 102, 0.6);
    cursor: default;
  }
textarea {
  min-height: 4rem;
  padding: 0.375rem;
  resize: vertical;
  max-width: 100%
}
textarea[rows] {
    height: auto;
  }
select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  color: rgb(57, 57, 57);
  border: 1px solid rgb(220, 220, 220);
  padding: 0.500em 1.438em;
  text-overflow: ellipsis;
  line-height: 1.64;
  height: 43px;
  font-size: 1rem;
  font-family: "Noto Sans Condensed", Helvetica, Arial, sans-serif;
  padding-right: 2.5em;
  background-color: rgb(255, 255, 255);
  background-repeat: no-repeat;
  background-position: right 1.1em  top 1.1em;
  -webkit-transition: border 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: border 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955)
}
select:hover,
  select:active,
  select:focus {
    outline: 0;
    /* border-color: color(var(--color-rock-20) shade(10%)); */
    border-color: #c6c6c6;
  }
select {

  /* This is some basic styling for non-Webkit Browsers */
}
select option {
    padding: inherit;
    font-family: inherit;
    color: inherit !important;
    background: transparent !important;
    box-shadow: none;
  }
select option:checked,
  select option:hover {
    color: rgb(255, 255, 255) !important;
    /* background: color(var(--color-horizon) shade(10%)) !important; */
    background: #4288a5 !important;
    /* box-shadow: 0 0 10px 100px color(var(--color-horizon) shade(10%)) inset; */
    box-shadow: 0 0 10px 100px #4288a5 inset;
  }
select optgroup {
    font-family: inherit;
    padding: inherit
  }
select optgroup option {
      padding: inherit;
      padding-left: 0;
      padding-right: 0;
      font-family: inherit;
    }
select,
.choices[data-type*="select-one"],
.choices[data-type*="select-multiple"] {
  background-image: url(data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M4.177%205.53L4%205.707l-.354-.353-3-3L.293%202%201%201.293l.354.353L4%204.293l2.646-2.647L7%201.293%207.707%202l-.353.354-3%203-.177.176z%22%20fill%3D%22currentColor%22/%3E%3C/svg%3E);
  background-image: url(data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M4.177%205.53L4%205.707l-.354-.353-3-3L.293%202%201%201.293l.354.353L4%204.293l2.646-2.647L7%201.293%207.707%202l-.353.354-3%203-.177.176z%22%20fill%3D%22%23de3919%22/%3E%3C/svg%3E);
}
/* browser hacks */
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
select::-ms-expand {
  display: none;
}
.compact select {
  height: 1.875rem;
  padding: 0 0.75rem;
  padding-right: 2rem;
  font-size: 0.875rem;
  background-position: right 1.2em top 0.8em;
}
.row select {
  width: 100%;
}
.select-opt-row span + span {
    margin-left: 8px;
  }
.choices__inner .select-opt-row span {
  display: none;
}
.choices__inner .select-opt-row .its {
  display: block;
}
.choices__inner .select-opt-row .its {
  display: block;
}
.select-opt-row .its + .it:before {
  content: '–';
  display: inline-block;
  margin-right: 8px;
}
.select-opt-row .itv,
.select-opt-row .isin {
  font-size: 0.875rem; /* 14/16 */
  color: rgb(113, 113, 113)
}
.is-highlighted .select-opt-row .itv,
.is-highlighted .select-opt-row .isin {
    color: rgb(248, 248, 248)
}
.label-text {
  display: inline-block;
}
label.stacked {
  display: block;
  margin-bottom: 0.5rem;
}
/*input[type="checkbox"],*/
/*input[type="radio"] {*/
/*  position: absolute;*/
/*  opacity: 0;*/
/*  font-size: 1rem;*/
/*  & + .label-text {*/
/*    margin-right: 1em;*/
/*    padding-left: 1.5em;*/
/*    position: relative;*/
/*  }*/
/*  & + .label-text:before,*/
/*  & + .label-text:after {*/
/*    content: '';*/
/*    background: var(--color-white);*/
/*    display: inline-block;*/
/*    width: 1em;*/
/*    height: 1em;*/
/*    position: absolute;*/
/*    top: .25em;*/
/*    left: 0;*/
/*    vertical-align: top;*/
/*    cursor: pointer;*/
/*    text-align: center;*/
/*    transition: all 250ms ease;*/
/*  }*/
/*  & + .label-text:before {*/
/*    border: 1px solid var(--color-rock-20);*/
/*    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.05);*/
/*  }*/
/*  &:disabled + .label-text:before {*/
/*    background: var(--color-light-gray);*/
/*    border-color: var(--color-rock-20);*/
/*    cursor: not-allowed;*/
/*  }*/
/*  &:disabled + .label-text:after {*/
/*    opacity: 0;*/
/*    cursor: not-allowed;*/
/*  }*/
/*  &:focus + .label-text:before {*/
/*    outline: none;*/
/*  }*/
/*}*/
/*input[type="radio"] {*/
/*  & + .label-text:before,*/
/*  & + .label-text:after {*/
/*    border-radius: 50%;*/
/*  }*/
/*  &:checked + .label-text:before {*/
/*    background-color: var(--color-horizon);*/
/*    border-color: var(--color-horizon);*/
/*  }*/
/*  & + .label-text:after {*/
/*    background: var(--color-white);*/
/*    opacity: 0;*/
/*    transform: scale(1);*/
/*  }*/
/*  &:checked + .label-text:after {*/
/*    opacity: 1;*/
/*    transform: scale(.3);*/
/*  }*/
/*}*/
/*input[type="checkbox"] {*/
/*  &:checked + .label-text:before {*/
/*    background-color: var(--color-horizon);*/
/*    border-color: var(--color-horizon);*/
/*  }*/
/*  & + .label-text:after {*/
/*    background: transparent;*/
/*    border: solid var(--color-white);*/
/*    border-width: 0px 1px 1px 0;*/
/*    width: 0.2em;*/
/*    height: 0.4em;*/
/*    position: absolute;*/
/*    top: 0.6em;*/
/*    left: 0.45em;*/
/*    margin-left: -1px;*/
/*    margin-top: -2px;*/
/*    opacity: 0;*/
/*    transform: scale(2) rotate(45deg);*/
/*  }*/
/*  &:checked + .label-text:after {*/
/*    opacity: 1;*/
/*    transform: scale(1) rotate(45deg);*/
/*  }*/
/*}*/
/* filter labels */
.filter-tag {
  display: inline-block;
  margin-bottom: 0.625rem;
  margin-right: 0.625rem;
}
.filter-tag label {
  background-color: rgb(184, 184, 184);
  text-transform: capitalize
}
.filter-tag label:active {
    -webkit-tap-highlight-color: rgba(#000, 0);
    outline: none;
    text-decoration: none;
    /* background-color: color(var(--color-rock-40) shade(10%)); */
    background-color: #a6a6a6;
    color: rgb(255, 255, 255);
  }
.filter-tag label:hover,
  .filter-tag label:focus {
    text-decoration: none;
    /* background-color: color(var(--color-rock-40) shade(10%)); */
    background-color: #a6a6a6;
    color: rgb(255, 255, 255);
  }
.filter-tag label:active {
    -webkit-transform: scale(.98);
            transform: scale(.98);
  }
.filter-tags--accordion .filter-tag label {
  text-transform: none;
}
.filter-tag input[type="checkbox"]:checked + label{
    background-color: rgb(73, 151, 183);
  }
#js .file-upload:not(.file-upload-fallback) {
  display: block;
  background: rgb(255, 255, 255);
  border: 2px dashed rgb(184, 184, 184);
  padding: 1rem;
  width: 100%;
  max-width: 380px;
  text-align: center;
}
#js .error .file-upload {
  border-color: rgb(222, 57, 25);
}
#js .valid .file-upload {
  border-color: rgb(92, 184, 92);
}
#js .highlight .file-upload {
  border-color: rgb(73, 151, 183);
}
.file-upload-link,
.file-upload-drag {
  display: none;
}
#js .file-upload-drag {
  display: block
}
#js .file-upload-drag .fa {
    display: block;
    margin-bottom: 1rem;
  }
#js .file-upload-link {
  cursor: pointer;
  color: rgb(73, 151, 183);
  display: none;
}
#js .file-upload-link {
  display: inline;
}
#js .file-upload-label input {
  display: none;
  margin: 2px 0 4px;
}
#js .file-upload-fallback .file-upload-link,
  #js .file-upload-fallback .file-upload-drag {
    display: none;
  }
#js .file-upload-fallback .file-upload-label input {
    display: block;
  }
.file-upload ul {
  margin: 0;
  text-align: left
}
.file-upload ul li {
    list-style: none;
    background: rgb(248, 248, 248);
    display: -webkit-box;
    display: flex;
    padding: 3px 6px 2px;
    margin-bottom: 2px
  }
.file-upload ul li:first-child {
      margin-top: 1rem;
    }
.file-upload ul .fa:before {
    position: relative;
    top: 2px;
    font-size: 0.9em;
  }
.file-upload ul .file-list-name {
    margin-right: auto;
    margin-left: 4px;
    display: inline-block;
    font-size: 0.9em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
.file-upload ul .file-list-size {
    margin-left: auto;
    margin-top: 1px;
    display: inline-block;
    font-size: 0.8em;
    white-space: nowrap;
  }
.googlecaptcha .grecaptcha-badge {
  z-index: 500;
}
.password {
  position: relative;
  display: block
}
.password .material-icons {
    cursor: pointer;
    position: absolute;
    top: 22px;
    right: auto;
    bottom: auto;
    left: auto;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
.password .password__icon--right {
    right: 12px;
  }
.valid .authentication-code input {
      background-color: rgba(92, 184, 92, 0.1);
    }
.authentication-code {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  max-width: 480px
}
.authentication-code input {
    text-align: center;
    font-weight: 600;
    padding: 0.5rem;
    height: 2.5rem;
    width: 2.5rem;
    text-transform: uppercase
  }
@media (min-width: 30em) {
.authentication-code input {
      padding: 1rem;
      height: 3.5rem;
      width: 3.5rem
  }
    }
/*
 * CSS Definitions for media
 */
audio,
video,
canvas {
  width: 100%;
  height: auto;
}
/*
 * Credit: Nicolas Gallagher and SUIT CSS.
 */
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden
}
.embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
h1,h2,h3,h4,h5,fieldset legend,.page_title,.section_title,.chapter_title,.paragraph_title,.list .title {
  font-family: "Noto Sans Condensed", Helvetica, Arial, sans-serif;
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 700;
}
/* colors */
.color-inverted,
.color-inverted h1,
.color-inverted h2,
.color-inverted h3,
.color-inverted h4,
.color-inverted h5,
.color-inverted fieldset legend,
.color-inverted .page_title,
.color-inverted .section_title,
.color-inverted .chapter_title,
.color-inverted .paragraph_title,
.color-inverted .list .title,
.color-inverted h6 {
  color: rgb(255, 255, 255);
}
.color-inverted .featured {
  color: rgb(113, 113, 113);
}
.color-success {
  color: #3daf4e;
}
.color-warning {
  color: rgb(253, 198, 82);
}
h1,h2,h3,h4,h5,fieldset legend,.page_title,.section_title,.chapter_title,.paragraph_title,.list .title,
.featured h1,
.featured h2,
.featured h3,
.featured h4,
.featured h5,
.featured fieldset legend,
.featured .page_title,
.featured .section_title,
.featured .chapter_title,
.featured .paragraph_title,
.featured .list .title {
  color: rgb(57, 57, 57);
}
.hero-header h1,.hero-header h2,.hero-header h3,.hero-header h4,.hero-header h5,.hero-header fieldset legend,.hero-header .page_title,.hero-header .section_title,.hero-header .chapter_title,.hero-header .paragraph_title,.hero-header .list .title,
.header-image-wrapper h1,
.header-image-wrapper h2,
.header-image-wrapper h3,
.header-image-wrapper h4,
.header-image-wrapper h5,
.header-image-wrapper fieldset legend,
.header-image-wrapper .page_title,
.header-image-wrapper .section_title,
.header-image-wrapper .chapter_title,
.header-image-wrapper .paragraph_title,
.header-image-wrapper .list .title {
  color: rgb(255, 255, 255);
}
.color-inverted .featured h6 {
  color: rgb(184, 184, 184);
}
.bg-red a {
  color: rgb(255, 255, 255);
}
@media print {
  .color-inverted {
    color: rgb(113, 113, 113);
  }
  .color-inverted h1,.color-inverted h2,.color-inverted h3,.color-inverted h4,.color-inverted h5,.color-inverted fieldset legend,.color-inverted .page_title,.color-inverted .section_title,.color-inverted .chapter_title,.color-inverted .paragraph_title,.color-inverted .list .title {
    color: rgb(57, 57, 57);
  }
  .color-inverted h6 {
    color: rgb(184, 184, 184);
  }
}
/* font-sizes */
h1,.page_title {
  font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif;
  font-size: 2rem;
  letter-spacing: -0.01667em; /* -1px at font-size size 60px */
  line-height: 1.25;
}
h2,.section_title,.top-level .title,.list-box .title,.list-highlight .title,.list-teaser-box-vertical .title,.list-teaser-highlight .title {
  font-family: "Noto Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 1.375rem;
  letter-spacing: -0.0104em; /* -0.3px at font-size 32 */
  line-height: 1.2;
}
h3,fieldset legend,.lead,.chapter_title,.list-box.list-title-smaller .title,.list-highlight.list-title-smaller .title,.list-normal.list-title-bigger .title,.search-page .result .title {
  font-size: 1.25em;
  line-height: 1.2;
}
h4,.paragraph_title,.list-normal .title,.list.list-title-small .title,.list-teaser-alternating .title,.list-teaser-normal .title {
  font-size: 1.125rem;
  line-height: 1.222;
}
h5 {
  font-size: 1rem;
  line-height: 1.222;
}
h6,
.footer .social_connect .description {
  font-family: "Noto Sans", Helvetica, Arial, sans-serif;
  color: rgb(184, 184, 184);
  font-weight: 700;
  font-size: 0.75rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  line-height: 1.25;
}
@media (min-width: 48em) {
  h1,.page_title {
    font-size: 3rem;
    line-height: 1.145833;
  }

  h2,.section_title,.top-level .title,.list-box .title,.list-highlight .title,.list-teaser-box-vertical .title,.list-teaser-highlight .title {
    font-size: 2rem;
    line-height: 1.28;
  }

  h3,fieldset legend,.lead,.chapter_title,.list-box.list-title-smaller .title,.list-highlight.list-title-smaller .title,.list-normal.list-title-bigger .title,.search-page .result .title {
    font-size: 1.5rem;
    line-height: 1.333333;
  }

  .lead {
    margin-bottom: 40px;
  }
}
@media (min-width: 30em) {
  h4,.paragraph_title,.list-normal .title,.list.list-title-small .title,.list-teaser-alternating .title,.list-teaser-normal .title {
    font-size: 1.125rem;
    line-height: 1.25;
  }
}
.underlined_title {
  border-bottom: 1px solid rgb(222, 57, 25);
  margin-bottom: 1.25rem;
}
.bg-red .underlined_title {
  border-bottom-color: rgb(255, 255, 255);
}
.bg-red .featured .underlined_title {
  border-bottom-color: rgb(222, 57, 25);
}
p {
  margin-top: 0;
  font-size: 1rem;
  margin-bottom: 1em;
  line-height: 1.64;
}
.lead {
  font-family: "Noto Sans Condensed", Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 20px;
  color: rgb(57, 57, 57);
}
/* TODO: doublecheck this */
.reduced {
  font-size: 0.875rem;
  line-height: 1.58;
}
.cell-negative,
.data-pair-list .cell-negative {
  color: rgb(233, 76, 71);
}
.cell-positive,
.data-pair-list .cell-positive {
  color: rgb(92, 184, 92);
}
a {
  font-weight: bold;
  color: #4997b7;
  text-decoration: none;
  -webkit-transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  /* Break long links, hyphens is needed for IE11 */
  -ms-hyphens: auto;
  word-break: break-word
}
a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
a:hover {
    color: #4a7485;
    text-decoration: none;
  }
a .fa-li {
    top: 0.25em;
  }
.home-page a[target='_blank'][href^='http']:not(.btn)::after, .page-content a[target='_blank'][href^='http']:not(.btn)::after {
    content: var(--sp-arrow-up);
    font-family: "SIX-Pictogram";
    font-size: 0.75em;
    margin-left: 5px;
  }
.home-page .linklist a[target='_blank']::after, .page-content .linklist a[target='_blank']::after {
    content: '';
  }
.home-page a[href*='.jpg'][target='_blank']::after,
  .home-page a[href*='.png'][target='_blank']::after,
  .home-page a[href*='.gif'][target='_blank']::after,
  .home-page a[href$='.pdf'][target='_blank']::after,
  .home-page .no-extension a::after,
  .home-page a.no-extension::after,
  .home-page a.empty-extension::after,
  .page-content a[href*='.jpg'][target='_blank']::after,
  .page-content a[href*='.png'][target='_blank']::after,
  .page-content a[href*='.gif'][target='_blank']::after,
  .page-content a[href$='.pdf'][target='_blank']::after,
  .page-content .no-extension a::after,
  .page-content a.no-extension::after,
  .page-content a.empty-extension::after {
    content: none;
  }
/* SIX-4608: removes open in new window icon in download lists */
.page-content .downloads a[target='_blank']::after {
  content: none;
}
/* SIX-5198: allow non horizontal lists to have outgoing arrow */
.page-content [data-six-layout='horizontal'] a[target='_blank']:after {
  content: none;
}
.figure .caption,
  .figure .caption p,
  figure .caption,
  figure .caption p,
  .fig .caption,
  .fig .caption p {
    font-size: 0.875rem;
  }
.filter-result .caption,
  .filter-result .caption p,
  .tab-item .caption,
  .tab-item .caption p,
  .table .caption,
  .table .caption p {
    font-size: 0.75rem;
  }
.disclaimer {
  display: block;
  width: 100%;
  margin: 1.75rem 0 0.5rem;
  border-top: 4px solid rgb(136, 193, 228);
  padding-top: 0.25rem
}
.disclaimer.disclaimer--no-line {
    border-top-color: transparent;
  }
@media (max-width: 63.999em) {
    .disclaimer.disclaimer--no-line {
      margin-top: 0;
    }
  }
.disclaimer .caption,
  .disclaimer .caption p {
    font-size: 0.75rem;
  }
.nowrap {
  white-space: nowrap;
}
.text-center {
  text-align: center;
}
/* IMEX: bond calculator something */
.info-title {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  vertical-align: middle;
  margin: 10px 0 20px
}
.info-title h2,
  .info-title h3,
  .info-title h4 {
    margin: 0;
  }
code,
kbd,
pre,
samp {
  font-family: "Roboto Mono", Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.92em;
}
code {
  display: inline-block;
  padding: 5px 7px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.15);
  text-transform: none;
}
[role='button'] {
  cursor: pointer;
}
#language-switch {
  position: absolute;
  top: 0;
  left: -1000em;
  width: 50%;
}
#language-switch.ready {
  position: relative;
  top: auto;
  left: auto;
}
#language-switch .dropdown {
  text-align: right;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
          justify-content: flex-end;
}
#language-switch .dropdown-menu {
  position: absolute;
  top: 25px;
  right: 0;
  list-style: none;
  text-align: left;
  margin: 0;
  background-color: #fff;
  padding: 2px 7px;
  border-radius: 5px;
  display: none;
}
#language-switch.active .dropdown-menu {
  display: block;
}
#language-switch .dropdown-menu .lang > strong {
  display: none;
}
#language-switch-btn {
  text-transform: uppercase;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
#language-switch-btn .material-icons {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
}
#language-switch.active #language-switch-btn .material-icons {
  -webkit-transform: rotate(180deg) translateY(-3px);
          transform: rotate(180deg) translateY(-3px);
}
/* components */
/*
 all margins between components
 ----
 
 margins within a component should be defined in _.css
*/
.list,
.list2,
.row,
.blockquote,
.iconbox,
.image-slider,
.textimage,
.table,
.downloads,
.cta,
.list-teaser-contact-cta,
.filter-form,
.search-results {
    
    margin-bottom: 1.25rem
}
.list:last-child, .list2:last-child, .row:last-child, .blockquote:last-child, .iconbox:last-child, .image-slider:last-child, .textimage:last-child, .table:last-child, .downloads:last-child, .cta:last-child, .list-teaser-contact-cta:last-child, .filter-form:last-child, .search-results:last-child {
        margin-bottom: 0;
    }
[class^=column_] .list:last-child,
[class^=column_] .list2:last-child,
[class^=column_] .row:last-child,
[class^=column_] .blockquote:last-child,
[class^=column_] .iconbox:last-child,
[class^=column_] .image-slider:last-child,
[class^=column_] .textimage:last-child,
[class^=column_] .table:last-child,
[class^=column_] .downloads:last-child,
[class^=column_] .cta:last-child,
[class^=column_] .list-teaser-contact-cta:last-child,
[class^=column_] .filter-form:last-child,
[class^=column_] .search-results:last-child {
        margin-bottom: 1.25rem
}
[class^=column_]:last-child .list:last-child,
[class^=column_]:last-child .list2:last-child,
[class^=column_]:last-child .row:last-child,
[class^=column_]:last-child .blockquote:last-child,
[class^=column_]:last-child .iconbox:last-child,
[class^=column_]:last-child .image-slider:last-child,
[class^=column_]:last-child .textimage:last-child,
[class^=column_]:last-child .table:last-child,
[class^=column_]:last-child .downloads:last-child,
[class^=column_]:last-child .cta:last-child,
[class^=column_]:last-child .list-teaser-contact-cta:last-child,
[class^=column_]:last-child .filter-form:last-child,
[class^=column_]:last-child .search-results:last-child {
        margin-bottom: 0
}
@media (min-width: 64em) {
[class^=column_] .list:last-child,
[class^=column_] .list2:last-child,
[class^=column_] .row:last-child,
[class^=column_] .blockquote:last-child,
[class^=column_] .iconbox:last-child,
[class^=column_] .image-slider:last-child,
[class^=column_] .textimage:last-child,
[class^=column_] .table:last-child,
[class^=column_] .downloads:last-child,
[class^=column_] .cta:last-child,
[class^=column_] .list-teaser-contact-cta:last-child,
[class^=column_] .filter-form:last-child,
[class^=column_] .search-results:last-child {
            margin-bottom: 0
}
    }
.button_link,
button[type="submit"],
button[type="reset"],
input[type="submit"],
input[type="reset"],
.iframe,
.linklist,
.fa-ul[data-six-layout],
.form.link_list,
.dropdown_menu {
    
    margin-bottom: 1rem
}
.button_link:last-child, button[type="submit"]:last-child, button[type="reset"]:last-child, input[type="submit"]:last-child, input[type="reset"]:last-child, .iframe:last-child, .linklist:last-child, .fa-ul[data-six-layout]:last-child, .form.link_list:last-child, .dropdown_menu:last-child {
        margin-bottom: 0;
    }
[class^=column_] .button_link:last-child,
[class^=column_] button[type="submit"]:last-child,
[class^=column_] button[type="reset"]:last-child,
[class^=column_] input[type="submit"]:last-child,
[class^=column_] input[type="reset"]:last-child,
[class^=column_] .iframe:last-child,
[class^=column_] .linklist:last-child,
[class^=column_] .fa-ul[data-six-layout]:last-child,
[class^=column_] .form.link_list:last-child,
[class^=column_] .dropdown_menu:last-child {
        margin-bottom: 1rem
}
[class^=column_]:last-child .button_link:last-child,
[class^=column_]:last-child button[type="submit"]:last-child,
[class^=column_]:last-child button[type="reset"]:last-child,
[class^=column_]:last-child input[type="submit"]:last-child,
[class^=column_]:last-child input[type="reset"]:last-child,
[class^=column_]:last-child .iframe:last-child,
[class^=column_]:last-child .linklist:last-child,
[class^=column_]:last-child .fa-ul[data-six-layout]:last-child,
[class^=column_]:last-child .form.link_list:last-child,
[class^=column_]:last-child .dropdown_menu:last-child {
        margin-bottom: 0
}
@media (min-width: 64em) {
[class^=column_] .button_link:last-child,
[class^=column_] button[type="submit"]:last-child,
[class^=column_] button[type="reset"]:last-child,
[class^=column_] input[type="submit"]:last-child,
[class^=column_] input[type="reset"]:last-child,
[class^=column_] .iframe:last-child,
[class^=column_] .linklist:last-child,
[class^=column_] .fa-ul[data-six-layout]:last-child,
[class^=column_] .form.link_list:last-child,
[class^=column_] .dropdown_menu:last-child {
            margin-bottom: 0
}
    }
@media (max-width: 63.999em) {
        .button_link .btn {
            display: table;
            margin-bottom: 1rem;
            margin-left: 0;
        }
        .button_link .btn:last-child {
            margin-bottom: 0;
        }
            .align-center .button_link .btn {
                margin-left: auto;
                margin-right: auto;
            }
            .align-right .button_link .btn {
                margin-left: auto;
                margin-right: 0;
            }
}
/* can not be within a grid */
.top-level-teaser {
    
    margin-bottom: 30px
}
.top-level-teaser:last-child {
        margin-bottom: 0;
    }
@media (min-width: 64em) {
.top-level-teaser {
        margin-bottom: 50px
}
    }
/* grids within certain components should never have bottom margin */
.form .row {
        margin-bottom: 0;
    }
/* SIX-4482: increase space between list and titles */
.section_title + .row,
    .section_title + .list2,
    .chapter_title + .row,
    .chapter_title + .list2 {
        margin-top: 1.5rem;
    }
/* add spacing between list and grid and between grids */
.list2 + .row {
    margin-top: 2.5rem
}
@media (min-width: 64em) {
.list2 + .row {
        margin-top: 1.5rem
}
    }
.row + .list2,
.row + .row {
    margin-top: 2.5rem;
}
/**
 * Style definitions for extended form elements like multi input
 */
.input-multi {
}
.input-multi-list {
  display: -webkit-box;
  display: flex;
  position: relative;
  -webkit-box-flex: 1;
          flex: 1;
  -ms-flex: 1 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
          justify-content: flex-start;
  align-content: stretch;
  -webkit-box-align: start;
          align-items: flex-start
}
.input-multi-list .input {
    -webkit-box-flex: 1;
            flex: 1;
    -ms-flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
            justify-content: flex-start;
    align-content: flex-start;
    position: relative;
    /* Let flex handle the width as some browsers seem to have issues with auto */
    width: 1px
  }
.input-multi-list .input input {
      border-left-width: 0;
      border-right-width: 0;
    }
.input-multi-list .input:first-child input {
        border-left-width: 1px;
      }
.input-multi-list .input:first-child .input-multi-label {
        display: none;
      }
.input-multi-list .input:last-child input {
        border-right-width: 1px;
      }
.input-multi-list input,
  .input-multi-list select {
    width: 100%;
    min-width: 1px;
  }
.input-multi-list .input-multi-label {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: -1.25rem;
    width: 2.5rem;
    height: auto;
    font-size: 0.875rem;
    color: rgb(149, 149, 149);
    line-height: 1;
    overflow: hidden;
    text-align: center;
  }
@media (min-width: 48em) {
      .input-multi-list .input:first-child .input-multi-label {
        display: block;
        left: 0.125rem
      }
        .input-multi-list .input:first-child .input-multi-label + input {
          padding-left: 2.75rem;
        }
}
.input {
  /**
   * used to position an icon on the right side of the input field
   */
}
.input.has-icon {
    position: relative;
    display: block
  }
.input.has-icon::after {
      position: absolute;
      top: 21px;
      right: 11px;
      padding: 3px 4px;
      font: normal normal normal 14px/1 'FontAwesome';
      cursor: pointer;
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%);
    }
.input.has-icon--copy::after {
    content: '\f0c5';
  }
.compact .has-icon::after {
      top: 15px;
    }
input::-ms-reveal,
input::-ms-clear {
  display: none !important;
}
.structured-output {

  background-color: rgb(248, 248, 248);
  padding: 1rem 1.5rem
}
.structured-output .structured-output-block {
    width: 100%;
    max-width: 100%;
    overflow: auto;
  }
.structured-output code {
    background: none;
    display: block;
    width: 100%;
    border-radius: 0;
  }
.structured-output .button-list {
    text-align: right;
  }
.margin-bottom, .margin-bottom--md {
  margin-bottom: calc(1 * 1rem);
}
.margin-bottom--xs {
  margin-bottom: calc(0.5 * 1rem);
}
.margin-bottom--sm {
  margin-bottom: calc(0.75 * 1rem);
}
.margin-bottom--lg {
  margin-bottom: calc(2 * 1rem);
}
.margin-bottom--xl {
  margin-bottom: calc(3.25 * 1rem);
}
.margin-bottom--xxl {
  margin-bottom: calc(3.5 * 1rem);
}
/* containers */
.main {
  /* uses paddingtop instead of margin-top so children can define margin-top */
  padding-top: calc(var(--navbar-height-desktop) + var(--division-height-desktop));
  /* TODO: Check the spacings if this can be done for the main and footer */
  margin-bottom: 7rem;
  position: relative; /* for sticky navigation */
}
@media print {
  .main > footer {
    display: none;
  }
}
.row {
  box-sizing: border-box;
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 0;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-wrap: wrap;
  margin-right: -8px;
  margin-left: -8px
}
.row .material-icons,
  .row .material-icons-outlined {
    margin-top: 2px;
  }
.column,
.column_1,
.column_2,
.column_3,
.column_4,
.column_5,
.column_6,
.column_7,
.column_8,
.column_9,
.column_10,
.column_11,
.column_12 {
  box-sizing: border-box;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-flex: 0;
          flex: 0 0 auto;
  padding-right: 8px;
  padding-left: 8px;
  position: relative;
}
.column_3,
.column_4,
.column_5,
.column_6,
.column_7,
.column_8,
.column_9,
.column_10,
.column_11,
.column_12 {
  word-break: break-word;
}
.column {
  -webkit-box-flex: 1;
          flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}
.column_1,
.column_2 {
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}
.column_3,
.column_4,
.column_5,
.column_6,
.column_7,
.column_8,
.column_9,
.column_10,
.column_11,
.column_12 {
  flex-basis: 100%;
  max-width: 100%;
}
@media (min-width: 64em) {

  .column_1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }

  .column_2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
    width: 16.66666667%;
  }

  .column_3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .column_4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }

  .column_5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }

  .column_6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .column_7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }

  .column_8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }

  .column_9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .column_10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }

  .column_11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }

  .column_12 {
    flex-basis: 100%;
    max-width: 100%;
  }

}
@media print {
  .row {
    page-break-inside: avoid;
  }
}
.row.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
          flex-direction: row-reverse;
}
.row.separator [class^="column_"] {
    margin-bottom: 40px;
    padding-bottom: 40px
  }
.row.separator [class^="column_"] .textimage:last-child {
      margin-bottom: 0;
    }
.row.separator [class^="column_"]:after {
      content: "";
      position: absolute;
      height: 1px;
      background: rgb(220, 220, 220);
      bottom: 0;
      left: 8px;
      right: 8px;
    }
[dir="ltr"] .row_start {
  text-align: left;
}
[dir="rtl"] .row_start {
  text-align: right;
}
.row_start {
  -webkit-box-pack: start;
          justify-content: flex-start;
}
.row_center {
  -webkit-box-pack: center;
          justify-content: center;
  text-align: center;
}
[dir="ltr"] .row_end {
  text-align: right;
}
[dir="rtl"] .row_end {
  text-align: left;
}
.row_end {
  -webkit-box-pack: end;
          justify-content: flex-end;
}
.row_top {
  -webkit-box-align: start;
          align-items: flex-start;
}
.row_middle {
  -webkit-box-align: center;
          align-items: center;
}
.row_bottom {
  -webkit-box-align: end;
          align-items: flex-end;
}
.row_around {
  justify-content: space-around;
}
.row_between {
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.column_first {
  -webkit-box-ordinal-group: 0;
          order: -1;
}
.column_last {
  -webkit-box-ordinal-group: 2;
          order: 1;
}
.row.featured {
  padding: 40px 20px;
  margin-left: 0;
  margin-right: 0;
  background-color: rgb(248, 248, 248)

  /* SIX-4752: applies link color in featured grid */

}
.row.featured a:not(.btn) {
    color: #4997b7;
  }
.row.featured a:not(.btn):hover {
    color: #4a7485;
  }
.row.featured .label {
    color: rgb(184, 184, 184);
    text-transform: uppercase;
    font-size: 0.75rem; /* 12/16 */
    font-weight: 700;
    margin-bottom: .7em;
  }
.row.featured.separator .list-teaser-horizontal:after {
      content: none !important;
      display: none !important;
    }
/* SIX-5461: adds featured columns */
.row.featured.borderedColumns,
.row.featured.featuredColumns {
  background-color: transparent;
  border: none;
  padding: 0
}
.row.featured.borderedColumns [class^="column_"], .row.featured.featuredColumns [class^="column_"] {
    padding: 40px 20px;
  }
.row.borderedColumns,
.row.featuredColumns {
  -webkit-box-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-left: 0;
  margin-right: 0
}
.row.borderedColumns [class^="column_"], .row.featuredColumns [class^="column_"] {
    background-color: rgb(248, 248, 248);
    padding-bottom: 20px;
    padding-top: 20px;
  }
.row.borderedColumns {
  background-color: transparent
}
.row.borderedColumns [class^="column_"] {
    background-color: transparent;
    outline: 1px solid rgb(220, 220, 220);
  }
@media (max-width: 63.999em) {
  .row.borderedColumns [class^="column_"],
  .row.featuredColumns [class^="column_"] {
    margin-bottom: 1.25rem
  }
    .row.borderedColumns [class^="column_"]:last-child, .row.featuredColumns [class^="column_"]:last-child {
      margin-bottom: 0;
    }
  .row.borderedColumns .column_4,
  .row.featuredColumns .column_4 {
    margin-bottom: 0;
  }
}
@media (max-width: 63.999em) {
  .row.borderedColumns .column_4,
  .row.featuredColumns .column_4 {
    margin-bottom: 1.25rem;
    /*
    flex-basis: calc(50% - .675rem);
    max-width: calc(50% - .675rem);
    */
    width: calc(50% - .675rem)
  }
    .row.borderedColumns .column_4:last-child, .row.featuredColumns .column_4:last-child {
      margin-bottom: 0;
    }
}
@media (min-width: 48em) and (max-width: 63.999em) {
    .row.borderedColumns .column_4:first-child, .row.featuredColumns .column_4:first-child {
      margin-right: 1.25rem;
    }
}
@media (max-width: 47.999em) {
  .row.borderedColumns .column_4,
  .row.featuredColumns .column_4 {
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }
}
@media (min-width: 64em) {
    .row.borderedColumns .column_1, .row.featuredColumns .column_1 {
      max-width: calc(8.33333333% - 1rem);
    }
    .row.borderedColumns .column_2, .row.featuredColumns .column_2 {
      max-width: calc(16.66666667% - 1rem);
    }
    .row.borderedColumns .column_3, .row.featuredColumns .column_3 {
      max-width: calc(25% - 1rem);
    }
    .row.borderedColumns .column_4, .row.featuredColumns .column_4 {
      flex-basis: calc(33.33333333% - 1rem); /* IE11 */
      max-width: calc(33.33333333% - 1rem);
    }
    .row.borderedColumns .column_5, .row.featuredColumns .column_5 {
      max-width: calc(41.66666667% - 0.75rem);
    }
    .row.borderedColumns .column_6, .row.featuredColumns .column_6 {
      max-width: calc(50% - 0.675rem);
    }
    .row.borderedColumns .column_7, .row.featuredColumns .column_7 {
      max-width: calc(58.33333333% - 0.675rem);
    }
    .row.borderedColumns .column_8, .row.featuredColumns .column_8 {
      max-width: calc(66.66666667% - 0.675rem);
    }
    .row.borderedColumns .column_9, .row.featuredColumns .column_9 {
      max-width: calc(75% - 0.675rem);
    }
    .row.borderedColumns .column_10, .row.featuredColumns .column_10 {
      max-width: calc(83.33333333% - 0.675rem);
    }
    .row.borderedColumns .column_11, .row.featuredColumns .column_11 {
      max-width: calc(91.66666667% - 0.675rem);
    }
    .row.borderedColumns .column_12, .row.featuredColumns .column_12 {
      max-width: 100%;
    }
}
/* MAGIC */
@media (max-width: 63.999em) {
  .section .column_4 {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
            flex: 1;
    /*
    flex-basis: 50%;
    max-width: 50%;*/
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    align-content: flex-start;
  }
  .section .column_4:nth-child(3n) {
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 47.999em) {
  .section .column_4 {
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }
}
.section,
.section.sectioninclude {
  margin-top: 40px;
  margin-bottom: 40px;
  position: relative;
}
.section > section,
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 16px;
  padding-left: 16px;
}
/* SIX: AEM markup sometimes adds .section */
.section .section,
.section.sectioninclude .section {
  margin-bottom: 0;
  margin-top: 0;
}
.sectoin-bg-img,
.section[class*=' bg-'] {
  margin-top: 0;
  margin-bottom: 0;
  /* make service bar pass behind colored sections */
  z-index: 4
}
.sectoin-bg-img.section-z-bottom, .section[class*=' bg-'].section-z-bottom {
    z-index: 2;
  }
.section-low {
  padding: 0;
}
.section-shadow {
  box-shadow: -5px 0px 10px 0 rgba(0, 0, 0, 0.08),
                            10px 10px 20px 0 rgba(0, 0, 0, 0.05);
  padding: 20px
}
.section-shadow.section-shadow--white {
    background-color: rgb(255, 255, 255);
  }
.section-shadow .row + .row {
    margin-top: 20px;
  }
.sectoin-bg-img,
.section[class*=' bg-'],
.section[class*=' bg-'].section-low {
  padding: 2.25rem 0;
}
[class*=' bg-'] {
  /* prevents duplicated phantom background in the middle of the page in AEM */
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
@media (min-width: 64em) {
  .sectoin-bg-img,
  .section-tall,
  .section[class*=' bg-'] {
    padding: 5.5rem 0;
  }
  .sectoin-bg-img.section-low {
    padding: 2.25rem 0;
  }
}
.bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
  z-index: -1;
}
.bg-red .bg,
.nav-sub-overview.bg-red {
  background-color: rgb(222, 57, 25);
}
.nav-sub-overview.bg-red {
  color: rgb(255, 255, 255);
}
/* .bg-rock-90 .bg */
.bg-rock .bg {
  background-color: rgb(78, 78, 78);
}
.bg-rock-90 .bg {
  background-color: rgb(57, 57, 57);
}
.bg-rock-80 .bg {
  background-color: rgb(113, 113, 113);
}
.bg-rock-60 .bg {
  background-color: rgb(149, 149, 149);
}
.bg-rock-40 .bg {
  background-color: rgb(184, 184, 184);
}
.bg-rock-20 .bg {
  background-color: rgb(220, 220, 220);
}
.bg-light-gray .bg {
  background-color: rgb(248, 248, 248);
}
.bg-clay .bg {
  background-color: rgb(173, 163, 152);
}
.bg-clay10 .bg {
  background-color: rgb(148, 138, 127);
}
.bg-clay20 .bg {
  background-color: rgb(123, 113, 102);
}
.bg-marine .bg {
  background-color: rgb(0, 44, 95);
}
.bg-white .bg {
  background-color: #fff;
}
.section-id {
  position: absolute;
  top: -100px;
}
[class*=' bg-'] .section-id {
  top: -60px;
}
@media (min-width: 64em) {
  .section-id {
    top: -155px;
  }
  [class*=' bg-'] .section-id {
    top: -115px;
  }
  #inpage-nav ~ .page-content [class*=' bg-'] .section-id {
    top: -177px;
  }
  /* SIX-5324: position correctly by taking inpage-nav into account */
  #inpage-nav ~ .page-content .section-id {
    top: -217px;
  }
}
.section-img {
  background-position-x: center;
  background-position-y: center;
  background-size: cover;

  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1
}
.section-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    min-width: calc(15.5rem * 2.5);
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: -1;
  }
.section-img:after {
    background-color: rgba(57, 57, 57, 0.2);
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
/* SIX-5178: better support for seciton bg images on medium screen and smaller */
@media (max-width: 1654px) {
  .section-img img {
    -ms-transform: translate(-50%, -50%) scale(1.1);
  }
}
@media (max-width: 1484px) {
  .section-img img {
    -ms-transform: translate(-50%, -50%) scale(1.2);
  }
}
@media (max-width: 1384px) {
  .section-img img {
    -ms-transform: translate(-50%, -50%) scale(1.4);
  }
}
@media (max-width: 1184px) {
  .section-img img {
    -ms-transform: translate(-50%, -50%) scale(1.6);
  }
}
@supports (object-fit: cover) {
  .section-img img {
    -webkit-transform: none;
            transform: none;
    min-width: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
}
#js .section section {
  visibility: hidden
}
#js .section section .accordion-content {
    visibility: inherit;
  }
.cq-wcm-edit #js .section section, /* AEM author mode */
.sr-not-supported #js .section section {
  visibility: visible
}
.cq-wcm-edit #js .section section .accordion-content, .sr-not-supported #js .section section .accordion-content {
    visibility: inherit;
  }
/* Section on Homepage */
.home-page .section {
  margin-bottom: 20px
}
@media (min-width: 30em) {
.home-page .section {
    margin-bottom: 25px
}
  }
@media (min-width: 48em) {
.home-page .section {
    margin-bottom: 30px
}
  }
@media (min-width: 64em) {
.home-page .section {
    margin-bottom: 50px
}
  }
.home-page .section.sectoin-bg-img,
  .home-page .section[class*=' bg-'] {
    margin-bottom: 0;
  }
@media (min-width: 48em) {
  .section > section,
  .container {
    max-width: 768px;
  }
}
@media (min-width: 64em) {
  .section > section,
  .container {
    max-width: 1024px;
  }

  .service-page .page-header,
  .service-page .section section {
    padding-left: 135px;
  }

  .service-page .inpage-nav-wrapper .container,
  .service-page .inpage-nav-wrapper .section section {
    padding-left: 16px;
  }

  /* TODO: test if search-page could be replaced with service-page*/
  .search-page section,
  .detail-page .page-header-inner,
  .detail-page .article-header-inner,
  .detail-page .section > section,
  .section.shrink > section {
    padding-left: 135px;
    /* padding-right: calc(((1024px - var(--gutter-width)) * 0.16666) + var(--gutter-width)); */
    padding-right: 184px;
  }

  .detail-page .section.expand > section,
  .detail-page footer .section > section,
  .section.expand > section {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 80.125em) {
  .section > section,
  .container {
    max-width: 1282px;
  }
  .search-page section,
  .detail-page .page-header-inner,
  .detail-page .article-header-inner,
  .detail-page .section > section,
  .section.shrink > section {
    /* padding-right: calc(((1282px - var(--gutter-width)) * 0.16666) + var(--gutter-width)); */
    padding-right: 227px;
    padding-bottom: 1rem;
  }
}
@media print {
  .section > section,
  .container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  /* SIX-4763: force scrollreveal to show in print mode */
  [data-sr-id],
  #js .section section {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transform: none !important;
            transform: none !important;
  }

  .search-page section,
  .detail-page .page-header-inner,
  .detail-page .article-header-inner,
  .detail-page .section > section,
  .section.shrink > section {
    padding-left: 0;
  }

  .section-img {
    display: none;
  }
}
/* WES custom css */
.spinner-wes {
  margin: 100px auto 0;
  text-align: center;
}
.spinner-wes > div {
  width: 24px;
  height: 24px;
  background-color: #333;
  margin: 0 5px;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.7s infinite ease-in-out both;
  animation: sk-bouncedelay 1.7s infinite ease-in-out both;
}
.spinner-wes .bounce1 {
  -webkit-animation-delay: -0.64s;
  animation-delay: -0.64s;
}
.spinner-wes .bounce2 {
  -webkit-animation-delay: -0.48s;
  animation-delay: -0.48s;
}
.spinner-wes .bounce3 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.spinner-wes .bounce4 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
      -webkit-transform: scale(1.0);
      transform: scale(1.0);
    }
}
/* =global
************************************************************** */
.guiElem-type--error p {
  color: rgb(233, 76, 71);
  font-size: 0.75rem;
  font-weight: 700;
}
.form-control__hint {
  font-size: 0.7rem;
  margin-top: 2px;
}
.form-group--buttons {
  margin-top: 15px;
}
.main-logo .svg-icon {
    min-width: 200px;
    min-height: 50px;
    max-width: 300px;
    max-height: 150px;
  }
/* =AskEmail
************************************************************** */
.gui-name--AskEMail.guiElem-name--info {
  margin-bottom: calc(3.5 * 1rem);
  font-size: 1.25rem
}
/* =AskPassword
************************************************************** */
#AskPassword .main-header strong {
  font-weight: normal;
}
.gui-name--AskPassword.guiElem-name--info {
  font-family: "Noto Sans", Helvetica, Arial, sans-serif;
  color: rgb(57, 57, 57);
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: calc(3.25 * 1rem);
  margin-top: calc(calc(-1 * 1rem) - 10px)
}
@media (min-width: 48em) {
.gui-name--AskPassword.guiElem-name--info {
    font-size: 3rem
}
  }
.gui-name--AskPassword.guiElem-name--info p {
  font-size: 1em;
}
.gui-name--AskPassword.guiElem-type--pw-text {
  margin-bottom: calc(2 * 1rem);
}
.gui-name--AskPassword.guiElem-type--pw-text.next-has-error {
  margin-bottom: 0;
}
.gui-name--AskPassword.guiElem-name--forgot {
  margin-bottom: calc(0.5 * 1rem);
}
.gui-name--AskPassword.guiElem-name--lasterror {
  margin-bottom: calc(2 * 1rem);
}
/* =AskOTP
************************************************************** */
.gui-name--AskOTP.guiElem-name--info {
  margin-bottom: calc(3.25 * 1rem);
}
.gui-name--AskOTP.guiElem-name--resendlink {
  text-align: right;
  margin-bottom: calc(1 * 1rem);
}
.gui-name--AskOTP.guiElem-name--otp {
  margin-bottom: calc(3.25 * 1rem);
}
.gui-name--AskOTP.guiElem-name--otp.next-has-error {
  margin-bottom: 0;
}
.gui-name--AskOTP.guiElem-name--lasterror {
  margin-bottom: calc(3.25 * 1rem);
}
.gui-name--AskOTP.guiElem-name--resendlink {
  display: -webkit-box;
  display: flex;
  height: 100%;
  margin-bottom: 0;
}
.gui-name--AskOTP.guiElem-name--resendlink p {
  margin-top: auto;
  width: 100%;
}
.gui-name--AskOTP.guiElem-name--resendcode {
  display: none;
}
/* =AskPasswordChange
************************************************************** */
#AskPasswordChange .main-header {
  margin-bottom: 0;
}
.gui-name--AskPasswordChange.guiElem-name--info {
  margin-bottom: calc(1 * 1rem);
}
.gui-name--AskPasswordChange.guiElem-name--info p {
  font-family: "Noto Sans", Helvetica, Arial, sans-serif;
  font-weight: 400
}
@media (min-width: 48em) {
.gui-name--AskPasswordChange.guiElem-name--info p {
    font-size: 48px
}
  }
.gui-name--AskPasswordChange.guiElem-name--password {
  margin-bottom: calc(2 * 1rem);
}
.gui-name--AskPasswordChange.guiElem-name--password.next-has-error {
  margin-bottom: 0;
}
.gui-name--AskPasswordChange.guiElem-name--policy {
  padding-left: 2px;
  margin-bottom: calc(0.5 * 1rem);
}
.gui-name--AskPasswordChange.guiElem-name--policy p {
  font-size: 0.75rem;
  font-weight: 700;
}
.gui-name--AskPasswordChange.guiElem-name--password2 {
  margin-bottom: calc(3.25 * 1rem);
}
.gui-name--AskPasswordChange.guiElem-name--password2.next-has-error {
  margin-bottom: 0;
}
.gui-name--AskPasswordChange.guiElem-name--lasterror {
  margin-bottom: calc(3.25 * 1rem);
}
/* =AskPasswordReset
************************************************************** */
#AskPasswordReset .main-header {
  margin-bottom: 0;
}
.gui-name--AskPasswordReset.guiElem-name--info p {
  font-family: "Noto Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 0.7em
}
@media (min-width: 48em) {
.gui-name--AskPasswordReset.guiElem-name--info p {
    font-size: 48px
}
  }
.gui-name--AskPasswordReset.guiElem-name--name {
  margin-bottom: calc(1 * 1rem);
}
.gui-name--AskPasswordReset.guiElem-name--name p {
  font-family: "Noto Sans", Helvetica, Arial, sans-serif;
  font-weight: 600
}
@media (min-width: 48em) {
.gui-name--AskPasswordReset.guiElem-name--name p {
    font-size: 48px
}
  }
.gui-name--AskPasswordReset.guiElem-name--policy {
  padding-left: 2px;
  margin-bottom: calc(0.5 * 1rem);
}
.gui-name--AskPasswordReset.guiElem-name--policy p {
  font-size: 0.75rem;
  font-weight: 700;
}
.gui-name--AskPasswordReset.guiElem-name--lasterror {
  margin-bottom: calc(3.25 * 1rem);
}
/* =AskPasswordReset
************************************************************** */
.gui-name--LinkError.guiElem-name--msg {
  margin-bottom: calc(2 * 1rem);
}
.gui-name--LinkError.guiElem-name--msg p {
  font-size: 1.25rem;
  font-weight: 600;
}
.gui-name--LinkError.guiElem-name--info p {
  font-size: 1.25rem;
  margin-bottom: 0;
}
.gui-name--LinkError.guiElem-name--login {
  height: 100%;
  display: -webkit-box;
  display: flex;
}
.gui-name--LinkError.guiElem-name--login p {
  margin-top: auto;
  width: 100%;
}
.gui-name--LinkError.guiElem-name--login p a {
  width: 100%;
  display: inline-block;
  line-height: 1.64;
  outline: none;
  padding: 0.500em 1.438em;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  vertical-align: middle;
  word-break: normal;

  /* Corrects inability to style clickable `input` types in iOS. */
  -webkit-appearance: none;

  color: rgb(255, 255, 255);
  background: rgb(57, 57, 57);
  border: 1px solid rgb(57, 57, 57);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
  0 3px 1px -2px rgba(0, 0, 0, 0.12),
  0 1px 5px 0 rgba(0, 0, 0, 0.2);

  font-family: "Noto Sans", Helvetica, Arial, sans-serif;
  font-size: 1.25em;
  font-weight: 700;
  border-radius: 4px
}
.gui-name--LinkError.guiElem-name--login p a:hover {
   color: rgb(255, 255, 255);
   text-decoration: none;
   background: rgb(78, 78, 78);
   box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
   0 3px 14px 2px rgba(0, 0, 0, 0.12),
   0 5px 5px -3px rgba(0, 0, 0, 0.2);
  }
.gui-name--LinkError.guiElem-name--login p a:active {
   -webkit-transform: scale(.98);
           transform: scale(.98);
  }
.gui-name--LinkError.guiElem-name--login p a:focus {
   background: rgb(78, 78, 78);
   box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
   0 3px 14px 2px rgba(0, 0, 0, 0.12),
   0 5px 5px -3px rgba(0, 0, 0, 0.2);
 }
.gui-name--LinkError.guiElem-name--login + .form-group.fieldset {
  display: none;
}
/* =PasswordResetSuccess
************************************************************** */
.gui-name--PasswordResetSuccess.guiElem-name--info p {
  font-family: "Noto Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.145833
}
@media (min-width: 48em) {
.gui-name--PasswordResetSuccess.guiElem-name--info p {
    font-size: 48px
}
  }
.gui-name--PasswordResetSuccess.guiElem-name--name p b {
  font-weight: 600;
}
/* =AuthUidPwDialog
************************************************************** */
#AuthUidPwDialog .main-header strong {
  font-weight: normal;
}
.gui-name--AuthUidPwDialog.guiElem-type--pw-text {
  margin-bottom: calc(2 * 1rem);
}
.gui-name--AuthUidPwDialog.guiElem-type--pw-text.next-has-error {
  margin-bottom: 0;
}
.gui-name--AuthUidPwDialog.guiElem-name--lasterror {
  margin-bottom: calc(2 * 1rem);
}
.gui-name--AuthUidPwDialog.guiElem-name--info {
  margin-bottom: calc(2 * 1rem);
}
/* SIX-10030 */
#AuthUidPwDialog button[name="base"].btn.btn-tertiary {
  background: rgb(255, 255, 255);
  color: rgb(57, 57, 57);
  border-color: rgb(182, 182, 182);
}
/* SIX-10238 */
#AuthUidPwDialog button[name="verifyPwSubmit"].btn {
  width:48%;
}
#AuthUidPwDialog button[name="cert"].btn.btn-tertiary {
  background: rgb(255, 255, 255);
  color: rgb(57, 57, 57);
  border-color: rgb(182, 182, 182);
  width: 48%;
}
#AuthUidPwDialog button[name="swissid"].btn.btn-tertiary {
  margin: 0;
  background-color: #fff;
  color: rgb(57, 57, 57);
  border-color: #fff;
  font-weight: normal;
}
#AuthUidPwDialog button[name="swissid"].btn.btn-tertiary::after {
  content: '';
  width: 33px;
  height: 33px;
  background: url("../images/logos/swissId.png") no-repeat center center;
  display: inline-block;
  margin-bottom: -8px;
  margin-left: 7px;
}
#AuthUidPwDialog .swiss-id-btn {
  margin: 25px -10px 0;
  width: calc(100% + 20px);
  border-top: 2px #e3e2e6 dashed;
  padding: 23px 10px 0;
}
#AuthUidPwDialog .form-group--buttons {
  display: none;
}
#AuthUidPwDialog .form-group--buttons.ready {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
#AuthUidPwDialog .form-group--buttons button[name="restartRedirect"] {
  width: 48%;
}
#AuthUidPwDialog .form-group--buttons button[name="securIdSubmit"] {
  width: 48%;
}
#AuthUidPwDialog .form-group--buttons button[name="basefederation"] {
  background-color: #fff;
  color: rgb(57, 57, 57);
  border-color: #fff;
  font-weight: normal;
  margin-left: 0;
  margin-top: 1rem;
}
/* =MTANDialog
************************************************************** */
#MTANDialog .main-header strong {
  font-weight: normal;
}
.gui-name--MTANDialog.guiElem-name--resendlink {
  text-align: right;
  margin-top: calc(1 * 1rem);
}
.gui-name--MTANDialog.guiElem-name--tanresponse {
  margin-top: calc(3.25 * 1rem);
}
#MTANDialog .form-group button[name="button"] {
  display: none;
}
#MTANDialog .form-group button[name="restartRedirect"] {
  margin-left: 0;
}
/* =AuthInputDialog
************************************************************** */
#AuthInputDialog .main-header strong {
  font-weight: normal;
}
.gui-name--AuthInputDialog.guiElem-name--captcha_image .field {
  padding-top: 0.5rem;
}
.gui-name--AuthInputDialog.form-group.gui-name--AuthInputDialog.guiElem-type--info p[id^="policy."],
.gui-name--AuthInputDialog.form-group.gui-name--AuthInputDialog.guiElem-type--error p[id^="policyFailure."] {
  font-size: 0.75rem;
}
.gui-name--AuthInputDialog[class^="form-group gui-name--AuthInputDialog guiElem-type--info guiElem-name--pwreset.policy"] + .guiElem-type--pw-text {
  margin-top: calc(2 * 1rem);
}
#AuthInputDialog .guiElem-type--radio {
  display: none;
}
#AuthInputDialog select.autogenerated {
  font-weight: bold;
}
#AuthInputDialog select.autogenerated option:checked {
  font-weight: bold;
}
/* =futurae-totp-form
************************************************************** */
#futurae-totp-form .main-header strong {
  font-weight: normal;
}
.gui-name--futurae-totp-form.guiElem-name--totp {
  margin-top: calc(3.25 * 1rem);
}
#futurae-totp-form .form-group button[name="submit"] {
  display: none;
}
/* =pinChangeDialog
************************************************************** */
#pinChangeDialog .main-header strong {
  font-weight: normal;
}
.gui-name--pinChangeDialog.guiElem-name--tokencode .title {
  position: relative;
}
/* =futurae-failure-form
************************************************************** */
#futurae-failure-form .main-header strong {
  font-weight: normal;
}
#futurae-failure-form .form-group--links {
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: end;
          justify-content: flex-end;
  text-align: left;
  margin-bottom: calc(3.25 * 1rem);
}
#futurae-failure-form .form-group--buttons {
  height: auto;
}
/* =futurae-enrollment-success
************************************************************** */
.gui-name--futurae-enrollment-success.guiElem-name--info p {
  font-family: "Noto Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.145833
}
@media (min-width: 48em) {
.gui-name--futurae-enrollment-success.guiElem-name--info p {
    font-size: 48px
}
  }
.gui-name--futurae-enrollment-success.guiElem-name--info p b {
  font-weight: 600;
  display: block;
}
/* =futurae-password-form
************************************************************** */
#futurae-password-form .main-header {
  margin-bottom: calc(3.25 * 1rem);
}
#futurae-password-form .main-header strong {
  font-weight: normal;
}
/* =futurae-pwchange-form
************************************************************** */
#futurae-pwchange-form .main-header strong {
  font-weight: normal;
}
.gui-name--futurae-pwchange-form.guiElem-name--lastmsg ul li {
  font-size: 0.9em;
}
/* =futurae-enroll-device-status-form, futurae-enroll-user-status-form
************************************************************** */
@media (min-width: 48em) {
#futurae-enroll-device-status-form .main-header,
#futurae-enroll-user-status-form .main-header {
    font-size: 26px
}
  }
#futurae-enroll-device-status-form .main-header strong,
#futurae-enroll-user-status-form .main-header strong {
  font-weight: normal;
}
/* =futurae-approve-form
************************************************************** */
#futurae-approve-form .main-header strong {
  font-weight: normal;
}
/* =futurae-success-form
************************************************************** */
#futurae-success-form .main-header strong {
  font-weight: normal;
}
#futurae-success-form .success-icon {
  margin-top: calc(3.25 * 1rem);
}
/* =cert-or-swissid
************************************************************** */
#cert-or-swissid .form-group--buttons {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  display: none;
}
#cert-or-swissid .form-group--buttons.ready {
  display: -webkit-box;
  display: flex;
}
#cert-or-swissid .swiss-id-btn {
  margin: 25px -10px 0;
  width: calc(100% + 20px);
  border-top: 2px #e3e2e6 dashed;
  padding: 23px 10px 0;
}
#cert-or-swissid .swiss-id-btn button {
  background-color: #fff;
  color: rgb(57, 57, 57);
  border-color: #fff;
  font-weight: normal;
}
#cert-or-swissid .swiss-id-btn button::after {
  content: '';
  width: 33px;
  height: 33px;
  background: url('../images/logos/swissId.png') no-repeat center center;
  display: inline-block;
  margin-bottom: -8px;
  margin-left: 7px;
}
/* =select-profile
************************************************************** */
#select-profile .profiles-list {
  height: 279px;
  margin-bottom: 30px;
  overflow: auto;
  padding-right: 10px;
}
.gui-name--select-profile.guiElem-type--radio {
  margin: 4px 0 4px 10px;
}
#select-profile .form-group--buttons {
  height: auto;
}
/* =AskTID (Veridium flow)
************************************************************** */
#AskTID .main-header {
  margin-bottom: 64px
}
@media (min-width: 48em) {
#AskTID .main-header {
    font-size: 26px;
    margin-bottom: 96px
}
  }
#AskTID .main-header strong {
  font-weight: normal;
}
/* =registration-qr (Veridium flow)
************************************************************** */
#registration-qr .main-header {
  margin-bottom: calc(3.25 * 1rem)
}
@media (min-width: 48em) {
#registration-qr .main-header {
    font-size: 26px
}
  }
#registration-qr .main-header strong {
  font-weight: normal;
}
.gui-name--registration-qr.guiElem-name--qr-code {
  text-align: center;
}
/* =veridium-location-check (Veridium flow)
************************************************************** */
#veridium-location-check .main-header {
  margin-bottom: calc(3.25 * 1rem)
}
@media (min-width: 48em) {
#veridium-location-check .main-header {
    font-size: 26px
}
  }
#veridium-location-check .main-header strong {
  font-weight: normal;
}
.gui-name--veridium-location-check.guiElem-name--resendlink p {
  color: #4997b7;
  cursor: pointer;
}
.gui-name--veridium-location-check.guiElem-name--resendlink p:hover {
  text-decoration: underline;
}
.gui-name--veridium-location-check.guiElem-name--lasterror p {
  font-size: 1rem;
}
.has-error.guiElem-name--lasterror + input + .gui-name--veridium-location-check.guiElem-name--resendlink {
  margin-top: calc(0.75 * 1rem);
}
/* =auth-status-form
************************************************************** */
@media (min-width: 48em) {
  #auth-status-form h1.main-header {
    font-size: 48px;
  }
}
.gui-name--auth-status-form.guiElem-name--help {
  margin-bottom: 1rem;
}
.gui-name--auth-status-form.guiElem-name--details p {
  color: #4997b7;
  font-size: 0.813rem;
  margin-bottom: 0;
}
.gui-name--auth-status-form.guiElem-name--transferid p,
.gui-name--auth-status-form.guiElem-name--timestamp p {
  color: rgb(149, 149, 149);
  font-size: 0.813rem;
  margin-bottom: 0;
}
.error-page.card {
   background: rgb(255, 255, 255) url('/https/wes-idp.six-group.com/resources/error.svg') no-repeat;
   background-position: bottom 130px center
  }
@media (min-width: 48em) {
.error-page.card h1 {
        font-size: 30px
    }
      }
.error-page .buttons-section {
    -webkit-box-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
            justify-content: center;
  }
.error-page #language-switch .dropdown-menu .lang--active {
    display: none;
  }
.error-page .lang-content-wrapper {
    margin-bottom: 1rem
  }
.error-page .lang-content-wrapper p {
      margin-bottom: 0;
    }
.error-page .technical-details__handle,
  .error-page .technical-details__details p {
    font-size: 0.813rem;
  }
.error-page .technical-details__details {
    display: none;
    color: rgb(149, 149, 149)
  }
.error-page .technical-details__details.technical-details__details--active {
      display: block;
    }
.error-page .svg-icon {
    min-width: 200px;
    min-height: 50px;
    max-width: 300px;
    max-height: 150px;
  }
.lang-content {
  display: none
}
.lang-content.lang-content--active {
    display: block;
  }

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