/*!
  Copyright (C) 2016-2018 Helvetia Versicherungen. All Rights Reserved.

  helvetia cms 7.6.0
*/

/**
  @license Copyright (C) 2016-2018 Helvetia Versicherungen. All Rights Reserved.

  helvetia cms 7.6.0
*/

@charset "UTF-8";
/**
 * @license
 * MyFonts Webfont Build ID 3527538, 2018-02-16T07:27:00-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: FuturaLTPro-Book by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/futura/pro-book/
 *
 * Webfont: FuturaLTPro-Bold by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/futura/pro-bold/
 *
 *
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3527538
 * Licensed pageviews: 2,500,000
 * Webfonts copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 *
 * © 2018 MyFonts Inc
*/

/* import must be at top of file, otherwise CSS will not work */

/* apply a natural box layout model to all elements, but allowing components to change */

/* stylelint-disable selector-no-universal */

/* stylelint-enable selector-no-universal */

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

/**
 * 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 and iOS.
 */

/**
 * Remove the margin in all browsers (opinionated).
 */

/* HTML5 display definitions
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */

/**
 * Add the correct display in IE 9-.
 */

/**
 * Add the correct display in iOS 4-7.
 */

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */

/* Links
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

/**
 * Add the correct font style in Android 4.3-.
 */

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

/**
 * Add the correct background and color in IE 9-.
 */

/**
 * Add the correct font size in all browsers.
 */

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10-.
 */

/**
 * Hide the overflow in IE.
 */

/* Grouping content
   ========================================================================== */

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

/**
 * Add the correct margin in IE 8.
 */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

/* Forms
   ========================================================================== */

/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

/**
 * Restore the font weight unset by the previous rule.
 */

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

/**
 * 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.
 */

/**
 * Remove the inner border and padding in Firefox.
 */

/**
 * Restore the focus styles unset by the previous rule.
 */

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

/**
 * 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.
 */

/**
 * Remove the default vertical scrollbar in IE.
 */

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

/* Hover anchor is used to trigger hover states for nested elements
 * Main usage inside classic teaser pattern
 * Usage:   @include hover-anchor() { property: value;}
 */

.uxc-a-box--pampas {
  color: #141412;
  background: #f3f1ed;
}

.uxc-a-box--jungle-mist {
  color: #141412;
  background: #CCE2E3;
}

.uxc-a-box--primary {
  color: white;
  background: #46a9b4;
}

[data-focus-source='key'] .uxc-h-hover-anchor:focus .uxc-a-box--primary,
.uxc-h-hover-anchor:hover .uxc-a-box--primary {
  background: #006d73;
}

.uxc-a-box--secondary {
  color: white;
  background: #8861a9;
}

[data-focus-source='key'] .uxc-h-hover-anchor:focus .uxc-a-box--secondary,
.uxc-h-hover-anchor:hover .uxc-a-box--secondary {
  background: #573a66;
}

.uxc-a-box--tertiary {
  color: white;
  background: #c31622;
}

[data-focus-source='key'] .uxc-h-hover-anchor:focus .uxc-a-box--tertiary,
.uxc-h-hover-anchor:hover .uxc-a-box--tertiary {
  background: #a01314;
}

.uxc-a-box--quaternary {
  color: transparent;
  background: transparent;
}

[data-focus-source='key'] .uxc-h-hover-anchor:focus .uxc-a-box--quaternary,
.uxc-h-hover-anchor:hover .uxc-a-box--quaternary {
  background: transparent;
}

.uxc-a-box--silver-sand {
  color: white;
  background: #f3f1ed;
}

[data-focus-source='key'] .uxc-h-hover-anchor:focus .uxc-a-box--silver-sand,
.uxc-h-hover-anchor:hover .uxc-a-box--silver-sand {
  background: #f3f1ed;
}

.uxc-a-box--iron {
  color: #141412;
  background: #e8e9ea;
}

.uxc-a-box--white {
  color: #141412;
  background: white;
}

.uxc-a-box--grey {
  color: #141412;
  background: #e8e9ea;
}

.uxc-a-box--inner-size-full {
  padding: 0;
}

.uxc-a-box--inner-size-m {
  padding: 20px;
}

.uxc-a-box--inner-size-s {
  padding: 10px;
}

/* stylelint-disable */

/* stylelint-enable */

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* Hover anchor is used to trigger hover states for nested elements
 * Main usage inside classic teaser pattern
 * Usage:   @include hover-anchor() { property: value;}
 */

/* stylelint-disable length-zero-no-unit */

/**
 * Returns the font information for the given $breakpoint $size and style
 */

/*
  THIS FILE MUST CONTAIN ONLY MIXINS
*/

.uxc-a-button {
  cursor: pointer;
  border-width: 0 0 5px 0;
  border-style: solid;
  padding: 20px 20px 19px;
  display: inline-block;
  color: white;
  text-decoration: none;
  position: relative;
  will-change: opacity;
  -webkit-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  -webkit-transition-delay: .05s;
  transition-delay: .05s;
}

.uxc-a-button[disabled] {
  cursor: default;
}

[data-focus-source='pointer'] .uxc-a-button:focus {
  outline: none;
}

.uxc-a-button__text {
  display: block;
}

@media only screen and (max-width: 767px) {
  .uxc-a-button__text {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-button__text {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

.uxc-a-button--full-width {
  width: 100%;
}

/* stylelint-disable */

/* stylelint-enable */

.uxc-a-button--silver-sand {
  background-color: #b9bdc0;
  border-color: #8b9196;
}

.uxc-a-button--silver-sand[disabled] {
  color: rgba(255, 255, 255, 0.4);
  background-color: rgba(185, 189, 192, 0.4);
  border-color: rgba(139, 145, 150, 0.8);
}

[data-focus-source='key'] .uxc-a-button--silver-sand:not([disabled]):focus,
.uxc-a-button--silver-sand:not([disabled]):hover {
  background-color: #8b9196;
}

.uxc-a-button--secondary {
  background-color: #8861a9;
  border-color: #573a66;
}

.uxc-a-button--secondary[disabled] {
  color: rgba(255, 255, 255, 0.4);
  background-color: rgba(136, 97, 169, 0.4);
  border-color: rgba(87, 58, 102, 0.8);
}

[data-focus-source='key'] .uxc-a-button--secondary:not([disabled]):focus,
.uxc-a-button--secondary:not([disabled]):hover {
  background-color: #573a66;
}

.uxc-a-button--white-secondary {
  background-color: white;
  color: #8861a9;
  border-color: #573a66;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.uxc-a-button--white-secondary[disabled] {
  color: rgba(136, 97, 169, 0.4);
  background-color: rgba(255, 255, 255, 0.4);
  border-color: rgba(87, 58, 102, 0.8);
}

[data-focus-source='key'] .uxc-a-button--white-secondary:not([disabled]):focus,
.uxc-a-button--white-secondary:not([disabled]):hover {
  color: white;
  background-color: #573a66;
}

.uxc-a-button--primary {
  background-color: #46a9b4;
  border-color: #006d73;
}

.uxc-a-button--primary[disabled] {
  color: rgba(255, 255, 255, 0.4);
  background-color: rgba(70, 169, 180, 0.4);
  border-color: rgba(0, 109, 115, 0.8);
}

[data-focus-source='key'] .uxc-a-button--primary:not([disabled]):focus,
.uxc-a-button--primary:not([disabled]):hover {
  background-color: #006d73;
}

.uxc-a-button--white-primary {
  background-color: white;
  color: #46a9b4;
  border-color: #006d73;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.uxc-a-button--white-primary[disabled] {
  color: rgba(0, 109, 115, 0.4);
  background-color: rgba(255, 255, 255, 0.4);
  border-color: rgba(0, 109, 115, 0.8);
}

[data-focus-source='key'] .uxc-a-button--white-primary:not([disabled]):focus,
.uxc-a-button--white-primary:not([disabled]):hover {
  color: white;
  background-color: #006d73;
}

.uxc-a-button--text-align-left {
  text-align: left;
}

.uxc-a-button--text-align-center {
  text-align: center;
}

@font-face {
  font-family: uxcE3eead;
  src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAPkAAsAAAAABgAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPQAAAFYvsTtPY21hcAAAAYQAAABKAAABcOEoo6pnbHlmAAAB0AAAAFgAAABYKxg3jmhlYWQAAAIoAAAAKQAAADYOhKkjaGhlYQAAAlQAAAAVAAAAJAQBAgNobXR4AAACbAAAAAgAAAAIAgAAAGxvY2EAAAJ0AAAABgAAAAYALAAAbWF4cAAAAnwAAAAeAAAAIAEOACVuYW1lAAACnAAAASkAAAIWm5e+CnBvc3QAAAPIAAAAGwAAACxqPAEEeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGRkYJzAwMrAwOjCmMbAwOAOpb8ySDK0MDAwMbAyM2AFAWmuKQwODxgeANUAgR4TRJgRRAAAUl4HZgAAAHic7ZCxDYAwEAPPykOBGIEqNbNQsb/YJPkY2CKWzpJPXz2wACU5kwDdiJErrewLm31QfRPDP7T2d+5wo5WZ3X18y796QR0aJglRAAAAAgAAAAACAAIAABcAGAAAAScmIg8BBhQWMj8BERQWMjY1ERcWMjY0JwH3uhlIGboJEhkJrhEaEa4JGRIJATG2GRm2CRkRCKv+cgwSEgwBjqsIERkJAAAAeJxjYGRgYADiPKUnP+P5bb4ycDMxgMC1zSbCyDQTA1icA0IBAAoJB8oAAAB4nGNgZGBgYgABOMnIgAqYAAD2AAsAAAAAAAAAAgAAAAAAAAAALAAAeJxjYGRgYGBikARiBjCLgYELCBkY/oP5DAALHwE0AAB4nGWQPW7CQBSEx2BIAlKCFCkps1UKIpmfkgNAT0GXwpi1MbK91npBossJcoQcIaeIcoIcKGPzaGAtP38zb97uygAG+IWHenm4bWq9WrihOnGb9CDsk5+FO+jjRbhLfyjcwxumwn084p07eP4dnQFK4Rbu8SHcpv8p7JO/hDt4wrdwl/6PcA8r/An38eoN08gUsSncUif7LLRnef6utK1SU6hJMD5bC11oGzq9Ueujqg7J1LlYxdbkas6uzjKjSmt2OnLB1rlyNhrF4geRyZEigkGBuKkOS2gk2CNDCHvVvdQrpi0q+rVWmCDA+Cq1YKpokiGVxobJNY6sFQ48bUrXMa34Ws7kpLnMat4kIyv+77q3oxPRD7BtpkrMMOITX+SD5g75Pz0RXqgAAAB4nGNgYoAAVgbsgImRiZGZgSnTgIEBAAO+AKwA") format('woff');
  font-weight: normal;
  font-style: normal;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* Hover anchor is used to trigger hover states for nested elements
 * Main usage inside classic teaser pattern
 * Usage:   @include hover-anchor() { property: value;}
 */

/* stylelint-disable length-zero-no-unit */

/**
 * Returns the font information for the given $breakpoint $size and style
 */

/*
  THIS FILE MUST CONTAIN ONLY MIXINS
*/

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/**
* Vertical Spacer Definition
* For more Information check: https://helvetia.frontify.com/d/mVkSfuGBUKpR/helvetia-style-guide#/structure-layout/vertical-spacing
*/

.uxc-a-validation-feedback {
  display: none;
}

.uxc-state-a-validation-feedback--visible {
  display: block;
  margin-bottom: 15px;
}

.uxc-a-validation-feedback__error-message {
  color: #a01314;
  padding-left: 30px;
  position: relative;
  display: block;
}

@media only screen and (max-width: 767px) {
  .uxc-a-validation-feedback__error-message {
    margin-top: 8.42px;
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-validation-feedback__error-message {
    margin-top: 7.4px;
    margin-bottom: -8.2px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
  }
}

.uxc-a-validation-feedback__error-message:before {
  content: '';
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 0.8em/1 uxcE3eead;
  content: '\E000';
  width: 1.5ex;
  height: 1.5ex;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 7px;
  color: #a01314;
}

@media only screen and (max-width: 767px) {
  .uxc-a-validation-feedback__error-message {
    padding-left: 20px;
  }
  .uxc-a-validation-feedback__error-message:before {
    text-rendering: auto;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    font: normal normal normal 0.8em/1 uxcE3eead;
    content: '\E000';
    top: 6px;
  }
}

.uxc-a-validation-feedback__error-message--color-white {
  color: white;
}

.uxc-a-validation-feedback__error-message--color-white:before {
  color: white;
}

/* stylelint-disable */

/* stylelint-enable */

.uxc-m-form__submit__spinner {
  display: none;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.uxc-m-form__submit__spinner:before {
  box-sizing: border-box;
  left: 50%;
  top: 50%;
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border-style: solid;
  border-color: transparent;
  border-width: 4px;
  border-top-color: white;
  -webkit-animation: uxc-m-form__submit__spinner .6s linear infinite;
  animation: uxc-m-form__submit__spinner .6s linear infinite;
}

.uxc-m-form__submit__spinner-secondary:before {
  border-width: 2px;
  border-top-color: #8861a9;
}

.uxc-m-form__submit__spinner-primary:before {
  border-width: 2px;
  border-top-color: #006d73;
}

@-webkit-keyframes uxc-m-form__submit__spinner {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes uxc-m-form__submit__spinner {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.uxc-state-m-form--submitting .uxc-m-form__submit__spinner {
  display: block;
}

.uxc-state-m-form--submitting .uxc-m-form__submit__text {
  opacity: 0;
}

@font-face {
  font-family: uxcH4017d;
  src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAATUAAsAAAAACFwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPQAAAFYvsTtPY21hcAAAAYQAAABKAAABcOEoo6pnbHlmAAAB0AAAAUcAAAK0lnEZNmhlYWQAAAMYAAAALAAAADYOhKi6aGhlYQAAA0QAAAAVAAAAJAQBAgNobXR4AAADXAAAAAgAAAAIAgAAAGxvY2EAAANkAAAABgAAAAYBWgAAbWF4cAAAA2wAAAAgAAAAIAElAQhuYW1lAAADjAAAASkAAAIWm5e+CnBvc3QAAAS4AAAAGwAAACxqPAEEeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGRkYJzAwMrAwOjCmMbAwOAOpb8ySDK0MDAwMbAyM2AFAWmuKQwODxgeANUAgR4TRJgRRAAAUl4HZgAAAHic7ZCxDYAwEAPPykOBGIEqNbNQsb/YJPkY2CKWzpJPXz2wACU5kwDdiJErrewLm31QfRPDP7T2d+5wo5WZ3X18y796QR0aJglRAAB4nK1OPUsDQRScVXffmkTk4LyLkKC54IFoIfnYBEIqLS3i1YKNhYV/QERIY2ul2Eo6mwi2YmdrY6HpbG1tFU73JSYkED8Kj2HezLy5d4d52GcC4gyzWMAiVlHFBhrYxh4OcIwTnOMCl7jGDe5wj0c84wWveMM7IHKBygrXK+YKpi5K4aSr8rkgtNLYyMuKpWLBlMIVESjXW8oz1wQncij3h/LiN7rC3xn4uhg5UHFVEJZMwfP/IOifynPiKY6cdNoRbctTpOJIESnRVhTvZKTWMmO9aA5k3CxzgSlgr3jz0JJEsmXt5ldGtCZpnTXfi4+2WDLtUpIsDCW1tkMntIXRHOpyb3fbD7ujOuL6lXGvi1Pf6Th+lz7Af9Tp0hUlE5SazlCKLCIrLRq9Q8PYJ7XMSpqZqNc9lHxeyx9G7fdKfewOn9WOVBUAeJxjYGRgYADiKc95r8bz23xl4GZiAIFrm01EkGkmBsapQIqDASwNAA8HCFB4nGNgZGBgYgABOMnIgAqYAAD2AAsAAAAAAAAAAgAAAAAAAAABWgAAAAEAAAACAPwAGQAAAAAAAgAAAAoACgAAAP8AAAAAAAB4nGWQPW7CQBSEx2BIAlKCFCkps1UKIpmfkgNAT0GXwpi1MbK91npBossJcoQcIaeIcoIcKGPzaGAtP38zb97uygAG+IWHenm4bWq9WrihOnGb9CDsk5+FO+jjRbhLfyjcwxumwn084p07eP4dnQFK4Rbu8SHcpv8p7JO/hDt4wrdwl/6PcA8r/An38eoN08gUsSncUif7LLRnef6utK1SU6hJMD5bC11oGzq9Ueujqg7J1LlYxdbkas6uzjKjSmt2OnLB1rlyNhrF4geRyZEigkGBuKkOS2gk2CNDCHvVvdQrpi0q+rVWmCDA+Cq1YKpokiGVxobJNY6sFQ48bUrXMa34Ws7kpLnMat4kIyv+77q3oxPRD7BtpkrMMOITX+SD5g75Pz0RXqgAAAB4nGNgYoAAVgbsgImRiZGZgSnTgIEBAAO+AKwA") format('woff');
  font-weight: normal;
  font-style: normal;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* Hover anchor is used to trigger hover states for nested elements
 * Main usage inside classic teaser pattern
 * Usage:   @include hover-anchor() { property: value;}
 */

/* stylelint-disable length-zero-no-unit */

/**
 * Returns the font information for the given $breakpoint $size and style
 */

/*
  THIS FILE MUST CONTAIN ONLY MIXINS
*/

/**
 * Only for devices with touch support
 */

/**
 * Only for pointer only devices
 */

/* stylelint-disable */

/* stylelint-enable */

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

.uxc-a-text-input {
  display: table;
  width: 100%;
  padding-top: 50px;
  margin-top: -25px;
  border-bottom: 1px solid;
}

.uxc-a-text-input__wrap {
  position: relative;
  display: table-cell;
  width: 100%;
  float: left;
  white-space: nowrap;
  vertical-align: bottom;
}

.uxc-a-text-input__children {
  vertical-align: bottom;
  display: table-cell;
  width: 1px;
  white-space: nowrap;
  padding-left: 15px;
  max-height: 100%;
}

.uxc-a-text-input__children-content {
  display: block;
  vertical-align: bottom;
  position: relative;
  bottom: 10px;
}

.uxc-a-text-input__label {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 10;
}

@media only screen and (max-width: 767px) {
  .uxc-a-text-input__label {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-text-input__label {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

.uxc-a-text-input__input {
  position: relative;
  display: block;
  width: 100%;
  border: none;
  padding-bottom: 15px;
  margin-left: -10px;
  text-indent: 10px;
  z-index: 11;
  background-color: transparent;
  border-radius: 0;
  box-sizing: content-box;
  height: 35px;
}

@media only screen and (max-width: 767px) {
  .uxc-a-text-input__input {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-text-input__input {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-a-text-input__input {
    height: 35px;
  }
}

.uxc-a-text-input__input:invalid {
  box-shadow: none;
}

.uxc-a-text-input__input[type=number]::-webkit-outer-spin-button,
.uxc-a-text-input__input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
}

.uxc-a-text-input__input[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.uxc-a-text-input__input:focus,
.uxc-a-text-input__input:invalid {
  outline: 0;
  box-shadow: 0;
}

/**
 * Required state
 */

.uxc-state-a-text-input--is-required .uxc-a-text-input__label:after {
  content: '*';
}

/*
 * Floating label animation
 */

.uxc-state-a-text-input--focused .uxc-a-text-input__label,
.uxc-state-a-text-input--has-value .uxc-a-text-input__label {
  top: -25px;
}

@media only screen and (max-width: 767px) {
  .uxc-state-a-text-input--focused .uxc-a-text-input__label,
  .uxc-state-a-text-input--has-value .uxc-a-text-input__label {
    margin-top: -6.58px;
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-state-a-text-input--focused .uxc-a-text-input__label,
  .uxc-state-a-text-input--has-value .uxc-a-text-input__label {
    margin-top: -7.6px;
    margin-bottom: -8.2px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
  }
}

/*
 * Placeholder span styles
 */

.uxc-a-text-input__place-holder {
  position: absolute;
  top: 0;
}

@media only screen and (max-width: 767px) {
  .uxc-a-text-input__place-holder {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-text-input__place-holder {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

.uxc-a-text-input__label~.uxc-a-text-input__place-holder {
  opacity: 0;
}

/*
 * Placeholder states animations
 */

.uxc-state-a-text-input--focused .uxc-a-text-input__place-holder {
  opacity: .9;
}

.uxc-state-a-text-input--has-value .uxc-a-text-input__place-holder {
  opacity: 0;
}

/*
 * Icon for touch devices
 */

[data-has-touch] .uxc-a-text-input--has-keyboard-icon .uxc-a-text-input__children-content:before {
  display: inline-block;
  width: 34px;
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 210%/1 uxcH4017d;
  content: '\E000';
  line-height: .7;
  vertical-align: bottom;
}

/*
 * Color modifiers
 */

.uxc-a-text-input--color-white {
  color: white;
  border-color: white;
}

.uxc-a-text-input--color-white .uxc-a-text-input__input {
  color: white;
}

.uxc-a-text-input--color-white.uxc-a-text-input--has-keyboard-icon .uxc-a-text-input__children-content:before {
  color: white;
}

.uxc-a-text-input--color-gray {
  color: #8b9196;
  border-color: #46a9b4;
}

.uxc-a-text-input--color-gray.uxc-state-a-text-input--focused,
.uxc-a-text-input--color-gray:hover {
  border-bottom-color: #006d73;
}

.uxc-a-text-input--color-gray .uxc-a-text-input__input {
  color: #141412;
}

.uxc-a-text-input--color-gray.uxc-a-text-input--has-keyboard-icon .uxc-a-text-input__children-content:before {
  color: #46a9b4;
}

/*
 * Error state input field styles
 */

.uxc-state-a-text-input--error:not(.uxc-state-a-text-input--focused) {
  border-bottom-color: #c31622;
}

.uxc-state-a-text-input--error:not(.uxc-state-a-text-input--focused):hover {
  border-bottom-color: #c31622;
}

.uxc-a-text-input--color-white.uxc-state-a-text-input--error:not(.uxc-state-a-text-input--focused) {
  border-bottom-color: white;
}

.uxc-a-text-input--color-white.uxc-state-a-text-input--error:not(.uxc-state-a-text-input--focused):hover {
  border-bottom-color: white;
}

.uxc-state-a-text-input--animated .uxc-a-text-input__label {
  -webkit-transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
  transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
}

.uxc-state-a-text-input--animated .uxc-a-text-input__input {
  -webkit-transition: padding-top 0.2s ease, margin-top 0.2s ease;
  transition: padding-top 0.2s ease, margin-top 0.2s ease;
}

.uxc-state-a-text-input--animated .uxc-a-text-input__place-holder {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.uxc-state-a-text-input--animated .uxc-a-text-input--color-gray {
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

.uxc-a-form-field {
  display: none;
}

.uxc-state-a-form-field--is-visible {
  display: block;
}

@font-face {
  font-family: uxcu72e57;
  src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAO0AAsAAAAABdAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPQAAAFYvsTx9Y21hcAAAAYQAAABKAAABcOEoo6pnbHlmAAAB0AAAACgAAAAoMweUBmhlYWQAAAH4AAAAKwAAADYPLqkmaGhlYQAAAiQAAAAYAAAAJASrAq1obXR4AAACPAAAAAgAAAAIAqoAAGxvY2EAAAJEAAAABgAAAAYAFAAAbWF4cAAAAkwAAAAeAAAAIAEOABNuYW1lAAACbAAAASkAAAIWm5e+CnBvc3QAAAOYAAAAGwAAACxqPAEEeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQMZZzAwMrAwLiBMY2BgcEdSn9lkGRoYWBgYmBlZsAKAtJcUxgcHjA8AKoBAj0mRrAwmAQAqeAIlAAAAHic7ZCxDYAwEAPPykOBGIEqNbNQsb/YJPkY2CKWzpJPXz2wACU5kwDdiJErrewLm31QfRPDP7T2d+5wo5WZ3X18y796QR0aJglRAAAAAgAAAAACqgIBAAUABgAAMyc3FwEXAd3dMKwBnjD+M+EvsAGgLv4ueJxjYGRgYADiqArN7/H8Nl8ZuJkYQODaZhMRZJppFRNIJQcDWBoA/eEH/AB4nGNgZGBgYgABplVQkpEBFTABAB4uAV8AAAAAAqoAAAAAAAAAFAAAeJxjYGRgYGBiYAdiBjCLgYELCBkY/oP5DAAJXQEiAAB4nGWQPW7CQBSEx2BIAlKCFCkps1UKIpmfkgNAT0GXwpi1MbK91npBossJcoQcIaeIcoIcKGPzaGAtP38zb97uygAG+IWHenm4bWq9WrihOnGb9CDsk5+FO+jjRbhLfyjcwxumwn084p07eP4dnQFK4Rbu8SHcpv8p7JO/hDt4wrdwl/6PcA8r/An38eoN08gUsSncUif7LLRnef6utK1SU6hJMD5bC11oGzq9Ueujqg7J1LlYxdbkas6uzjKjSmt2OnLB1rlyNhrF4geRyZEigkGBuKkOS2gk2CNDCHvVvdQrpi0q+rVWmCDA+Cq1YKpokiGVxobJNY6sFQ48bUrXMa34Ws7kpLnMat4kIyv+77q3oxPRD7BtpkrMMOITX+SD5g75Pz0RXqgAAAB4nGNgYoAAVgbsgImRiZGZgSnTgIEBAAO+AKwA") format('woff');
  font-weight: normal;
  font-style: normal;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* Hover anchor is used to trigger hover states for nested elements
 * Main usage inside classic teaser pattern
 * Usage:   @include hover-anchor() { property: value;}
 */

/* stylelint-disable length-zero-no-unit */

/**
 * Returns the font information for the given $breakpoint $size and style
 */

/*
  THIS FILE MUST CONTAIN ONLY MIXINS
*/

/* stylelint-disable */

/* stylelint-enable */

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

.uxc-a-lead-checkbox {
  position: relative;
  cursor: pointer;
}

.uxc-a-lead-checkbox__input {
  opacity: 0;
  left: 0;
  position: absolute;
  overflow: hidden;
  pointer-events: none;
}

.uxc-a-lead-checkbox__label {
  color: #8b9196;
  display: inline-block;
  padding-left: 42px;
}

@media only screen and (max-width: 767px) {
  .uxc-a-lead-checkbox__label {
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-lead-checkbox__label {
    margin-bottom: -8.2px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
  }
}

.uxc-a-lead-checkbox__box {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: white;
  border: 2px solid #8b9196;
  color: #006d73;
  text-align: center;
  display: block;
  border-radius: 7px 7px;
  width: 30px;
  height: 30px;
  position: relative;
  float: left;
  margin-right: -30px;
  box-shadow: 0 0 10px rgba(0, 109, 115, 0);
  -webkit-transition: border-color 0.3s, color 0.3s, background 0.3s, box-shadow 0.3s;
  transition: border-color 0.3s, color 0.3s, background 0.3s, box-shadow 0.3s;
}

.uxc-a-lead-checkbox__input:checked+.uxc-a-lead-checkbox__body .uxc-a-lead-checkbox__box {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #006d73;
}

.uxc-a-lead-checkbox__input:checked+.uxc-a-lead-checkbox__body .uxc-a-lead-checkbox__box:after {
  content: '';
  position: absolute;
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 14px/1 uxcu72e57;
  content: '\E000';
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.uxc-a-lead-checkbox__input:checked+.uxc-a-lead-checkbox__body .uxc-a-lead-checkbox__label {
  color: #141412;
}

.uxc-a-lead-checkbox:hover .uxc-a-lead-checkbox__box {
  border-color: #006d73;
}

[data-focus-source='key'] .uxc-a-lead-checkbox__input:focus+.uxc-a-lead-checkbox__body .uxc-a-lead-checkbox__label {
  color: #006d73;
}

[data-focus-source='key'] .uxc-a-lead-checkbox__input:focus+.uxc-a-lead-checkbox__body .uxc-a-lead-checkbox__box {
  box-shadow: 0 0 10px rgba(0, 109, 115, 0.8);
}

.uxc-state-a-lead-checkbox--error .uxc-a-lead-checkbox__label {
  color: #c31622;
}

.uxc-a-lead-checkbox--display-row {
  display: inline-block;
}

.uxc-a-lead-checkbox--display-list {
  display: block;
}

/**
 * Required state
 */

.uxc-state-a-lead-checkbox--is-required .uxc-a-lead-checkbox__label:after {
  content: '*';
}

.uxc-a-lead-checkbox-sublabel {
  padding-left: 42px;
}

/**
 * Only for devices with touch support
 */

/**
 * Only for pointer only devices
 */

/* stylelint-disable plugin/stylelint-bem-namics */

/**
 * Show only on a device with touch support
 */

/**
 * Hide on a device with touch support
 */

/**
 * Show only on a pure mouse device
 */

/**
 * Hide on a pure mouse device
 */

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

.uxc-h-horizontal-spacer__content {
  display: table;
}

.uxc-h-horizontal-spacer__content--centered {
  margin: 0 auto;
}

.uxc-h-horizontal-spacer__content:after {
  content: '';
  display: table;
  clear: both;
  width: 100%;
  border-spacing: 0;
}

.uxc-h-horizontal-spacer__content--spacer-xs {
  margin-top: -10px;
}

.uxc-h-horizontal-spacer__content--spacer-xs .uxc-h-horizontal-spacer__item {
  margin-top: 10px;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-horizontal-spacer__content--spacer-xs\@mobile {
    margin-top: -10px;
  }
  html .uxc-h-horizontal-spacer__content--spacer-xs\@mobile .uxc-h-horizontal-spacer__item {
    margin-top: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-horizontal-spacer__content--spacer-xs\@tablet {
    margin-top: -10px;
  }
  html .uxc-h-horizontal-spacer__content--spacer-xs\@tablet .uxc-h-horizontal-spacer__item {
    margin-top: 10px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-horizontal-spacer__content--spacer-xs\@desktop {
    margin-top: -10px;
  }
  html .uxc-h-horizontal-spacer__content--spacer-xs\@desktop .uxc-h-horizontal-spacer__item {
    margin-top: 10px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-horizontal-spacer__content--spacer-xs\@hd {
    margin-top: -10px;
  }
  html .uxc-h-horizontal-spacer__content--spacer-xs\@hd .uxc-h-horizontal-spacer__item {
    margin-top: 10px;
  }
}

.uxc-h-horizontal-spacer__content--spacer-s {
  margin-top: -15px;
}

.uxc-h-horizontal-spacer__content--spacer-s .uxc-h-horizontal-spacer__item {
  margin-top: 15px;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-horizontal-spacer__content--spacer-s\@mobile {
    margin-top: -15px;
  }
  html .uxc-h-horizontal-spacer__content--spacer-s\@mobile .uxc-h-horizontal-spacer__item {
    margin-top: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-horizontal-spacer__content--spacer-s\@tablet {
    margin-top: -15px;
  }
  html .uxc-h-horizontal-spacer__content--spacer-s\@tablet .uxc-h-horizontal-spacer__item {
    margin-top: 15px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-horizontal-spacer__content--spacer-s\@desktop {
    margin-top: -15px;
  }
  html .uxc-h-horizontal-spacer__content--spacer-s\@desktop .uxc-h-horizontal-spacer__item {
    margin-top: 15px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-horizontal-spacer__content--spacer-s\@hd {
    margin-top: -15px;
  }
  html .uxc-h-horizontal-spacer__content--spacer-s\@hd .uxc-h-horizontal-spacer__item {
    margin-top: 15px;
  }
}

.uxc-h-horizontal-spacer__content--spacer-m {
  margin-top: -20px;
}

.uxc-h-horizontal-spacer__content--spacer-m .uxc-h-horizontal-spacer__item {
  margin-top: 20px;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-horizontal-spacer__content--spacer-m\@mobile {
    margin-top: -20px;
  }
  html .uxc-h-horizontal-spacer__content--spacer-m\@mobile .uxc-h-horizontal-spacer__item {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-horizontal-spacer__content--spacer-m\@tablet {
    margin-top: -20px;
  }
  html .uxc-h-horizontal-spacer__content--spacer-m\@tablet .uxc-h-horizontal-spacer__item {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-horizontal-spacer__content--spacer-m\@desktop {
    margin-top: -20px;
  }
  html .uxc-h-horizontal-spacer__content--spacer-m\@desktop .uxc-h-horizontal-spacer__item {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-horizontal-spacer__content--spacer-m\@hd {
    margin-top: -20px;
  }
  html .uxc-h-horizontal-spacer__content--spacer-m\@hd .uxc-h-horizontal-spacer__item {
    margin-top: 20px;
  }
}

.uxc-h-horizontal-spacer__content--spacer-l {
  margin-top: -30px;
}

.uxc-h-horizontal-spacer__content--spacer-l .uxc-h-horizontal-spacer__item {
  margin-top: 30px;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-horizontal-spacer__content--spacer-l\@mobile {
    margin-top: -30px;
  }
  html .uxc-h-horizontal-spacer__content--spacer-l\@mobile .uxc-h-horizontal-spacer__item {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-horizontal-spacer__content--spacer-l\@tablet {
    margin-top: -30px;
  }
  html .uxc-h-horizontal-spacer__content--spacer-l\@tablet .uxc-h-horizontal-spacer__item {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-horizontal-spacer__content--spacer-l\@desktop {
    margin-top: -30px;
  }
  html .uxc-h-horizontal-spacer__content--spacer-l\@desktop .uxc-h-horizontal-spacer__item {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-horizontal-spacer__content--spacer-l\@hd {
    margin-top: -30px;
  }
  html .uxc-h-horizontal-spacer__content--spacer-l\@hd .uxc-h-horizontal-spacer__item {
    margin-top: 30px;
  }
}

.uxc-h-horizontal-spacer__content--spacer-xl {
  margin-top: -40px;
}

.uxc-h-horizontal-spacer__content--spacer-xl .uxc-h-horizontal-spacer__item {
  margin-top: 40px;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-horizontal-spacer__content--spacer-xl\@mobile {
    margin-top: -40px;
  }
  html .uxc-h-horizontal-spacer__content--spacer-xl\@mobile .uxc-h-horizontal-spacer__item {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-horizontal-spacer__content--spacer-xl\@tablet {
    margin-top: -40px;
  }
  html .uxc-h-horizontal-spacer__content--spacer-xl\@tablet .uxc-h-horizontal-spacer__item {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-horizontal-spacer__content--spacer-xl\@desktop {
    margin-top: -40px;
  }
  html .uxc-h-horizontal-spacer__content--spacer-xl\@desktop .uxc-h-horizontal-spacer__item {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-horizontal-spacer__content--spacer-xl\@hd {
    margin-top: -40px;
  }
  html .uxc-h-horizontal-spacer__content--spacer-xl\@hd .uxc-h-horizontal-spacer__item {
    margin-top: 40px;
  }
}

.uxc-h-horizontal-spacer__content--spacer-xl {
  margin-top: -40px;
}

.uxc-h-horizontal-spacer__content--spacer-xl .uxc-h-horizontal-spacer__item {
  margin-top: 40px;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-horizontal-spacer__content--spacer-xl\@mobile {
    margin-top: -40px;
  }
  html .uxc-h-horizontal-spacer__content--spacer-xl\@mobile .uxc-h-horizontal-spacer__item {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-horizontal-spacer__content--spacer-xl\@tablet {
    margin-top: -40px;
  }
  html .uxc-h-horizontal-spacer__content--spacer-xl\@tablet .uxc-h-horizontal-spacer__item {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-horizontal-spacer__content--spacer-xl\@desktop {
    margin-top: -40px;
  }
  html .uxc-h-horizontal-spacer__content--spacer-xl\@desktop .uxc-h-horizontal-spacer__item {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-horizontal-spacer__content--spacer-xl\@hd {
    margin-top: -40px;
  }
  html .uxc-h-horizontal-spacer__content--spacer-xl\@hd .uxc-h-horizontal-spacer__item {
    margin-top: 40px;
  }
}

.uxc-h-horizontal-spacer__content--spacer-none {
  margin-top: 0;
}

.uxc-h-horizontal-spacer__content--spacer-none .uxc-h-horizontal-spacer__item {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-horizontal-spacer__content--spacer-none\@mobile {
    margin-top: 0;
  }
  html .uxc-h-horizontal-spacer__content--spacer-none\@mobile .uxc-h-horizontal-spacer__item {
    margin-top: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-horizontal-spacer__content--spacer-none\@tablet {
    margin-top: 0;
  }
  html .uxc-h-horizontal-spacer__content--spacer-none\@tablet .uxc-h-horizontal-spacer__item {
    margin-top: 0;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-horizontal-spacer__content--spacer-none\@desktop {
    margin-top: 0;
  }
  html .uxc-h-horizontal-spacer__content--spacer-none\@desktop .uxc-h-horizontal-spacer__item {
    margin-top: 0;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-horizontal-spacer__content--spacer-none\@hd {
    margin-top: 0;
  }
  html .uxc-h-horizontal-spacer__content--spacer-none\@hd .uxc-h-horizontal-spacer__item {
    margin-top: 0;
  }
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

.uxc-h-horizontal-spacer__item {
  display: block;
  float: left;
}

.uxc-h-horizontal-spacer__item--right-xs {
  margin-right: 10px;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-horizontal-spacer__item--right-xs\@mobile {
    margin-right: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-horizontal-spacer__item--right-xs\@tablet {
    margin-right: 10px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-horizontal-spacer__item--right-xs\@desktop {
    margin-right: 10px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-horizontal-spacer__item--right-xs\@hd {
    margin-right: 10px;
  }
}

.uxc-h-horizontal-spacer__item--right-s {
  margin-right: 15px;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-horizontal-spacer__item--right-s\@mobile {
    margin-right: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-horizontal-spacer__item--right-s\@tablet {
    margin-right: 15px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-horizontal-spacer__item--right-s\@desktop {
    margin-right: 15px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-horizontal-spacer__item--right-s\@hd {
    margin-right: 15px;
  }
}

.uxc-h-horizontal-spacer__item--right-m {
  margin-right: 20px;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-horizontal-spacer__item--right-m\@mobile {
    margin-right: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-horizontal-spacer__item--right-m\@tablet {
    margin-right: 20px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-horizontal-spacer__item--right-m\@desktop {
    margin-right: 20px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-horizontal-spacer__item--right-m\@hd {
    margin-right: 20px;
  }
}

.uxc-h-horizontal-spacer__item--right-l {
  margin-right: 30px;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-horizontal-spacer__item--right-l\@mobile {
    margin-right: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-horizontal-spacer__item--right-l\@tablet {
    margin-right: 30px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-horizontal-spacer__item--right-l\@desktop {
    margin-right: 30px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-horizontal-spacer__item--right-l\@hd {
    margin-right: 30px;
  }
}

.uxc-h-horizontal-spacer__item--right-xl {
  margin-right: 40px;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-horizontal-spacer__item--right-xl\@mobile {
    margin-right: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-horizontal-spacer__item--right-xl\@tablet {
    margin-right: 40px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-horizontal-spacer__item--right-xl\@desktop {
    margin-right: 40px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-horizontal-spacer__item--right-xl\@hd {
    margin-right: 40px;
  }
}

.uxc-h-horizontal-spacer__item--right-xxl {
  margin-right: 100px;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-horizontal-spacer__item--right-xxl\@mobile {
    margin-right: 100px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-horizontal-spacer__item--right-xxl\@tablet {
    margin-right: 100px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-horizontal-spacer__item--right-xxl\@desktop {
    margin-right: 100px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-horizontal-spacer__item--right-xxl\@hd {
    margin-right: 100px;
  }
}

.uxc-h-horizontal-spacer__item--right-none {
  margin-right: 0;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-horizontal-spacer__item--right-none\@mobile {
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-horizontal-spacer__item--right-none\@tablet {
    margin-right: 0;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-horizontal-spacer__item--right-none\@desktop {
    margin-right: 0;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-horizontal-spacer__item--right-none\@hd {
    margin-right: 0;
  }
}

.uxc-h-horizontal-spacer__item--full-width {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-horizontal-spacer__item--full-width\@mobile {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-horizontal-spacer__item--full-width\@tablet {
    width: 100%;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-horizontal-spacer__item--full-width\@desktop {
    width: 100%;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-horizontal-spacer__item--full-width\@hd {
    width: 100%;
  }
}

@font-face {
  font-family: uxcy70dd7;
  src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAVEAAsAAAAAB+gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPQAAAFYvsTvRY21hcAAAAYQAAABVAAABjOEvI+NnbHlmAAAB3AAAAZEAAAIM8/HEz2hlYWQAAANwAAAAKQAAADYOhKklaGhlYQAAA5wAAAAVAAAAJAQBAgVobXR4AAADtAAAAA4AAAAQBgAAAGxvY2EAAAPEAAAACgAAAAoBWgDobWF4cAAAA9AAAAAfAAAAIAEVAG1uYW1lAAAD8AAAASkAAAIWm5e+CnBvc3QAAAUcAAAAJQAAADacRW2jeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGRsYJzAwMrAwOjCmMbAwOAOpb8ySDK0MDAwMbAyM2AFAWmuKQwODxgeMDGBuHpMEGFGEAEAfAQH6AAAAHic7ZCxDYBADAMvn0CBmIOKkkmoGJ9NHif/Y2DpLNmKUhhYABenCLAHI3WrteqdrfrgqJvI/m29y0lXjvKWn2zl115+zeS51KC2m2gv7TjAP2ybDQ0AAAB4nE2RzW7TQBDHZ3Y3a7v7kchJdpM0Sds4tkuBFJzEViNhilB74sSBExJw7AP01kfgBXgF+khtj+QxEBNTKnZmf6v51Ep/CIAOIwMNQxhBDsewhhLgaLbAVY3FFHsW+cxib4pFjasFJv2ZnGDPFeUbXGXJOqOIahQtMEC4vL64uP6+w2V9VddXNzvUoVIdpcLIoonpRo8tBPz12EO41eHPUDf4hjrSkWqAAHz3T3zAeziBL/AVIE2yvLGqfItlcYCu12YWvfPuAJfFUw4lzgh9+bdC8MuCZlh5illCFXpozTqjicZXpyxL8KaVLj+/L4dtzjpzM1YbraN9jszEL184yXiqDvc2xhy633cCE8WtW55/Yn3juryrrIxaXJ4JlGk8HLx67drS8paOGaI4jplImX/+8d35yXTQmStaPdHRiAm+PyjHijabMz02Rx5/8CS0fl5vPjzDPRGisWEUcFkJkcaqPd1MJswbIVXMGDKRdXkj5T89FSkKmAd54ANf+SqvGIy22yfH7f8RTf0BTJZLQgAAAHicY2BkYGAA4tyn92rj+W2+MnAzMYDAtc0mIsg0EwNYnANCAQAWdAgMAAAAeJxjYGRgYGIAATjJyIAKWAAA+AANAAAAeJxjYGBgYELCAABAAAcAAAAAAAAAVADoAQYAAHicY2BkYGBgYUhkYGcAASYg5gJCBob/YD4DABLQAYMAeJxlkD1uwkAUhMdgSAJSghQpKbNVCiKZn5IDQE9Bl8KYtTGyvdZ6QaLLCXKEHCGniHKCHChj82hgLT9/M2/e7soABviFh3p5uG1qvVq4oTpxm/Qg7JOfhTvo40W4S38o3MMbpsJ9POKdO3j+HZ0BSuEW7vEh3Kb/KeyTv4Q7eMK3cJf+j3APK/wJ9/HqDdPIFLEp3FIn+yy0Z3n+rrStUlOoSTA+WwtdaBs6vVHro6oOydS5WMXW5GrOrs4yo0prdjpywda5cjYaxeIHkcmRIoJBgbipDktoJNgjQwh71b3UK6YtKvq1VpggwPgqtWCqaJIhlcaGyTWOrBUOPG1K1zGt+FrO5KS5zGreJCMr/u+6t6MT0Q+wbaZKzDDiE1/kg+YO+T89EV6oAAAAeJxjYGKAAFYG7ICFkYmRmZGFkZWBKdOAKdOQKdOIgQEADygB8gAAAA==") format('woff');
  font-weight: normal;
  font-style: normal;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* stylelint-disable */

/* stylelint-enable */

/**
 * Only for devices with touch support
 */

/**
 * Only for pointer only devices
 */

.uxc-a-tooltip {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 22px;
  line-height: 22px;
  white-space: normal;
}

/**
 * Position
 */

.uxc-a-tooltip--relative {
  position: relative;
}

.uxc-a-tooltip--absolute-middle-right {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -11px;
  z-index: 80;
}

/**
 * Used only with input, if input has touch icon enabled
 */

.uxc-a-tooltip__icon {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-decoration: none;
  vertical-align: bottom;
}

.uxc-a-tooltip__icon:before {
  display: inline-block;
  width: 22px;
  height: 22px;
  text-align: center;
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 22px/1 uxcy70dd7;
  content: '\E000';
  color: #8b9196;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.uxc-a-tooltip__icon:hover,
.uxc-state-a-tooltip--active .uxc-a-tooltip__icon {
  cursor: pointer;
}

.uxc-a-tooltip__icon:hover:before,
.uxc-state-a-tooltip--active .uxc-a-tooltip__icon:before {
  color: #8861a9;
}

.uxc-a-tooltip--icon-phone .uxc-a-tooltip__icon:before {
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 22px/1 uxcy70dd7;
  content: '\E001';
  color: #46a9b4;
}

.uxc-a-tooltip__arrow {
  border: solid transparent;
  content: ' ';
  height: 8px;
  width: 8px;
  top: -16px;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #8861a9;
  border-width: 8px;
}

@media only screen and (max-width: 767px) {
  .uxc-a-tooltip__arrow {
    display: none;
  }
}

.uxc-a-tooltip__message {
  position: absolute;
  top: 0;
  display: none;
  width: 280px;
  margin-top: 13px;
  padding: 25px 20px;
  color: white;
  background-color: #8861a9;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
  opacity: 0;
  visibility: hidden;
  cursor: auto;
  z-index: 80;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}

@media only screen and (min-width: 768px) {
  .uxc-a-tooltip__message {
    max-width: 280px;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-a-tooltip__message {
    padding-right: 40px;
    left: auto;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    width: 100%;
  }
}

.uxc-a-tooltip__message[x-placement=top] {
  margin-top: 0;
  margin-bottom: 13px;
}

.uxc-a-tooltip__message[x-placement=top] .uxc-a-tooltip__arrow {
  top: auto;
  bottom: -16px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media only screen and (max-width: 767px) {
  .uxc-a-tooltip__close {
    position: absolute;
    width: 12px;
    height: 12px;
    top: 18px;
    right: 27px;
    cursor: pointer;
  }
  .uxc-a-tooltip__close:after {
    position: absolute;
    top: 0;
    text-rendering: auto;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    font: normal normal normal 12px/1 uxcy70dd7;
    content: '\E002';
    color: white;
    padding: 7px;
  }
}

.uxc-state-a-tooltip--active:before {
  color: #8861a9;
}

.uxc-state-a-tooltip--active.uxc-a-tooltip__message {
  opacity: 1;
  visibility: visible;
  left: 0;
}

.uxc-state-a-tooltip__message--shift-left {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.uxc-state-a-tooltip__message--shift-left:after,
.uxc-state-a-tooltip__message--shift-left:before {
  left: 0;
}

.uxc-state-a-tooltip__message--shift-left:after {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.uxc-state-a-tooltip__message--shift-right {
  left: 100%;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.uxc-state-a-tooltip__message--shift-right:after,
.uxc-state-a-tooltip__message--shift-right:before {
  left: auto;
  right: 0;
}

.uxc-state-a-tooltip__message--shift-right:after {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */

/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */

/**
 * The picker input element.
 */

/**
 * When the picker is opened, the input element is “activated”.
 */

/**
 * The holder is the only “scrollable” top-level container element.
 */

/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */

/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */

/**
 * Make the holder and frame fullscreen.
 */

/**
 * The holder should overlay the entire screen.
 */

/**
 * The frame that bounds the box contents of the picker.
 */

/**
 * The wrapper sets the stage to vertically align the box contents.
 */

/**
 * The box contains all the picker contents.
 */

/**
 * When the picker opens...
 */

/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */

/**
 * The picker box.
 */

/**
 * The header containing the month and year stuff.
 */

/**
 * The month and year labels.
 */

/**
 * The month and year selectors.
 */

/**
 * The month navigation buttons.
 */

/**
 * The calendar table of dates
 */

/**
 * The weekday labels
 */

/**
 * The days on the calendar
 */

/**
 * The footer containing the "today", "clear", and "close" buttons.
 */

/* ==========================================================================
   $DEFAULT-DATE-PICKER
   ========================================================================== */

@font-face {
  font-family: uxcyc3b83;
  src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAPwAAsAAAAABjwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPAAAAFYvsTm3Y21hcAAAAYAAAABPAAABfmBD5KlnbHlmAAAB0AAAAFoAAAB4djGEz2hlYWQAAAIsAAAAKQAAADYNhKklaGhlYQAAAlgAAAAWAAAAJAMBAQRobXR4AAACcAAAAAwAAAAMAgAAAGxvY2EAAAJ8AAAACAAAAAgAHgA8bWF4cAAAAoQAAAAeAAAAIAEPABtuYW1lAAACpAAAASkAAAIWm5e+CnBvc3QAAAPQAAAAIAAAADEDeJw2eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGRYzTiBgZWBgWERYxqQdIfSXxkkGVoYGJgYWJkZsIKANNcUBocHDA8YmUBcPSaIMCOIAAC9IgjLeJztkLENgDAMBM+JoUCMQUHBMFTMzybJ22YMXrqT/uXKwAJ0cQkHezAit1bLvbPl7hx547G/NoZMWN3TTVr5s6fPr7X4U1GfK2gTtugLLQB4nGNgYgACRgYgxcvAx8BgrK7HaGJmzyjOziYiz8j+8gIPLy/PBfGLvLwXxU9yySrIcp2UPMGrynNCEqgNTa+wuByjCBs/o7q5mYk+o7k4sl4mBlTdAPkfE+8AAHicY2BkYGAA4tVRU43i+W2+MnAzMYDAtc0mIsg0IwNYnANCAQDv5wcqAAAAeJxjYGRgYGIAAUYYCWEgADMAAMkACgAAAAAAAAEAAAABAAAAAAAAAAAeADx4nGNgZGBgYGbgZ2BiAAEQyQWEDAz/wXwGAApAASsAAHicZZA9bsJAFITHYEgCUoIUKSmzVQoimZ+SA0BPQZfCmLUxsr3WekGiywlyhBwhp4hyghwoY/NoYC0/fzNv3u7KAAb4hYd6ebhtar1auKE6cZv0IOyTn4U76ONFuEt/KNzDG6bCfTzinTt4/h2dAUrhFu7xIdym/ynsk7+EO3jCt3CX/o9wDyv8Cffx6g3TyBSxKdxSJ/sstGd5/q60rVJTqEkwPlsLXWgbOr1R66OqDsnUuVjF1uRqzq7OMqNKa3Y6csHWuXI2GsXiB5HJkSKCQYG4qQ5LaCTYI0MIe9W91CumLSr6tVaYIMD4KrVgqmiSIZXGhsk1jqwVDjxtStcxrfhazuSkucxq3iQjK/7vurejE9EPsG2mSsww4hNf5IPmDvk/PRFeqAAAAHicY2BigABWBuyAmZGJkZmRhYEp04Ap05CBAQAIaAFO") format('woff');
  font-weight: normal;
  font-style: normal;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* Hover anchor is used to trigger hover states for nested elements
 * Main usage inside classic teaser pattern
 * Usage:   @include hover-anchor() { property: value;}
 */

/* stylelint-disable length-zero-no-unit */

/**
 * Returns the font information for the given $breakpoint $size and style
 */

/*
  THIS FILE MUST CONTAIN ONLY MIXINS
*/

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

.uxc-m-date-picker {
  position: relative;
  width: 100%;
  min-width: 180px;
}

.uxc-m-date-picker:after {
  clear: both;
  display: table;
  content: '';
}

.uxc-m-date-picker .uxc-a-date-field {
  position: relative;
}

.uxc-m-date-picker--m-width {
  width: 220px;
}

.uxc-m-date-picker__header {
  text-align: center;
  position: relative;
  margin-bottom: 40px;
  margin-top: 30px;
}

.uxc-m-date-picker__nav--prev {
  position: absolute;
  left: 15px;
  top: 11px;
  color: #46a9b4;
  cursor: pointer;
}

.uxc-m-date-picker__nav--prev:hover {
  color: #006d73;
}

.uxc-m-date-picker__nav--prev:before {
  content: '';
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 100%/1 uxcyc3b83;
  content: '\E000';
}

.uxc-m-date-picker__nav--next {
  position: absolute;
  right: 15px;
  top: 11px;
  color: #46a9b4;
  cursor: pointer;
}

.uxc-m-date-picker__nav--next:hover {
  color: #006d73;
}

.uxc-m-date-picker__nav--next:before {
  content: '';
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 100%/1 uxcyc3b83;
  content: '\E001';
}

.uxc-m-date-picker__nav--disabled {
  color: #8b9196;
}

.uxc-m-date-picker__select-month,
.uxc-m-date-picker__select-year {
  color: #46a9b4;
  background: none;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .uxc-m-date-picker__select-month,
  .uxc-m-date-picker__select-year {
    margin-top: -8.25px;
    margin-bottom: 11px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-m-date-picker__select-month,
  .uxc-m-date-picker__select-year {
    margin-top: -9.92px;
    margin-bottom: 9.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    font-style: normal;
  }
}

.uxc-m-date-picker__select-month:focus,
.uxc-m-date-picker__select-year:focus {
  /*
   * No outline for mouse clicks or custom focus handling
   */
}

[data-focus-source='script'] .uxc-m-date-picker__select-month:focus:focus,
[data-focus-source='pointer'] .uxc-m-date-picker__select-month:focus:focus,
[data-focus-source='script'] .uxc-m-date-picker__select-year:focus:focus,
[data-focus-source='pointer'] .uxc-m-date-picker__select-year:focus:focus {
  outline: 0;
}

.uxc-m-date-picker__select-month:hover,
.uxc-m-date-picker__select-year:hover {
  color: #006d73;
}

.uxc-m-date-picker__select-year {
  margin: 0 12px 0 40px;
}

.uxc-m-date-picker__weekdays {
  text-align: center;
  text-transform: uppercase;
}

.uxc-m-date-picker__date-table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
  color: #141412;
}

@media only screen and (max-width: 767px) {
  .uxc-m-date-picker__date-table {
    margin-top: -6.58px;
    margin-bottom: 20.94px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-m-date-picker__date-table {
    margin-top: -7.6px;
    margin-bottom: 19.8px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
  }
}

.uxc-m-date-picker__date-table td {
  padding: 0 13px;
}

@media only screen and (max-width: 767px) {
  .uxc-m-date-picker__date-table td {
    padding: 0 7px;
  }
}

.uxc-m-date-picker__day {
  padding: 0;
  margin: 6px 0;
}

.uxc-m-date-picker__day--infocus:hover,
.uxc-m-date-picker__day--outfocus:hover {
  background: #006d73;
  color: white;
}

.uxc-m-date-picker__day--today {
  border-bottom: 2px solid #46a9b4;
}

.uxc-m-date-picker__day--outfocus {
  color: #8b9196;
}

.uxc-m-date-picker__day--selected,
.uxc-m-date-picker__day--selected.uxc-m-date-picker__day--highlighted,
.uxc-m-date-picker__day--selected:hover,
.uxc-m-date-picker__day--selected.uxc-m-date-picker__day--highlighted:hover,
.uxc-m-date-picker--focused .uxc-m-date-picker__day--selected,
.uxc-m-date-picker--focused .uxc-m-date-picker__day--selected.uxc-m-date-picker__day--highlighted {
  background: #c31622;
  color: white;
  border: none;
}

.uxc-m-date-picker__day--highlighted,
.uxc-m-date-picker__day--highlighted:hover,
.uxc-m-date-picker--focused .uxc-m-date-picker__day--highlighted {
  background: white;
  color: #141412;
  border: none;
}

/*
 * HELVUX-1066. Override default-styles from pickadate-lib to allow closing of date-picker on small mobile-devices.
 */

.uxc-m-date-picker__frame {
  top: auto;
  bottom: 0;
  margin-bottom: 7.5%;
  max-height: 80%;
  max-width: 470px;
}

/*
 * fix for pickadate plugin disabled state
 */

/* stylelint-disable plugin/stylelint-bem-namics */

.uxc-m-date-picker .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default;
}

/* stylelint-enable plugin/stylelint-bem-namics */

/*
 * fix for pickadate plugin sets border-color styling on input
 */

/* stylelint-disable plugin/stylelint-bem-namics */

.uxc-m-date-picker .picker__input.picker__input--active {
  border-color: #006d73;
}

/* stylelint-enable plugin/stylelint-bem-namics */

/*
* Adding an additional CSS-class in the pickaday-config (ts-file) would cause a bug
* that wouldn't allow a change of the month by clicking the arrows.
*/

/* stylelint-disable plugin/stylelint-bem-namics */

/* stylelint-enable plugin/stylelint-bem-namics */

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* stylelint-disable plugin/stylelint-bem-namics */

/* stylelint-enable plugin/stylelint-bem-namics */

@font-face {
  font-family: uxcLe2cff;
  src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAASsAAsAAAAACLAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPQAAAFYvsTtPY21hcAAAAYQAAABKAAABcOEoo6pnbHlmAAAB0AAAASAAAAMIl5IOEGhlYWQAAALwAAAALAAAADYOhKkMaGhlYQAAAxwAAAAVAAAAJAQBAgNobXR4AAADNAAAAAgAAAAIAgAAAGxvY2EAAAM8AAAABgAAAAYBhAAAbWF4cAAAA0QAAAAfAAAAIAEkATZuYW1lAAADZAAAASkAAAIWm5e+CnBvc3QAAASQAAAAGwAAACxqPAEEeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGRkYJzAwMrAwOjCmMbAwOAOpb8ySDK0MDAwMbAyM2AFAWmuKQwODxgeANUAgR4TRJgRRAAAUl4HZgAAAHic7ZCxDYAwEAPPykOBGIEqNbNQsb/YJPkY2CKWzpJPXz2wACU5kwDdiJErrewLm31QfRPDP7T2d+5wo5WZ3X18y796QR0aJglRAAB4nM2QPUoEQRCFX4nd1bAMzMBsrw6KzAw2ms4fiAoDCmtg4AGMxQN4gD2ABxBjD2BgIphr4GZGRkaamJkYtU7PLgui4g8GNs1Xj6r3Growg+ZMgR6wgBVsYBM72MU+DjDAIY5wglNc4Ao3uMMjnmmafJqjJVoGKC0Lk8h5isc1TWQ3CHUeZ1UZFEbk3VBn1TrF45pnujVXFCemDOIglOlimpiiWqVMhzL/hhY/9P+HbEq3terwC7ijal9rn84a2jXXpLYp2BZM53ZbMF2zsPeRYBaRUGrL4Y1i7s9KZulgLyey//cRoX4RUaI109BzTm/Enm+P24/v+b3IuLkZkWVdS7YDJcizT0INm200W3nPnJ369H4xLj58c0LgFSqAXfl4nGNgZGBgAOJJwQqN8fw2Xxm4mRhA4NpmExFkmomB8TmQ4mAASwMA7UYHy3icY2BkYGBiAAE4yciACpgAAPYACwAAAAAAAAACAAAAAAAAAAGEAAB4nGNgZGBgYGLUYpBgAAEmIOYCQgaG/2A+AwAO3AFcAHicZZA9bsJAFITHYEgCUoIUKSmzVQoimZ+SA0BPQZfCmLUxsr3WekGiywlyhBwhp4hyghwoY/NoYC0/fzNv3u7KAAb4hYd6ebhtar1auKE6cZv0IOyTn4U76ONFuEt/KNzDG6bCfTzinTt4/h2dAUrhFu7xIdym/ynsk7+EO3jCt3CX/o9wDyv8Cffx6g3TyBSxKdxSJ/sstGd5/q60rVJTqEkwPlsLXWgbOr1R66OqDsnUuVjF1uRqzq7OMqNKa3Y6csHWuXI2GsXiB5HJkSKCQYG4qQ5LaCTYI0MIe9W91CumLSr6tVaYIMD4KrVgqmiSIZXGhsk1jqwVDjxtStcxrfhazuSkucxq3iQjK/7vurejE9EPsG2mSsww4hNf5IPmDvk/PRFeqAAAAHicY2BigABWBuyAiZGJkZmBKdOAgQEAA74ArAA=") format('woff');
  font-weight: normal;
  font-style: normal;
}

.uxc-m-date-picker-button {
  display: inline-block;
  vertical-align: bottom;
  bottom: 13px;
  right: 0;
  text-decoration: none;
  width: 26px;
  height: 25px;
  z-index: 11;
  /* Add spacing to the right, when button is followed by another element (like button or link) */
}

.uxc-m-date-picker-button:before {
  right: 0;
  content: '';
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 25px/1 uxcLe2cff;
  content: '\E000';
  color: #46a9b4;
}

.uxc-m-date-picker-button:hover:before {
  color: #006d73;
}

.uxc-m-date-picker-button:not(:last-child) {
  margin-right: 5px;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* Hover anchor is used to trigger hover states for nested elements
 * Main usage inside classic teaser pattern
 * Usage:   @include hover-anchor() { property: value;}
 */

/* stylelint-disable length-zero-no-unit */

/**
 * Returns the font information for the given $breakpoint $size and style
 */

/*
  THIS FILE MUST CONTAIN ONLY MIXINS
*/

/* stylelint-disable */

/* stylelint-enable */

.uxc-a-rich-text {
  position: relative;
  width: 100%;
  display: table;
  color: #141412;
}

.uxc-a-rich-text p:last-child,
.uxc-a-rich-text h2:last-child,
.uxc-a-rich-text h3:last-child {
  margin-bottom: 0;
}

.uxc-a-rich-text ol {
  list-style: decimal;
}

.uxc-a-rich-text ul {
  list-style: disc;
}

.uxc-a-rich-text ol,
.uxc-a-rich-text ul {
  margin: 0 0 40px 0;
  padding: 0 0 0 20px;
}

.uxc-a-rich-text ol:last-child,
.uxc-a-rich-text ul:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .uxc-a-rich-text h2 {
    margin-top: -8.25px;
    margin-bottom: 31px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-rich-text h2 {
    margin-top: -9.92px;
    margin-bottom: 29.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-a-rich-text h3 {
    margin-top: -6.42px;
    margin-bottom: 23.548px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-rich-text h3 {
    margin-top: -7.4px;
    margin-bottom: 22.56px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-a-rich-text--font-size-xxs {
    margin-bottom: -5.92px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 12px;
    /* stylelint-enable property-blacklist */
    line-height: 20px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-rich-text--font-size-xxs {
    margin-bottom: -5.24px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 14px;
    /* stylelint-enable property-blacklist */
    line-height: 20px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-a-rich-text--font-size-xxs p {
    margin-top: -5.56px;
    margin-bottom: 34.08px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 12px;
    /* stylelint-enable property-blacklist */
    line-height: 20px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-rich-text--font-size-xxs p {
    margin-top: -4.82px;
    margin-bottom: 34.76px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 14px;
    /* stylelint-enable property-blacklist */
    line-height: 20px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-a-rich-text--font-size-xs {
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-rich-text--font-size-xs {
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-a-rich-text--font-size-xs p {
    margin-top: -6.58px;
    margin-bottom: 32.94px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-rich-text--font-size-xs p {
    margin-top: -6.58px;
    margin-bottom: 32.94px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-a-rich-text--font-size-s {
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-rich-text--font-size-s {
    margin-bottom: -8.2px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-a-rich-text--font-size-s p {
    margin-top: -6.58px;
    margin-bottom: 32.94px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-rich-text--font-size-s p {
    margin-top: -7.6px;
    margin-bottom: 31.8px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
  }
}

.uxc-a-rich-text a:not([class*=' uxc-']),
.uxc-a-rich-text a:not([class^='uxc-']) {
  color: #141412;
  text-decoration: underline;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.uxc-a-rich-text a:not([class*=' uxc-']):hover,
.uxc-a-rich-text a:not([class^='uxc-']):hover {
  color: #006d73;
}

.uxc-a-rich-text--color-white {
  color: white;
}

.uxc-a-rich-text--color-white a:not([class*=' uxc-']),
.uxc-a-rich-text--color-white a:not([class^='uxc-']) {
  color: white;
}

.uxc-a-rich-text--color-white a:not([class*=' uxc-']):hover,
.uxc-a-rich-text--color-white a:not([class^='uxc-']):hover {
  color: white;
}

.uxc-a-rich-text--display-block {
  display: block;
}

@font-face {
  font-family: uxcHf16fd;
  src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAARUAAsAAAAABwAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFYvxDulY21hcAAAAYQAAABPAAABfmBD5KlnbHlmAAAB1AAAALIAAAE8KF+92WhlYWQAAAKIAAAALgAAADYOmKkAaGhlYQAAArgAAAAbAAAAJAQVAfFobXR4AAAC1AAAAAwAAAAMBAAAAGxvY2EAAALgAAAACAAAAAgAWACebWF4cAAAAugAAAAfAAAAIAESAEhuYW1lAAADCAAAASkAAAIWm5e+CnBvc3QAAAQ0AAAAIAAAADEDeJw2eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQMZZzAwMrAwOjCmMbAwOAOpb8ySDK0MDAwMbAyM2AFAWmuKQwODxgeMDKBuHpAUhhIM4I4AG6rB88AAHic7ZCxDYAwDATPiaFAjEFBwTBUzM8mydtmDF66k/7lysACdHEJB3swIrdWy72z5e4ceeOxvzaGTFjd001a+bOnz6+1+FNRnytoE7boCy0AeJxjYGVg+P+WSZjxHYMAgyyDHIMVgzUDA6MeoxIfk4gck5Edk4kas5Ieo4kdo5Ecowgfo7K5sqmJmhKbLKOyEpuImDWjqIiYkZkto7GRmYmaMuNxldj0WE91dU8QpaZ2yy7Tzi6zJsvWNstu0RQObo4pbBwcbBAGOzsb42IVuFIQ9a/bNqsGquMTqlIQgwEI0N2rxaBNwL2KIHcaKxJ237+9IBsZnQm6DOgUkGsA1yFC8AAAeJxjYGRgYABiOz6xknh+m68M3EwMIHBts4kIgv7/lkmY8R2Qy8EAlgYA7T0JIQAAeJxjYGRgYGIAARD5/y2TMAMjAypgBgAruwILAAAAAAACAAAAAgAAAAAAAAAAWACeeJxjYGRgYGBmsGFgZQABJiDmAkIGhv9gPgMADuoBWwB4nGWQPW7CQBSEx2BIAlKCFCkps1UKIpmfkgNAT0GXwpi1MbK91npBossJcoQcIaeIcoIcKGPzaGAtP38zb97uygAG+IWHenm4bWq9WrihOnGb9CDsk5+FO+jjRbhLfyjcwxumwn084p07eP4dnQFK4Rbu8SHcpv8p7JO/hDt4wrdwl/6PcA8r/An38eoN08gUsSncUif7LLRnef6utK1SU6hJMD5bC11oGzq9Ueujqg7J1LlYxdbkas6uzjKjSmt2OnLB1rlyNhrF4geRyZEigkGBuKkOS2gk2CNDCHvVvdQrpi0q+rVWmCDA+Cq1YKpokiGVxobJNY6sFQ48bUrXMa34Ws7kpLnMat4kIyv+77q3oxPRD7BtpkrMMOITX+SD5g75Pz0RXqgAAAB4nGNgYoAAVgbsgJmRiZGZkYWBKdOAKdOQgQEACGgBTg==") format('woff');
  font-weight: normal;
  font-style: normal;
}

/* stylelint-disable */

/* stylelint-enable */

.uxc-a-extended-number-input__button {
  margin-right: 10px;
  display: inline-block;
  text-decoration: none;
  color: #46a9b4;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.uxc-a-extended-number-input__button:hover {
  color: #006d73;
}

.uxc-a-extended-number-input__button:last-child,
.uxc-a-extended-number-input__button:first-child:last-child {
  margin-right: 0;
}

.uxc-a-extended-number-input__button:after {
  content: '';
  vertical-align: bottom;
}

.uxc-a-extended-number-input__button--increment:after {
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 28px/1 uxcHf16fd;
  content: '\E000';
}

.uxc-a-extended-number-input__button--decrement:after {
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 28px/1 uxcHf16fd;
  content: '\E001';
}

.uxc-a-form-fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

.uxc-a-h-box {
  position: relative;
  height: 100%;
  padding: 40px;
  box-sizing: border-box;
}

.uxc-a-h-box:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  border-width: 40px 40px 0 0;
  border-style: solid;
  border-right-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
}

.uxc-a-h-box--arrow-right-top {
  max-width: calc(100% - 40px);
  margin-right: 40px;
}

.uxc-a-h-box--arrow-right-top:before {
  top: 0;
  right: -39px;
}

@media only screen and (max-width: 767px) {
  html .uxc-a-h-box--arrow-right-top\@mobile {
    max-width: calc(100% - 40px);
    margin-right: 40px;
  }
  html .uxc-a-h-box--arrow-right-top\@mobile: before {
    top: 0;
    right: -39px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-a-h-box--arrow-right-top\@tablet {
    max-width: calc(100% - 40px);
    margin-right: 40px;
  }
  html .uxc-a-h-box--arrow-right-top\@tablet: before {
    top: 0;
    right: -39px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-a-h-box--arrow-right-top\@desktop {
    max-width: calc(100% - 40px);
    margin-right: 40px;
  }
  html .uxc-a-h-box--arrow-right-top\@desktop: before {
    top: 0;
    right: -39px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-a-h-box--arrow-right-top\@hd {
    max-width: calc(100% - 40px);
    margin-right: 40px;
  }
  html .uxc-a-h-box--arrow-right-top\@hd: before {
    top: 0;
    right: -39px;
  }
}

.uxc-a-h-box--arrow-left-top {
  max-width: calc(100% - 40px);
  margin-left: 40px;
}

.uxc-a-h-box--arrow-left-top:before {
  top: 0;
  left: -39px;
  -webkit-transform: rotate(180deg) scaleY(-1);
  -ms-transform: rotate(180deg) scaleY(-1);
  transform: rotate(180deg) scaleY(-1);
}

@media only screen and (max-width: 767px) {
  html .uxc-a-h-box--arrow-left-top\@mobile {
    max-width: calc(100% - 40px);
    margin-left: 40px;
  }
  html .uxc-a-h-box--arrow-left-top\@mobile: before {
    top: 0;
    left: -39px;
    -webkit-transform: rotate(180deg) scaleY(-1);
    -ms-transform: rotate(180deg) scaleY(-1);
    transform: rotate(180deg) scaleY(-1);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-a-h-box--arrow-left-top\@tablet {
    max-width: calc(100% - 40px);
    margin-left: 40px;
  }
  html .uxc-a-h-box--arrow-left-top\@tablet: before {
    top: 0;
    left: -39px;
    -webkit-transform: rotate(180deg) scaleY(-1);
    -ms-transform: rotate(180deg) scaleY(-1);
    transform: rotate(180deg) scaleY(-1);
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-a-h-box--arrow-left-top\@desktop {
    max-width: calc(100% - 40px);
    margin-left: 40px;
  }
  html .uxc-a-h-box--arrow-left-top\@desktop: before {
    top: 0;
    left: -39px;
    -webkit-transform: rotate(180deg) scaleY(-1);
    -ms-transform: rotate(180deg) scaleY(-1);
    transform: rotate(180deg) scaleY(-1);
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-a-h-box--arrow-left-top\@hd {
    max-width: calc(100% - 40px);
    margin-left: 40px;
  }
  html .uxc-a-h-box--arrow-left-top\@hd: before {
    top: 0;
    left: -39px;
    -webkit-transform: rotate(180deg) scaleY(-1);
    -ms-transform: rotate(180deg) scaleY(-1);
    transform: rotate(180deg) scaleY(-1);
  }
}

.uxc-a-h-box--arrow-left-bottom {
  max-width: calc(100% - 40px);
  margin-left: 40px;
}

.uxc-a-h-box--arrow-left-bottom:before {
  bottom: -40px;
  left: -39px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media only screen and (max-width: 767px) {
  html .uxc-a-h-box--arrow-left-bottom\@mobile {
    max-width: calc(100% - 40px);
    margin-left: 40px;
  }
  html .uxc-a-h-box--arrow-left-bottom\@mobile: before {
    bottom: -40px;
    left: -39px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-a-h-box--arrow-left-bottom\@tablet {
    max-width: calc(100% - 40px);
    margin-left: 40px;
  }
  html .uxc-a-h-box--arrow-left-bottom\@tablet: before {
    bottom: -40px;
    left: -39px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-a-h-box--arrow-left-bottom\@desktop {
    max-width: calc(100% - 40px);
    margin-left: 40px;
  }
  html .uxc-a-h-box--arrow-left-bottom\@desktop: before {
    bottom: -40px;
    left: -39px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-a-h-box--arrow-left-bottom\@hd {
    max-width: calc(100% - 40px);
    margin-left: 40px;
  }
  html .uxc-a-h-box--arrow-left-bottom\@hd: before {
    bottom: -40px;
    left: -39px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

.uxc-a-h-box--arrow-right-bottom {
  max-width: calc(100% - 40px);
  margin-right: 40px;
}

.uxc-a-h-box--arrow-right-bottom:before {
  bottom: -40px;
  right: -39px;
  -webkit-transform: rotate(180deg) scaleX(-1);
  -ms-transform: rotate(180deg) scaleX(-1);
  transform: rotate(180deg) scaleX(-1);
}

@media only screen and (max-width: 767px) {
  html .uxc-a-h-box--arrow-right-bottom\@mobile {
    max-width: calc(100% - 40px);
    margin-right: 40px;
  }
  html .uxc-a-h-box--arrow-right-bottom\@mobile: before {
    bottom: -40px;
    right: -39px;
    -webkit-transform: rotate(180deg) scaleX(-1);
    -ms-transform: rotate(180deg) scaleX(-1);
    transform: rotate(180deg) scaleX(-1);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-a-h-box--arrow-right-bottom\@tablet {
    max-width: calc(100% - 40px);
    margin-right: 40px;
  }
  html .uxc-a-h-box--arrow-right-bottom\@tablet: before {
    bottom: -40px;
    right: -39px;
    -webkit-transform: rotate(180deg) scaleX(-1);
    -ms-transform: rotate(180deg) scaleX(-1);
    transform: rotate(180deg) scaleX(-1);
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-a-h-box--arrow-right-bottom\@desktop {
    max-width: calc(100% - 40px);
    margin-right: 40px;
  }
  html .uxc-a-h-box--arrow-right-bottom\@desktop: before {
    bottom: -40px;
    right: -39px;
    -webkit-transform: rotate(180deg) scaleX(-1);
    -ms-transform: rotate(180deg) scaleX(-1);
    transform: rotate(180deg) scaleX(-1);
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-a-h-box--arrow-right-bottom\@hd {
    max-width: calc(100% - 40px);
    margin-right: 40px;
  }
  html .uxc-a-h-box--arrow-right-bottom\@hd: before {
    bottom: -40px;
    right: -39px;
    -webkit-transform: rotate(180deg) scaleX(-1);
    -ms-transform: rotate(180deg) scaleX(-1);
    transform: rotate(180deg) scaleX(-1);
  }
}

.uxc-a-h-box--arrow-top-left {
  margin-top: 40px;
}

.uxc-a-h-box--arrow-top-left:before {
  left: 0;
  top: 0;
  -webkit-transform: rotate(180deg) scaleX(-1);
  -ms-transform: rotate(180deg) scaleX(-1);
  transform: rotate(180deg) scaleX(-1);
}

@media only screen and (max-width: 767px) {
  html .uxc-a-h-box--arrow-top-left\@mobile {
    margin-top: 40px;
  }
  html .uxc-a-h-box--arrow-top-left\@mobile: before {
    left: 0;
    top: 0;
    -webkit-transform: rotate(180deg) scaleX(-1);
    -ms-transform: rotate(180deg) scaleX(-1);
    transform: rotate(180deg) scaleX(-1);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-a-h-box--arrow-top-left\@tablet {
    margin-top: 40px;
  }
  html .uxc-a-h-box--arrow-top-left\@tablet: before {
    left: 0;
    top: 0;
    -webkit-transform: rotate(180deg) scaleX(-1);
    -ms-transform: rotate(180deg) scaleX(-1);
    transform: rotate(180deg) scaleX(-1);
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-a-h-box--arrow-top-left\@desktop {
    margin-top: 40px;
  }
  html .uxc-a-h-box--arrow-top-left\@desktop: before {
    left: 0;
    top: 0;
    -webkit-transform: rotate(180deg) scaleX(-1);
    -ms-transform: rotate(180deg) scaleX(-1);
    transform: rotate(180deg) scaleX(-1);
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-a-h-box--arrow-top-left\@hd {
    margin-top: 40px;
  }
  html .uxc-a-h-box--arrow-top-left\@hd: before {
    left: 0;
    top: 0;
    -webkit-transform: rotate(180deg) scaleX(-1);
    -ms-transform: rotate(180deg) scaleX(-1);
    transform: rotate(180deg) scaleX(-1);
  }
}

.uxc-a-h-box--arrow-top-right {
  margin-top: 40px;
}

.uxc-a-h-box--arrow-top-right:before {
  right: 0;
  top: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media only screen and (max-width: 767px) {
  html .uxc-a-h-box--arrow-top-right\@mobile {
    margin-top: 40px;
  }
  html .uxc-a-h-box--arrow-top-right\@mobile: before {
    right: 0;
    top: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-a-h-box--arrow-top-right\@tablet {
    margin-top: 40px;
  }
  html .uxc-a-h-box--arrow-top-right\@tablet: before {
    right: 0;
    top: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-a-h-box--arrow-top-right\@desktop {
    margin-top: 40px;
  }
  html .uxc-a-h-box--arrow-top-right\@desktop: before {
    right: 0;
    top: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-a-h-box--arrow-top-right\@hd {
    margin-top: 40px;
  }
  html .uxc-a-h-box--arrow-top-right\@hd: before {
    right: 0;
    top: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

.uxc-a-h-box--arrow-bottom-left {
  margin-bottom: 40px;
}

.uxc-a-h-box--arrow-bottom-left:before {
  left: 0;
  bottom: -39px;
}

@media only screen and (max-width: 767px) {
  html .uxc-a-h-box--arrow-bottom-left\@mobile {
    margin-bottom: 40px;
  }
  html .uxc-a-h-box--arrow-bottom-left\@mobile: before {
    left: 0;
    bottom: -39px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-a-h-box--arrow-bottom-left\@tablet {
    margin-bottom: 40px;
  }
  html .uxc-a-h-box--arrow-bottom-left\@tablet: before {
    left: 0;
    bottom: -39px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-a-h-box--arrow-bottom-left\@desktop {
    margin-bottom: 40px;
  }
  html .uxc-a-h-box--arrow-bottom-left\@desktop: before {
    left: 0;
    bottom: -39px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-a-h-box--arrow-bottom-left\@hd {
    margin-bottom: 40px;
  }
  html .uxc-a-h-box--arrow-bottom-left\@hd: before {
    left: 0;
    bottom: -39px;
  }
}

.uxc-a-h-box--arrow-bottom-right {
  margin-bottom: 40px;
}

.uxc-a-h-box--arrow-bottom-right:before {
  right: 0;
  bottom: -39px;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}

@media only screen and (max-width: 767px) {
  html .uxc-a-h-box--arrow-bottom-right\@mobile {
    margin-bottom: 40px;
  }
  html .uxc-a-h-box--arrow-bottom-right\@mobile: before {
    right: 0;
    bottom: -39px;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-a-h-box--arrow-bottom-right\@tablet {
    margin-bottom: 40px;
  }
  html .uxc-a-h-box--arrow-bottom-right\@tablet: before {
    right: 0;
    bottom: -39px;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-a-h-box--arrow-bottom-right\@desktop {
    margin-bottom: 40px;
  }
  html .uxc-a-h-box--arrow-bottom-right\@desktop: before {
    right: 0;
    bottom: -39px;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-a-h-box--arrow-bottom-right\@hd {
    margin-bottom: 40px;
  }
  html .uxc-a-h-box--arrow-bottom-right\@hd: before {
    right: 0;
    bottom: -39px;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
  }
}

.uxc-a-h-box--no-margin-top {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  html .uxc-a-h-box--no-margin-top\@mobile {
    margin-top: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-a-h-box--no-margin-top\@tablet {
    margin-top: 0;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-a-h-box--no-margin-top\@desktop {
    margin-top: 0;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-a-h-box--no-margin-top\@hd {
    margin-top: 0;
  }
}

.uxc-a-h-box--no-margin-right {
  margin-right: 0;
}

@media only screen and (max-width: 767px) {
  html .uxc-a-h-box--no-margin-right\@mobile {
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-a-h-box--no-margin-right\@tablet {
    margin-right: 0;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-a-h-box--no-margin-right\@desktop {
    margin-right: 0;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-a-h-box--no-margin-right\@hd {
    margin-right: 0;
  }
}

.uxc-a-h-box--no-margin-bottom {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  html .uxc-a-h-box--no-margin-bottom\@mobile {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-a-h-box--no-margin-bottom\@tablet {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-a-h-box--no-margin-bottom\@desktop {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-a-h-box--no-margin-bottom\@hd {
    margin-bottom: 0;
  }
}

.uxc-a-h-box--no-margin-left {
  margin-left: 0;
}

@media only screen and (max-width: 767px) {
  html .uxc-a-h-box--no-margin-left\@mobile {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-a-h-box--no-margin-left\@tablet {
    margin-left: 0;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-a-h-box--no-margin-left\@desktop {
    margin-left: 0;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-a-h-box--no-margin-left\@hd {
    margin-left: 0;
  }
}

.uxc-a-h-box--white {
  background: white;
}

.uxc-a-h-box--white:before {
  border-top-color: white;
}

.uxc-a-h-box--primary {
  background: #46a9b4;
  color: white;
}

.uxc-a-h-box--primary:before {
  border-top-color: #46a9b4;
}

.uxc-a-h-box--secondary {
  background: #8861a9;
  color: white;
}

.uxc-a-h-box--secondary:before {
  border-top-color: #8861a9;
}

.uxc-a-h-box--grey {
  background: #8b9196;
  color: white;
}

.uxc-a-h-box--grey:before {
  border-top-color: #8b9196;
}

.uxc-a-h-box--grey1 {
  background: #f3f1ed;
  color: #46a9b4;
}

.uxc-a-h-box--grey1:before {
  border-top-color: #f3f1ed;
}

.uxc-a-h-box.uxc-a-h-box--placement-outside {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.uxc-a-h-box--size-full {
  display: block;
  width: 100%;
}

.uxc-a-h-box--size-auto {
  display: inline-block;
  width: auto;
}

.uxc-a-h-box__parent--outdent-left {
  margin-left: -40px;
}

/* stylelint-disable */

/* stylelint-enable */

.uxc-a-horizontal-shadow {
  position: relative;
  width: 100%;
  height: 30px;
  margin-bottom: -30px;
  top: 100%;
  overflow: hidden;
  pointer-events: none;
}

.uxc-a-horizontal-shadow--above {
  z-index: 50;
}

.uxc-a-horizontal-shadow--drop .uxc-a-horizontal-shadow__anchor {
  position: absolute;
  height: 30px;
  width: 100%;
  left: 0;
  bottom: 30px;
}

.uxc-a-horizontal-shadow--drop .uxc-a-horizontal-shadow__anchor:before {
  content: '';
  position: absolute;
  z-index: -1;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  top: 50%;
  bottom: 0;
  left: 5px;
  right: 5px;
  border-radius: 100px / 10px;
}

.uxc-a-horizontal-shadow--drop .uxc-a-horizontal-shadow__anchor:after {
  content: '';
  position: absolute;
  z-index: -1;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  top: 50%;
  bottom: 0;
  left: 5px;
  right: 5px;
  border-radius: 100px / 10px;
}

.uxc-a-horizontal-shadow--inset {
  box-shadow: inset 0 -30px 22px -17px rgba(0, 0, 0, 0.1);
  position: relative;
  top: -30px;
}

.uxc-a-horizontal-shadow--reverse {
  top: -15px;
  height: 15px;
  margin-bottom: -15px;
}

.uxc-a-horizontal-shadow--reverse .uxc-a-horizontal-shadow__anchor {
  position: absolute;
  height: 15px;
  width: 100%;
  left: 0;
  top: 15px;
}

.uxc-a-horizontal-shadow--reverse .uxc-a-horizontal-shadow__anchor:before {
  content: '';
  position: absolute;
  z-index: -1;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  top: 0;
  bottom: 50%;
  left: 5px;
  right: 5px;
  border-radius: 100px / 10px;
}

.uxc-a-horizontal-shadow--reverse .uxc-a-horizontal-shadow__anchor:after {
  content: '';
  position: absolute;
  z-index: -1;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  top: 0;
  bottom: 50%;
  left: 5px;
  right: 5px;
  border-radius: 100px / 10px;
}

/* Hover anchor is used to trigger hover states for nested elements
 * Main usage inside classic teaser pattern
 * Usage:   @include hover-anchor() { property: value;}
 */

/* stylelint-disable */

/* stylelint-enable */

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

.uxc-a-icon {
  display: inline-block;
  fill: currentColor;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

/**
 * Hidden state
 */

.uxc-a-icon--hidden {
  visibility: hidden;
}

/**
 * Colors
 */

.uxc-a-icon--color-white {
  color: white;
}

.uxc-a-icon--color-tertiary {
  color: #c31622;
}

.uxc-a-icon--color-primary {
  color: #46a9b4;
}

.uxc-a-icon--color-secondary {
  color: #8861a9;
}

.uxc-a-icon--color-iron {
  color: #e8e9ea;
}

.uxc-a-icon--color-gray {
  color: #8b9196;
}

.uxc-a-icon--color-merlot {
  color: #a01314;
}

.uxc-a-icon--color-black {
  color: #141412;
}

[data-focus-source='key'] .uxc-h-hover-anchor:focus .uxc-a-icon--hover-white,
.uxc-h-hover-anchor:hover .uxc-a-icon--hover-white {
  color: white;
}

[data-focus-source='key'] .uxc-h-hover-anchor:focus .uxc-a-icon--hover-primary,
.uxc-h-hover-anchor:hover .uxc-a-icon--hover-primary {
  color: #006d73;
}

/**
 * Margins
 */

.uxc-a-icon--margin-right-s {
  margin-right: .1em;
}

.uxc-a-icon--margin-right-m {
  margin-right: .2em;
}

.uxc-a-icon--margin-right-l {
  margin-right: .4em;
}

.uxc-a-icon--margin-left-s {
  margin-left: .1em;
}

.uxc-a-icon--margin-left-m {
  margin-left: .2em;
}

.uxc-a-icon--margin-left-l {
  margin-left: .4em;
}

/**
 * Icon sizes
 */

.uxc-a-icon--size-auto {
  width: 1em;
  height: 1em;
  vertical-align: -.25ex;
}

@media only screen and (max-width: 767px) {
  html .uxc-a-icon--size-auto\@mobile {
    width: 1em;
    height: 1em;
    vertical-align: -.25ex;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-a-icon--size-auto\@tablet {
    width: 1em;
    height: 1em;
    vertical-align: -.25ex;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-a-icon--size-auto\@desktop {
    width: 1em;
    height: 1em;
    vertical-align: -.25ex;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-a-icon--size-auto\@hd {
    width: 1em;
    height: 1em;
    vertical-align: -.25ex;
  }
}

.uxc-a-icon--size-xxs {
  width: 8px;
  max-width: 100%;
  height: 8px;
}

@media only screen and (max-width: 767px) {
  html .uxc-a-icon--size-xxs\@mobile {
    width: 8px;
    max-width: 100%;
    height: 8px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-a-icon--size-xxs\@tablet {
    width: 8px;
    max-width: 100%;
    height: 8px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-a-icon--size-xxs\@desktop {
    width: 8px;
    max-width: 100%;
    height: 8px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-a-icon--size-xxs\@hd {
    width: 8px;
    max-width: 100%;
    height: 8px;
  }
}

.uxc-a-icon--size-xs {
  width: 14px;
  max-width: 100%;
  height: 14px;
}

@media only screen and (max-width: 767px) {
  html .uxc-a-icon--size-xs\@mobile {
    width: 14px;
    max-width: 100%;
    height: 14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-a-icon--size-xs\@tablet {
    width: 14px;
    max-width: 100%;
    height: 14px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-a-icon--size-xs\@desktop {
    width: 14px;
    max-width: 100%;
    height: 14px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-a-icon--size-xs\@hd {
    width: 14px;
    max-width: 100%;
    height: 14px;
  }
}

.uxc-a-icon--size-s {
  width: 20px;
  max-width: 100%;
  height: 20px;
}

@media only screen and (max-width: 767px) {
  html .uxc-a-icon--size-s\@mobile {
    width: 20px;
    max-width: 100%;
    height: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-a-icon--size-s\@tablet {
    width: 20px;
    max-width: 100%;
    height: 20px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-a-icon--size-s\@desktop {
    width: 20px;
    max-width: 100%;
    height: 20px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-a-icon--size-s\@hd {
    width: 20px;
    max-width: 100%;
    height: 20px;
  }
}

.uxc-a-icon--size-m {
  width: 25px;
  max-width: 100%;
  height: 25px;
}

@media only screen and (max-width: 767px) {
  html .uxc-a-icon--size-m\@mobile {
    width: 25px;
    max-width: 100%;
    height: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-a-icon--size-m\@tablet {
    width: 25px;
    max-width: 100%;
    height: 25px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-a-icon--size-m\@desktop {
    width: 25px;
    max-width: 100%;
    height: 25px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-a-icon--size-m\@hd {
    width: 25px;
    max-width: 100%;
    height: 25px;
  }
}

.uxc-a-icon--size-l {
  width: 30px;
  max-width: 100%;
  height: 30px;
}

@media only screen and (max-width: 767px) {
  html .uxc-a-icon--size-l\@mobile {
    width: 30px;
    max-width: 100%;
    height: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-a-icon--size-l\@tablet {
    width: 30px;
    max-width: 100%;
    height: 30px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-a-icon--size-l\@desktop {
    width: 30px;
    max-width: 100%;
    height: 30px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-a-icon--size-l\@hd {
    width: 30px;
    max-width: 100%;
    height: 30px;
  }
}

.uxc-a-icon--size-xl {
  width: 40px;
  max-width: 100%;
  height: 40px;
}

@media only screen and (max-width: 767px) {
  html .uxc-a-icon--size-xl\@mobile {
    width: 40px;
    max-width: 100%;
    height: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-a-icon--size-xl\@tablet {
    width: 40px;
    max-width: 100%;
    height: 40px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-a-icon--size-xl\@desktop {
    width: 40px;
    max-width: 100%;
    height: 40px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-a-icon--size-xl\@hd {
    width: 40px;
    max-width: 100%;
    height: 40px;
  }
}

.uxc-a-icon--size-xxl {
  width: 50px;
  max-width: 100%;
  height: 50px;
}

@media only screen and (max-width: 767px) {
  html .uxc-a-icon--size-xxl\@mobile {
    width: 50px;
    max-width: 100%;
    height: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-a-icon--size-xxl\@tablet {
    width: 50px;
    max-width: 100%;
    height: 50px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-a-icon--size-xxl\@desktop {
    width: 50px;
    max-width: 100%;
    height: 50px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-a-icon--size-xxl\@hd {
    width: 50px;
    max-width: 100%;
    height: 50px;
  }
}

.uxc-a-icon--size-xxxl {
  width: 60px;
  max-width: 100%;
  height: 60px;
}

@media only screen and (max-width: 767px) {
  html .uxc-a-icon--size-xxxl\@mobile {
    width: 60px;
    max-width: 100%;
    height: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-a-icon--size-xxxl\@tablet {
    width: 60px;
    max-width: 100%;
    height: 60px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-a-icon--size-xxxl\@desktop {
    width: 60px;
    max-width: 100%;
    height: 60px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-a-icon--size-xxxl\@hd {
    width: 60px;
    max-width: 100%;
    height: 60px;
  }
}

.uxc-a-icon--size-xxxxl {
  width: 100px;
  max-width: 100%;
  height: 100px;
}

@media only screen and (max-width: 767px) {
  html .uxc-a-icon--size-xxxxl\@mobile {
    width: 100px;
    max-width: 100%;
    height: 100px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-a-icon--size-xxxxl\@tablet {
    width: 100px;
    max-width: 100%;
    height: 100px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-a-icon--size-xxxxl\@desktop {
    width: 100px;
    max-width: 100%;
    height: 100px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-a-icon--size-xxxxl\@hd {
    width: 100px;
    max-width: 100%;
    height: 100px;
  }
}

.uxc-a-icon--size-xxxxxl {
  width: 180px;
  max-width: 100%;
  height: 180px;
}

@media only screen and (max-width: 767px) {
  html .uxc-a-icon--size-xxxxxl\@mobile {
    width: 180px;
    max-width: 100%;
    height: 180px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-a-icon--size-xxxxxl\@tablet {
    width: 180px;
    max-width: 100%;
    height: 180px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-a-icon--size-xxxxxl\@desktop {
    width: 180px;
    max-width: 100%;
    height: 180px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-a-icon--size-xxxxxl\@hd {
    width: 180px;
    max-width: 100%;
    height: 180px;
  }
}

.uxc-a-icon--size-xxxxxxl {
  width: 240px;
  max-width: 100%;
  height: 240px;
}

@media only screen and (max-width: 767px) {
  html .uxc-a-icon--size-xxxxxxl\@mobile {
    width: 240px;
    max-width: 100%;
    height: 240px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-a-icon--size-xxxxxxl\@tablet {
    width: 240px;
    max-width: 100%;
    height: 240px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-a-icon--size-xxxxxxl\@desktop {
    width: 240px;
    max-width: 100%;
    height: 240px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-a-icon--size-xxxxxxl\@hd {
    width: 240px;
    max-width: 100%;
    height: 240px;
  }
}

/**
 * This mixin allows to keep a certain aspect ratio
 * http://stackoverflow.com/questions/1495407/maintain-the-aspect-ratio-of-a-div-with-css
 *
 * Usage:
 * .youtube-video {
 *   width: 100%;
 *   @include fluid-height(16, 9); // 16:9 ratio
 * }
 *
 * Known issues:
 *
 * The height ratio uses always the width.
 * If you want to use max-width apply the max-width to the wrapper element.
 */

/* stylelint-disable */

/* stylelint-enable */

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

.uxc-a-image-circle {
  width: 100%;
}

.uxc-a-image-circle__inner {
  position: relative;
  overflow: hidden;
  padding: 0 0 100% 0;
  height: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  border-radius: 50%;
  background-color: #e8e9ea;
}

.uxc-a-image-circle--shaded .uxc-a-image-circle__inner {
  position: relative;
}

.uxc-a-image-circle--shaded .uxc-a-image-circle__inner:after {
  content: '';
  background: #141412;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: .07;
}

.uxc-a-image-circle__img {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: auto;
  height: 100%;
  min-width: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  /* stylelint-disable plugin/stylelint-bem-namics */
  /* stylelint-enable plugin/stylelint-bem-namics */
}

.uxc-a-image-circle__img.uxc-state-lazyload,
.uxc-a-image-circle__img.uxc-state-lazyloading {
  opacity: 0;
}

.uxc-a-image-circle__img.uxc-state-lazyloaded {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.uxc-a-image-circle--size-s {
  max-width: 92px;
  min-width: 46px;
}

@media only screen and (max-width: 767px) {
  html .uxc-a-image-circle--size-s\@mobile {
    max-width: 92px;
    min-width: 46px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-a-image-circle--size-s\@tablet {
    max-width: 92px;
    min-width: 46px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-a-image-circle--size-s\@desktop {
    max-width: 92px;
    min-width: 46px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-a-image-circle--size-s\@hd {
    max-width: 92px;
    min-width: 46px;
  }
}

.uxc-a-image-circle--size-m {
  max-width: 210px;
  min-width: 105px;
}

@media only screen and (max-width: 767px) {
  html .uxc-a-image-circle--size-m\@mobile {
    max-width: 210px;
    min-width: 105px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-a-image-circle--size-m\@tablet {
    max-width: 210px;
    min-width: 105px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-a-image-circle--size-m\@desktop {
    max-width: 210px;
    min-width: 105px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-a-image-circle--size-m\@hd {
    max-width: 210px;
    min-width: 105px;
  }
}

.uxc-a-image-circle--size-l {
  max-width: 400px;
  min-width: 200px;
}

@media only screen and (max-width: 767px) {
  html .uxc-a-image-circle--size-l\@mobile {
    max-width: 400px;
    min-width: 200px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-a-image-circle--size-l\@tablet {
    max-width: 400px;
    min-width: 200px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-a-image-circle--size-l\@desktop {
    max-width: 400px;
    min-width: 200px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-a-image-circle--size-l\@hd {
    max-width: 400px;
    min-width: 200px;
  }
}

.uxc-a-image-circle--position-center {
  margin: 0 auto;
}

.uxc-a-image-circle--position-right {
  margin: 0 0 0 auto;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* Hover anchor is used to trigger hover states for nested elements
 * Main usage inside classic teaser pattern
 * Usage:   @include hover-anchor() { property: value;}
 */

/* stylelint-disable length-zero-no-unit */

/**
 * Returns the font information for the given $breakpoint $size and style
 */

/*
  THIS FILE MUST CONTAIN ONLY MIXINS
*/

/* stylelint-disable */

/* stylelint-enable */

.uxc-a-image {
  width: 100%;
  margin: 0;
}

.uxc-a-image__picture {
  display: block;
  overflow: hidden;
}

.uxc-a-image--shaded {
  position: relative;
}

.uxc-a-image--shaded:after {
  content: '';
  background: #141412;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: .07;
}

.uxc-a-image__img {
  display: block;
  max-width: 100%;
  height: auto;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  /* stylelint-disable plugin/stylelint-bem-namics */
  /* stylelint-enable plugin/stylelint-bem-namics */
}

.uxc-a-image__img.uxc-state-lazyload,
.uxc-a-image__img.uxc-state-lazyloading {
  opacity: 0;
}

.uxc-a-image__img.uxc-state-lazyloaded {
  opacity: 1;
}

.uxc-a-image__picture--ratio {
  position: relative;
  background-color: #e8e9ea;
  overflow: hidden;
}

.uxc-a-image__picture--ratio .uxc-a-image__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* stylelint-disable max-nesting-depth */

.uxc-a-image__picture--16x9 {
  padding-bottom: 56.25%;
}

.uxc-a-image__picture--16x9.uxc-a-image__picture--original-ratio-4x3 .uxc-a-image__img {
  min-width: 100%;
  max-width: 100%;
  height: auto;
}

.uxc-a-image__picture--16x9.uxc-a-image__picture--original-ratio-4x3.uxc-a-image__picture--top .uxc-a-image__img {
  top: 0;
}

.uxc-a-image__picture--16x9.uxc-a-image__picture--original-ratio-4x3.uxc-a-image__picture--center .uxc-a-image__img {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.uxc-a-image__picture--16x9.uxc-a-image__picture--original-ratio-4x3.uxc-a-image__picture--bottom .uxc-a-image__img {
  top: auto;
  bottom: 0;
}

.uxc-a-image__picture--16x9.uxc-a-image__picture--original-ratio-1x1 .uxc-a-image__img {
  min-width: 100%;
  max-width: 100%;
  height: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  html .uxc-a-image__picture--16x9\@mobile {
    padding-bottom: 56.25%;
  }
  html .uxc-a-image__picture--16x9\@mobile.uxc-a-image__picture--original-ratio-4x3 .uxc-a-image__img {
    min-width: 100%;
    max-width: 100%;
    height: auto;
  }
  html .uxc-a-image__picture--16x9\@mobile.uxc-a-image__picture--original-ratio-4x3.uxc-a-image__picture--top .uxc-a-image__img {
    top: 0;
  }
  html .uxc-a-image__picture--16x9\@mobile.uxc-a-image__picture--original-ratio-4x3.uxc-a-image__picture--center .uxc-a-image__img {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  html .uxc-a-image__picture--16x9\@mobile.uxc-a-image__picture--original-ratio-4x3.uxc-a-image__picture--bottom .uxc-a-image__img {
    top: auto;
    bottom: 0;
  }
  html .uxc-a-image__picture--16x9\@mobile.uxc-a-image__picture--original-ratio-1x1 .uxc-a-image__img {
    min-width: 100%;
    max-width: 100%;
    height: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-a-image__picture--16x9\@tablet {
    padding-bottom: 56.25%;
  }
  html .uxc-a-image__picture--16x9\@tablet.uxc-a-image__picture--original-ratio-4x3 .uxc-a-image__img {
    min-width: 100%;
    max-width: 100%;
    height: auto;
  }
  html .uxc-a-image__picture--16x9\@tablet.uxc-a-image__picture--original-ratio-4x3.uxc-a-image__picture--top .uxc-a-image__img {
    top: 0;
  }
  html .uxc-a-image__picture--16x9\@tablet.uxc-a-image__picture--original-ratio-4x3.uxc-a-image__picture--center .uxc-a-image__img {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  html .uxc-a-image__picture--16x9\@tablet.uxc-a-image__picture--original-ratio-4x3.uxc-a-image__picture--bottom .uxc-a-image__img {
    top: auto;
    bottom: 0;
  }
  html .uxc-a-image__picture--16x9\@tablet.uxc-a-image__picture--original-ratio-1x1 .uxc-a-image__img {
    min-width: 100%;
    max-width: 100%;
    height: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-a-image__picture--16x9\@desktop {
    padding-bottom: 56.25%;
  }
  html .uxc-a-image__picture--16x9\@desktop.uxc-a-image__picture--original-ratio-4x3 .uxc-a-image__img {
    min-width: 100%;
    max-width: 100%;
    height: auto;
  }
  html .uxc-a-image__picture--16x9\@desktop.uxc-a-image__picture--original-ratio-4x3.uxc-a-image__picture--top .uxc-a-image__img {
    top: 0;
  }
  html .uxc-a-image__picture--16x9\@desktop.uxc-a-image__picture--original-ratio-4x3.uxc-a-image__picture--center .uxc-a-image__img {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  html .uxc-a-image__picture--16x9\@desktop.uxc-a-image__picture--original-ratio-4x3.uxc-a-image__picture--bottom .uxc-a-image__img {
    top: auto;
    bottom: 0;
  }
  html .uxc-a-image__picture--16x9\@desktop.uxc-a-image__picture--original-ratio-1x1 .uxc-a-image__img {
    min-width: 100%;
    max-width: 100%;
    height: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-a-image__picture--16x9\@hd {
    padding-bottom: 56.25%;
  }
  html .uxc-a-image__picture--16x9\@hd.uxc-a-image__picture--original-ratio-4x3 .uxc-a-image__img {
    min-width: 100%;
    max-width: 100%;
    height: auto;
  }
  html .uxc-a-image__picture--16x9\@hd.uxc-a-image__picture--original-ratio-4x3.uxc-a-image__picture--top .uxc-a-image__img {
    top: 0;
  }
  html .uxc-a-image__picture--16x9\@hd.uxc-a-image__picture--original-ratio-4x3.uxc-a-image__picture--center .uxc-a-image__img {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  html .uxc-a-image__picture--16x9\@hd.uxc-a-image__picture--original-ratio-4x3.uxc-a-image__picture--bottom .uxc-a-image__img {
    top: auto;
    bottom: 0;
  }
  html .uxc-a-image__picture--16x9\@hd.uxc-a-image__picture--original-ratio-1x1 .uxc-a-image__img {
    min-width: 100%;
    max-width: 100%;
    height: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.uxc-a-image__picture--4x3 {
  padding-bottom: 75%;
}

.uxc-a-image__picture--4x3.uxc-a-image__picture--original-ratio-16x9 .uxc-a-image__img {
  min-height: 100%;
  max-height: 100%;
  width: auto;
  max-width: none;
}

.uxc-a-image__picture--4x3.uxc-a-image__picture--original-ratio-16x9.uxc-a-image__picture--left .uxc-a-image__img {
  left: 0;
}

.uxc-a-image__picture--4x3.uxc-a-image__picture--original-ratio-16x9.uxc-a-image__picture--center .uxc-a-image__img {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.uxc-a-image__picture--4x3.uxc-a-image__picture--original-ratio-16x9.uxc-a-image__picture--right .uxc-a-image__img {
  left: auto;
  right: 0;
}

.uxc-a-image__picture--4x3.uxc-a-image__picture--original-ratio-1x1 .uxc-a-image__img {
  min-width: 100%;
  max-width: 100%;
  height: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  html .uxc-a-image__picture--4x3\@mobile {
    padding-bottom: 75%;
  }
  html .uxc-a-image__picture--4x3\@mobile.uxc-a-image__picture--original-ratio-16x9 .uxc-a-image__img {
    min-height: 100%;
    max-height: 100%;
    width: auto;
    max-width: none;
  }
  html .uxc-a-image__picture--4x3\@mobile.uxc-a-image__picture--original-ratio-16x9.uxc-a-image__picture--left .uxc-a-image__img {
    left: 0;
  }
  html .uxc-a-image__picture--4x3\@mobile.uxc-a-image__picture--original-ratio-16x9.uxc-a-image__picture--center .uxc-a-image__img {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  html .uxc-a-image__picture--4x3\@mobile.uxc-a-image__picture--original-ratio-16x9.uxc-a-image__picture--right .uxc-a-image__img {
    left: auto;
    right: 0;
  }
  html .uxc-a-image__picture--4x3\@mobile.uxc-a-image__picture--original-ratio-1x1 .uxc-a-image__img {
    min-width: 100%;
    max-width: 100%;
    height: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-a-image__picture--4x3\@tablet {
    padding-bottom: 75%;
  }
  html .uxc-a-image__picture--4x3\@tablet.uxc-a-image__picture--original-ratio-16x9 .uxc-a-image__img {
    min-height: 100%;
    max-height: 100%;
    width: auto;
    max-width: none;
  }
  html .uxc-a-image__picture--4x3\@tablet.uxc-a-image__picture--original-ratio-16x9.uxc-a-image__picture--left .uxc-a-image__img {
    left: 0;
  }
  html .uxc-a-image__picture--4x3\@tablet.uxc-a-image__picture--original-ratio-16x9.uxc-a-image__picture--center .uxc-a-image__img {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  html .uxc-a-image__picture--4x3\@tablet.uxc-a-image__picture--original-ratio-16x9.uxc-a-image__picture--right .uxc-a-image__img {
    left: auto;
    right: 0;
  }
  html .uxc-a-image__picture--4x3\@tablet.uxc-a-image__picture--original-ratio-1x1 .uxc-a-image__img {
    min-width: 100%;
    max-width: 100%;
    height: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-a-image__picture--4x3\@desktop {
    padding-bottom: 75%;
  }
  html .uxc-a-image__picture--4x3\@desktop.uxc-a-image__picture--original-ratio-16x9 .uxc-a-image__img {
    min-height: 100%;
    max-height: 100%;
    width: auto;
    max-width: none;
  }
  html .uxc-a-image__picture--4x3\@desktop.uxc-a-image__picture--original-ratio-16x9.uxc-a-image__picture--left .uxc-a-image__img {
    left: 0;
  }
  html .uxc-a-image__picture--4x3\@desktop.uxc-a-image__picture--original-ratio-16x9.uxc-a-image__picture--center .uxc-a-image__img {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  html .uxc-a-image__picture--4x3\@desktop.uxc-a-image__picture--original-ratio-16x9.uxc-a-image__picture--right .uxc-a-image__img {
    left: auto;
    right: 0;
  }
  html .uxc-a-image__picture--4x3\@desktop.uxc-a-image__picture--original-ratio-1x1 .uxc-a-image__img {
    min-width: 100%;
    max-width: 100%;
    height: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-a-image__picture--4x3\@hd {
    padding-bottom: 75%;
  }
  html .uxc-a-image__picture--4x3\@hd.uxc-a-image__picture--original-ratio-16x9 .uxc-a-image__img {
    min-height: 100%;
    max-height: 100%;
    width: auto;
    max-width: none;
  }
  html .uxc-a-image__picture--4x3\@hd.uxc-a-image__picture--original-ratio-16x9.uxc-a-image__picture--left .uxc-a-image__img {
    left: 0;
  }
  html .uxc-a-image__picture--4x3\@hd.uxc-a-image__picture--original-ratio-16x9.uxc-a-image__picture--center .uxc-a-image__img {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  html .uxc-a-image__picture--4x3\@hd.uxc-a-image__picture--original-ratio-16x9.uxc-a-image__picture--right .uxc-a-image__img {
    left: auto;
    right: 0;
  }
  html .uxc-a-image__picture--4x3\@hd.uxc-a-image__picture--original-ratio-1x1 .uxc-a-image__img {
    min-width: 100%;
    max-width: 100%;
    height: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.uxc-a-image__picture--21x19 {
  padding-bottom: 90.47619%;
}

.uxc-a-image__picture--21x19.uxc-a-image__picture--original-ratio-1x1 .uxc-a-image__img {
  min-width: 100%;
  max-width: 100%;
  height: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  html .uxc-a-image__picture--21x19\@mobile {
    padding-bottom: 90.47619%;
  }
  html .uxc-a-image__picture--21x19\@mobile.uxc-a-image__picture--original-ratio-1x1 .uxc-a-image__img {
    min-width: 100%;
    max-width: 100%;
    height: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-a-image__picture--21x19\@tablet {
    padding-bottom: 90.47619%;
  }
  html .uxc-a-image__picture--21x19\@tablet.uxc-a-image__picture--original-ratio-1x1 .uxc-a-image__img {
    min-width: 100%;
    max-width: 100%;
    height: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-a-image__picture--21x19\@desktop {
    padding-bottom: 90.47619%;
  }
  html .uxc-a-image__picture--21x19\@desktop.uxc-a-image__picture--original-ratio-1x1 .uxc-a-image__img {
    min-width: 100%;
    max-width: 100%;
    height: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-a-image__picture--21x19\@hd {
    padding-bottom: 90.47619%;
  }
  html .uxc-a-image__picture--21x19\@hd.uxc-a-image__picture--original-ratio-1x1 .uxc-a-image__img {
    min-width: 100%;
    max-width: 100%;
    height: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.uxc-a-image__picture--1x1 {
  padding-bottom: 100%;
}

.uxc-a-image__picture--1x1.uxc-a-image__picture--original-ratio-21x19 .uxc-a-image__img {
  min-height: 100%;
  max-width: none;
  width: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (max-width: 767px) {
  html .uxc-a-image__picture--1x1\@mobile {
    padding-bottom: 100%;
  }
  html .uxc-a-image__picture--1x1\@mobile.uxc-a-image__picture--original-ratio-21x19 .uxc-a-image__img {
    min-height: 100%;
    max-width: none;
    width: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-a-image__picture--1x1\@tablet {
    padding-bottom: 100%;
  }
  html .uxc-a-image__picture--1x1\@tablet.uxc-a-image__picture--original-ratio-21x19 .uxc-a-image__img {
    min-height: 100%;
    max-width: none;
    width: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-a-image__picture--1x1\@desktop {
    padding-bottom: 100%;
  }
  html .uxc-a-image__picture--1x1\@desktop.uxc-a-image__picture--original-ratio-21x19 .uxc-a-image__img {
    min-height: 100%;
    max-width: none;
    width: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-a-image__picture--1x1\@hd {
    padding-bottom: 100%;
  }
  html .uxc-a-image__picture--1x1\@hd.uxc-a-image__picture--original-ratio-21x19 .uxc-a-image__img {
    min-height: 100%;
    max-width: none;
    width: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

/* stylelint-enable max-nesting-depth */

@media only screen and (max-width: 767px) {
  .uxc-a-image__caption {
    margin-top: 13.42px;
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-image__caption {
    margin-top: 13.42px;
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@font-face {
  font-family: uxcD59ada;
  src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAASIAAsAAAAABsQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPAAAAFYvsTpyY21hcAAAAYAAAABVAAABjOEvI+NnbHlmAAAB2AAAANgAAADouXqeVmhlYWQAAAKwAAAALAAAADYN4KkoaGhlYQAAAtwAAAAZAAAAJANdAWhobXR4AAAC+AAAABAAAAAQA5AAAGxvY2EAAAMIAAAACgAAAAoAkAA4bWF4cAAAAxQAAAAfAAAAIAERADBuYW1lAAADNAAAASkAAAIWm5e+CnBvc3QAAARgAAAAJQAAADacRW2jeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR4wjiBgZWBgeEhYxqQdIfSXxkkGVoYGJgYWJkZsIKANNcUBocHDA+YmEBcPSaIOkYQAQDywwmGeJztkLENgEAMAy+fQIGYg4qSSagYn00eJ/9jYOks2YpSGFgAF6cIsAcjdau16p2t+uCom8j+bb3LSVeO8pafbOXXXn7N5LnUoLabaC/tOMA/bJsNDQAAAHicHc1BasJAFIDh9+K8GZykM50wZFAh4giJi4IgIXGl5xC6E7eWKMWtLryAbrrrFQo9hjfxDEUa8+8/fgigCd9xBRG8AFR+ipVLZkt0go9/evExPZGiU3qMe1/2Mrhyfh1cLEDr4BvPEDYSqrwqi5ZajcN+zdi+XxvzsR9uGGPrdP06MZun6LS/edCBBDyMG/mclUXmNZoy487kmefW0UihTdxogUWWH/Sb3pFUtMU4xi0pSegfdy4Ex4SEoJvWn6Ql1cjCpsffjkJFv0E3kogy6gb/en0gEXicY2BkYGAA4tcPrKLj+W2+MnAzMYDAtc0mIsg0YwwTM5DiYABLAwAPEAgdeJxjYGRgYGIAAcZkMBnDwMiAClgAEUkAygAAAAAAAAABYwAAAPQAAAE5AAAAAAAAABwAOAB0AAB4nGNgZGBgYGFQYWBmAAEmIOYCQgaG/2A+AwAMfwFCAHicZZA9bsJAFITHYEgCUoIUKSmzVQoimZ+SA0BPQZfCmLUxsr3WekGiywlyhBwhp4hyghwoY/NoYC0/fzNv3u7KAAb4hYd6ebhtar1auKE6cZv0IOyTn4U76ONFuEt/KNzDG6bCfTzinTt4/h2dAUrhFu7xIdym/ynsk7+EO3jCt3CX/o9wDyv8Cffx6g3TyBSxKdxSJ/sstGd5/q60rVJTqEkwPlsLXWgbOr1R66OqDsnUuVjF1uRqzq7OMqNKa3Y6csHWuXI2GsXiB5HJkSKCQYG4qQ5LaCTYI0MIe9W91CumLSr6tVaYIMD4KrVgqmiSIZXGhsk1jqwVDjxtStcxrfhazuSkucxq3iQjK/7vurejE9EPsG2mSsww4hNf5IPmDvk/PRFeqAAAAHicY2BigABWBuyAhZGJkZmRhZGVgSnTgCnTkCnTiIEBAA8oAfIAAAA=") format('woff');
  font-weight: normal;
  font-style: normal;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* Hover anchor is used to trigger hover states for nested elements
 * Main usage inside classic teaser pattern
 * Usage:   @include hover-anchor() { property: value;}
 */

/* stylelint-disable length-zero-no-unit */

/**
 * Returns the font information for the given $breakpoint $size and style
 */

/*
  THIS FILE MUST CONTAIN ONLY MIXINS
*/

.uxc-a-link-action {
  position: relative;
  display: block;
  color: #46a9b4;
  text-decoration: none;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.uxc-a-link-action:after {
  content: '';
  speak: none;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  margin-left: 0.375em;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.uxc-a-link-action:hover,
.uxc-a-link-action:focus {
  color: #006d73;
}

.uxc-a-link-action--inline {
  display: inline;
}

.uxc-a-link-action--arrow:after {
  margin-left: .3em;
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font-family: uxcD59ada;
  font-weight: normal;
  content: '\E000';
}

.uxc-a-link-action--right:after {
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font-family: uxcD59ada;
  font-weight: normal;
  content: '\E001';
  margin-left: .3em;
}

.uxc-a-link-action--download:after {
  margin-left: .4em;
  margin-bottom: 2px;
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 100%/1 uxcD59ada;
  content: '\E002';
}

.uxc-a-link-action--next {
  display: inline-block;
}

.uxc-a-link-action--next:after {
  display: block;
  text-align: center;
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font-family: uxcD59ada;
  font-weight: normal;
  content: '\E000';
}

.uxc-a-link-action--position-left:after {
  display: none;
}

.uxc-a-link-action--position-left:before {
  content: '';
  speak: none;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  margin-left: 0.375em;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.uxc-a-link-action--position-left:after {
  display: none;
}

.uxc-a-link-action--position-left.uxc-a-link-action--left:before {
  margin-left: 0;
  margin-right: .3em;
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font-family: uxcD59ada;
  font-weight: normal;
  content: '\E001';
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}

@media only screen and (max-width: 767px) {
  .uxc-a-link-action--size-xs {
    margin-top: -6.58px;
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-link-action--size-xs {
    margin-top: -6.58px;
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-a-link-action--size-s {
    margin-top: -6.58px;
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-link-action--size-s {
    margin-top: -7.6px;
    margin-bottom: -8.2px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-a-link-action--size-m {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-link-action--size-m {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-a-link-action--size-l {
    margin-top: -8.25px;
    margin-bottom: -9px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-link-action--size-l {
    margin-top: -9.92px;
    margin-bottom: -10.94px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-a-link-action--size-xl {
    margin-top: -8.9px;
    margin-bottom: -9.8px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 30px;
    /* stylelint-enable property-blacklist */
    line-height: 40px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-link-action--size-xl {
    margin-top: -12.7px;
    margin-bottom: -13.9px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 40px;
    /* stylelint-enable property-blacklist */
    line-height: 55px;
    font-weight: normal;
    font-style: normal;
  }
}

/* stylelint-disable */

/* stylelint-enable */

.uxc-a-link {
  text-decoration: none;
  color: #46a9b4;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  /*
   * No outline for mouse clicks or custom focus handling
   */
}

[data-focus-source='script'] .uxc-a-link:focus,
[data-focus-source='pointer'] .uxc-a-link:focus {
  outline: 0;
}

.uxc-a-link:hover,
.uxc-a-link:focus {
  color: #006d73;
}

.uxc-a-link--underlined {
  text-decoration: underline;
}

.uxc-a-link--color-white {
  color: white;
  text-decoration: underline;
}

.uxc-a-link--color-white:hover,
.uxc-a-link--color-white:focus {
  color: white;
}

.uxc-a-link--color-gray {
  color: #8b9196;
}

.uxc-a-link--color-gray:hover,
.uxc-a-link--color-gray:focus {
  color: #006d73;
}

.uxc-a-link--color-black {
  color: #141412;
}

.uxc-a-link--color-black:hover,
.uxc-a-link--color-black:focus {
  color: #006d73;
}

.uxc-a-link--color-tertiary {
  color: #c31622;
}

.uxc-a-link--color-tertiary:hover,
.uxc-a-link--color-tertiary:focus {
  color: #006d73;
}

.uxc-a-link--color-active {
  color: #c31622;
}

.uxc-a-link--color-active:hover,
.uxc-a-link--color-active:focus {
  color: #c31622;
}

@font-face {
  font-family: uxcDc156c;
  src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAPcAAsAAAAABfAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPwAAAFYvskBaY21hcAAAAYQAAABKAAABcOEoo6pnbHlmAAAB0AAAAEgAAABInub4aWhlYWQAAAIYAAAALQAAADYQKKknaGhlYQAAAkgAAAAbAAAAJAWkBNtobXR4AAACZAAAAAgAAAAIBNgAAGxvY2EAAAJsAAAABgAAAAYAJAAAbWF4cAAAAnQAAAAeAAAAIAEOABxuYW1lAAAClAAAASkAAAIWm5e+CnBvc3QAAAPAAAAAGwAAACxqPAEEeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGTKYZzAwMrAwCzMmMbAwOAOpb8ySDK0MDAwMbAyM2AFAWmuKQwODxgeANUAgR4TIwMjkAZhBgBbvAd3AHic7ZCxDYAwEAPPykOBGIEqNbNQsb/YJPkY2CKWzpJPXz2wACU5kwDdiJErrewLm31QfRPDP7T2d+5wo5WZ3X18y796QR0aJglRAAAAAgAA//8DowIBAA4ADwAAISImJwE3ARYyNwEXAQ4BIwHRHzkV/pxBAWIRNRIBZkH+nBU5HxsXAZQ6/mwUFAGUOv5sFxsAAAB4nGNgZGBgAOKq0BD2eH6brwzcTAwgcG2ziSiC/v+feTETSCUHA1gaAPtQCS4AAAB4nGNgZGBgYgABlhsgknkxAyMDKmACACJvAYkAAAAAAATYAAAAAAAAACQAAHicY2BkYGBgYhAAYgYwi4GBCwgZGP6D+QwACj4BKwAAeJxlkD1uwkAUhMdgSAJSghQpKbNVCiKZn5IDQE9Bl8KYtTGyvdZ6QaLLCXKEHCGniHKCHChj82hgLT9/M2/e7soABviFh3p5uG1qvVq4oTpxm/Qg7JOfhTvo40W4S38o3MMbpsJ9POKdO3j+HZ0BSuEW7vEh3Kb/KeyTv4Q7eMK3cJf+j3APK/wJ9/HqDdPIFLEp3FIn+yy0Z3n+rrStUlOoSTA+WwtdaBs6vVHro6oOydS5WMXW5GrOrs4yo0prdjpywda5cjYaxeIHkcmRIoJBgbipDktoJNgjQwh71b3UK6YtKvq1VpggwPgqtWCqaJIhlcaGyTWOrBUOPG1K1zGt+FrO5KS5zGreJCMr/u+6t6MT0Q+wbaZKzDDiE1/kg+YO+T89EV6oAAAAeJxjYGKAAFYG7ICJkYmRmYEp04CBAQADvgCsAA==") format('woff');
  font-weight: normal;
  font-style: normal;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* Hover anchor is used to trigger hover states for nested elements
 * Main usage inside classic teaser pattern
 * Usage:   @include hover-anchor() { property: value;}
 */

/* stylelint-disable length-zero-no-unit */

/**
 * Returns the font information for the given $breakpoint $size and style
 */

/*
  THIS FILE MUST CONTAIN ONLY MIXINS
*/

/* stylelint-disable */

/* stylelint-enable */

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

.uxc-a-native-select {
  position: relative;
  display: block;
  max-width: 100%;
  padding-top: 25px;
  margin-top: -25px;
}

.uxc-a-native-select:hover .uxc-a-native-select__body:after {
  color: #006d73;
}

[data-focus-source='key'] .uxc-state-a-native-select__select--focus {
  box-shadow: 0 0 10px rgba(0, 109, 115, 0.8);
}

.uxc-a-native-select--inline {
  display: inline-block;
}

.uxc-a-native-select--full-width {
  width: 100%;
}

.uxc-a-native-select--full-width .uxc-a-native-select__wrapper {
  width: 100%;
}

.uxc-a-native-select--full-width .uxc-a-native-select__body {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.uxc-a-native-select--auto-width .uxc-a-native-select__wrapper {
  width: auto;
}

.uxc-a-native-select__inner-wrapper {
  margin-top: -20px;
  padding-top: 20px;
  margin-bottom: -20px;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.uxc-a-native-select__wrapper {
  max-width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.uxc-a-native-select--border-bottom .uxc-a-native-select__wrapper {
  border-bottom: 1px solid #46a9b4;
}

.uxc-a-native-select--border-bottom:hover .uxc-a-native-select__wrapper {
  border-bottom-color: #006d73;
}

/*
* Font-size
*/

@media only screen and (max-width: 767px) {
  .uxc-a-native-select--font-size-bold-xxs .uxc-a-native-select__value,
  .uxc-a-native-select--font-size-bold-xxs .uxc-a-native-select__select,
  .uxc-a-native-select--font-size-bold-xxs .uxc-a-native-select__children-content {
    margin-top: -6.42px;
    margin-bottom: -6.452px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-native-select--font-size-bold-xxs .uxc-a-native-select__value,
  .uxc-a-native-select--font-size-bold-xxs .uxc-a-native-select__select,
  .uxc-a-native-select--font-size-bold-xxs .uxc-a-native-select__children-content {
    margin-top: -6.42px;
    margin-bottom: -6.452px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-a-native-select--font-size-bold-xxs .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-native-select--font-size-bold-xxs .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-bold-xxs\@mobile .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-bold-xxs\@mobile .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-bold-xxs\@mobile .uxc-a-native-select__children-content {
    margin-top: -6.42px;
    margin-bottom: -6.452px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-bold-xxs\@mobile .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-bold-xxs\@mobile .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-bold-xxs\@mobile .uxc-a-native-select__children-content {
    margin-top: -6.42px;
    margin-bottom: -6.452px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-bold-xxs\@mobile .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-bold-xxs\@mobile .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-bold-xxs\@tablet .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-bold-xxs\@tablet .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-bold-xxs\@tablet .uxc-a-native-select__children-content {
    margin-top: -6.42px;
    margin-bottom: -6.452px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-bold-xxs\@tablet .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-bold-xxs\@tablet .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-bold-xxs\@tablet .uxc-a-native-select__children-content {
    margin-top: -6.42px;
    margin-bottom: -6.452px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-bold-xxs\@tablet .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-bold-xxs\@tablet .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-bold-xxs\@desktop .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-bold-xxs\@desktop .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-bold-xxs\@desktop .uxc-a-native-select__children-content {
    margin-top: -6.42px;
    margin-bottom: -6.452px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-bold-xxs\@desktop .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-bold-xxs\@desktop .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-bold-xxs\@desktop .uxc-a-native-select__children-content {
    margin-top: -6.42px;
    margin-bottom: -6.452px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-bold-xxs\@desktop .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-bold-xxs\@desktop .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-bold-xxs\@hd .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-bold-xxs\@hd .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-bold-xxs\@hd .uxc-a-native-select__children-content {
    margin-top: -6.42px;
    margin-bottom: -6.452px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-bold-xxs\@hd .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-bold-xxs\@hd .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-bold-xxs\@hd .uxc-a-native-select__children-content {
    margin-top: -6.42px;
    margin-bottom: -6.452px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-bold-xxs\@hd .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-bold-xxs\@hd .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-a-native-select--font-size-bold-s .uxc-a-native-select__value,
  .uxc-a-native-select--font-size-bold-s .uxc-a-native-select__select,
  .uxc-a-native-select--font-size-bold-s .uxc-a-native-select__children-content {
    margin-top: -6.42px;
    margin-bottom: -6.452px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-native-select--font-size-bold-s .uxc-a-native-select__value,
  .uxc-a-native-select--font-size-bold-s .uxc-a-native-select__select,
  .uxc-a-native-select--font-size-bold-s .uxc-a-native-select__children-content {
    margin-top: -7.4px;
    margin-bottom: -7.44px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-a-native-select--font-size-bold-s .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-native-select--font-size-bold-s .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-bold-s\@mobile .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-bold-s\@mobile .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-bold-s\@mobile .uxc-a-native-select__children-content {
    margin-top: -6.42px;
    margin-bottom: -6.452px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-bold-s\@mobile .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-bold-s\@mobile .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-bold-s\@mobile .uxc-a-native-select__children-content {
    margin-top: -7.4px;
    margin-bottom: -7.44px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-bold-s\@mobile .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-bold-s\@mobile .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-bold-s\@tablet .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-bold-s\@tablet .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-bold-s\@tablet .uxc-a-native-select__children-content {
    margin-top: -6.42px;
    margin-bottom: -6.452px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-bold-s\@tablet .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-bold-s\@tablet .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-bold-s\@tablet .uxc-a-native-select__children-content {
    margin-top: -7.4px;
    margin-bottom: -7.44px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-bold-s\@tablet .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-bold-s\@tablet .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-bold-s\@desktop .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-bold-s\@desktop .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-bold-s\@desktop .uxc-a-native-select__children-content {
    margin-top: -6.42px;
    margin-bottom: -6.452px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-bold-s\@desktop .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-bold-s\@desktop .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-bold-s\@desktop .uxc-a-native-select__children-content {
    margin-top: -7.4px;
    margin-bottom: -7.44px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-bold-s\@desktop .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-bold-s\@desktop .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-bold-s\@hd .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-bold-s\@hd .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-bold-s\@hd .uxc-a-native-select__children-content {
    margin-top: -6.42px;
    margin-bottom: -6.452px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-bold-s\@hd .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-bold-s\@hd .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-bold-s\@hd .uxc-a-native-select__children-content {
    margin-top: -7.4px;
    margin-bottom: -7.44px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-bold-s\@hd .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-bold-s\@hd .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-a-native-select--font-size-bold-l .uxc-a-native-select__value,
  .uxc-a-native-select--font-size-bold-l .uxc-a-native-select__select,
  .uxc-a-native-select--font-size-bold-l .uxc-a-native-select__children-content {
    margin-top: -8px;
    margin-bottom: -8.05px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-native-select--font-size-bold-l .uxc-a-native-select__value,
  .uxc-a-native-select--font-size-bold-l .uxc-a-native-select__select,
  .uxc-a-native-select--font-size-bold-l .uxc-a-native-select__children-content {
    margin-top: -9.58px;
    margin-bottom: -9.648px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-a-native-select--font-size-bold-l .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-native-select--font-size-bold-l .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-bold-l\@mobile .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-bold-l\@mobile .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-bold-l\@mobile .uxc-a-native-select__children-content {
    margin-top: -8px;
    margin-bottom: -8.05px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-bold-l\@mobile .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-bold-l\@mobile .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-bold-l\@mobile .uxc-a-native-select__children-content {
    margin-top: -9.58px;
    margin-bottom: -9.648px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-bold-l\@mobile .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-bold-l\@mobile .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-bold-l\@tablet .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-bold-l\@tablet .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-bold-l\@tablet .uxc-a-native-select__children-content {
    margin-top: -8px;
    margin-bottom: -8.05px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-bold-l\@tablet .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-bold-l\@tablet .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-bold-l\@tablet .uxc-a-native-select__children-content {
    margin-top: -9.58px;
    margin-bottom: -9.648px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-bold-l\@tablet .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-bold-l\@tablet .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-bold-l\@desktop .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-bold-l\@desktop .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-bold-l\@desktop .uxc-a-native-select__children-content {
    margin-top: -8px;
    margin-bottom: -8.05px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-bold-l\@desktop .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-bold-l\@desktop .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-bold-l\@desktop .uxc-a-native-select__children-content {
    margin-top: -9.58px;
    margin-bottom: -9.648px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-bold-l\@desktop .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-bold-l\@desktop .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-bold-l\@hd .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-bold-l\@hd .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-bold-l\@hd .uxc-a-native-select__children-content {
    margin-top: -8px;
    margin-bottom: -8.05px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-bold-l\@hd .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-bold-l\@hd .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-bold-l\@hd .uxc-a-native-select__children-content {
    margin-top: -9.58px;
    margin-bottom: -9.648px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-bold-l\@hd .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-bold-l\@hd .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-a-native-select--font-size-s .uxc-a-native-select__value,
  .uxc-a-native-select--font-size-s .uxc-a-native-select__select,
  .uxc-a-native-select--font-size-s .uxc-a-native-select__children-content {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-native-select--font-size-s .uxc-a-native-select__value,
  .uxc-a-native-select--font-size-s .uxc-a-native-select__select,
  .uxc-a-native-select--font-size-s .uxc-a-native-select__children-content {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-a-native-select--font-size-s .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-native-select--font-size-s .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-s\@mobile .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-s\@mobile .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-s\@mobile .uxc-a-native-select__children-content {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-s\@mobile .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-s\@mobile .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-s\@mobile .uxc-a-native-select__children-content {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-s\@mobile .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-s\@mobile .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-s\@tablet .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-s\@tablet .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-s\@tablet .uxc-a-native-select__children-content {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-s\@tablet .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-s\@tablet .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-s\@tablet .uxc-a-native-select__children-content {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-s\@tablet .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-s\@tablet .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-s\@desktop .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-s\@desktop .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-s\@desktop .uxc-a-native-select__children-content {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-s\@desktop .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-s\@desktop .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-s\@desktop .uxc-a-native-select__children-content {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-s\@desktop .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-s\@desktop .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-s\@hd .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-s\@hd .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-s\@hd .uxc-a-native-select__children-content {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-s\@hd .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-s\@hd .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-s\@hd .uxc-a-native-select__children-content {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-s\@hd .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-s\@hd .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-a-native-select--font-size-l .uxc-a-native-select__value,
  .uxc-a-native-select--font-size-l .uxc-a-native-select__select,
  .uxc-a-native-select--font-size-l .uxc-a-native-select__children-content {
    margin-top: -8.25px;
    margin-bottom: -9px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-native-select--font-size-l .uxc-a-native-select__value,
  .uxc-a-native-select--font-size-l .uxc-a-native-select__select,
  .uxc-a-native-select--font-size-l .uxc-a-native-select__children-content {
    margin-top: -9.92px;
    margin-bottom: -10.94px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-a-native-select--font-size-l .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-native-select--font-size-l .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-l\@mobile .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-l\@mobile .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-l\@mobile .uxc-a-native-select__children-content {
    margin-top: -8.25px;
    margin-bottom: -9px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-l\@mobile .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-l\@mobile .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-l\@mobile .uxc-a-native-select__children-content {
    margin-top: -9.92px;
    margin-bottom: -10.94px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-l\@mobile .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-l\@mobile .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-l\@tablet .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-l\@tablet .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-l\@tablet .uxc-a-native-select__children-content {
    margin-top: -8.25px;
    margin-bottom: -9px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-l\@tablet .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-l\@tablet .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-l\@tablet .uxc-a-native-select__children-content {
    margin-top: -9.92px;
    margin-bottom: -10.94px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-l\@tablet .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-l\@tablet .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-l\@desktop .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-l\@desktop .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-l\@desktop .uxc-a-native-select__children-content {
    margin-top: -8.25px;
    margin-bottom: -9px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-l\@desktop .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-l\@desktop .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-l\@desktop .uxc-a-native-select__children-content {
    margin-top: -9.92px;
    margin-bottom: -10.94px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-l\@desktop .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-l\@desktop .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-l\@hd .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-l\@hd .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-l\@hd .uxc-a-native-select__children-content {
    margin-top: -8.25px;
    margin-bottom: -9px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-l\@hd .uxc-a-native-select__value,
  html .uxc-a-native-select--font-size-l\@hd .uxc-a-native-select__select,
  html .uxc-a-native-select--font-size-l\@hd .uxc-a-native-select__children-content {
    margin-top: -9.92px;
    margin-bottom: -10.94px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 767px) {
  html .uxc-a-native-select--font-size-l\@hd .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) and (min-width: 768px) {
  html .uxc-a-native-select--font-size-l\@hd .uxc-a-native-select__body {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    font-style: normal;
  }
}

/*
* Blocks
*/

.uxc-a-native-select__select {
  position: absolute;
  cursor: pointer;
  opacity: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: none;
  border-radius: 0;
  /*
   * No outline for mouse clicks or custom focus handling
   */
  outline-offset: 3px;
  height: auto;
  min-height: 100%;
  width: calc(100% + 10px);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

[data-focus-source='script'] .uxc-a-native-select__select:focus,
[data-focus-source='pointer'] .uxc-a-native-select__select:focus {
  outline: 0;
}

.uxc-a-native-select__select::-ms-expand {
  display: none;
}

/**
 * Fixing background color of first disabled select option.
 */

.uxc-a-native-select--ie-disable-fix :disabled {
  color: #8b9196;
  background-color: transparent;
}

.uxc-a-native-select__body {
  position: relative;
  width: 100%;
  padding-bottom: 15px;
  padding-right: 1.5em;
}

.uxc-a-native-select__body:after {
  position: absolute;
  bottom: 15.1px;
  right: 0;
  width: 2em;
  pointer-events: none;
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 50%/1 uxcDc156c;
  content: '\E000';
  color: #46a9b4;
}

.uxc-a-native-select--inline .uxc-a-native-select__body {
  padding-bottom: 0;
}

.uxc-a-native-select--inline .uxc-a-native-select__body:after {
  bottom: 0;
}

.uxc-a-native-select--white:hover .uxc-a-native-select__body:after {
  color: white;
}

.uxc-a-native-select--white .uxc-a-native-select__body {
  background: transparent;
}

.uxc-a-native-select--white .uxc-a-native-select__body:after {
  color: white;
}

.uxc-a-native-select--white .uxc-a-native-select__wrapper {
  border-color: white;
}

.uxc-a-native-select--white .uxc-a-native-select__value {
  color: white;
  display: block;
}

.uxc-a-native-select--white:hover .uxc-a-native-select__wrapper {
  border-bottom-color: white;
}

.uxc-a-native-select--primary .uxc-a-native-select__body {
  background: transparent;
}

.uxc-a-native-select--primary .uxc-a-native-select__body:after {
  color: #46a9b4;
}

.uxc-a-native-select--primary .uxc-a-native-select__wrapper {
  border-color: #46a9b4;
}

.uxc-a-native-select--primary .uxc-a-native-select__value {
  color: #46a9b4;
  display: block;
}

.uxc-a-native-select--primary:hover .uxc-a-native-select__wrapper {
  border-bottom-color: #46a9b4;
}

.uxc-a-native-select__label {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  color: #8b9196;
}

@media only screen and (max-width: 767px) {
  .uxc-a-native-select__label {
    margin-top: -6.58px;
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-native-select__label {
    margin-top: -7.6px;
    margin-bottom: -8.2px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
  }
}

.uxc-a-native-select__value {
  display: block;
  color: #141412;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 10px;
  margin-left: -10px;
  box-sizing: content-box;
}

/**
 * Modifier
 */

.uxc-a-native-select--with-label .uxc-a-native-select__body,
.uxc-a-native-select--with-label .uxc-a-native-select__children {
  padding-top: 25px;
}

/*
  Animations
 */

.uxc-state-a-native-select--animated .uxc-a-native-select__label {
  -webkit-transition: font-size 0.3s, top 0.3s, margin-top 0.3s, margin-bottom 0.3s;
  transition: font-size 0.3s, top 0.3s, margin-top 0.3s, margin-bottom 0.3s;
}

.uxc-state-a-native-select--animated .uxc-a-native-select__value {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.uxc-state-a-native-select--animated .uxc-a-native-select__wrapper {
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

.uxc-state-a-native-select--animated .uxc-a-native-select__body:after {
  -webkit-transition: color 0.3s, -webkit-transform 0.3s;
  transition: color 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, color 0.3s;
  transition: transform 0.3s, color 0.3s, -webkit-transform 0.3s;
}

/*
 states
 */

.uxc-state-a-native-select--error .uxc-a-native-select__wrapper {
  border-bottom: 1px solid #c31622;
}

.uxc-state-a-native-select--error:hover .uxc-a-native-select__wrapper {
  border-bottom-color: #c31622;
}

.uxc-state-a-native-select--error.uxc-a-native-select--white .uxc-a-native-select__wrapper {
  border-bottom: 1px solid white;
}

.uxc-state-a-native-select--error.uxc-a-native-select--white:hover .uxc-a-native-select__wrapper {
  border-bottom-color: white;
}

.uxc-state-a-native-select--placeholder .uxc-a-native-select__value {
  color: #8b9196;
}

.uxc-state-a-native-select--placeholder.uxc-a-native-select--white .uxc-a-native-select__value {
  color: white;
}

.uxc-state-a-native-select--placeholder.uxc-a-native-select--primary .uxc-a-native-select__value {
  color: #46a9b4;
}

.uxc-state-a-native-select--placeholder.uxc-a-native-select--with-label .uxc-a-native-select__value {
  opacity: 0;
}

.uxc-state-a-native-select--placeholder.uxc-a-native-select--with-label .uxc-a-native-select__label {
  top: 25px;
  max-width: calc(100% - 1.5em);
}

@media only screen and (max-width: 767px) {
  .uxc-state-a-native-select--placeholder.uxc-a-native-select--with-label .uxc-a-native-select__label {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-state-a-native-select--placeholder.uxc-a-native-select--with-label .uxc-a-native-select__label {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

.uxc-state-a-native-select--is-required.uxc-state-a-native-select--placeholder .uxc-a-native-select__value:after {
  content: '*';
}

.uxc-state-a-native-select--is-required.uxc-a-native-select--with-label .uxc-a-native-select__label:after {
  content: '*';
}

.uxc-a-native-select__children {
  vertical-align: top;
  display: block;
  padding-left: 15px;
  padding-bottom: 15px;
  max-height: 100%;
}

.uxc-a-native-select__children-content {
  display: block;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* stylelint-disable */

/* stylelint-enable */

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* Hover anchor is used to trigger hover states for nested elements
 * Main usage inside classic teaser pattern
 * Usage:   @include hover-anchor() { property: value;}
 */

/* stylelint-disable length-zero-no-unit */

/**
 * Returns the font information for the given $breakpoint $size and style
 */

/*
  THIS FILE MUST CONTAIN ONLY MIXINS
*/

/* stylelint-disable length-zero-no-unit */

/**
 * Returns the font information for the given $breakpoint $size and style
 */

.uxc-a-process-checkbox {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .uxc-a-process-checkbox {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-process-checkbox {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
  }
}

.uxc-a-process-checkbox__input {
  opacity: 0;
  left: 0;
  position: absolute;
  overflow: hidden;
  pointer-events: none;
}

.uxc-a-process-checkbox__shortcut {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: white;
  border: 2px solid #46a9b4;
  color: #46a9b4;
  text-align: center;
  display: block;
  border-radius: 7px 7px;
  width: 30px;
  height: 30px;
  margin-right: -30px;
  float: left;
  box-shadow: 0 0 10px rgba(0, 109, 115, 0);
  -webkit-transition: border-color 0.3s, color 0.3s, background 0.3s, box-shadow 0.3s;
  transition: border-color 0.3s, color 0.3s, background 0.3s, box-shadow 0.3s;
}

.uxc-state-a-process-checkbox--error .uxc-a-process-checkbox__shortcut {
  border-color: #c31622;
  color: #c31622;
}

.uxc-a-process-checkbox__shortcut:before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: attr(data-shortcut-key);
  text-transform: uppercase;
  text-align: center;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: translate(-50%, -50%) translateY(-0.5px);
  -ms-transform: translate(-50%, -50%) translateY(-0.5px);
  transform: translate(-50%, -50%) translateY(-0.5px);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

@media only screen and (max-width: 767px) {
  .uxc-a-process-checkbox__shortcut:before {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-process-checkbox__shortcut:before {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-a-process-checkbox__shortcut:before {
    margin-top: 0.24px;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-process-checkbox__shortcut:before {
    margin-top: 0.3px;
  }
}

.uxc-a-process-checkbox__label {
  margin-left: 42px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #8b9196;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .uxc-a-process-checkbox__label {
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-process-checkbox__label {
    margin-bottom: -8.2px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
  }
}

.uxc-a-process-checkbox__input:checked+.uxc-a-process-checkbox__body .uxc-a-process-checkbox__label {
  color: #46a9b4;
}

.uxc-a-process-checkbox__input:checked+.uxc-a-process-checkbox__body .uxc-a-process-checkbox__shortcut {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #46a9b4;
  border-color: rgba(70, 169, 180, 0);
  color: white;
}

[data-focus-source='key'] .uxc-a-process-checkbox__input:focus+.uxc-a-process-checkbox__body .uxc-a-process-checkbox__label {
  color: #006d73;
}

[data-focus-source='key'] .uxc-a-process-checkbox__input:focus+.uxc-a-process-checkbox__body .uxc-a-process-checkbox__shortcut {
  box-shadow: 0 0 10px rgba(0, 109, 115, 0.8);
}

.uxc-a-process-checkbox:hover .uxc-a-process-checkbox__body .uxc-a-process-checkbox__label {
  color: #006d73;
}

/**
 * Required state
 */

.uxc-state-a-process-checkbox--is-required .uxc-a-process-checkbox__label:after {
  content: '*';
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* stylelint-disable */

/* stylelint-enable */

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* Hover anchor is used to trigger hover states for nested elements
 * Main usage inside classic teaser pattern
 * Usage:   @include hover-anchor() { property: value;}
 */

/* stylelint-disable length-zero-no-unit */

/**
 * Returns the font information for the given $breakpoint $size and style
 */

/*
  THIS FILE MUST CONTAIN ONLY MIXINS
*/

/* stylelint-disable length-zero-no-unit */

/**
 * Returns the font information for the given $breakpoint $size and style
 */

.uxc-a-process-radio {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .uxc-a-process-radio {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-process-radio {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
  }
}

.uxc-a-process-radio__input {
  opacity: 0;
  left: 0;
  position: absolute;
  overflow: hidden;
  pointer-events: none;
}

.uxc-a-process-radio__shortcut {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: white;
  border: 2px solid #46a9b4;
  color: #46a9b4;
  text-align: center;
  display: block;
  border-radius: 50% 50%;
  width: 32px;
  height: 32px;
  margin-right: -32px;
  float: left;
  top: -1px;
  box-shadow: 0 0 10px rgba(0, 109, 115, 0);
  -webkit-transition: border-color 0.3s, color 0.3s, background 0.3s, box-shadow 0.3s;
  transition: border-color 0.3s, color 0.3s, background 0.3s, box-shadow 0.3s;
}

.uxc-state-a-process-radio--error .uxc-a-process-radio__shortcut {
  border-color: #c31622;
  color: #c31622;
}

@media only screen and (max-width: 767px) {
  .uxc-state-a-process-radio--bold .uxc-a-process-radio__label {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-state-a-process-radio--bold .uxc-a-process-radio__label {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-state-a-process-radio--bold .uxc-a-process-radio__shortcut:before {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-state-a-process-radio--bold .uxc-a-process-radio__shortcut:before {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

.uxc-state-a-process-radio--gray .uxc-a-process-radio__shortcut {
  border-color: #8b9196;
  color: #8b9196;
}

.uxc-state-a-process-radio--gray .uxc-a-process-radio__input:checked+.uxc-a-process-radio__body .uxc-a-process-radio__label {
  color: #c31622;
}

.uxc-state-a-process-radio--gray .uxc-a-process-radio__input:checked+.uxc-a-process-radio__body .uxc-a-process-radio__shortcut {
  background: #c31622;
  border-color: rgba(195, 22, 34, 0);
  color: white;
}

.uxc-a-process-radio__shortcut {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.uxc-a-process-radio__shortcut:before {
  content: attr(data-shortcut-key);
  text-transform: uppercase;
  text-align: center;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

@media only screen and (max-width: 767px) {
  .uxc-a-process-radio__shortcut:before {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-process-radio__shortcut:before {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
  }
}

.uxc-a-process-radio__label {
  margin-left: 44px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #8b9196;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .uxc-a-process-radio__label {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-process-radio__label {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
  }
}

.uxc-a-process-radio__input:checked+.uxc-a-process-radio__body .uxc-a-process-radio__label {
  color: #46a9b4;
}

.uxc-a-process-radio__input:checked+.uxc-a-process-radio__body .uxc-a-process-radio__shortcut {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #46a9b4;
  border-color: rgba(70, 169, 180, 0);
  color: white;
}

[data-focus-source='key'] .uxc-a-process-radio__input:focus+.uxc-a-process-radio__body .uxc-a-process-radio__label {
  color: #006d73;
}

[data-focus-source='key'] .uxc-a-process-radio__input:focus+.uxc-a-process-radio__body .uxc-a-process-radio__shortcut {
  box-shadow: 0 0 10px rgba(0, 109, 115, 0.8);
}

.uxc-a-process-radio:hover .uxc-a-process-radio__body .uxc-a-process-radio__label {
  color: #006d73;
}

/**
 * Required state
 */

.uxc-state-a-process-radio--is-required .uxc-a-process-radio__label:after {
  content: '*';
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* stylelint-disable */

/* stylelint-enable */

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* Hover anchor is used to trigger hover states for nested elements
 * Main usage inside classic teaser pattern
 * Usage:   @include hover-anchor() { property: value;}
 */

/* stylelint-disable length-zero-no-unit */

/**
 * Returns the font information for the given $breakpoint $size and style
 */

/*
  THIS FILE MUST CONTAIN ONLY MIXINS
*/

/* stylelint-disable length-zero-no-unit */

/**
 * Returns the font information for the given $breakpoint $size and style
 */

.uxc-a-radio {
  position: relative;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .uxc-a-radio {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-radio {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
  }
}

.uxc-a-radio__body {
  cursor: pointer;
}

.uxc-a-radio__input {
  opacity: 0;
  left: 0;
  position: absolute;
  overflow: hidden;
  pointer-events: none;
}

.uxc-a-radio--inline {
  margin-right: 20px;
}

.uxc-a-radio__bullet {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: white;
  border: 2px solid #8b9196;
  color: #8b9196;
  text-align: center;
  display: block;
  border-radius: 50% 50%;
  width: 30px;
  height: 30px;
  position: relative;
  float: left;
  top: -1px;
  margin-right: -30px;
  box-shadow: 0 0 10px rgba(0, 109, 115, 0);
  -webkit-transition: border-color 0.3s, color 0.3s, background 0.3s, box-shadow 0.3s;
  transition: border-color 0.3s, color 0.3s, background 0.3s, box-shadow 0.3s;
}

.uxc-state-a-radio--error .uxc-a-radio__bullet {
  border-color: #a01314;
  color: white;
}

.uxc-a-radio__bullet {
  color: white;
}

.uxc-a-radio__bullet:before {
  content: '';
  position: absolute;
  left: 5px;
  right: 5px;
  top: 5px;
  bottom: 5px;
  display: block;
  border-style: solid;
  border-width: 2px;
  border-radius: 50% 50%;
  border-color: currentColor;
  background: white;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

.uxc-a-radio__label {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #8b9196;
  display: inline-block;
  padding-left: 42px;
}

@media only screen and (max-width: 767px) {
  .uxc-a-radio__label {
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-radio__label {
    margin-bottom: -8.2px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
  }
}

.uxc-a-radio__input:checked+.uxc-a-radio__body .uxc-a-radio__label {
  color: #141412;
}

.uxc-a-radio__input:checked+.uxc-a-radio__body .uxc-a-radio__bullet {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #006d73;
  border-color: #8b9196;
}

[data-focus-source='key'] .uxc-a-radio__input:focus+.uxc-a-radio__body .uxc-a-radio__label {
  color: #006d73;
}

[data-focus-source='key'] .uxc-a-radio__input:focus+.uxc-a-radio__body .uxc-a-radio__bullet {
  box-shadow: 0 0 10px rgba(0, 109, 115, 0.8);
}

.uxc-a-radio:hover .uxc-a-radio__body .uxc-a-radio__label {
  color: #8b9196;
}

.uxc-a-radio:hover .uxc-a-radio__body .uxc-a-radio__bullet {
  border-color: #006d73;
}

.uxc-state-a-radio--error .uxc-a-radio__label {
  color: #a01314;
}

.uxc-state-a-radio--error .uxc-a-radio__bullet {
  border-color: #8b9196;
}

.uxc-a-radio__input:disabled+.uxc-a-radio__body {
  cursor: default;
}

.uxc-a-radio__input:disabled+.uxc-a-radio__body .uxc-a-radio__label {
  color: #e8e9ea;
}

.uxc-a-radio__input:disabled+.uxc-a-radio__body .uxc-a-radio__bullet {
  border-color: #e8e9ea;
  color: #e8e9ea;
}

/**
 * Required state
 */

.uxc-state-a-radio--is-required .uxc-a-radio__label:after {
  content: '*';
}

.uxc-a-lead-radio-sublabel {
  padding-left: 42px;
}

.uxc-h-separator {
  border-width: 0 0 2px 0;
  border-color: #e8e9ea;
  display: block;
  margin: 0;
  height: 0;
  overflow: hidden;
}

.uxc-h-separator--gray {
  border-color: #8b9196;
}

.uxc-h-separator--light-gray {
  border-color: #e8e9ea;
}

.uxc-h-separator--secondary {
  border-color: #8861a9;
}

.uxc-h-separator--border-style-solid {
  border-style: solid;
}

.uxc-h-separator--border-style-dashed {
  border-style: dashed;
  border-width: 0 0 1px 0;
}

.uxc-h-separator--border-style-dotted {
  border-style: dotted;
}

.uxc-h-separator--border-width-thin {
  border-width: 0 0 1px 0;
}

.uxc-h-separator--border-width-normal {
  border-width: 0 0 2px 0;
}

.uxc-a-spinner {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.uxc-a-spinner--size-xl {
  max-width: 180px;
  min-width: 80px;
}

.uxc-a-spinner--size-m {
  width: 80px;
}

.uxc-a-spinner__spinner {
  width: 100%;
  padding-top: 100%;
  height: 0;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: uxc-a-spinner--rotation 3s linear infinite;
  animation: uxc-a-spinner--rotation 3s linear infinite;
  display: block;
}

.uxc-a-spinner__spinner-fast {
  -webkit-animation: uxc-a-spinner--rotation 1.5s linear infinite;
  animation: uxc-a-spinner--rotation 1.5s linear infinite;
}

.uxc-a-spinner__stroke {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.uxc-a-spinner__stroke:before {
  content: '';
  width: 100%;
  height: 100%;
  border-color: transparent;
  border-style: solid;
  border-width: 3px;
  border-radius: 50%;
  position: absolute;
  left: 79%;
  top: 0;
}

/**
 * Colors
 */

.uxc-a-spinner__stroke--tertiary {
  -webkit-transform: scale(0.99) rotate(240deg) translate(-79%, 0);
  -ms-transform: scale(0.99) rotate(240deg) translate(-79%, 0);
  transform: scale(0.99) rotate(240deg) translate(-79%, 0);
}

.uxc-a-spinner__stroke--tertiary:before {
  border-color: #c31622;
}

.uxc-a-spinner__stroke--secondary {
  -webkit-transform: scale(0.99) rotate(120deg) translate(-79%, 0);
  -ms-transform: scale(0.99) rotate(120deg) translate(-79%, 0);
  transform: scale(0.99) rotate(120deg) translate(-79%, 0);
}

.uxc-a-spinner__stroke--secondary:before {
  border-color: #8861a9;
}

.uxc-a-spinner__stroke--primary {
  -webkit-transform: scale(0.99) rotate(0deg) translate(-79%, 0);
  -ms-transform: scale(0.99) rotate(0deg) translate(-79%, 0);
  transform: scale(0.99) rotate(0deg) translate(-79%, 0);
}

.uxc-a-spinner__stroke--primary:before {
  border-color: #46a9b4;
}

/**
 * Animation
 */

@-webkit-keyframes uxc-a-spinner--rotation {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes uxc-a-spinner--rotation {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* Hover anchor is used to trigger hover states for nested elements
 * Main usage inside classic teaser pattern
 * Usage:   @include hover-anchor() { property: value;}
 */

/* stylelint-disable length-zero-no-unit */

/**
 * Returns the font information for the given $breakpoint $size and style
 */

/*
  THIS FILE MUST CONTAIN ONLY MIXINS
*/

/* stylelint-disable */

/* stylelint-enable */

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

.uxc-a-textarea {
  display: table;
  z-index: 10;
  position: relative;
  width: 100%;
  padding-top: 50px;
  margin-top: -25px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: inherit;
}

.uxc-a-textarea__wrap {
  display: table-cell;
  float: left;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

.uxc-a-textarea__children {
  vertical-align: bottom;
  display: table-cell;
  width: 1px;
  white-space: nowrap;
  padding-left: 15px;
  max-height: 100%;
}

.uxc-a-textarea__children-content {
  display: block;
  vertical-align: bottom;
  position: relative;
  bottom: 15px;
}

.uxc-a-textarea__label {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 10;
  -webkit-transition: top .2s ease, font-size .2s ease, color .2s ease;
  transition: top .2s ease, font-size .2s ease, color .2s ease;
}

@media only screen and (max-width: 767px) {
  .uxc-a-textarea__label {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-textarea__label {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

.uxc-a-textarea__field {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 100%;
  border: none;
  margin: 0;
  padding-top: 0;
  padding-right: 5px;
  background-color: transparent;
  border-radius: 0;
  resize: none;
  -webkit-transition: padding-top .2s ease, margin-top .2s ease;
  transition: padding-top .2s ease, margin-top .2s ease;
  padding-left: 10px;
  margin-left: -10px;
  z-index: 11;
  padding-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  .uxc-a-textarea__field {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-textarea__field {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-textarea__field {
    padding-bottom: 15px;
    min-height: 42px;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-a-textarea__field {
    padding-bottom: 15px;
    min-height: 42px;
  }
}

.uxc-a-textarea__field:invalid {
  box-shadow: none;
}

.uxc-a-textarea__field:focus,
.uxc-a-textarea__field:invalid {
  outline: 0;
  box-shadow: 0;
}

/*
 * Set max-height for textarea
 * once the height exceeds the max-height, autosize will re-enable the vertical scrollbar
 */

.uxc-state-a-textarea--max-height .uxc-a-textarea__field {
  /* min-height: - 1px to align border-bottom of textarea with border-bottom of neighboring input-field */
  min-height: 41px;
  max-height: 150px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.uxc-state-a-textarea--max-height .uxc-a-textarea__children-content {
  /* align tooptip with tooltip of neighboring input-field */
  bottom: 10px;
}

/*
 * Floating label animation
 */

.uxc-state-a-textarea--focused .uxc-a-textarea__label,
.uxc-state-a-textarea--has-value .uxc-a-textarea__label {
  top: -25px;
}

@media only screen and (max-width: 767px) {
  .uxc-state-a-textarea--focused .uxc-a-textarea__label,
  .uxc-state-a-textarea--has-value .uxc-a-textarea__label {
    margin-top: -6.58px;
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-state-a-textarea--focused .uxc-a-textarea__label,
  .uxc-state-a-textarea--has-value .uxc-a-textarea__label {
    margin-top: -7.6px;
    margin-bottom: -8.2px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
  }
}

/*
 * Placeholder span styles
 */

.uxc-a-textarea__place-holder {
  position: absolute;
  bottom: 18px;
  opacity: 0;
}

@media only screen and (max-width: 767px) {
  .uxc-a-textarea__place-holder {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-textarea__place-holder {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

/*
 * Placeholder states animations
 */

.uxc-state-a-textarea--focused .uxc-a-textarea__place-holder {
  opacity: .9;
}

.uxc-state-a-textarea--has-value .uxc-a-textarea__place-holder {
  opacity: 0;
}

/*
 * Color modifiers
 */

.uxc-a-textarea--color-gray {
  color: #8b9196;
  border-color: #8b9196;
}

.uxc-a-textarea--color-gray.uxc-state-a-textarea--focused,
.uxc-a-textarea--color-gray:hover {
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  border-bottom-color: #006d73;
}

.uxc-a-textarea--color-gray .uxc-a-textarea__field {
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  color: #141412;
}

.uxc-a-textarea--color-gray .uxc-a-textarea__field:focus,
.uxc-a-textarea--color-gray .uxc-a-textarea__field:hover {
  border-bottom-color: #006d73;
}

.uxc-a-textarea--color-primary {
  color: #8b9196;
  border-color: #46a9b4;
}

.uxc-a-textarea--color-primary.uxc-state-a-textarea--focused,
.uxc-a-textarea--color-primary:hover {
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  border-bottom-color: #006d73;
}

.uxc-a-textarea--color-primary .uxc-a-textarea__field {
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  color: #141412;
}

.uxc-a-textarea--color-primary .uxc-a-textarea__field:focus,
.uxc-a-textarea--color-primary .uxc-a-textarea__field:hover {
  border-bottom-color: #006d73;
}

/*
 * Error state textarea field styles
 */

.uxc-state-a-textarea--error:not(.uxc-state-a-textarea--focused) {
  border-bottom-color: #c31622;
}

.uxc-state-a-textarea--error:not(.uxc-state-a-textarea--focused):hover {
  border-bottom-color: #c31622;
}

/**
 * Required state
 */

.uxc-state-a-textarea--is-required .uxc-a-textarea__label:after {
  content: '*';
}

/* stylelint-disable */

/* stylelint-enable */

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* Hover anchor is used to trigger hover states for nested elements
 * Main usage inside classic teaser pattern
 * Usage:   @include hover-anchor() { property: value;}
 */

/* stylelint-disable length-zero-no-unit */

/**
 * Returns the font information for the given $breakpoint $size and style
 */

/*
  THIS FILE MUST CONTAIN ONLY MIXINS
*/

.uxc-a-time-field-12h__format {
  color: #8b9196;
  position: relative;
  text-decoration: none;
  display: inline-block;
  /*
   * No outline for mouse clicks or custom focus handling
   */
}

@media only screen and (max-width: 767px) {
  .uxc-a-time-field-12h__format {
    margin-top: -6.58px;
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-time-field-12h__format {
    margin-top: -7.6px;
    margin-bottom: -8.2px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
  }
}

[data-focus-source='script'] .uxc-a-time-field-12h__format:focus,
[data-focus-source='pointer'] .uxc-a-time-field-12h__format:focus {
  outline: 0;
}

.uxc-a-time-field-12h__format:hover {
  color: #c31622;
}

.uxc-a-time-field-12h__format--active {
  color: #c31622;
}

.uxc-a-time-field-12h__format-group {
  display: inline-block;
  vertical-align: bottom;
}

@font-face {
  font-family: uxcG3f6f1;
  src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAQYAAsAAAAABlAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPQAAAFYvsTtPY21hcAAAAYQAAABKAAABcOEoo6pnbHlmAAAB0AAAAI4AAACoU1CFmmhlYWQAAAJgAAAAKAAAADYOhKknaGhlYQAAAogAAAAVAAAAJAQBAgNobXR4AAACoAAAAAgAAAAIAgAAAGxvY2EAAAKoAAAABgAAAAYAVAAAbWF4cAAAArAAAAAgAAAAIAETAENuYW1lAAAC0AAAASkAAAIWm5e+CnBvc3QAAAP8AAAAGwAAACxqPAEEeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGRkYJzAwMrAwOjCmMbAwOAOpb8ySDK0MDAwMbAyM2AFAWmuKQwODxgeANUAgR4TRJgRRAAAUl4HZgAAAHic7ZCxDYAwEAPPykOBGIEqNbNQsb/YJPkY2CKWzpJPXz2wACU5kwDdiJErrewLm31QfRPDP7T2d+5wo5WZ3X18y796QR0aJglRAAB4nC3KQQrCQAwF0P8V7AwzDiJVULBgC9VVF0Pbndm193DZA3TnETyJnst7mJYm5MEnHwl0VrrwOOGMG+5o0ALXvGItjBnTwHUemGaMwrpiccg3F6bH2D5Yl0VTatKfpooJ0Y9dN74nehlEhteEGOd2zhkbuN3r2aWi8Ld0lK83H+NnnvTWWzdD/AEDTRqxAAB4nGNgZGBgAGLZCDfZeH6brwzcTAwgcG2ziSgyzcQAFueAUADFKgY5eJxjYGRgYGIAATjJyIAKmAAA9gALAAAAAAAAAAIAAAAAAAAAAFQAAAABAAAAAgA3AAcAAAAAAAIAAAAKAAoAAAD/AAAAAAAAeJxlkD1uwkAUhMdgSAJSghQpKbNVCiKZn5IDQE9Bl8KYtTGyvdZ6QaLLCXKEHCGniHKCHChj82hgLT9/M2/e7soABviFh3p5uG1qvVq4oTpxm/Qg7JOfhTvo40W4S38o3MMbpsJ9POKdO3j+HZ0BSuEW7vEh3Kb/KeyTv4Q7eMK3cJf+j3APK/wJ9/HqDdPIFLEp3FIn+yy0Z3n+rrStUlOoSTA+WwtdaBs6vVHro6oOydS5WMXW5GrOrs4yo0prdjpywda5cjYaxeIHkcmRIoJBgbipDktoJNgjQwh71b3UK6YtKvq1VpggwPgqtWCqaJIhlcaGyTWOrBUOPG1K1zGt+FrO5KS5zGreJCMr/u+6t6MT0Q+wbaZKzDDiE1/kg+YO+T89EV6oAAAAeJxjYGKAAFYG7ICJkYmRmYEp04CBAQADvgCsAA==") format('woff');
  font-weight: normal;
  font-style: normal;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* stylelint-disable */

/* stylelint-enable */

/**
 * Only for devices with touch support
 */

/**
 * Only for pointer only devices
 */

.uxc-a-tooltip-push {
  display: inline-block;
  white-space: normal;
  width: 22px;
  height: 22px;
  line-height: 22px;
}

/**
 * Position
 */

.uxc-a-tooltip-push--relative {
  position: relative;
}

.uxc-a-tooltip-push--absolute-middle-right {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -11px;
  z-index: 80;
}

.uxc-a-tooltip-push--absolute-middle-bottom {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 80;
}

/**
 * Used only with input, if input has touch icon enabled
 */

[data-has-touch] .uxc-a-tooltip-push--has-touch-icon {
  margin-right: 50px;
}

.uxc-a-tooltip-push__icon {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-decoration: none;
  vertical-align: bottom;
  cursor: pointer;
}

.uxc-a-tooltip-push__icon:before {
  display: inline-block;
  width: 22px;
  height: 22px;
  text-align: center;
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 22px/1 uxcG3f6f1;
  content: '\E000';
  color: #8b9196;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.uxc-a-tooltip-push__icon:hover:before,
.uxc-state-a-tooltip-push--active .uxc-a-tooltip-push__icon:before {
  color: #8861a9;
}

@font-face {
  font-family: uxcJ2171e;
  src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAO4AAsAAAAABeQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPQAAAFYvsTtPY21hcAAAAYQAAABKAAABcOEoo6pnbHlmAAAB0AAAAC4AAAA8LjUXPWhlYWQAAAIAAAAAKAAAADYOhKknaGhlYQAAAigAAAAVAAAAJAQBAgNobXR4AAACQAAAAAgAAAAIAgAAAGxvY2EAAAJIAAAABgAAAAYAHgAAbWF4cAAAAlAAAAAeAAAAIAEOABluYW1lAAACcAAAASkAAAIWm5e+CnBvc3QAAAOcAAAAGwAAACxqPAEEeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGRkYJzAwMrAwOjCmMbAwOAOpb8ySDK0MDAwMbAyM2AFAWmuKQwODxgeANUAgR4TRJgRRAAAUl4HZgAAAHic7ZCxDYAwEAPPykOBGIEqNbNQsb/YJPkY2CKWzpJPXz2wACU5kwDdiJErrewLm31QfRPDP7T2d+5wo5WZ3X18y796QR0aJglRAAB4nGNgYgACJiBk4GbgYWBgVGdXZxdnFzcXN1c3Z2KQevYMjhifIfOAugA99RGsAAB4nGNgZGBgAOIMVrXueH6brwzcTAwgcG2ziSgyzcQAFueAUADRBwZ/eJxjYGRgYGIAATjJyIAKmAAA9gALAAAAAAAAAAIAAAAAAAAAAB4AAHicY2BkYGBgYuAFYgYwi4GBCwgZGP6D+QwACfMBKAAAeJxlkD1uwkAUhMdgSAJSghQpKbNVCiKZn5IDQE9Bl8KYtTGyvdZ6QaLLCXKEHCGniHKCHChj82hgLT9/M2/e7soABviFh3p5uG1qvVq4oTpxm/Qg7JOfhTvo40W4S38o3MMbpsJ9POKdO3j+HZ0BSuEW7vEh3Kb/KeyTv4Q7eMK3cJf+j3APK/wJ9/HqDdPIFLEp3FIn+yy0Z3n+rrStUlOoSTA+WwtdaBs6vVHro6oOydS5WMXW5GrOrs4yo0prdjpywda5cjYaxeIHkcmRIoJBgbipDktoJNgjQwh71b3UK6YtKvq1VpggwPgqtWCqaJIhlcaGyTWOrBUOPG1K1zGt+FrO5KS5zGreJCMr/u+6t6MT0Q+wbaZKzDDiE1/kg+YO+T89EV6oAAAAeJxjYGKAAFYG7ICJkYmRmYEp04CBAQADvgCsAA==") format('woff');
  font-weight: normal;
  font-style: normal;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* stylelint-disable */

/* stylelint-enable */

.uxc-a-tooltip-push__message-container {
  width: 100%;
  position: relative;
  top: 10px;
}

.uxc-a-tooltip-push__arrow {
  border: solid transparent;
  content: ' ';
  height: 8px;
  width: 8px;
  top: -16px;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #8861a9;
  border-width: 8px;
}

@media only screen and (max-width: 767px) {
  .uxc-a-tooltip-push__arrow {
    display: none;
  }
}

.uxc-a-tooltip-push__message {
  display: block;
  width: 100%;
  margin-top: 13px;
  padding: 25px 20px;
  color: white;
  background-color: #8861a9;
  z-index: 80;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}

@media only screen and (min-width: 768px) {
  .uxc-a-tooltip-push__message {
    position: absolute;
    width: 280px;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    cursor: auto;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-a-tooltip-push__message {
    position: relative;
    display: none;
    padding-right: 40px;
    left: auto;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    margin-top: 0;
  }
}

.uxc-a-tooltip-push__close {
  display: none;
  background: none;
  border: 0;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .uxc-a-tooltip-push__close {
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 25px;
    right: 20px;
    cursor: pointer;
  }
  .uxc-a-tooltip-push__close:after {
    position: absolute;
    top: 0;
    left: 0;
    text-rendering: auto;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    font: normal normal normal 12px/1 uxcJ2171e;
    content: '\E000';
    color: white;
  }
}

.uxc-state-a-tooltip-push--active {
  opacity: 1;
  visibility: visible;
}

.uxc-state-a-tooltip-push--active:before {
  color: #8861a9;
}

.uxc-state-a-tooltip-push__message--shift-left {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.uxc-state-a-tooltip-push__message--shift-left:after,
.uxc-state-a-tooltip-push__message--shift-left:before {
  left: 0;
}

.uxc-state-a-tooltip-push__message--shift-left:after {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.uxc-state-a-tooltip-push__message--shift-right {
  left: 100%;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.uxc-state-a-tooltip-push__message--shift-right:after,
.uxc-state-a-tooltip-push__message--shift-right:before {
  left: auto;
  right: 0;
}

.uxc-state-a-tooltip-push__message--shift-right:after {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

@media only screen and (min-width: 768px) {
  .uxc-a-tooltip-push__message[x-placement=top] {
    margin-top: 0;
    margin-bottom: 13px;
  }
  .uxc-a-tooltip-push__message[x-placement=top] .uxc-a-tooltip-push__arrow {
    top: auto;
    bottom: -16px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

@media only screen and (max-width: 767px) {
  .uxc-h-breakpoint__helper:before {
    display: none;
    content: "mobile";
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .uxc-h-breakpoint__helper:before {
    display: none;
    content: "tablet";
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .uxc-h-breakpoint__helper:before {
    display: none;
    content: "desktop";
  }
}

@media only screen and (min-width: 1280px) {
  .uxc-h-breakpoint__helper:before {
    display: none;
    content: "hd";
  }
}

/**
 * selectize.css (v0.12.4)
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */

@font-face {
  font-family: uxcJc1685;
  src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAPcAAsAAAAABfAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPwAAAFYvskBaY21hcAAAAYQAAABKAAABcOEoo6pnbHlmAAAB0AAAAEgAAABInub4aWhlYWQAAAIYAAAALQAAADYQKKknaGhlYQAAAkgAAAAbAAAAJAWkBNtobXR4AAACZAAAAAgAAAAIBNgAAGxvY2EAAAJsAAAABgAAAAYAJAAAbWF4cAAAAnQAAAAeAAAAIAEOABxuYW1lAAAClAAAASkAAAIWm5e+CnBvc3QAAAPAAAAAGwAAACxqPAEEeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGTKYZzAwMrAwCzMmMbAwOAOpb8ySDK0MDAwMbAyM2AFAWmuKQwODxgeANUAgR4TIwMjkAZhBgBbvAd3AHic7ZCxDYAwEAPPykOBGIEqNbNQsb/YJPkY2CKWzpJPXz2wACU5kwDdiJErrewLm31QfRPDP7T2d+5wo5WZ3X18y796QR0aJglRAAAAAgAA//8DowIBAA4ADwAAISImJwE3ARYyNwEXAQ4BIwHRHzkV/pxBAWIRNRIBZkH+nBU5HxsXAZQ6/mwUFAGUOv5sFxsAAAB4nGNgZGBgAOKq0BD2eH6brwzcTAwgcG2ziSiC/v+feTETSCUHA1gaAPtQCS4AAAB4nGNgZGBgYgABlhsgknkxAyMDKmACACJvAYkAAAAAAATYAAAAAAAAACQAAHicY2BkYGBgYhAAYgYwi4GBCwgZGP6D+QwACj4BKwAAeJxlkD1uwkAUhMdgSAJSghQpKbNVCiKZn5IDQE9Bl8KYtTGyvdZ6QaLLCXKEHCGniHKCHChj82hgLT9/M2/e7soABviFh3p5uG1qvVq4oTpxm/Qg7JOfhTvo40W4S38o3MMbpsJ9POKdO3j+HZ0BSuEW7vEh3Kb/KeyTv4Q7eMK3cJf+j3APK/wJ9/HqDdPIFLEp3FIn+yy0Z3n+rrStUlOoSTA+WwtdaBs6vVHro6oOydS5WMXW5GrOrs4yo0prdjpywda5cjYaxeIHkcmRIoJBgbipDktoJNgjQwh71b3UK6YtKvq1VpggwPgqtWCqaJIhlcaGyTWOrBUOPG1K1zGt+FrO5KS5zGreJCMr/u+6t6MT0Q+wbaZKzDDiE1/kg+YO+T89EV6oAAAAeJxjYGKAAFYG7ICJkYmRmYEp04CBAQADvgCsAA==") format('woff');
  font-weight: normal;
  font-style: normal;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* Hover anchor is used to trigger hover states for nested elements
 * Main usage inside classic teaser pattern
 * Usage:   @include hover-anchor() { property: value;}
 */

/* stylelint-disable length-zero-no-unit */

/**
 * Returns the font information for the given $breakpoint $size and style
 */

/*
  THIS FILE MUST CONTAIN ONLY MIXINS
*/

/* stylelint-disable */

/* stylelint-enable */

.uxc-a-type-select {
  display: block;
  position: relative;
  padding: 50px 0 15px 0;
  margin-top: -25px;
  border-bottom: 1px solid #46a9b4;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

.uxc-a-type-select:hover:after {
  color: #006d73;
}

.uxc-a-type-select:hover {
  border-bottom-color: #006d73;
}

.uxc-a-type-select:after {
  position: absolute;
  top: auto;
  bottom: 15px;
  right: 0;
  width: 18px;
  height: 10px;
  margin-top: 0;
  pointer-events: none;
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 10px/1 uxcJc1685;
  content: '\E000';
  color: #46a9b4;
  border: none;
  -webkit-transition: color 0.3s, -webkit-transform 0.4s;
  transition: color 0.3s, -webkit-transform 0.4s;
  transition: color 0.3s, transform 0.4s;
  transition: color 0.3s, transform 0.4s, -webkit-transform 0.4s;
}

.uxc-a-type-select .uxc-a-type-select__select .uxc-a-type-select__input:after {
  display: none;
}

.uxc-state-a-type-select--focused {
  border-bottom-color: #006d73;
}

.uxc-state-a-type-select--focused:after {
  color: #006d73;
}

/*
* open-state
*/

.uxc-state-a-type-select--open:after {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

/*
*  error case
*/

.uxc-state-a-type-select--error {
  border-bottom-color: #c31622;
}

.uxc-state-a-type-select--error:hover {
  border-bottom-color: #c31622;
}

.uxc-state-a-type-select--error.uxc-state-a-type-select--focused {
  border-bottom-color: #006d73;
}

.uxc-a-type-select--animated .uxc-a-type-select__label {
  -webkit-transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
  transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
}

.uxc-a-type-select--animated .uxc-a-type-select__select {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

/*
* Type-Select on touch devices
*/

.uxc-state-a-type-select--native {
  width: 100%;
}

.uxc-state-a-type-select--native.uxc-a-type-select--with-label:not(.uxc-state-a-type-select--value) .uxc-a-type-select__select {
  opacity: 0;
}

.uxc-state-a-type-select--native.uxc-state-a-type-select--value .uxc-a-type-select__select {
  color: #141412;
}

.uxc-state-a-type-select--native .uxc-a-type-select__select {
  position: relative;
  background: transparent;
  border: none;
  border-radius: 0;
  color: #8b9196;
  width: 100%;
  padding-right: 20px;
  /*
   * No outline for mouse clicks or custom focus handling
   */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

[data-focus-source='script'] .uxc-state-a-type-select--native .uxc-a-type-select__select:focus,
[data-focus-source='pointer'] .uxc-state-a-type-select--native .uxc-a-type-select__select:focus {
  outline: 0;
}

.uxc-state-a-type-select--native .uxc-a-type-select__select::-ms-expand {
  display: none;
}

.uxc-state-a-type-select--native:after {
  content: '';
  position: absolute;
  bottom: 15px;
  right: 0;
  width: 18px;
  pointer-events: none;
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 10px/1 uxcJc1685;
  content: '\E000';
  color: #46a9b4;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

/*
* Type-Select on pointer devices
*/

.uxc-a-type-select__label {
  margin: 0;
  position: absolute;
  top: 50px;
  padding-right: 18px;
  left: 0;
  color: #8b9196;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*
 * Floating label animation
 */

.uxc-state-a-type-select--focused.uxc-state-a-type-select--focused .uxc-a-type-select__label,
.uxc-state-a-type-select--value.uxc-state-a-type-select--value .uxc-a-type-select__label {
  top: 25px;
}

@media only screen and (max-width: 767px) {
  .uxc-state-a-type-select--focused.uxc-state-a-type-select--focused .uxc-a-type-select__label,
  .uxc-state-a-type-select--value.uxc-state-a-type-select--value .uxc-a-type-select__label {
    margin-top: -6.58px;
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-state-a-type-select--focused.uxc-state-a-type-select--focused .uxc-a-type-select__label,
  .uxc-state-a-type-select--value.uxc-state-a-type-select--value .uxc-a-type-select__label {
    margin-top: -7.6px;
    margin-bottom: -8.2px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
  }
}

.uxc-state-a-type-select--focused.uxc-state-a-type-select--focused.uxc-state-a-type-select--native .uxc-a-type-select__select,
.uxc-state-a-type-select--value.uxc-state-a-type-select--value.uxc-state-a-type-select--native .uxc-a-type-select__select {
  opacity: 1;
}

/*
 * Hide placeholder if label exists
 */

.uxc-state-a-type-select--featured.uxc-a-type-select--label {
  /* class given from selectize.js */
}

.uxc-state-a-type-select--featured.uxc-a-type-select--label .uxc-a-type-select__input.uxc-a-type-select__input.uxc-a-type-select__input input::-webkit-input-placeholder {
  /* stylelint-disable declaration-no-important*/
  opacity: 0 !important;
  /* stylelint-enable declaration-no-important*/
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
}

.uxc-state-a-type-select--featured.uxc-a-type-select--label .uxc-a-type-select__input.uxc-a-type-select__input.uxc-a-type-select__input input::-moz-placeholder {
  /* stylelint-disable declaration-no-important*/
  opacity: 0 !important;
  /* stylelint-enable declaration-no-important*/
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
}

.uxc-state-a-type-select--featured.uxc-a-type-select--label .uxc-a-type-select__input.uxc-a-type-select__input.uxc-a-type-select__input input:-ms-input-placeholder {
  /* stylelint-disable declaration-no-important*/
  opacity: 0 !important;
  /* stylelint-enable declaration-no-important*/
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
}

.uxc-state-a-type-select--featured.uxc-a-type-select--label .uxc-a-type-select__input.uxc-a-type-select__input.uxc-a-type-select__input input::placeholder {
  /* stylelint-disable declaration-no-important*/
  opacity: 0 !important;
  /* stylelint-enable declaration-no-important*/
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
}

.uxc-state-a-type-select--featured.uxc-a-type-select--label.uxc-state-a-type-select--focused .uxc-a-type-select__input.uxc-a-type-select__input.uxc-a-type-select__input input::-webkit-input-placeholder {
  /* stylelint-disable declaration-no-important*/
  opacity: 1 !important;
  /* stylelint-enable declaration-no-important*/
}

.uxc-state-a-type-select--featured.uxc-a-type-select--label.uxc-state-a-type-select--focused .uxc-a-type-select__input.uxc-a-type-select__input.uxc-a-type-select__input input::-moz-placeholder {
  /* stylelint-disable declaration-no-important*/
  opacity: 1 !important;
  /* stylelint-enable declaration-no-important*/
}

.uxc-state-a-type-select--featured.uxc-a-type-select--label.uxc-state-a-type-select--focused .uxc-a-type-select__input.uxc-a-type-select__input.uxc-a-type-select__input input:-ms-input-placeholder {
  /* stylelint-disable declaration-no-important*/
  opacity: 1 !important;
  /* stylelint-enable declaration-no-important*/
}

.uxc-state-a-type-select--featured.uxc-a-type-select--label.uxc-state-a-type-select--focused .uxc-a-type-select__input.uxc-a-type-select__input.uxc-a-type-select__input input::placeholder {
  /* stylelint-disable declaration-no-important*/
  opacity: 1 !important;
  /* stylelint-enable declaration-no-important*/
}

/*
* Overwrite selectize.less
*/

.uxc-state-a-type-select--featured .uxc-a-type-select__input.uxc-a-type-select__input.uxc-a-type-select__input {
  color: #141412;
  background: transparent;
  display: block;
  box-shadow: none;
  border: none;
  border-radius: 0;
  padding: 0 36px 0 0;
  /* class given from selectize.js */
  /* stylelint-disable plugin/stylelint-bem-namics, max-nesting-depth */
  /* Fix selectize width bugs */
  /* stylelint-enable plugin/stylelint-bem-namics, max-nesting-depth */
}

.uxc-state-a-type-select--featured .uxc-a-type-select__input.uxc-a-type-select__input.uxc-a-type-select__input.dropdown-active:before {
  display: none;
}

.uxc-state-a-type-select--featured .uxc-a-type-select__input.uxc-a-type-select__input.uxc-a-type-select__input.items .item {
  padding-right: 6px;
}

.uxc-state-a-type-select--featured .uxc-a-type-select__input.uxc-a-type-select__input.uxc-a-type-select__input.items.input-active .item {
  padding-right: 0;
}

.uxc-state-a-type-select--featured .uxc-a-type-select__input.uxc-a-type-select__input.uxc-a-type-select__input input {
  width: auto;
}

.uxc-state-a-type-select--featured .uxc-a-type-select__input.uxc-a-type-select__input.uxc-a-type-select__input input::-webkit-input-placeholder {
  color: #8b9196;
  opacity: 1;
}

.uxc-state-a-type-select--featured .uxc-a-type-select__input.uxc-a-type-select__input.uxc-a-type-select__input input::-moz-placeholder {
  color: #8b9196;
  opacity: 1;
}

.uxc-state-a-type-select--featured .uxc-a-type-select__input.uxc-a-type-select__input.uxc-a-type-select__input input:-ms-input-placeholder {
  color: #8b9196;
  opacity: 1;
}

.uxc-state-a-type-select--featured .uxc-a-type-select__input.uxc-a-type-select__input.uxc-a-type-select__input input::placeholder {
  color: #8b9196;
  opacity: 1;
}

.uxc-state-a-type-select--featured .uxc-a-type-select__dropdown.uxc-a-type-select__dropdown {
  border: none;
  border-radius: 0;
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1);
  background: white;
  margin-top: 16px;
  min-width: 180px;
  z-index: 30;
  /* class given from selectize.js */
  /* stylelint-disable plugin/stylelint-bem-namics */
  /* stylelint-enable plugin/stylelint-bem-namics */
}

.uxc-state-a-type-select--featured .uxc-a-type-select__dropdown.uxc-a-type-select__dropdown .active {
  color: #46a9b4;
  background: none;
}

.uxc-state-a-type-select--featured .uxc-a-type-select__dropdown.uxc-a-type-select__dropdown .uxc-a-type-select__content.uxc-a-type-select__content {
  color: #8b9196;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .uxc-state-a-type-select--featured .uxc-a-type-select__dropdown.uxc-a-type-select__dropdown .uxc-a-type-select__content.uxc-a-type-select__content {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-state-a-type-select--featured .uxc-a-type-select__dropdown.uxc-a-type-select__dropdown .uxc-a-type-select__content.uxc-a-type-select__content {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
  }
}

/*
* Font-sizes
*/

@media only screen and (max-width: 767px) {
  .uxc-a-type-select--font-size-m .uxc-a-type-select__label {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-type-select--font-size-m .uxc-a-type-select__label {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-a-type-select--font-size-m.uxc-state-a-type-select--value .uxc-a-type-select__label {
    margin-top: -6.58px;
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-type-select--font-size-m.uxc-state-a-type-select--value .uxc-a-type-select__label {
    margin-top: -7.6px;
    margin-bottom: -8.2px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-a-type-select--font-size-m .uxc-a-type-select__input.uxc-a-type-select__input {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-type-select--font-size-m .uxc-a-type-select__input.uxc-a-type-select__input {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

.uxc-a-type-select--font-size-m input {
  height: 35px;
}

@media only screen and (max-width: 767px) {
  .uxc-a-type-select--font-size-m input {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-type-select--font-size-m input {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

.uxc-a-type-select--font-size-m.uxc-state-a-type-select--native {
  margin-top: -25px;
}

.uxc-a-type-select--font-size-m.uxc-state-a-type-select--native .uxc-a-type-select__select {
  display: block;
}

@media only screen and (max-width: 767px) {
  .uxc-a-type-select--font-size-m.uxc-state-a-type-select--native .uxc-a-type-select__select {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-type-select--font-size-m.uxc-state-a-type-select--native .uxc-a-type-select__select {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-a-type-select--font-size-l .uxc-a-type-select__label {
    margin-top: -8.25px;
    margin-bottom: -9px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-type-select--font-size-l .uxc-a-type-select__label {
    margin-top: -9.92px;
    margin-bottom: -10.94px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    font-style: normal;
  }
}

.uxc-a-type-select--font-size-l.uxc-state-a-type-select--featured .uxc-a-type-select__input.uxc-a-type-select__input {
  padding-top: 10px;
}

@media only screen and (max-width: 767px) {
  .uxc-a-type-select--font-size-l.uxc-state-a-type-select--featured .uxc-a-type-select__input.uxc-a-type-select__input {
    margin-top: -8.25px;
    margin-bottom: -9px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-type-select--font-size-l.uxc-state-a-type-select--featured .uxc-a-type-select__input.uxc-a-type-select__input {
    margin-top: -9.92px;
    margin-bottom: -10.94px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-a-type-select--font-size-l input {
    margin-top: -8.25px;
    margin-bottom: -9px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-type-select--font-size-l input {
    margin-top: -9.92px;
    margin-bottom: -10.94px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-a-type-select--font-size-l.uxc-state-a-type-select--native {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-type-select--font-size-l.uxc-state-a-type-select--native {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    font-style: normal;
  }
}

.uxc-a-type-select--font-size-l.uxc-state-a-type-select--native .uxc-a-type-select__select {
  padding-top: 10px;
  display: block;
}

@media only screen and (max-width: 767px) {
  .uxc-a-type-select--font-size-l.uxc-state-a-type-select--native .uxc-a-type-select__select {
    margin-top: -8.25px;
    margin-bottom: -9px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-a-type-select--font-size-l.uxc-state-a-type-select--native .uxc-a-type-select__select {
    margin-top: -9.92px;
    margin-bottom: -10.94px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    font-style: normal;
  }
}

.uxc-a-type-select--font-size-l.uxc-state-a-type-select--native:after {
  bottom: 18px;
}

.uxc-a-type-select--inline {
  display: inline-block;
  padding-top: 10px;
}

.uxc-a-type-select--inline input {
  /* stylelint-disable property-blacklist */
  font-size: inherit;
  line-height: inherit;
  /* stylelint-enable property-blacklist */
}

.uxc-a-type-select--inline .uxc-a-type-select__input {
  padding-top: 0;
}

.uxc-a-type-select--inline .uxc-a-type-select__select {
  /* stylelint-disable property-blacklist */
  font-size: inherit;
  line-height: inherit;
  /* stylelint-enable property-blacklist */
}

/**
 * Required state
 */

.uxc-state-a-type-select--is-required .uxc-a-type-select__label:after {
  content: '*';
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

.uxc-h-alignment {
  display: table;
}

.uxc-h-alignment--left {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-alignment--left\@mobile {
    margin: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-alignment--left\@tablet {
    margin: 0;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-alignment--left\@desktop {
    margin: 0;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-alignment--left\@hd {
    margin: 0;
  }
}

.uxc-h-alignment--center {
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-alignment--center\@mobile {
    margin: 0 auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-alignment--center\@tablet {
    margin: 0 auto;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-alignment--center\@desktop {
    margin: 0 auto;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-alignment--center\@hd {
    margin: 0 auto;
  }
}

.uxc-h-alignment--right {
  margin: 0 0 0 auto;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-alignment--right\@mobile {
    margin: 0 0 0 auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-alignment--right\@tablet {
    margin: 0 0 0 auto;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-alignment--right\@desktop {
    margin: 0 0 0 auto;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-alignment--right\@hd {
    margin: 0 0 0 auto;
  }
}

.uxc-h-text-align--left {
  text-align: left;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-text-align--left\@mobile {
    text-align: left;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-text-align--left\@tablet {
    text-align: left;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-text-align--left\@desktop {
    text-align: left;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-text-align--left\@hd {
    text-align: left;
  }
}

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

@media only screen and (max-width: 767px) {
  html .uxc-h-text-align--center\@mobile {
    text-align: center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-text-align--center\@tablet {
    text-align: center;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-text-align--center\@desktop {
    text-align: center;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-text-align--center\@hd {
    text-align: center;
  }
}

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

@media only screen and (max-width: 767px) {
  html .uxc-h-text-align--right\@mobile {
    text-align: right;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-text-align--right\@tablet {
    text-align: right;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-text-align--right\@desktop {
    text-align: right;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-text-align--right\@hd {
    text-align: right;
  }
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

@media only screen and (min-width: 1024px) {
  .uxc-h-fluid-wrapper {
    width: 94.44444vw;
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
    clear: both;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .uxc-h-fluid-wrapper {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-h-fluid-wrapper {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.uxc-h-fluid-wrapper--full {
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-fluid-wrapper--full\@mobile {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-fluid-wrapper--full\@tablet {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-fluid-wrapper--full\@desktop {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-fluid-wrapper--full\@hd {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

.uxc-h-fluid-wrapper--grid-container {
  overflow-x: hidden;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-fluid-wrapper--grid-container\@mobile {
    overflow-x: hidden;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-fluid-wrapper--grid-container\@tablet {
    overflow-x: hidden;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-fluid-wrapper--grid-container\@desktop {
    overflow-x: hidden;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-fluid-wrapper--grid-container\@hd {
    overflow-x: hidden;
  }
}

/**
 * This mixin allows to keep a certain aspect ratio
 * http://stackoverflow.com/questions/1495407/maintain-the-aspect-ratio-of-a-div-with-css
 *
 * Usage:
 * .youtube-video {
 *   width: 100%;
 *   @include fluid-height(16, 9); // 16:9 ratio
 * }
 *
 * Known issues:
 *
 * The height ratio uses always the width.
 * If you want to use max-width apply the max-width to the wrapper element.
 */

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

.uxc-h-height-wrapper {
  position: relative;
  width: 100%;
}

.uxc-h-height-wrapper:before {
  content: '';
  float: left;
  max-width: 0;
}

.uxc-h-height-wrapper:after {
  content: '';
  display: table;
  clear: both;
}

.uxc-h-height-wrapper__content {
  float: left;
  width: 100%;
}

.uxc-h-height-wrapper--16x9:before {
  padding: 0 0 56.25% 0;
  height: 0;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-height-wrapper--16x9\@mobile: before {
    padding: 0 0 56.25% 0;
    height: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-height-wrapper--16x9\@tablet: before {
    padding: 0 0 56.25% 0;
    height: 0;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-height-wrapper--16x9\@desktop: before {
    padding: 0 0 56.25% 0;
    height: 0;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-height-wrapper--16x9\@hd: before {
    padding: 0 0 56.25% 0;
    height: 0;
  }
}

.uxc-h-height-wrapper--4x3:before {
  padding: 0 0 75% 0;
  height: 0;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-height-wrapper--4x3\@mobile: before {
    padding: 0 0 75% 0;
    height: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-height-wrapper--4x3\@tablet: before {
    padding: 0 0 75% 0;
    height: 0;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-height-wrapper--4x3\@desktop: before {
    padding: 0 0 75% 0;
    height: 0;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-height-wrapper--4x3\@hd: before {
    padding: 0 0 75% 0;
    height: 0;
  }
}

.uxc-h-height-wrapper--1x1:before {
  padding: 0 0 100% 0;
  height: 0;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-height-wrapper--1x1\@mobile: before {
    padding: 0 0 100% 0;
    height: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-height-wrapper--1x1\@tablet: before {
    padding: 0 0 100% 0;
    height: 0;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-height-wrapper--1x1\@desktop: before {
    padding: 0 0 100% 0;
    height: 0;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-height-wrapper--1x1\@hd: before {
    padding: 0 0 100% 0;
    height: 0;
  }
}

.uxc-h-height-wrapper--xs {
  min-height: 50px;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-height-wrapper--xs\@mobile {
    min-height: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-height-wrapper--xs\@tablet {
    min-height: 50px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-height-wrapper--xs\@desktop {
    min-height: 50px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-height-wrapper--xs\@hd {
    min-height: 50px;
  }
}

.uxc-h-height-wrapper--s {
  min-height: 90px;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-height-wrapper--s\@mobile {
    min-height: 90px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-height-wrapper--s\@tablet {
    min-height: 90px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-height-wrapper--s\@desktop {
    min-height: 90px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-height-wrapper--s\@hd {
    min-height: 90px;
  }
}

.uxc-h-height-wrapper--m {
  min-height: 270px;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-height-wrapper--m\@mobile {
    min-height: 270px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-height-wrapper--m\@tablet {
    min-height: 270px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-height-wrapper--m\@desktop {
    min-height: 270px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-height-wrapper--m\@hd {
    min-height: 270px;
  }
}

.uxc-h-height-wrapper--align-middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-height-wrapper--align-middle\@mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-height-wrapper--align-middle\@tablet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-height-wrapper--align-middle\@desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-height-wrapper--align-middle\@hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.uxc-h-position-absolute {
  position: relative;
}

.uxc-h-position-absolute__content {
  position: absolute;
}

.uxc-h-position-absolute--top .uxc-h-position-absolute__content {
  bottom: 0;
}

.uxc-h-position-absolute--bottom .uxc-h-position-absolute__content {
  top: 0;
}

.uxc-h-position-absolute--left .uxc-h-position-absolute__content {
  left: 0;
}

.uxc-h-position-absolute--right .uxc-h-position-absolute__content {
  right: 0;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/**
* Vertical Spacer Definition
* For more Information check: https://helvetia.frontify.com/d/mVkSfuGBUKpR/helvetia-style-guide#/structure-layout/vertical-spacing
*/

/*

  xxxs 10
  xxs 15
  xs 20
  s 30
  m 40
  l 50
  xl 80
  xxl 100

 */

.uxc-h-spacer {
  position: relative;
  border: none;
  line-height: 0;
  margin: 0;
  width: 100%;
  clear: both;
  display: block;
  pointer-events: none;
}

.uxc-h-spacer--xxxs {
  height: 10px;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-spacer--xxxs\@mobile {
    height: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-spacer--xxxs\@tablet {
    height: 10px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-spacer--xxxs\@desktop {
    height: 10px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-spacer--xxxs\@hd {
    height: 10px;
  }
}

.uxc-h-spacer--xxs {
  height: 15px;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-spacer--xxs\@mobile {
    height: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-spacer--xxs\@tablet {
    height: 15px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-spacer--xxs\@desktop {
    height: 15px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-spacer--xxs\@hd {
    height: 15px;
  }
}

.uxc-h-spacer--xs {
  height: 20px;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-spacer--xs\@mobile {
    height: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-spacer--xs\@tablet {
    height: 20px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-spacer--xs\@desktop {
    height: 20px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-spacer--xs\@hd {
    height: 20px;
  }
}

.uxc-h-spacer--s {
  height: 30px;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-spacer--s\@mobile {
    height: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-spacer--s\@tablet {
    height: 30px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-spacer--s\@desktop {
    height: 30px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-spacer--s\@hd {
    height: 30px;
  }
}

.uxc-h-spacer--m {
  height: 40px;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-spacer--m\@mobile {
    height: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-spacer--m\@tablet {
    height: 40px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-spacer--m\@desktop {
    height: 40px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-spacer--m\@hd {
    height: 40px;
  }
}

.uxc-h-spacer--l {
  height: 50px;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-spacer--l\@mobile {
    height: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-spacer--l\@tablet {
    height: 50px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-spacer--l\@desktop {
    height: 50px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-spacer--l\@hd {
    height: 50px;
  }
}

.uxc-h-spacer--xl {
  height: 80px;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-spacer--xl\@mobile {
    height: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-spacer--xl\@tablet {
    height: 80px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-spacer--xl\@desktop {
    height: 80px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-spacer--xl\@hd {
    height: 80px;
  }
}

.uxc-h-spacer--xxl {
  height: 100px;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-spacer--xxl\@mobile {
    height: 100px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-spacer--xxl\@tablet {
    height: 100px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-spacer--xxl\@desktop {
    height: 100px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-spacer--xxl\@hd {
    height: 100px;
  }
}

.uxc-h-sticky-wrapper--top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 60;
}

.uxc-h-sticky-wrapper--bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 60;
}

.uxc-h-sticky-wrapper--full-width {
  width: 100%;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* Hover anchor is used to trigger hover states for nested elements
 * Main usage inside classic teaser pattern
 * Usage:   @include hover-anchor() { property: value;}
 */

/* stylelint-disable length-zero-no-unit */

/**
 * Returns the font information for the given $breakpoint $size and style
 */

/*
  THIS FILE MUST CONTAIN ONLY MIXINS
*/

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

@media only screen and (max-width: 767px) {
  .uxc-h-typography--normal-xxl {
    margin-top: 0;
    margin-bottom: 0;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 0;
    /* stylelint-enable property-blacklist */
    line-height: 0;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-h-typography--normal-xxl {
    margin-top: -12.8px;
    margin-bottom: -14.6px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 60px;
    /* stylelint-enable property-blacklist */
    line-height: 70px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  html .uxc-h-typography--normal-xxl\@mobile {
    margin-top: 0;
    margin-bottom: 0;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 0;
    /* stylelint-enable property-blacklist */
    line-height: 0;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-typography--normal-xxl\@tablet {
    margin-top: -12.8px;
    margin-bottom: -14.6px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 60px;
    /* stylelint-enable property-blacklist */
    line-height: 70px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-typography--normal-xxl\@desktop {
    margin-top: -12.8px;
    margin-bottom: -14.6px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 60px;
    /* stylelint-enable property-blacklist */
    line-height: 70px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-typography--normal-xxl\@hd {
    margin-top: -12.8px;
    margin-bottom: -14.6px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 60px;
    /* stylelint-enable property-blacklist */
    line-height: 70px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-h-typography--normal-xl {
    margin-top: -8.9px;
    margin-bottom: -9.8px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 30px;
    /* stylelint-enable property-blacklist */
    line-height: 40px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-h-typography--normal-xl {
    margin-top: -12.7px;
    margin-bottom: -13.9px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 40px;
    /* stylelint-enable property-blacklist */
    line-height: 55px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  html .uxc-h-typography--normal-xl\@mobile {
    margin-top: -8.9px;
    margin-bottom: -9.8px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 30px;
    /* stylelint-enable property-blacklist */
    line-height: 40px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-typography--normal-xl\@tablet {
    margin-top: -12.7px;
    margin-bottom: -13.9px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 40px;
    /* stylelint-enable property-blacklist */
    line-height: 55px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-typography--normal-xl\@desktop {
    margin-top: -12.7px;
    margin-bottom: -13.9px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 40px;
    /* stylelint-enable property-blacklist */
    line-height: 55px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-typography--normal-xl\@hd {
    margin-top: -12.7px;
    margin-bottom: -13.9px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 40px;
    /* stylelint-enable property-blacklist */
    line-height: 55px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-h-typography--normal-l {
    margin-top: -8.25px;
    margin-bottom: -9px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-h-typography--normal-l {
    margin-top: -9.92px;
    margin-bottom: -10.94px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  html .uxc-h-typography--normal-l\@mobile {
    margin-top: -8.25px;
    margin-bottom: -9px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-typography--normal-l\@tablet {
    margin-top: -9.92px;
    margin-bottom: -10.94px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-typography--normal-l\@desktop {
    margin-top: -9.92px;
    margin-bottom: -10.94px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-typography--normal-l\@hd {
    margin-top: -9.92px;
    margin-bottom: -10.94px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-h-typography--normal-m {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-h-typography--normal-m {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  html .uxc-h-typography--normal-m\@mobile {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-typography--normal-m\@tablet {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-typography--normal-m\@desktop {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-typography--normal-m\@hd {
    margin-top: -8.62px;
    margin-bottom: -9.34px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-h-typography--normal-s {
    margin-top: -6.58px;
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-h-typography--normal-s {
    margin-top: -7.6px;
    margin-bottom: -8.2px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  html .uxc-h-typography--normal-s\@mobile {
    margin-top: -6.58px;
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-typography--normal-s\@tablet {
    margin-top: -7.6px;
    margin-bottom: -8.2px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-typography--normal-s\@desktop {
    margin-top: -7.6px;
    margin-bottom: -8.2px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-typography--normal-s\@hd {
    margin-top: -7.6px;
    margin-bottom: -8.2px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-h-typography--normal-xs {
    margin-top: -6.58px;
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-h-typography--normal-xs {
    margin-top: -6.58px;
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  html .uxc-h-typography--normal-xs\@mobile {
    margin-top: -6.58px;
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-typography--normal-xs\@tablet {
    margin-top: -6.58px;
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-typography--normal-xs\@desktop {
    margin-top: -6.58px;
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-typography--normal-xs\@hd {
    margin-top: -6.58px;
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-h-typography--normal-xxs {
    margin-top: -5.56px;
    margin-bottom: -5.92px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 12px;
    /* stylelint-enable property-blacklist */
    line-height: 20px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-h-typography--normal-xxs {
    margin-top: -4.82px;
    margin-bottom: -5.24px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 14px;
    /* stylelint-enable property-blacklist */
    line-height: 20px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  html .uxc-h-typography--normal-xxs\@mobile {
    margin-top: -5.56px;
    margin-bottom: -5.92px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 12px;
    /* stylelint-enable property-blacklist */
    line-height: 20px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-typography--normal-xxs\@tablet {
    margin-top: -4.82px;
    margin-bottom: -5.24px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 14px;
    /* stylelint-enable property-blacklist */
    line-height: 20px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-typography--normal-xxs\@desktop {
    margin-top: -4.82px;
    margin-bottom: -5.24px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 14px;
    /* stylelint-enable property-blacklist */
    line-height: 20px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-typography--normal-xxs\@hd {
    margin-top: -4.82px;
    margin-bottom: -5.24px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 14px;
    /* stylelint-enable property-blacklist */
    line-height: 20px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-h-typography--normal-xxxs {
    margin-top: -5.56px;
    margin-bottom: -5.92px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 12px;
    /* stylelint-enable property-blacklist */
    line-height: 20px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-h-typography--normal-xxxs {
    margin-top: -5.56px;
    margin-bottom: -5.92px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 12px;
    /* stylelint-enable property-blacklist */
    line-height: 20px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  html .uxc-h-typography--normal-xxxs\@mobile {
    margin-top: -5.56px;
    margin-bottom: -5.92px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 12px;
    /* stylelint-enable property-blacklist */
    line-height: 20px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-typography--normal-xxxs\@tablet {
    margin-top: -5.56px;
    margin-bottom: -5.92px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 12px;
    /* stylelint-enable property-blacklist */
    line-height: 20px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-typography--normal-xxxs\@desktop {
    margin-top: -5.56px;
    margin-bottom: -5.92px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 12px;
    /* stylelint-enable property-blacklist */
    line-height: 20px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-typography--normal-xxxs\@hd {
    margin-top: -5.56px;
    margin-bottom: -5.92px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 12px;
    /* stylelint-enable property-blacklist */
    line-height: 20px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-h-typography--bold-xxl {
    margin-top: -10.4px;
    margin-bottom: -10.49px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 45px;
    /* stylelint-enable property-blacklist */
    line-height: 55px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-h-typography--bold-xxl {
    margin-top: -12.2px;
    margin-bottom: -12.32px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 60px;
    /* stylelint-enable property-blacklist */
    line-height: 70px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  html .uxc-h-typography--bold-xxl\@mobile {
    margin-top: -10.4px;
    margin-bottom: -10.49px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 45px;
    /* stylelint-enable property-blacklist */
    line-height: 55px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-typography--bold-xxl\@tablet {
    margin-top: -12.2px;
    margin-bottom: -12.32px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 60px;
    /* stylelint-enable property-blacklist */
    line-height: 70px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-typography--bold-xxl\@desktop {
    margin-top: -12.2px;
    margin-bottom: -12.32px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 60px;
    /* stylelint-enable property-blacklist */
    line-height: 70px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-typography--bold-xxl\@hd {
    margin-top: -12.2px;
    margin-bottom: -12.32px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 60px;
    /* stylelint-enable property-blacklist */
    line-height: 70px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-h-typography--bold-xl {
    margin-top: -8.6px;
    margin-bottom: -8.66px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 30px;
    /* stylelint-enable property-blacklist */
    line-height: 40px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-h-typography--bold-xl {
    margin-top: -12.3px;
    margin-bottom: -12.38px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 40px;
    /* stylelint-enable property-blacklist */
    line-height: 55px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  html .uxc-h-typography--bold-xl\@mobile {
    margin-top: -8.6px;
    margin-bottom: -8.66px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 30px;
    /* stylelint-enable property-blacklist */
    line-height: 40px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-typography--bold-xl\@tablet {
    margin-top: -12.3px;
    margin-bottom: -12.38px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 40px;
    /* stylelint-enable property-blacklist */
    line-height: 55px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-typography--bold-xl\@desktop {
    margin-top: -12.3px;
    margin-bottom: -12.38px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 40px;
    /* stylelint-enable property-blacklist */
    line-height: 55px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-typography--bold-xl\@hd {
    margin-top: -12.3px;
    margin-bottom: -12.38px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 40px;
    /* stylelint-enable property-blacklist */
    line-height: 55px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-h-typography--bold-l {
    margin-top: -8px;
    margin-bottom: -8.05px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-h-typography--bold-l {
    margin-top: -9.58px;
    margin-bottom: -9.648px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  html .uxc-h-typography--bold-l\@mobile {
    margin-top: -8px;
    margin-bottom: -8.05px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-typography--bold-l\@tablet {
    margin-top: -9.58px;
    margin-bottom: -9.648px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-typography--bold-l\@desktop {
    margin-top: -9.58px;
    margin-bottom: -9.648px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-typography--bold-l\@hd {
    margin-top: -9.58px;
    margin-bottom: -9.648px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-h-typography--bold-m {
    margin-top: -8.38px;
    margin-bottom: -8.428px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-h-typography--bold-m {
    margin-top: -6.86px;
    margin-bottom: -6.916px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 28px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  html .uxc-h-typography--bold-m\@mobile {
    margin-top: -8.38px;
    margin-bottom: -8.428px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-typography--bold-m\@tablet {
    margin-top: -6.86px;
    margin-bottom: -6.916px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 28px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-typography--bold-m\@desktop {
    margin-top: -6.86px;
    margin-bottom: -6.916px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 28px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-typography--bold-m\@hd {
    margin-top: -6.86px;
    margin-bottom: -6.916px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 28px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-h-typography--bold-s {
    margin-top: -6.42px;
    margin-bottom: -6.452px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-h-typography--bold-s {
    margin-top: -7.4px;
    margin-bottom: -7.44px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  html .uxc-h-typography--bold-s\@mobile {
    margin-top: -6.42px;
    margin-bottom: -6.452px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-typography--bold-s\@tablet {
    margin-top: -7.4px;
    margin-bottom: -7.44px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-typography--bold-s\@desktop {
    margin-top: -7.4px;
    margin-bottom: -7.44px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-typography--bold-s\@hd {
    margin-top: -7.4px;
    margin-bottom: -7.44px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-h-typography--bold-xs {
    margin-top: -6.42px;
    margin-bottom: -6.452px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-h-typography--bold-xs {
    margin-top: -6.42px;
    margin-bottom: -6.452px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  html .uxc-h-typography--bold-xs\@mobile {
    margin-top: -6.42px;
    margin-bottom: -6.452px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-typography--bold-xs\@tablet {
    margin-top: -6.42px;
    margin-bottom: -6.452px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-typography--bold-xs\@desktop {
    margin-top: -6.42px;
    margin-bottom: -6.452px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-typography--bold-xs\@hd {
    margin-top: -6.42px;
    margin-bottom: -6.452px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-h-typography--bold-xxs {
    margin-top: 0px;
    margin-bottom: 0px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 0px;
    /* stylelint-enable property-blacklist */
    line-height: 0px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-h-typography--bold-xxs {
    margin-top: -4.68px;
    margin-bottom: -4.708px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 14px;
    /* stylelint-enable property-blacklist */
    line-height: 20px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  html .uxc-h-typography--bold-xxs\@mobile {
    margin-top: 0px;
    margin-bottom: 0px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 0px;
    /* stylelint-enable property-blacklist */
    line-height: 0px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-typography--bold-xxs\@tablet {
    margin-top: -4.68px;
    margin-bottom: -4.708px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 14px;
    /* stylelint-enable property-blacklist */
    line-height: 20px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-typography--bold-xxs\@desktop {
    margin-top: -4.68px;
    margin-bottom: -4.708px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 14px;
    /* stylelint-enable property-blacklist */
    line-height: 20px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-typography--bold-xxs\@hd {
    margin-top: -4.68px;
    margin-bottom: -4.708px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 14px;
    /* stylelint-enable property-blacklist */
    line-height: 20px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-h-typography--bold-xxxs {
    margin-top: 0px;
    margin-bottom: 0px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 0px;
    /* stylelint-enable property-blacklist */
    line-height: 0px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-h-typography--bold-xxxs {
    margin-top: 0px;
    margin-bottom: 0px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 0px;
    /* stylelint-enable property-blacklist */
    line-height: 0px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  html .uxc-h-typography--bold-xxxs\@mobile {
    margin-top: 0px;
    margin-bottom: 0px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 0px;
    /* stylelint-enable property-blacklist */
    line-height: 0px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-typography--bold-xxxs\@tablet {
    margin-top: 0px;
    margin-bottom: 0px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 0px;
    /* stylelint-enable property-blacklist */
    line-height: 0px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-typography--bold-xxxs\@desktop {
    margin-top: 0px;
    margin-bottom: 0px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 0px;
    /* stylelint-enable property-blacklist */
    line-height: 0px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-typography--bold-xxxs\@hd {
    margin-top: 0px;
    margin-bottom: 0px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 0px;
    /* stylelint-enable property-blacklist */
    line-height: 0px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

.uxc-h-typography-color--black {
  color: #141412;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-typography-color--black\@mobile {
    color: #141412;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-typography-color--black\@tablet {
    color: #141412;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-typography-color--black\@desktop {
    color: #141412;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-typography-color--black\@hd {
    color: #141412;
  }
}

.uxc-h-typography-color--white {
  color: white;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-typography-color--white\@mobile {
    color: white;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-typography-color--white\@tablet {
    color: white;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-typography-color--white\@desktop {
    color: white;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-typography-color--white\@hd {
    color: white;
  }
}

.uxc-h-typography-color--primary {
  color: #46a9b4;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-typography-color--primary\@mobile {
    color: #46a9b4;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-typography-color--primary\@tablet {
    color: #46a9b4;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-typography-color--primary\@desktop {
    color: #46a9b4;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-typography-color--primary\@hd {
    color: #46a9b4;
  }
}

.uxc-h-typography-color--secondary {
  color: #8861a9;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-typography-color--secondary\@mobile {
    color: #8861a9;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-typography-color--secondary\@tablet {
    color: #8861a9;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-typography-color--secondary\@desktop {
    color: #8861a9;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-typography-color--secondary\@hd {
    color: #8861a9;
  }
}

.uxc-h-typography-color--tertiary {
  color: #c31622;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-typography-color--tertiary\@mobile {
    color: #c31622;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-typography-color--tertiary\@tablet {
    color: #c31622;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-typography-color--tertiary\@desktop {
    color: #c31622;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-typography-color--tertiary\@hd {
    color: #c31622;
  }
}

.uxc-h-typography-color--gray {
  color: #8b9196;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-typography-color--gray\@mobile {
    color: #8b9196;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-typography-color--gray\@tablet {
    color: #8b9196;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-typography-color--gray\@desktop {
    color: #8b9196;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-typography-color--gray\@hd {
    color: #8b9196;
  }
}

.uxc-h-typography-color--silver-sand {
  color: #b9bdc0;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-typography-color--silver-sand\@mobile {
    color: #b9bdc0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-typography-color--silver-sand\@tablet {
    color: #b9bdc0;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-typography-color--silver-sand\@desktop {
    color: #b9bdc0;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-typography-color--silver-sand\@hd {
    color: #b9bdc0;
  }
}

.uxc-h-typography-color--merlot {
  color: #a01314;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-typography-color--merlot\@mobile {
    color: #a01314;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-typography-color--merlot\@tablet {
    color: #a01314;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-typography-color--merlot\@desktop {
    color: #a01314;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-typography-color--merlot\@hd {
    color: #a01314;
  }
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/**
* Vertical Spacer Definition
* For more Information check: https://helvetia.frontify.com/d/mVkSfuGBUKpR/helvetia-style-guide#/structure-layout/vertical-spacing
*/

.uxc-h-typography-spacer--xxxs:after {
  content: '';
  display: block;
  height: 10px;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-typography-spacer--xxxs\@mobile: after {
    content: '';
    display: block;
    height: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-typography-spacer--xxxs\@tablet: after {
    content: '';
    display: block;
    height: 10px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-typography-spacer--xxxs\@desktop: after {
    content: '';
    display: block;
    height: 10px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-typography-spacer--xxxs\@hd: after {
    content: '';
    display: block;
    height: 10px;
  }
}

.uxc-h-typography-spacer--xxs:after {
  content: '';
  display: block;
  height: 15px;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-typography-spacer--xxs\@mobile: after {
    content: '';
    display: block;
    height: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-typography-spacer--xxs\@tablet: after {
    content: '';
    display: block;
    height: 15px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-typography-spacer--xxs\@desktop: after {
    content: '';
    display: block;
    height: 15px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-typography-spacer--xxs\@hd: after {
    content: '';
    display: block;
    height: 15px;
  }
}

.uxc-h-typography-spacer--xs:after {
  content: '';
  display: block;
  height: 20px;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-typography-spacer--xs\@mobile: after {
    content: '';
    display: block;
    height: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-typography-spacer--xs\@tablet: after {
    content: '';
    display: block;
    height: 20px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-typography-spacer--xs\@desktop: after {
    content: '';
    display: block;
    height: 20px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-typography-spacer--xs\@hd: after {
    content: '';
    display: block;
    height: 20px;
  }
}

.uxc-h-typography-spacer--s:after {
  content: '';
  display: block;
  height: 30px;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-typography-spacer--s\@mobile: after {
    content: '';
    display: block;
    height: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-typography-spacer--s\@tablet: after {
    content: '';
    display: block;
    height: 30px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-typography-spacer--s\@desktop: after {
    content: '';
    display: block;
    height: 30px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-typography-spacer--s\@hd: after {
    content: '';
    display: block;
    height: 30px;
  }
}

.uxc-h-typography-spacer--m:after {
  content: '';
  display: block;
  height: 40px;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-typography-spacer--m\@mobile: after {
    content: '';
    display: block;
    height: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-typography-spacer--m\@tablet: after {
    content: '';
    display: block;
    height: 40px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-typography-spacer--m\@desktop: after {
    content: '';
    display: block;
    height: 40px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-typography-spacer--m\@hd: after {
    content: '';
    display: block;
    height: 40px;
  }
}

.uxc-h-typography-spacer--l:after {
  content: '';
  display: block;
  height: 50px;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-typography-spacer--l\@mobile: after {
    content: '';
    display: block;
    height: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-typography-spacer--l\@tablet: after {
    content: '';
    display: block;
    height: 50px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-typography-spacer--l\@desktop: after {
    content: '';
    display: block;
    height: 50px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-typography-spacer--l\@hd: after {
    content: '';
    display: block;
    height: 50px;
  }
}

.uxc-h-typography-spacer--xl:after {
  content: '';
  display: block;
  height: 80px;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-typography-spacer--xl\@mobile: after {
    content: '';
    display: block;
    height: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-typography-spacer--xl\@tablet: after {
    content: '';
    display: block;
    height: 80px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-typography-spacer--xl\@desktop: after {
    content: '';
    display: block;
    height: 80px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-typography-spacer--xl\@hd: after {
    content: '';
    display: block;
    height: 80px;
  }
}

.uxc-h-typography-spacer--xxl:after {
  content: '';
  display: block;
  height: 100px;
}

@media only screen and (max-width: 767px) {
  html .uxc-h-typography-spacer--xxl\@mobile: after {
    content: '';
    display: block;
    height: 100px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-h-typography-spacer--xxl\@tablet: after {
    content: '';
    display: block;
    height: 100px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-h-typography-spacer--xxl\@desktop: after {
    content: '';
    display: block;
    height: 100px;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-h-typography-spacer--xxl\@hd: after {
    content: '';
    display: block;
    height: 100px;
  }
}

.uxc-h-typography-align--center {
  text-align: center;
}

.uxc-h-typography--ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.uxc-m-accordion {
  -webkit-tap-highlight-color: transparent;
}

@font-face {
  font-family: uxcJ7a60f;
  src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAO4AAsAAAAABdgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPQAAAFYvsTtPY21hcAAAAYQAAABKAAABcOEoo6pnbHlmAAAB0AAAAC8AAAAwo6xkdGhlYWQAAAIAAAAAKAAAADYOhKkpaGhlYQAAAigAAAAVAAAAJAQBAgNobXR4AAACQAAAAAgAAAAIAgAAAGxvY2EAAAJIAAAABgAAAAYAGAAAbWF4cAAAAlAAAAAeAAAAIAEOABluYW1lAAACcAAAASkAAAIWm5e+CnBvc3QAAAOcAAAAGwAAACxqPAEEeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGRkYJzAwMrAwOjCmMbAwOAOpb8ySDK0MDAwMbAyM2AFAWmuKQwODxgeANUAgR4TRJgRRAAAUl4HZgAAAHic7ZCxDYAwEAPPykOBGIEqNbNQsb/YJPkY2CKWzpJPXz2wACU5kwDdiJErrewLm31QfRPDP7T2d+5wo5WZ3X18y796QR0aJglRAAB4nGNgYgACJiBk4GbgYWBgVDZVFlUWNRY1NjU2ZWJ44PAAiBgVHoAZQJUAijAKIgB4nGNgZGBgAOJapZ7KeH6brwzcTAwgcG2ziRgyzcQAFueAUADolgcHeJxjYGRgYGIAATjJyIAKmAAA9gALAAAAAAAAAAIAAAAAAAAAABgAAHicY2BkYGBgYuAFYgYwi4GBCwgZGP6D+QwACfMBKAAAeJxlkD1uwkAUhMdgSAJSghQpKbNVCiKZn5IDQE9Bl8KYtTGyvdZ6QaLLCXKEHCGniHKCHChj82hgLT9/M2/e7soABviFh3p5uG1qvVq4oTpxm/Qg7JOfhTvo40W4S38o3MMbpsJ9POKdO3j+HZ0BSuEW7vEh3Kb/KeyTv4Q7eMK3cJf+j3APK/wJ9/HqDdPIFLEp3FIn+yy0Z3n+rrStUlOoSTA+WwtdaBs6vVHro6oOydS5WMXW5GrOrs4yo0prdjpywda5cjYaxeIHkcmRIoJBgbipDktoJNgjQwh71b3UK6YtKvq1VpggwPgqtWCqaJIhlcaGyTWOrBUOPG1K1zGt+FrO5KS5zGreJCMr/u+6t6MT0Q+wbaZKzDDiE1/kg+YO+T89EV6oAAAAeJxjYGKAAFYG7ICJkYmRmYEp04CBAQADvgCsAA==") format('woff');
  font-weight: normal;
  font-style: normal;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* Hover anchor is used to trigger hover states for nested elements
 * Main usage inside classic teaser pattern
 * Usage:   @include hover-anchor() { property: value;}
 */

/* stylelint-disable length-zero-no-unit */

/**
 * Returns the font information for the given $breakpoint $size and style
 */

/*
  THIS FILE MUST CONTAIN ONLY MIXINS
*/

/* stylelint-disable */

/* stylelint-enable */

.uxc-m-accordion__item {
  width: 100%;
}

.uxc-m-accordion__item+.uxc-m-accordion__item {
  margin-top: 20px;
}

.uxc-m-accordion__item__label {
  display: inline-block;
  position: relative;
  float: left;
  padding-left: 24px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-transition-delay: .05s;
  transition-delay: .05s;
}

@media only screen and (max-width: 767px) {
  .uxc-m-accordion__item__label {
    margin-top: -6.42px;
    margin-bottom: -6.452px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-m-accordion__item__label {
    margin-top: -7.4px;
    margin-bottom: -7.44px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-m-accordion__item__label {
    width: 100%;
    padding-left: 17px;
    float: none;
  }
}

.uxc-m-accordion__item__label:before {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 0;
  left: 0;
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 70%/1 uxcJ7a60f;
  content: '\E000';
  -webkit-transform: translateY(70%) rotate(0deg);
  -ms-transform: translateY(70%) rotate(0deg);
  transform: translateY(70%) rotate(0deg);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}

.uxc-m-accordion__item__label:hover {
  color: #006d73;
}

.uxc-m-accordion__item__label:hover[aria-expanded=false]:before {
  color: #006d73;
}

[data-focus-source='pointer'] .uxc-m-accordion__item__label:focus {
  outline: 0;
}

.uxc-m-accordion__item__label:before {
  color: #46a9b4;
}

.uxc-state-m-accordion__item--expanded .uxc-m-accordion__item__label {
  color: #c31622;
}

.uxc-state-m-accordion__item--expanded .uxc-m-accordion__item__label:before {
  color: #c31622;
  -webkit-transform: translateY(70%) rotate(45deg);
  -ms-transform: translateY(70%) rotate(45deg);
  transform: translateY(70%) rotate(45deg);
}

@media only screen and (max-width: 767px) {
  .uxc-m-accordion__item__subtitle {
    margin-top: -6.58px;
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-m-accordion__item__subtitle {
    margin-top: -7.6px;
    margin-bottom: -8.2px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
  }
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* stylelint-disable */

/* stylelint-enable */

.uxc-m-accordion__item__annotation {
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}

@media only screen and (max-width: 767px) {
  .uxc-m-accordion__item__annotation--mobile {
    visibility: visible;
    opacity: 1;
    max-height: 999;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-m-accordion__item__annotation--mobile {
    visibility: hidden;
    opacity: 0;
    max-height: 0;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-m-accordion__item__annotation--desktop {
    visibility: visible;
    opacity: 1;
    max-height: 999;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-m-accordion__item__annotation--desktop {
    visibility: hidden;
    opacity: 0;
    max-height: 0;
  }
}

.uxc-state-m-accordion__item--expanded .uxc-m-accordion__item__annotation {
  visibility: hidden;
  opacity: 0;
  max-height: 0;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* Hover anchor is used to trigger hover states for nested elements
 * Main usage inside classic teaser pattern
 * Usage:   @include hover-anchor() { property: value;}
 */

/* stylelint-disable length-zero-no-unit */

/**
 * Returns the font information for the given $breakpoint $size and style
 */

/*
  THIS FILE MUST CONTAIN ONLY MIXINS
*/

.uxc-m-accordion__item__content {
  display: none;
  color: #141412;
  padding: 10px 0 20px 24px;
  margin: -10px 0 -20px 0;
}

@media only screen and (max-width: 767px) {
  .uxc-m-accordion__item__content {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-m-accordion__item__content {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-m-accordion__item__content {
    padding-left: 17px;
  }
}

.uxc-m-accordion__item__content[aria-hidden=false] {
  display: block;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

.uxc-m-accordion__summarize {
  padding-left: 24px;
}

@media only screen and (max-width: 767px) {
  .uxc-m-accordion__summarize {
    padding-left: 17px;
  }
}

@font-face {
  font-family: uxcH1603f;
  src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAPwAAsAAAAABjwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPAAAAFYvsTm3Y21hcAAAAYAAAABPAAABfmBD5KlnbHlmAAAB0AAAAFoAAAB4djGEz2hlYWQAAAIsAAAAKQAAADYNhKkpaGhlYQAAAlgAAAAWAAAAJAMBAQRobXR4AAACcAAAAAwAAAAMAgAAAGxvY2EAAAJ8AAAACAAAAAgAHgA8bWF4cAAAAoQAAAAeAAAAIAEPABtuYW1lAAACpAAAASkAAAIWm5e+CnBvc3QAAAPQAAAAIAAAADEDeJw2eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGRYzTiBgZWBgWERYxqQdIfSXxkkGVoYGJgYWJkZsIKANNcUBocHDA8YmUBcPSaIMCOIAAC9IgjLeJztkLENgDAMBM+JoUCMQUHBMFTMzybJ22YMXrqT/uXKwAJ0cQkHezAit1bLvbPl7hx547G/NoZMWN3TTVr5s6fPr7X4U1GfK2gTtugLLQB4nGNgYgACRgYgxcvAx8BgrK7HaGJmzyjOziYiz8j+8gIPLy/PBfGLvLwXxU9yySrIcp2UPMGrynNCEqgNTa+wuByjCBs/o7q5mYk+o7k4sl4mBlTdAPkfE+8AAHicY2BkYGAA4tVRU7Xi+W2+MnAzMYDAtc0mYsg0IwNYnANCAQDu6wcmAAAAeJxjYGRgYGIAAUYYCWEgADMAAMkACgAAAAAAAAEAAAABAAAAAAAAAAAeADx4nGNgZGBgYGbgZ2BiAAEQyQWEDAz/wXwGAApAASsAAHicZZA9bsJAFITHYEgCUoIUKSmzVQoimZ+SA0BPQZfCmLUxsr3WekGiywlyhBwhp4hyghwoY/NoYC0/fzNv3u7KAAb4hYd6ebhtar1auKE6cZv0IOyTn4U76ONFuEt/KNzDG6bCfTzinTt4/h2dAUrhFu7xIdym/ynsk7+EO3jCt3CX/o9wDyv8Cffx6g3TyBSxKdxSJ/sstGd5/q60rVJTqEkwPlsLXWgbOr1R66OqDsnUuVjF1uRqzq7OMqNKa3Y6csHWuXI2GsXiB5HJkSKCQYG4qQ5LaCTYI0MIe9W91CumLSr6tVaYIMD4KrVgqmiSIZXGhsk1jqwVDjxtStcxrfhazuSkucxq3iQjK/7vurejE9EPsG2mSsww4hNf5IPmDvk/PRFeqAAAAHicY2BigABWBuyAmZGJkZmRhYEp04Ap05CBAQAIaAFO") format('woff');
  font-weight: normal;
  font-style: normal;
}

/* stylelint-disable */

/* stylelint-enable */

.uxc-m-horizontal-scroller {
  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 10;
}

.uxc-m-horizontal-scroller:before {
  position: absolute;
  width: 180px;
  height: 100%;
  top: 0;
  left: -180px;
  background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  content: '';
  -webkit-transition: left 0.3s;
  transition: left 0.3s;
  pointer-events: none;
  z-index: 11;
}

.uxc-m-horizontal-scroller:after {
  position: absolute;
  width: 180px;
  height: 100%;
  top: 0;
  right: -180px;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  content: '';
  -webkit-transition: right 0.3s;
  transition: right 0.3s;
  pointer-events: none;
  z-index: 11;
}

.uxc-state-m-horizontal-scroller--overflow-left:before {
  left: 0;
}

.uxc-state-m-horizontal-scroller--overflow-left .uxc-m-horizontal-scroller__arrow-left {
  left: 10px;
  visibility: visible;
}

.uxc-state-m-horizontal-scroller--overflow-right:after {
  right: 0;
}

.uxc-state-m-horizontal-scroller--overflow-right .uxc-m-horizontal-scroller__arrow-right {
  right: 10px;
  visibility: visible;
}

.uxc-m-horizontal-scroller__arrow-left {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 10px;
  left: -30px;
  z-index: 12;
  -webkit-transition: left 0.3s;
  transition: left 0.3s;
  visibility: hidden;
}

.uxc-m-horizontal-scroller__arrow-left:after {
  position: absolute;
  width: 30px;
  height: 30px;
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 30px/1 uxcH1603f;
  content: '\E000';
  color: #46a9b4;
}

.uxc-m-horizontal-scroller__arrow-right {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 10px;
  right: -30px;
  z-index: 12;
  -webkit-transition: right 0.3s;
  transition: right 0.3s;
  visibility: hidden;
}

.uxc-m-horizontal-scroller__arrow-right:after {
  position: absolute;
  width: 30px;
  height: 30px;
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 30px/1 uxcH1603f;
  content: '\E001';
  color: #46a9b4;
}

.uxc-m-horizontal-scroller__content {
  width: 100%;
  overflow-x: auto;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* Hover anchor is used to trigger hover states for nested elements
 * Main usage inside classic teaser pattern
 * Usage:   @include hover-anchor() { property: value;}
 */

/* stylelint-disable length-zero-no-unit */

/**
 * Returns the font information for the given $breakpoint $size and style
 */

/*
  THIS FILE MUST CONTAIN ONLY MIXINS
*/

.uxc-m-closable-box {
  position: relative;
}

.uxc-state-m-closable-box--hidden {
  display: none;
}

@font-face {
  font-family: uxcMa9e53;
  src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAO4AAsAAAAABeQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPQAAAFYvsTtPY21hcAAAAYQAAABKAAABcOEoo6pnbHlmAAAB0AAAAC4AAAA8LjUXPWhlYWQAAAIAAAAAKAAAADYOhKkpaGhlYQAAAigAAAAVAAAAJAQBAgNobXR4AAACQAAAAAgAAAAIAgAAAGxvY2EAAAJIAAAABgAAAAYAHgAAbWF4cAAAAlAAAAAeAAAAIAEOABluYW1lAAACcAAAASkAAAIWm5e+CnBvc3QAAAOcAAAAGwAAACxqPAEEeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGRkYJzAwMrAwOjCmMbAwOAOpb8ySDK0MDAwMbAyM2AFAWmuKQwODxgeANUAgR4TRJgRRAAAUl4HZgAAAHic7ZCxDYAwEAPPykOBGIEqNbNQsb/YJPkY2CKWzpJPXz2wACU5kwDdiJErrewLm31QfRPDP7T2d+5wo5WZ3X18y796QR0aJglRAAB4nGNgYgACJiBk4GbgYWBgVGdXZxdnFzcXN1c3Z2KQevYMjhifIfOAugA99RGsAAB4nGNgZGBgAOIMVrX2eH6brwzcTAwgcG2ziRgyzcQAFueAUADQiQZ9eJxjYGRgYGIAATjJyIAKmAAA9gALAAAAAAAAAAIAAAAAAAAAAB4AAHicY2BkYGBgYuAFYgYwi4GBCwgZGP6D+QwACfMBKAAAeJxlkD1uwkAUhMdgSAJSghQpKbNVCiKZn5IDQE9Bl8KYtTGyvdZ6QaLLCXKEHCGniHKCHChj82hgLT9/M2/e7soABviFh3p5uG1qvVq4oTpxm/Qg7JOfhTvo40W4S38o3MMbpsJ9POKdO3j+HZ0BSuEW7vEh3Kb/KeyTv4Q7eMK3cJf+j3APK/wJ9/HqDdPIFLEp3FIn+yy0Z3n+rrStUlOoSTA+WwtdaBs6vVHro6oOydS5WMXW5GrOrs4yo0prdjpywda5cjYaxeIHkcmRIoJBgbipDktoJNgjQwh71b3UK6YtKvq1VpggwPgqtWCqaJIhlcaGyTWOrBUOPG1K1zGt+FrO5KS5zGreJCMr/u+6t6MT0Q+wbaZKzDDiE1/kg+YO+T89EV6oAAAAeJxjYGKAAFYG7ICJkYmRmYEp04CBAQADvgCsAA==") format('woff');
  font-weight: normal;
  font-style: normal;
}

.uxc-m-closable-box__icon {
  position: relative;
}

.uxc-m-closable-box__icon-anchor {
  position: absolute;
  top: 0;
  right: 0;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.uxc-m-closable-box__icon-anchor:before {
  position: absolute;
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 18px/1 uxcMa9e53;
  content: '\E000';
}

.uxc-m-closable-box__icon-anchor--top-right {
  top: 18px;
  right: 18px;
}

.uxc-state-m-closable-box__icon-anchor--primary:before {
  color: #46a9b4;
}

.uxc-state-m-closable-box__icon-anchor--primary:hover:before {
  color: #006d73;
}

.uxc-state-m-closable-box__icon-anchor--white:before {
  color: white;
}

.uxc-state-m-closable-box__icon-anchor--white:hover:before {
  color: white;
}

.uxc-state-m-closable-box__icon-anchor--grey:before {
  color: #8b9196;
}

.uxc-state-m-closable-box__icon-anchor--grey:hover:before {
  color: #8b9196;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* Hover anchor is used to trigger hover states for nested elements
 * Main usage inside classic teaser pattern
 * Usage:   @include hover-anchor() { property: value;}
 */

/* stylelint-disable length-zero-no-unit */

/**
 * Returns the font information for the given $breakpoint $size and style
 */

/*
  THIS FILE MUST CONTAIN ONLY MIXINS
*/

/* stylelint-disable */

/* stylelint-enable */

.uxc-m-closable-box__link {
  position: relative;
}

.uxc-state-m-closable-box__link--active {
  color: #c31622;
}

.uxc-m-collapsible__body {
  display: none;
}

.uxc-state-m-collapsible__body--expanded {
  display: block;
}

@font-face {
  font-family: uxcu5f48e;
  src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAO4AAsAAAAABdgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPQAAAFYvsTtPY21hcAAAAYQAAABKAAABcOEoo6pnbHlmAAAB0AAAAC8AAAAwo6xkdGhlYWQAAAIAAAAAKAAAADYOhKkpaGhlYQAAAigAAAAVAAAAJAQBAgNobXR4AAACQAAAAAgAAAAIAgAAAGxvY2EAAAJIAAAABgAAAAYAGAAAbWF4cAAAAlAAAAAeAAAAIAEOABluYW1lAAACcAAAASkAAAIWm5e+CnBvc3QAAAOcAAAAGwAAACxqPAEEeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGRkYJzAwMrAwOjCmMbAwOAOpb8ySDK0MDAwMbAyM2AFAWmuKQwODxgeANUAgR4TRJgRRAAAUl4HZgAAAHic7ZCxDYAwEAPPykOBGIEqNbNQsb/YJPkY2CKWzpJPXz2wACU5kwDdiJErrewLm31QfRPDP7T2d+5wo5WZ3X18y796QR0aJglRAAB4nGNgYgACJiBk4GbgYWBgVDZVFlUWNRY1NjU2ZWJ44PAAiBgVHoAZQJUAijAKIgB4nGNgZGBgAOJapZ7KeH6brwzcTAwgcG2ziRgyzcQAFueAUADolgcHeJxjYGRgYGIAATjJyIAKmAAA9gALAAAAAAAAAAIAAAAAAAAAABgAAHicY2BkYGBgYuAFYgYwi4GBCwgZGP6D+QwACfMBKAAAeJxlkD1uwkAUhMdgSAJSghQpKbNVCiKZn5IDQE9Bl8KYtTGyvdZ6QaLLCXKEHCGniHKCHChj82hgLT9/M2/e7soABviFh3p5uG1qvVq4oTpxm/Qg7JOfhTvo40W4S38o3MMbpsJ9POKdO3j+HZ0BSuEW7vEh3Kb/KeyTv4Q7eMK3cJf+j3APK/wJ9/HqDdPIFLEp3FIn+yy0Z3n+rrStUlOoSTA+WwtdaBs6vVHro6oOydS5WMXW5GrOrs4yo0prdjpywda5cjYaxeIHkcmRIoJBgbipDktoJNgjQwh71b3UK6YtKvq1VpggwPgqtWCqaJIhlcaGyTWOrBUOPG1K1zGt+FrO5KS5zGreJCMr/u+6t6MT0Q+wbaZKzDDiE1/kg+YO+T89EV6oAAAAeJxjYGKAAFYG7ICJkYmRmYEp04CBAQADvgCsAA==") format('woff');
  font-weight: normal;
  font-style: normal;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* Hover anchor is used to trigger hover states for nested elements
 * Main usage inside classic teaser pattern
 * Usage:   @include hover-anchor() { property: value;}
 */

/* stylelint-disable length-zero-no-unit */

/**
 * Returns the font information for the given $breakpoint $size and style
 */

/*
  THIS FILE MUST CONTAIN ONLY MIXINS
*/

/* stylelint-disable */

/* stylelint-enable */

.uxc-m-collapsible__toggle {
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.uxc-m-collapsible__toggle:hover {
  color: #006d73;
}

.uxc-m-collapsible__toggle:hover:before {
  color: #006d73;
}

[data-focus-source='pointer'] .uxc-m-collapsible__toggle:focus {
  outline: 0;
}

.uxc-m-collapsible__toggle.uxc-state-m-collapsible__toggle--active {
  color: #c31622;
}

.uxc-state-m-collapsible__toggle--black {
  color: #141412;
}

.uxc-state-m-collapsible__toggle--primary {
  color: #46a9b4;
}

.uxc-state-m-collapsible__toggle--tertiary {
  color: #c31622;
}

.uxc-state-m-collapsible__toggle--gray {
  color: #8b9196;
}

@media only screen and (max-width: 767px) {
  .uxc-m-collapsible__toggle--normal-s {
    margin-top: -6.58px;
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-m-collapsible__toggle--normal-s {
    margin-top: -7.6px;
    margin-bottom: -8.2px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-m-collapsible__toggle--bold-s {
    margin-top: -6.42px;
    margin-bottom: -6.452px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-m-collapsible__toggle--bold-s {
    margin-top: -7.4px;
    margin-bottom: -7.44px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

.uxc-state-m-collapsible__toggle--icon:before {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 0;
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 12px/1 uxcu5f48e;
  content: '\E000';
  color: #46a9b4;
  -webkit-transform: translateY(70%) rotate(0deg);
  -ms-transform: translateY(70%) rotate(0deg);
  transform: translateY(70%) rotate(0deg);
  -webkit-transition: opacity 0.3s, color 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, color 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s, color 0.3s;
  transition: transform 0.3s, opacity 0.3s, color 0.3s, -webkit-transform 0.3s;
}

.uxc-state-m-collapsible__toggle--active:before {
  color: #c31622;
  -webkit-transform: translateY(70%) rotate(45deg);
  -ms-transform: translateY(70%) rotate(45deg);
  transform: translateY(70%) rotate(45deg);
}

.uxc-state-m-collapsible__toggle--active .uxc-m-collapsible__toggle-content {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.uxc-state-m-collapsible__toggle--active .uxc-m-collapsible__toggle-content .uxc-m-collapsible__toggle-state:first-child {
  opacity: 1;
}

.uxc-state-m-collapsible__toggle--active .uxc-m-collapsible__toggle-content .uxc-m-collapsible__toggle-state:last-child {
  opacity: 0;
}

.uxc-state-m-collapsible__toggle--icon-position-left {
  padding-left: 25px;
}

.uxc-state-m-collapsible__toggle--icon-position-left:before {
  left: 0;
}

.uxc-state-m-collapsible__toggle--icon-position-right {
  padding-right: 25px;
}

.uxc-state-m-collapsible__toggle--icon-position-right:before {
  right: 0;
}

.uxc-m-collapsible__toggle-content {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  height: 30px;
}

@media only screen and (max-width: 767px) {
  .uxc-m-collapsible__toggle-content {
    height: 25px;
  }
}

.uxc-m-collapsible__toggle-state {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  display: block;
  height: 30px;
}

@media only screen and (max-width: 767px) {
  .uxc-m-collapsible__toggle-state {
    height: 25px;
  }
}

.uxc-m-collapsible__toggle-state:first-child {
  opacity: 0;
}

.uxc-m-collapsible__toggle-state:last-child {
  opacity: 1;
}

.uxc-state-m-collapsible__toggle--swap-disabled {
  overflow: visible;
}

.uxc-m-list {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}

@font-face {
  font-family: uxcJ8e9e7;
  src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAQ8AAsAAAAABmAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPQAAAFYvsTyzY21hcAAAAYQAAABVAAABjOEvI+NnbHlmAAAB3AAAAIIAAACEjh8Q32hlYWQAAAJgAAAAKwAAADYQY6kqaGhlYQAAAowAAAAdAAAAJAXhANBobXR4AAACrAAAABAAAAAQBiIAAGxvY2EAAAK8AAAACgAAAAoAVgAybWF4cAAAAsgAAAAeAAAAIAEQABtuYW1lAAAC6AAAASkAAAIWm5e+CnBvc3QAAAQUAAAAJQAAADacRW2jeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGTsZJzAwMrAwLiBMY2BgcEdSn9lkGRoYWBgYmBlZsAKAtJcUxgcHjA8YGICcfWYGMHCYBIAuuIIygAAAHic7ZCxDYBADAMvn0CBmIOKkkmoGJ9NHif/Y2DpLNmKUhhYABenCLAHI3WrteqdrfrgqJvI/m29y0lXjvKWn2zl115+zeS51KC2m2gv7TjAP2ybDQ0AAAB4nGNgYgACplVMjAysDGwMDMbq5uKM4ox37xqsYZxn8M/4of4GxgV6//QYwOoYpYEULwMfWJ2ZiT6jubgcowgbP6Oy8h1u7jvKd3j5+HjvqB7mkuE6rHqEW0FJgfsIyHiQXub7jFIMzAwsDAyCiqKK4sz3/ygaM0qZTGFgAABQYBiLAAB4nGNgZGBgAGLj26Ge8fw2Xxm4mRhA4NpmEzFkmvk+E0glBwNYGgD1twfwAHicY2BkYGBiAAGmVQwM/xSZ7zMwMqACFgA6vAK2AAAAAAAAAAKqAAABeAAAAgAAAAAAAAAAFAAyAEIAAHicY2BkYGBgYeBnYGIAARDJBYQMDP/BfAYAClsBLAAAeJxlkD1uwkAUhMdgSAJSghQpKbNVCiKZn5IDQE9Bl8KYtTGyvdZ6QaLLCXKEHCGniHKCHChj82hgLT9/M2/e7soABviFh3p5uG1qvVq4oTpxm/Qg7JOfhTvo40W4S38o3MMbpsJ9POKdO3j+HZ0BSuEW7vEh3Kb/KeyTv4Q7eMK3cJf+j3APK/wJ9/HqDdPIFLEp3FIn+yy0Z3n+rrStUlOoSTA+WwtdaBs6vVHro6oOydS5WMXW5GrOrs4yo0prdjpywda5cjYaxeIHkcmRIoJBgbipDktoJNgjQwh71b3UK6YtKvq1VpggwPgqtWCqaJIhlcaGyTWOrBUOPG1K1zGt+FrO5KS5zGreJCMr/u+6t6MT0Q+wbaZKzDDiE1/kg+YO+T89EV6oAAAAeJxjYGKAAFYG7ICFkYmRmZGFkZWBKdOAKdOQKdOIgQEADygB8gAAAA==") format('woff');
  font-weight: normal;
  font-style: normal;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* Hover anchor is used to trigger hover states for nested elements
 * Main usage inside classic teaser pattern
 * Usage:   @include hover-anchor() { property: value;}
 */

/* stylelint-disable length-zero-no-unit */

/**
 * Returns the font information for the given $breakpoint $size and style
 */

/*
  THIS FILE MUST CONTAIN ONLY MIXINS
*/

/* stylelint-disable */

/* stylelint-enable */

/**
* Vertical Spacer Definition
* For more Information check: https://helvetia.frontify.com/d/mVkSfuGBUKpR/helvetia-style-guide#/structure-layout/vertical-spacing
*/

.uxc-m-list__item {
  display: table;
}

.uxc-m-list__item--none {
  padding-left: 0;
}

.uxc-m-list__item--checkmark-black {
  padding-left: 1.6em;
}

.uxc-m-list__item--checkmark-black:before {
  margin-left: -2.28571em;
  width: 2.28571em;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 70%/1 uxcJ8e9e7;
  content: '\E000';
  color: #141412;
}

.uxc-m-list__item--checkmark-secondary {
  padding-left: 1.6em;
}

.uxc-m-list__item--checkmark-secondary:before {
  margin-left: -2.28571em;
  width: 2.28571em;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 70%/1 uxcJ8e9e7;
  content: '\E000';
  color: #8861a9;
}

.uxc-m-list__item--arrow-primary {
  padding-left: 1em;
}

.uxc-m-list__item--arrow-primary:before {
  margin-left: -2em;
  width: 2em;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 50%/1 uxcJ8e9e7;
  content: '\E001';
  color: #46a9b4;
}

.uxc-m-list__item--dash {
  padding-left: 1.5em;
}

.uxc-m-list__item--dash:before {
  margin-left: -3em;
  width: 3em;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 50%/1 uxcJ8e9e7;
  content: '\E002';
  color: #b9bdc0;
}

.uxc-state-m-list__item--xs+.uxc-m-list__item {
  margin-top: 20px;
}

.uxc-state-m-list__item--s+.uxc-m-list__item {
  margin-top: 30px;
}

.uxc-state-m-list__item--m+.uxc-m-list__item {
  margin-top: 40px;
}

.uxc-state-m-list__item--l+.uxc-m-list__item {
  margin-top: 50px;
}

.uxc-state-m-list__item--xl+.uxc-m-list__item {
  margin-top: 80px;
}

@font-face {
  font-family: uxcK47463;
  src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAPIAAsAAAAABeQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAOwAAAFYvsTpfY21hcAAAAYAAAABKAAABcOEoo6pnbHlmAAABzAAAADwAAAA83AuCwGhlYWQAAAIIAAAAKQAAADYNn6kpaGhlYQAAAjQAAAAZAAAAJAMcAXtobXR4AAACUAAAAAgAAAAIAXgAAGxvY2EAAAJYAAAABgAAAAYAHgAAbWF4cAAAAmAAAAAeAAAAIAEOABtuYW1lAAACgAAAASkAAAIWm5e+CnBvc3QAAAOsAAAAGwAAACxqPAEEeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGTYwziBgZWBgeEdYxqQdIfSXxkkGVoYGJgYWJkZsIKANNcUBocHDA+AaoBAjwkizAgiAOy6CXMAeJztkLENgDAQA8/KQ4EYgSo1s1Cxv9gk+RjYIpbOkk9fPbAAJTmTAN2IkSut7AubfVB9E8M/tPZ37nCjlZndfXzLv3pBHRomCVEAAAACAAAAAAEbAgAADQAOAAAzJzc2NC8BNxceARQGDwEjI9wLC9wj3A0ODg3cJcMKHArDJcQLICIgC8QAAHicY2BkYGAAYoE/Qbnx/DZfGbiZGEDg2mYTMWSaURoszsEApgDwpwdIAAAAeJxjYGRgYGIAAcYKMCnNwMiACpgADoEAnAAAAAAAAAABeAAAAAAAAAAeAAB4nGNgZGBgYGLgB2IGMIuBgQsIGRj+g/kMAAolASoAAHicZZA9bsJAFITHYEgCUoIUKSmzVQoimZ+SA0BPQZfCmLUxsr3WekGiywlyhBwhp4hyghwoY/NoYC0/fzNv3u7KAAb4hYd6ebhtar1auKE6cZv0IOyTn4U76ONFuEt/KNzDG6bCfTzinTt4/h2dAUrhFu7xIdym/ynsk7+EO3jCt3CX/o9wDyv8Cffx6g3TyBSxKdxSJ/sstGd5/q60rVJTqEkwPlsLXWgbOr1R66OqDsnUuVjF1uRqzq7OMqNKa3Y6csHWuXI2GsXiB5HJkSKCQYG4qQ5LaCTYI0MIe9W91CumLSr6tVaYIMD4KrVgqmiSIZXGhsk1jqwVDjxtStcxrfhazuSkucxq3iQjK/7vurejE9EPsG2mSsww4hNf5IPmDvk/PRFeqAAAAHicY2BigABWBuyAiZGJkZmBKdOAgQEAA74ArAA=") format('woff');
  font-weight: normal;
  font-style: normal;
}

/* stylelint-disable */

/* stylelint-enable */

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* Hover anchor is used to trigger hover states for nested elements
 * Main usage inside classic teaser pattern
 * Usage:   @include hover-anchor() { property: value;}
 */

/* stylelint-disable length-zero-no-unit */

/**
 * Returns the font information for the given $breakpoint $size and style
 */

/*
  THIS FILE MUST CONTAIN ONLY MIXINS
*/

/**
* Vertical Spacer Definition
* For more Information check: https://helvetia.frontify.com/d/mVkSfuGBUKpR/helvetia-style-guide#/structure-layout/vertical-spacing
*/

.uxc-m-list__item-link {
  list-style-type: none;
}

.uxc-m-list__item-link__anchor {
  display: block;
  text-decoration: none;
  padding-left: 0.94em;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  /*
   * No outline for mouse clicks or custom focus handling
   */
}

[data-focus-source='script'] .uxc-m-list__item-link__anchor:focus,
[data-focus-source='pointer'] .uxc-m-list__item-link__anchor:focus {
  outline: 0;
}

.uxc-m-list__item-link__anchor::before {
  display: inline-block;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  margin-left: -1.33em;
  width: 1.33em;
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 50%/1 uxcK47463;
  content: '\E000';
}

.uxc-m-list__item-link--color-black {
  color: #141412;
}

.uxc-m-list__item-link--color-black:before {
  color: #46a9b4;
}

.uxc-m-list__item-link--color-black:hover {
  color: #006d73;
  -webkit-transition: none;
  transition: none;
}

.uxc-m-list__item-link--color-black:hover:before {
  color: #006d73;
}

.uxc-m-list__item-link--color-black:active {
  color: #c31622;
}

.uxc-m-list__item-link--color-black:active:before {
  color: #c31622;
}

.uxc-m-list__item-link--color-primary {
  color: #46a9b4;
}

.uxc-m-list__item-link--color-primary:before {
  color: #46a9b4;
}

.uxc-m-list__item-link--color-primary:hover {
  color: #006d73;
}

.uxc-m-list__item-link--color-primary:hover:before {
  color: #006d73;
}

.uxc-state-m-list__item-link--xxxs+.uxc-m-list__item-link {
  margin-top: 10px;
}

.uxc-state-m-list__item-link--xxs+.uxc-m-list__item-link {
  margin-top: 15px;
}

.uxc-state-m-list__item-link--xs+.uxc-m-list__item-link {
  margin-top: 20px;
}

.uxc-state-m-list__item-link--s+.uxc-m-list__item-link {
  margin-top: 30px;
}

.uxc-state-m-list__item-link--m+.uxc-m-list__item-link {
  margin-top: 40px;
}

.uxc-state-m-list__item-link--l+.uxc-m-list__item-link {
  margin-top: 50px;
}

.uxc-state-m-list__item-link--xl+.uxc-m-list__item-link {
  margin-top: 80px;
}

@media only screen and (max-width: 767px) {
  .uxc-m-list__item-link--font-size-xxs {
    margin-top: -5.56px;
    margin-bottom: -5.92px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 12px;
    /* stylelint-enable property-blacklist */
    line-height: 20px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-m-list__item-link--font-size-xxs {
    margin-top: -4.82px;
    margin-bottom: -5.24px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 14px;
    /* stylelint-enable property-blacklist */
    line-height: 20px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-m-list__item-link--font-size-xs {
    margin-top: -6.58px;
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-m-list__item-link--font-size-xs {
    margin-top: -6.58px;
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-m-list__item-link--font-size-s {
    margin-top: -6.58px;
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-m-list__item-link--font-size-s {
    margin-top: -7.6px;
    margin-bottom: -8.2px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-m-list__item-link--font-size-l {
    margin-top: -8.25px;
    margin-bottom: -9px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-m-list__item-link--font-size-l {
    margin-top: -9.92px;
    margin-bottom: -10.94px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-m-list__item-link--font-size-xl {
    margin-top: -8.9px;
    margin-bottom: -9.8px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 30px;
    /* stylelint-enable property-blacklist */
    line-height: 40px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-m-list__item-link--font-size-xl {
    margin-top: -12.7px;
    margin-bottom: -13.9px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 40px;
    /* stylelint-enable property-blacklist */
    line-height: 55px;
    font-weight: normal;
    font-style: normal;
  }
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

.uxc-m-flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.uxc-m-flex-row--direction-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media only screen and (max-width: 767px) {
  html .uxc-m-flex-row--direction-column\@mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-m-flex-row--direction-column\@tablet {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-m-flex-row--direction-column\@desktop {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-m-flex-row--direction-column\@hd {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.uxc-m-flex-row--direction-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

@media only screen and (max-width: 767px) {
  html .uxc-m-flex-row--direction-row\@mobile {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-m-flex-row--direction-row\@tablet {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-m-flex-row--direction-row\@desktop {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-m-flex-row--direction-row\@hd {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.uxc-m-flex-column {
  max-width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

/* stylelint-disable */

.uxc-m-flex-column--size-1 {
  min-width: 8.33333%;
}

.uxc-m-flex-column--size-1.uxc-m-flex-column--grow {
  width: 8.33333%;
}

.uxc-m-flex-column--size-2 {
  min-width: 16.66667%;
}

.uxc-m-flex-column--size-2.uxc-m-flex-column--grow {
  width: 16.66667%;
}

.uxc-m-flex-column--size-3 {
  min-width: 25%;
}

.uxc-m-flex-column--size-3.uxc-m-flex-column--grow {
  width: 25%;
}

.uxc-m-flex-column--size-4 {
  min-width: 33.33333%;
}

.uxc-m-flex-column--size-4.uxc-m-flex-column--grow {
  width: 33.33333%;
}

.uxc-m-flex-column--size-5 {
  min-width: 41.66667%;
}

.uxc-m-flex-column--size-5.uxc-m-flex-column--grow {
  width: 41.66667%;
}

.uxc-m-flex-column--size-6 {
  min-width: 50%;
}

.uxc-m-flex-column--size-6.uxc-m-flex-column--grow {
  width: 50%;
}

.uxc-m-flex-column--size-7 {
  min-width: 58.33333%;
}

.uxc-m-flex-column--size-7.uxc-m-flex-column--grow {
  width: 58.33333%;
}

.uxc-m-flex-column--size-8 {
  min-width: 66.66667%;
}

.uxc-m-flex-column--size-8.uxc-m-flex-column--grow {
  width: 66.66667%;
}

.uxc-m-flex-column--size-9 {
  min-width: 75%;
}

.uxc-m-flex-column--size-9.uxc-m-flex-column--grow {
  width: 75%;
}

.uxc-m-flex-column--size-10 {
  min-width: 83.33333%;
}

.uxc-m-flex-column--size-10.uxc-m-flex-column--grow {
  width: 83.33333%;
}

.uxc-m-flex-column--size-11 {
  min-width: 91.66667%;
}

.uxc-m-flex-column--size-11.uxc-m-flex-column--grow {
  width: 91.66667%;
}

/* stylelint-enable */

.uxc-m-flex-column--size-12 {
  width: 100%;
}

.uxc-m-flex-column--grow {
  min-width: 1px;
}

.uxc-m-flex-column--middle {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.uxc-m-flex-column--bottom {
  -ms-flex-item-align: bottom;
  -ms-grid-row-align: bottom;
  align-self: bottom;
}

.uxc-m-flex-column-seperator {
  width: 1px;
  min-width: 1px;
  max-width: 1px;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.uxc-m-flex-column-seperator--color-gray {
  background: #e8e9ea;
}

.uxc-m-flex-column-seperator--color-white {
  background: white;
}

.uxc-m-flex-column-seperator--gutter-s {
  margin-left: 10px;
  margin-right: 10px;
}

.uxc-m-flex-column-seperator--gutter-m {
  margin-left: 20px;
  margin-right: 20px;
}

.uxc-m-horizontal-list {
  margin-bottom: -20px;
  margin-left: -20px;
  margin-right: -20px;
  display: table;
}

.uxc-m-horizontal-list__content:after {
  content: '';
  display: table;
  clear: both;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

.uxc-m-horizontal-list__item {
  display: block;
  float: left;
  margin-right: 20px;
  margin-left: 20px;
  margin-bottom: 20px;
}

.uxc-m-horizontal-list__item--size-full {
  float: none;
}

@media only screen and (max-width: 767px) {
  html .uxc-m-horizontal-list__item--size-full\@mobile {
    float: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-m-horizontal-list__item--size-full\@tablet {
    float: none;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-m-horizontal-list__item--size-full\@desktop {
    float: none;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-m-horizontal-list__item--size-full\@hd {
    float: none;
  }
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

.uxc-m-map__map {
  height: 370px;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

.uxc-h-google-maps__colors:before {
  display: none;
  content: '{ "default": "#46a9b4", "current": "#006d73" }';
}

/* stylelint-disable */

/* stylelint-enable */

.uxc-m-option-selector {
  position: relative;
  display: table;
}

.uxc-m-option-selector__background {
  position: absolute;
  display: none;
  height: 100%;
  width: 140px;
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  background-color: #46a9b4;
  -webkit-transition: width 0.3s, -webkit-transform 0.3s;
  transition: width 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, width 0.3s;
  transition: transform 0.3s, width 0.3s, -webkit-transform 0.3s;
}

[data-focus-source='key'] .uxc-m-option-selector__background {
  background-color: #006d73;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* Hover anchor is used to trigger hover states for nested elements
 * Main usage inside classic teaser pattern
 * Usage:   @include hover-anchor() { property: value;}
 */

/* stylelint-disable length-zero-no-unit */

/**
 * Returns the font information for the given $breakpoint $size and style
 */

/*
  THIS FILE MUST CONTAIN ONLY MIXINS
*/

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* stylelint-disable */

/* stylelint-enable */

.uxc-m-option-selector-item {
  position: relative;
  display: table-cell;
  vertical-align: bottom;
  height: 65px;
  color: #46a9b4;
  cursor: pointer;
  z-index: 1;
  border-bottom: 1px solid #46a9b4;
  box-sizing: content-box;
  white-space: nowrap;
}

@media only screen and (max-width: 767px) {
  .uxc-m-option-selector-item {
    height: 60px;
  }
}

.uxc-m-option-selector-item__content {
  display: table;
  height: 100%;
  overflow: hidden;
  padding: 5px 20px 0 20px;
  box-sizing: border-box;
  -webkit-transition: color 100ms;
  transition: color 100ms;
}

.uxc-state-m-option-selector-item--disabled {
  opacity: .5;
  cursor: default;
}

.uxc-m-option-selector-item__input {
  opacity: 0;
  left: 0;
  position: absolute;
  overflow: hidden;
  pointer-events: none;
}

.uxc-m-option-selector-item__input:checked+.uxc-m-option-selector-item__content {
  -webkit-transition: background 0s 300ms, color 500ms;
  transition: background 0s 300ms, color 500ms;
}

.uxc-m-option-selector-item__input:checked+.uxc-m-option-selector-item__content {
  color: white;
  background: #46a9b4;
}

[data-focus-source='key'] .uxc-m-option-selector-item__input:focus+.uxc-m-option-selector-item__content {
  background: #006d73;
  -webkit-transition: none;
  transition: none;
}

.uxc-m-option-selector-item__top-label {
  display: table-row;
}

@media only screen and (max-width: 767px) {
  .uxc-m-option-selector-item__top-label {
    margin-top: -5.56px;
    margin-bottom: -5.92px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 12px;
    /* stylelint-enable property-blacklist */
    line-height: 20px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-m-option-selector-item__top-label {
    margin-top: -4.82px;
    margin-bottom: -5.24px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 14px;
    /* stylelint-enable property-blacklist */
    line-height: 20px;
    font-weight: normal;
    font-style: normal;
  }
}

.uxc-m-option-selector-item__bottom-label {
  display: table-cell;
  vertical-align: bottom;
}

@media only screen and (max-width: 767px) {
  .uxc-m-option-selector-item__bottom-label {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-m-option-selector-item__bottom-label {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
  }
}

.uxc-m-option-selector-item__bottom-label-body {
  margin-bottom: 10px;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

.uxc-m-ordered-list {
  counter-reset: ux-ordered-list-counter;
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 0 0 50px;
}

.uxc-m-ordered-list--horizontal {
  padding: 0;
}

/* stylelint-disable */

/* stylelint-enable */

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* Hover anchor is used to trigger hover states for nested elements
 * Main usage inside classic teaser pattern
 * Usage:   @include hover-anchor() { property: value;}
 */

/* stylelint-disable length-zero-no-unit */

/**
 * Returns the font information for the given $breakpoint $size and style
 */

/*
  THIS FILE MUST CONTAIN ONLY MIXINS
*/

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

.uxc-m-ordered-list__item {
  counter-increment: ux-ordered-list-counter;
}

.uxc-m-ordered-list__item+.uxc-m-ordered-list__item {
  margin-top: 30px;
}

.uxc-m-ordered-list__item-link {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  /*
   * No outline for mouse clicks or custom focus handling
   */
  color: #8b9196;
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .uxc-m-ordered-list__item-link {
    margin-top: -6.42px;
    margin-bottom: -6.452px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-m-ordered-list__item-link {
    margin-top: -7.4px;
    margin-bottom: -7.44px;
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

[data-focus-source='script'] .uxc-m-ordered-list__item-link:focus,
[data-focus-source='pointer'] .uxc-m-ordered-list__item-link:focus {
  outline: 0;
}

.uxc-m-ordered-list__item-link:before {
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  border: 2px solid #8b9196;
  border-radius: 50%;
  content: counter(ux-ordered-list-counter);
  display: inline-block;
  height: 30px;
  margin: 0 20px 0 -50px;
  text-align: center;
  width: 30px;
}

@media only screen and (max-width: 767px) {
  .uxc-m-ordered-list__item-link:before {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-m-ordered-list__item-link:before {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

.uxc-m-ordered-list__item-link:hover {
  color: #006d73;
}

.uxc-m-ordered-list__item-link:hover:before {
  border-color: #006d73;
}

.uxc-m-ordered-list__item--active .uxc-m-ordered-list__item-link {
  color: #c31622;
}

.uxc-m-ordered-list__item--active .uxc-m-ordered-list__item-link:before {
  background-color: white;
  color: #c31622;
  border-color: #c31622;
}

.uxc-m-ordered-list__item--active .uxc-m-ordered-list__item-link:hover:before {
  border-color: #c31622;
}

.uxc-m-ordered-list__item--active .uxc-m-ordered-list__item-link:hover {
  color: #c31622;
}

.uxc-m-ordered-list--horizontal {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 100%;
}

.uxc-m-ordered-list--horizontal .uxc-m-ordered-list__item {
  width: 30px;
  min-width: 30px;
  margin-left: 10px;
}

.uxc-m-ordered-list--horizontal .uxc-m-ordered-list__item:first-child {
  margin-left: 0;
}

.uxc-m-ordered-list--horizontal .uxc-m-ordered-list__item+.uxc-m-ordered-list__item {
  margin-top: 0;
}

.uxc-m-ordered-list--horizontal .uxc-m-ordered-list__item-link {
  display: inline-block;
  overflow: hidden;
  text-indent: -9999999px;
  width: 30px;
}

.uxc-m-ordered-list--horizontal .uxc-m-ordered-list__item-link:before {
  float: left;
  text-indent: 0;
  margin: 0;
}

.uxc-m-ordered-list--horizontal .uxc-m-ordered-list__item--active {
  width: auto;
}

.uxc-m-ordered-list--horizontal .uxc-m-ordered-list__item--active .uxc-m-ordered-list__item-link {
  color: #8b9196;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  width: auto;
  text-indent: 0;
}

.uxc-m-ordered-list--horizontal .uxc-m-ordered-list__item--active .uxc-m-ordered-list__item-link:before {
  float: none;
  text-indent: 0;
  margin: 0 10px 0 0;
}

/* stylelint-disable */

/* stylelint-enable */

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* Hover anchor is used to trigger hover states for nested elements
 * Main usage inside classic teaser pattern
 * Usage:   @include hover-anchor() { property: value;}
 */

/* stylelint-disable length-zero-no-unit */

/**
 * Returns the font information for the given $breakpoint $size and style
 */

/*
  THIS FILE MUST CONTAIN ONLY MIXINS
*/

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

.uxc-m-ordered-list__subitem {
  counter-increment: ux-ordered-list-counter;
}

.uxc-m-ordered-list__subitem+.uxc-m-ordered-list__subitem {
  margin-top: 20px;
}

.uxc-m-ordered-list__subitem {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  /*
   * No outline for mouse clicks or custom focus handling
   */
  margin-top: 20px;
  margin-left: -50px;
  color: #8b9196;
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .uxc-m-ordered-list__subitem {
    margin-top: -6.58px;
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-m-ordered-list__subitem {
    margin-top: -6.58px;
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

[data-focus-source='script'] .uxc-m-ordered-list__subitem:focus,
[data-focus-source='pointer'] .uxc-m-ordered-list__subitem:focus {
  outline: 0;
}

.uxc-m-ordered-list__subitem .uxc-m-ordered-list__subitem-link {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  /*
   * No outline for mouse clicks or custom focus handling
   */
  color: #8b9196;
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .uxc-m-ordered-list__subitem .uxc-m-ordered-list__subitem-link {
    margin-top: -6.58px;
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-m-ordered-list__subitem .uxc-m-ordered-list__subitem-link {
    margin-top: -6.58px;
    margin-bottom: -7.06px;
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

[data-focus-source='script'] .uxc-m-ordered-list__subitem .uxc-m-ordered-list__subitem-link:focus,
[data-focus-source='pointer'] .uxc-m-ordered-list__subitem .uxc-m-ordered-list__subitem-link:focus {
  outline: 0;
}

.uxc-m-ordered-list__subitem .uxc-m-ordered-list__subitem-link:before {
  border: 2px solid #8b9196;
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 10px;
  margin: 0 30px 0 -40px;
  text-align: center;
  width: 10px;
}

.uxc-m-ordered-list__subitem .uxc-m-ordered-list__subitem-link:hover:before {
  border-color: #006d73;
}

.uxc-m-ordered-list__subitem .uxc-m-ordered-list__subitem-link:hover {
  color: #006d73;
}

.uxc-m-ordered-list__subitem--active .uxc-m-ordered-list__subitem-link {
  color: #c31622;
  cursor: pointer;
}

.uxc-m-ordered-list__subitem--active .uxc-m-ordered-list__subitem-link:before {
  background-color: #c31622;
  color: #c31622;
  border-color: #c31622;
}

.uxc-m-ordered-list__subitem--active .uxc-m-ordered-list__subitem-link:hover:before {
  background-color: #006d73;
}

.uxc-m-ordered-list__subitem--passed .uxc-m-ordered-list__subitem-link:before {
  border-color: #c31622;
}

/* 20% is width of navigation element on the right */

.uxc-m-process-layout {
  /* clearfix */
}

.uxc-m-process-layout:after {
  content: '';
  display: table;
  clear: both;
}

/* 20% is width of navigation element on the right */

.uxc-m-process-layout__content {
  float: left;
  width: 100%;
  margin-right: -20%;
}

/* 20% is width of navigation element on the right */

.uxc-m-process-layout__navigation {
  float: left;
  width: 20%;
}

@font-face {
  font-family: uxcvec843;
  src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAQMAAsAAAAABkgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPQAAAFYvskB1Y21hcAAAAYQAAABPAAABfmBD5KlnbHlmAAAB1AAAAHEAAACE/cQaDGhlYWQAAAJIAAAAKwAAADYRhakoaGhlYQAAAnQAAAAWAAAAJAcBBQRobXR4AAACjAAAAAwAAAAMBwAAAGxvY2EAAAKYAAAACAAAAAgAHgBCbWF4cAAAAqAAAAAeAAAAIAEPABxuYW1lAAACwAAAASkAAAIWm5e+CnBvc3QAAAPsAAAAIAAAADEDeJw2eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQKZZzAwMrAwKzDmMbAwOAOpb8ySDK0MDAwMbAyM2AFAWmuKQwODxgeMDKBuHpAkpEBghkAYi0HkgAAAHic7ZCxDYAwDATPiaFAjEFBwTBUzM8mydtmDF66k/7lysACdHEJB3swIrdWy72z5e4ceeOxvzaGTFjd001a+bOnz6+1+FNRnytoE7boCy0AeJxjYGIAAiYgZOBm4GFgYFRnV2cXZxc3FzdXN2dikHr2DI4YnyHzINoY/v9nBVF8DPwMDIpKauqM5oxiRuaM4ox8jMpMDcpO0v8YlJgYNLM0mRiU/jFIOylLiDOuVvsXpqzMuErtX6i4BNAYANQFHtMAAAB4nGNgZGBgAOImw5AT8fw2Xxm4mRhA4NpmEzEE/f8/KwNYnANCAQAO3gkzAHicY2BkYGBiAAFWGMnIgAqYAQGBABIAAAAAAAACAAAABQAAAAAAAAAAHgBCeJxjYGRgYGBmEGBgYgABEMkFhAwM/8F8BgAKWQEsAAB4nGWQPW7CQBSEx2BIAlKCFCkps1UKIpmfkgNAT0GXwpi1MbK91npBossJcoQcIaeIcoIcKGPzaGAtP38zb97uygAG+IWHenm4bWq9WrihOnGb9CDsk5+FO+jjRbhLfyjcwxumwn084p07eP4dnQFK4Rbu8SHcpv8p7JO/hDt4wrdwl/6PcA8r/An38eoN08gUsSncUif7LLRnef6utK1SU6hJMD5bC11oGzq9Ueujqg7J1LlYxdbkas6uzjKjSmt2OnLB1rlyNhrF4geRyZEigkGBuKkOS2gk2CNDCHvVvdQrpi0q+rVWmCDA+Cq1YKpokiGVxobJNY6sFQ48bUrXMa34Ws7kpLnMat4kIyv+77q3oxPRD7BtpkrMMOITX+SD5g75Pz0RXqgAAAB4nGNgYoAAVgbsgJmRiZGZkYWBKdOAKdOQgQEACGgBTg==") format('woff');
  font-weight: normal;
  font-style: normal;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* Hover anchor is used to trigger hover states for nested elements
 * Main usage inside classic teaser pattern
 * Usage:   @include hover-anchor() { property: value;}
 */

/* stylelint-disable length-zero-no-unit */

/**
 * Returns the font information for the given $breakpoint $size and style
 */

/*
  THIS FILE MUST CONTAIN ONLY MIXINS
*/

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* stylelint-disable */

/* stylelint-enable */

.uxc-m-pullout-menu {
  position: relative;
  display: inline-block;
}

.uxc-m-pullout-menu__label {
  display: inline;
  position: relative;
  color: #46a9b4;
  margin-top: 0;
  margin-bottom: 0;
  /* stylelint-disable property-blacklist */
  font-size: inherit;
  font-weight: inherit;
  /* stylelint-enable property-blacklist */
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .uxc-m-pullout-menu--xs {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-m-pullout-menu--xs {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

.uxc-m-pullout-menu--xs .uxc-m-pullout-menu__icon:before {
  width: 40px;
  height: 18px;
  margin-left: -20px;
}

.uxc-m-pullout-menu--xs .uxc-m-pullout-menu__close:before {
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 12px/1 uxcvec843;
  content: '\E000';
}

@media only screen and (max-width: 767px) {
  .uxc-m-pullout-menu--s {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-m-pullout-menu--s {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
  }
}

.uxc-m-pullout-menu--s .uxc-m-pullout-menu__icon:before {
  width: 20px;
  height: 10px;
  margin-left: -20px;
}

.uxc-m-pullout-menu--s .uxc-m-pullout-menu__close:before {
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 15px/1 uxcvec843;
  content: '\E000';
}

@media only screen and (max-width: 767px) {
  .uxc-m-pullout-menu--m {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-m-pullout-menu--m {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 24px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

.uxc-m-pullout-menu--m .uxc-m-pullout-menu__icon:before {
  width: 24px;
  height: 12px;
  margin-left: -20px;
}

.uxc-m-pullout-menu--m .uxc-m-pullout-menu__close:before {
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 20px/1 uxcvec843;
  content: '\E000';
}

@media only screen and (max-width: 767px) {
  .uxc-m-pullout-menu--l {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 25px;
    /* stylelint-enable property-blacklist */
    line-height: 35px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-m-pullout-menu--l {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 34px;
    /* stylelint-enable property-blacklist */
    line-height: 45px;
    font-weight: normal;
    font-style: normal;
  }
}

.uxc-m-pullout-menu--l .uxc-m-pullout-menu__icon:before {
  width: 30px;
  height: 16px;
  margin-left: -20px;
}

.uxc-m-pullout-menu--l .uxc-m-pullout-menu__close:before {
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 20px/1 uxcvec843;
  content: '\E000';
}

@media only screen and (max-width: 767px) {
  .uxc-m-pullout-menu--xxl {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 45px;
    /* stylelint-enable property-blacklist */
    line-height: 55px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-m-pullout-menu--xxl {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 60px;
    /* stylelint-enable property-blacklist */
    line-height: 70px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

.uxc-m-pullout-menu--xxl .uxc-m-pullout-menu__menu {
  padding-right: 60px;
}

.uxc-m-pullout-menu--xxl .uxc-m-pullout-menu__icon:before {
  width: 45px;
  height: 18px;
  margin-left: -20px;
}

.uxc-m-pullout-menu--xxl .uxc-m-pullout-menu__close:before {
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 30px/1 uxcvec843;
  content: '\E000';
}

.uxc-m-pullout-menu__menu {
  position: absolute;
  width: 100%;
  min-width: 220px;
  max-height: 500px;
  overflow-y: auto;
  padding: 20px 50px 20px 20px;
  right: 0;
  top: 0;
  background-color: white;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 0 50px -5px rgba(139, 145, 150, 0.5);
  z-index: 70;
  -webkit-transition: opacity 0.3s, visibility 0.4s;
  transition: opacity 0.3s, visibility 0.4s;
}

@media only screen and (max-width: 767px) {
  .uxc-m-pullout-menu__menu {
    position: fixed;
    top: 0;
    bottom: 0;
    min-width: 0;
    max-height: none;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 50px 20px 30px;
  }
}

.uxc-state-m-pullout-menu__menu--active {
  opacity: 1;
  visibility: visible;
}

.uxc-m-pullout-menu__menu-inner {
  position: relative;
  width: 100%;
  height: auto;
  overflow-y: auto;
}

.uxc-m-pullout-menu__arrow {
  display: inline-block;
  position: relative;
  height: 100%;
  cursor: pointer;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
  /*
   * No outline for mouse clicks or custom focus handling
   */
}

[data-focus-source='script'] .uxc-m-pullout-menu__arrow:focus,
[data-focus-source='pointer'] .uxc-m-pullout-menu__arrow:focus {
  outline: 0;
}

.uxc-m-pullout-menu__arrow:before {
  margin-right: .4em;
  display: block;
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 40%/1 uxcvec843;
  content: '\E001';
  line-height: 1.2;
  color: #46a9b4;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.uxc-m-pullout-menu__close {
  position: absolute;
  right: 0;
  text-decoration: none;
  color: #46a9b4;
  padding-right: 20px;
}

.uxc-m-pullout-menu__close:before {
  display: block;
  cursor: pointer;
}

.uxc-state-m-pullout-menu__menu--active .uxc-state-m-pullout-menu__icon--active:before {
  opacity: 0;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* stylelint-disable */

/* stylelint-enable */

/**
 * Add a shadow to indicate that this container is scrollable
 *
 * The shadow is only visible if the user can scroll.
 */

/**
 * Only for devices with touch support
 */

/**
 * Only for pointer only devices
 */

.uxc-m-screen-overlay {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 70;
}

.uxc-m-screen-overlay__background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(208, 208, 208, 0.9);
  opacity: 0;
  -webkit-transition: opacity 0.3s 0.1s;
  transition: opacity 0.3s 0.1s;
}

.uxc-m-screen-overlay__container {
  position: relative;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

@media only screen and (max-width: 767px) {
  .uxc-m-screen-overlay__container {
    width: 100%;
  }
}

.uxc-m-screen-overlay__inner-container {
  background-color: white;
  height: 100%;
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  .uxc-m-screen-overlay__inner-container {
    margin-left: -40px;
    margin-right: -40px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-m-screen-overlay__inner-container {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

body.uxc-state-m-screen-overlay--body-scroll-fix {
  overflow: hidden;
}

.uxc-state-m-screen-overlay--hidden {
  display: none;
}

.uxc-state-m-screen-overlay--open .uxc-m-screen-overlay__background {
  opacity: 1;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.uxc-state-m-screen-overlay--open .uxc-m-screen-overlay__container {
  opacity: 1;
  -webkit-transition: opacity 0.2s 0.2s;
  transition: opacity 0.2s 0.2s;
}

@media only screen and (min-width: 768px) {
  .uxc-m-screen-overlay__container--width-s {
    width: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media only screen and (min-width: 768px) {
  .uxc-m-screen-overlay__container--width-m {
    width: 66.666667%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media only screen and (min-width: 768px) {
  .uxc-m-screen-overlay__container--width-l {
    left: 16.66667%;
    width: 75%;
  }
}

.uxc-m-screen-overlay__container--width-xl {
  width: 100%;
}

.uxc-m-screen-overlay__container--width-xl .uxc-m-screen-overlay__inner-container {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}

.uxc-m-screen-overlay--height-centered {
  -webkit-overflow-scrolling: touch;
}

@media only screen and (min-width: 768px) {
  .uxc-m-screen-overlay--height-centered .uxc-m-screen-overlay__container {
    height: calc(100vh - 160px);
    margin-top: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-m-screen-overlay--height-centered .uxc-m-screen-overlay__container {
    height: 100vh;
  }
}

.uxc-m-screen-overlay--height-overflow {
  position: absolute;
}

@media only screen and (min-width: 768px) {
  .uxc-m-screen-overlay--height-overflow .uxc-m-screen-overlay__container {
    margin-top: 80px;
    margin-bottom: 80px;
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-m-screen-overlay--height-overflow .uxc-m-screen-overlay__container {
    min-height: 100vh;
    padding-bottom: 40px;
  }
}

.uxc-m-screen-overlay--height-overflow .uxc-m-screen-overlay__container--width-xl {
  padding-bottom: 40px;
}

.uxc-m-screen-overlay--height-full {
  -webkit-overflow-scrolling: touch;
}

.uxc-m-screen-overlay--height-full .uxc-m-screen-overlay__container {
  height: 100vh;
}

.uxc-m-screen-overlay--no-scroll .uxc-m-screen-overlay__body,
.uxc-m-screen-overlay--no-scroll .uxc-m-screen-overlay__body-outer {
  overflow: hidden;
}

.uxc-m-screen-overlay--no-scroll .uxc-m-screen-overlay__body--scroll-shadow {
  background: transparent;
}

/**
 * The content of the overlay is larger than the overlay to allow using grid columns
 * and grid offset inside the overlay without (see the image below).
 *
 * This file contains helpers to calculate the correct percent values.
 *
 *                               Page
 *    +-------------------------------------------------------------------------+
 *    |                                                                         |
 *    |    +--------------------------------------------------------------+     |
 *    |    |                                                              |     |
 *    |    |                                                              |     |
 *    |    |                                                              |     |
 *    |    |                                                              |     |
 *    |    |              overlay s (like 6 col)                          |     |
 *    |    |               +--------------------------------+             |     |
 *    |    |               |                                |             |     |
 *    |    |               |                            (x) |             |     |
 *    |    |   grid row    |                                |             |     |
 *    |    +---------------+--------------------------------+-------------+     |
 *    |    ||                 Body: Content                              ||     |
 *    |    ||  grid                                                      ||     |
 *    |    || offset 3                                                   ||     |
 *    |    |-------------->                                              ||     |
 *    |    ||                                                            ||     |
 *    |    ||                                                            ||     |
 *    |    ||                                                            ||     |
 *    |    +--------------------------------------------------------------+     |
 *    |    |               |                                |             |     |
 *    |    |               +--------------------------------+             |     |
 *    |    |                                                              |     |
 *    |    |                                                              |     |
 *    |    |                                                              |     |
 *    |    |                                                              |     |
 *    |    |                                                              |     |
 *    |    |                                                              |     |
 *    |    |                                                              |     |
 *    |    |                                                              |     |
 *    |    +--------------------------------------------------------------+     |
 *    |                     max view port width: 1360                           |
 *    +-------------------------------------------------------------------------+
 *
*/

/**
 * Calculate the negative offset which increases the row size to the full page width
 * depending on the width of the overlay
 *
 * @parm $col the size of the overlay in the twitter bootstrap 12 column grid (e.g. 6 = 50%)
 *
 */

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

.uxc-m-screen-overlay__bar {
  position: relative;
  z-index: 71;
}

.uxc-m-screen-overlay__container--width-s .uxc-m-screen-overlay__bar {
  width: 200%;
  margin-left: -50%;
  margin-right: -50%;
}

@media only screen and (max-width: 767px) {
  .uxc-m-screen-overlay__container--width-s .uxc-m-screen-overlay__bar {
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
  }
}

.uxc-m-screen-overlay__container--width-m .uxc-m-screen-overlay__bar {
  width: 150%;
  margin-left: -25%;
  margin-right: -25%;
}

@media only screen and (max-width: 767px) {
  .uxc-m-screen-overlay__container--width-m .uxc-m-screen-overlay__bar {
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
  }
}

.uxc-m-screen-overlay__container--width-l .uxc-m-screen-overlay__bar {
  width: 133.33333%;
  margin-left: -22.22222%;
}

@media only screen and (max-width: 767px) {
  .uxc-m-screen-overlay__container--width-l .uxc-m-screen-overlay__bar {
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
  }
}

.uxc-m-screen-overlay__container--width-xl .uxc-m-screen-overlay__bar {
  width: 100%;
}

/**
 * The content of the overlay is larger than the overlay to allow using grid columns
 * and grid offset inside the overlay without (see the image below).
 *
 * This file contains helpers to calculate the correct percent values.
 *
 *                               Page
 *    +-------------------------------------------------------------------------+
 *    |                                                                         |
 *    |    +--------------------------------------------------------------+     |
 *    |    |                                                              |     |
 *    |    |                                                              |     |
 *    |    |                                                              |     |
 *    |    |                                                              |     |
 *    |    |              overlay s (like 6 col)                          |     |
 *    |    |               +--------------------------------+             |     |
 *    |    |               |                                |             |     |
 *    |    |               |                            (x) |             |     |
 *    |    |   grid row    |                                |             |     |
 *    |    +---------------+--------------------------------+-------------+     |
 *    |    ||                 Body: Content                              ||     |
 *    |    ||  grid                                                      ||     |
 *    |    || offset 3                                                   ||     |
 *    |    |-------------->                                              ||     |
 *    |    ||                                                            ||     |
 *    |    ||                                                            ||     |
 *    |    ||                                                            ||     |
 *    |    +--------------------------------------------------------------+     |
 *    |    |               |                                |             |     |
 *    |    |               +--------------------------------+             |     |
 *    |    |                                                              |     |
 *    |    |                                                              |     |
 *    |    |                                                              |     |
 *    |    |                                                              |     |
 *    |    |                                                              |     |
 *    |    |                                                              |     |
 *    |    |                                                              |     |
 *    |    |                                                              |     |
 *    |    +--------------------------------------------------------------+     |
 *    |                     max view port width: 1360                           |
 *    +-------------------------------------------------------------------------+
 *
*/

/**
 * Calculate the negative offset which increases the row size to the full page width
 * depending on the width of the overlay
 *
 * @parm $col the size of the overlay in the twitter bootstrap 12 column grid (e.g. 6 = 50%)
 *
 */

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/**
 * Add a shadow to indicate that this container is scrollable
 *
 * The shadow is only visible if the user can scroll.
 */

.uxc-m-screen-overlay__body {
  position: relative;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  z-index: 70;
}

.uxc-m-screen-overlay__container--height-overflow .uxc-m-screen-overlay__body {
  overflow-y: visible;
}

.uxc-m-screen-overlay__body--scroll-shadow {
  position: relative;
  background: #fff no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(189, 189, 189, 0.5), rgba(20, 20, 18, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(189, 189, 189, 0.5), rgba(20, 20, 18, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(189, 189, 189, 0.5), rgba(20, 20, 18, 0)), radial-gradient(farthest-side at 50% 100%, rgba(189, 189, 189, 0.5), rgba(20, 20, 18, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 20px;
  z-index: 1;
}

.uxc-m-screen-overlay__body--scroll-shadow:before {
  content: '';
  display: block;
  position: relative;
  z-index: -1;
  height: 40px;
  width: 100%;
  margin-bottom: -40px;
  background: -webkit-linear-gradient(#fff, #fff 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(#fff, #fff 30%, rgba(255, 255, 255, 0));
}

.uxc-m-screen-overlay__body--scroll-shadow:after {
  content: '';
  position: relative;
  display: block;
  z-index: -1;
  height: 40px;
  width: 100%;
  margin-top: -40px;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff 70%, #fff);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 70%, #fff);
}

.uxc-m-screen-overlay__body-outer {
  overflow-x: hidden;
  min-height: 100%;
}

.uxc-m-screen-overlay__body-inner {
  position: relative;
}

.uxc-m-screen-overlay__container--width-s .uxc-m-screen-overlay__body-inner {
  width: 200%;
  margin-left: -50%;
  margin-right: -50%;
}

@media only screen and (max-width: 767px) {
  .uxc-m-screen-overlay__container--width-s .uxc-m-screen-overlay__body-inner {
    width: 100%;
    margin: 0;
  }
}

.uxc-m-screen-overlay__container--width-m .uxc-m-screen-overlay__body-inner {
  width: 150%;
  margin-left: -25%;
  margin-right: -25%;
}

@media only screen and (max-width: 767px) {
  .uxc-m-screen-overlay__container--width-m .uxc-m-screen-overlay__body-inner {
    width: 100%;
    margin: 0;
  }
}

.uxc-m-screen-overlay__container--width-l .uxc-m-screen-overlay__body-inner {
  width: 133.33333%;
  margin-left: -22.22222%;
}

@media only screen and (max-width: 767px) {
  .uxc-m-screen-overlay__container--width-l .uxc-m-screen-overlay__body-inner {
    width: 100%;
    margin: 0;
  }
}

.uxc-m-screen-overlay__container--width-xl .uxc-m-screen-overlay__body-inner {
  width: 100%;
}

.uxc-m-screen-overlay__link {
  text-decoration: none;
  cursor: pointer;
}

.uxc-m-screen-overlay__close {
  width: 26px;
  height: 26px;
  text-decoration: none;
  color: #141412;
  z-index: 70;
  cursor: pointer;
}

body.uxc-state-h-prevent-scrolling--body-scroll-fix {
  overflow: hidden;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

.uxc-m-table {
  width: 100%;
  border-collapse: collapse;
}

.uxc-m-table.uxc-m-table--border-bottom {
  width: calc(100% + 15px);
  margin-left: -15px;
}

.uxc-m-table__row {
  width: 100%;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* Hover anchor is used to trigger hover states for nested elements
 * Main usage inside classic teaser pattern
 * Usage:   @include hover-anchor() { property: value;}
 */

/* stylelint-disable length-zero-no-unit */

/**
 * Returns the font information for the given $breakpoint $size and style
 */

/*
  THIS FILE MUST CONTAIN ONLY MIXINS
*/

.uxc-m-table__cell {
  position: relative;
  vertical-align: top;
  padding: 15px 0 13px 15px;
}

.uxc-m-table__cell--no-padding-top {
  padding-top: 0;
}

.uxc-m-table__cell--no-padding-right {
  padding-right: 0;
}

.uxc-m-table__cell--no-padding-bottom {
  padding-bottom: 0;
}

.uxc-m-table__cell--no-padding-left {
  padding-left: 0;
}

.uxc-m-table__cell--no-wrap {
  white-space: nowrap;
}

@media only screen and (max-width: 767px) {
  .uxc-m-table__cell--style-normal {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-m-table__cell--style-normal {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
  }
}

.uxc-m-table__cell--style-light {
  color: #8b9196;
}

@media only screen and (max-width: 767px) {
  .uxc-m-table__cell--style-light {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-m-table__cell--style-light {
    /* stylelint-disable property-blacklist */
    font-family: "Futura";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
  }
}

@media only screen and (max-width: 767px) {
  .uxc-m-table__cell--style-bold {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-m-table__cell--style-bold {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

.uxc-m-table__cell--style-head {
  color: #8b9196;
}

@media only screen and (max-width: 767px) {
  .uxc-m-table__cell--style-head {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-m-table__cell--style-head {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

.uxc-m-table__cell--text-align-left {
  text-align: left;
}

@media only screen and (max-width: 767px) {
  html .uxc-m-table__cell--text-align-left\@mobile {
    text-align: left;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-m-table__cell--text-align-left\@tablet {
    text-align: left;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-m-table__cell--text-align-left\@desktop {
    text-align: left;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-m-table__cell--text-align-left\@hd {
    text-align: left;
  }
}

.uxc-m-table__cell--text-align-right {
  text-align: right;
}

@media only screen and (max-width: 767px) {
  html .uxc-m-table__cell--text-align-right\@mobile {
    text-align: right;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-m-table__cell--text-align-right\@tablet {
    text-align: right;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-m-table__cell--text-align-right\@desktop {
    text-align: right;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-m-table__cell--text-align-right\@hd {
    text-align: right;
  }
}

.uxc-m-table__cell--text-align-center {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  html .uxc-m-table__cell--text-align-center\@mobile {
    text-align: center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-m-table__cell--text-align-center\@tablet {
    text-align: center;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-m-table__cell--text-align-center\@desktop {
    text-align: center;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-m-table__cell--text-align-center\@hd {
    text-align: center;
  }
}

.uxc-m-table__cell--vertical-align-top {
  vertical-align: top;
}

@media only screen and (max-width: 767px) {
  html .uxc-m-table__cell--vertical-align-top\@mobile {
    vertical-align: top;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-m-table__cell--vertical-align-top\@tablet {
    vertical-align: top;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-m-table__cell--vertical-align-top\@desktop {
    vertical-align: top;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-m-table__cell--vertical-align-top\@hd {
    vertical-align: top;
  }
}

.uxc-m-table__cell--vertical-align-middle {
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  html .uxc-m-table__cell--vertical-align-middle\@mobile {
    vertical-align: middle;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-m-table__cell--vertical-align-middle\@tablet {
    vertical-align: middle;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-m-table__cell--vertical-align-middle\@desktop {
    vertical-align: middle;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-m-table__cell--vertical-align-middle\@hd {
    vertical-align: middle;
  }
}

.uxc-m-table__cell--vertical-align-bottom {
  vertical-align: bottom;
}

@media only screen and (max-width: 767px) {
  html .uxc-m-table__cell--vertical-align-bottom\@mobile {
    vertical-align: bottom;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-m-table__cell--vertical-align-bottom\@tablet {
    vertical-align: bottom;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-m-table__cell--vertical-align-bottom\@desktop {
    vertical-align: bottom;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-m-table__cell--vertical-align-bottom\@hd {
    vertical-align: bottom;
  }
}

.uxc-m-table__cell--border-bottom-dashed:before,
.uxc-m-table__cell--border-bottom-solid:before,
.uxc-m-table__cell--border-bottom-solid-gray:before,
.uxc-m-table__cell--border-bottom-solid-oslo:before,
.uxc-m-table__cell--border-bottom-head:before {
  position: absolute;
  left: 15px;
  right: 0;
  bottom: 0;
  content: '';
}

.uxc-m-table__cell--no-padding-left:before {
  left: 0;
}

.uxc-m-table__cell--border-bottom-dashed:before {
  border-bottom: 1px dashed #8b9196;
}

.uxc-m-table__cell--border-bottom-solid:before {
  border-bottom: 1px solid #141412;
}

.uxc-m-table__cell--border-bottom-solid-gray:before {
  border-bottom: 1px solid #e8e9ea;
}

.uxc-m-table__cell--border-bottom-solid-oslo:before {
  border-bottom: 1px solid #8b9196;
}

.uxc-m-table__cell--border-bottom-head:before {
  border-bottom: 2px solid #e8e9ea;
}

.uxc-m-table__cell--indent {
  padding-left: 40px;
}

@media only screen and (max-width: 767px) {
  .uxc-m-table__cell--indent {
    padding-left: 30px;
  }
}

.uxc-m-table__cell--min-width {
  width: 1%;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

/* Hover anchor is used to trigger hover states for nested elements
 * Main usage inside classic teaser pattern
 * Usage:   @include hover-anchor() { property: value;}
 */

/* stylelint-disable length-zero-no-unit */

/**
 * Returns the font information for the given $breakpoint $size and style
 */

/*
  THIS FILE MUST CONTAIN ONLY MIXINS
*/

.uxc-m-table__caption {
  position: relative;
  float: none;
  vertical-align: middle;
  padding: 20px 15px 13px 0;
  width: 100%;
  border-bottom: 2px solid #e8e9ea;
  color: #8b9196;
}

@media only screen and (max-width: 767px) {
  .uxc-m-table__caption {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 16px;
    /* stylelint-enable property-blacklist */
    line-height: 25px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

@media only screen and (min-width: 768px) {
  .uxc-m-table__caption {
    /* stylelint-disable property-blacklist */
    font-family: "FuturaBold";
    font-size: 20px;
    /* stylelint-enable property-blacklist */
    line-height: 30px;
    font-weight: normal;
    word-spacing: -0.05em;
    font-style: normal;
  }
}

.uxc-m-table__caption.uxc-m-table__caption--border-bottom {
  width: calc(100% - 15px);
  margin-left: 15px;
}

@font-face {
  font-family: uxcw5beaf;
  src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAPwAAsAAAAABjwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPAAAAFYvsTm3Y21hcAAAAYAAAABPAAABfmBD5KlnbHlmAAAB0AAAAFoAAAB4djGEz2hlYWQAAAIsAAAAKQAAADYNhKkpaGhlYQAAAlgAAAAWAAAAJAMBAQRobXR4AAACcAAAAAwAAAAMAgAAAGxvY2EAAAJ8AAAACAAAAAgAHgA8bWF4cAAAAoQAAAAeAAAAIAEPABtuYW1lAAACpAAAASkAAAIWm5e+CnBvc3QAAAPQAAAAIAAAADEDeJw2eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGRYzTiBgZWBgWERYxqQdIfSXxkkGVoYGJgYWJkZsIKANNcUBocHDA8YmUBcPSaIMCOIAAC9IgjLeJztkLENgDAMBM+JoUCMQUHBMFTMzybJ22YMXrqT/uXKwAJ0cQkHezAit1bLvbPl7hx547G/NoZMWN3TTVr5s6fPr7X4U1GfK2gTtugLLQB4nGNgYgACRgYgxcvAx8BgrK7HaGJmzyjOziYiz8j+8gIPLy/PBfGLvLwXxU9yySrIcp2UPMGrynNCEqgNTa+wuByjCBs/o7q5mYk+o7k4sl4mBlTdAPkfE+8AAHicY2BkYGAA4tVRU7Xi+W2+MnAzMYDAtc0mYsg0IwNYnANCAQDu6wcmAAAAeJxjYGRgYGIAAUYYCWEgADMAAMkACgAAAAAAAAEAAAABAAAAAAAAAAAeADx4nGNgZGBgYGbgZ2BiAAEQyQWEDAz/wXwGAApAASsAAHicZZA9bsJAFITHYEgCUoIUKSmzVQoimZ+SA0BPQZfCmLUxsr3WekGiywlyhBwhp4hyghwoY/NoYC0/fzNv3u7KAAb4hYd6ebhtar1auKE6cZv0IOyTn4U76ONFuEt/KNzDG6bCfTzinTt4/h2dAUrhFu7xIdym/ynsk7+EO3jCt3CX/o9wDyv8Cffx6g3TyBSxKdxSJ/sstGd5/q60rVJTqEkwPlsLXWgbOr1R66OqDsnUuVjF1uRqzq7OMqNKa3Y6csHWuXI2GsXiB5HJkSKCQYG4qQ5LaCTYI0MIe9W91CumLSr6tVaYIMD4KrVgqmiSIZXGhsk1jqwVDjxtStcxrfhazuSkucxq3iQjK/7vurejE9EPsG2mSsww4hNf5IPmDvk/PRFeqAAAAHicY2BigABWBuyAmZGJkZmRhYEp04Ap05CBAQAIaAFO") format('woff');
  font-weight: normal;
  font-style: normal;
}

/* stylelint-disable */

/* stylelint-enable */

.uxc-m-vertical-scroller {
  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 10;
}

.uxc-m-vertical-scroller:before {
  position: absolute;
  width: 100%;
  height: 80px;
  top: -80px;
  background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%);
  content: '';
  -webkit-transition: top 0.3s;
  transition: top 0.3s;
  pointer-events: none;
  z-index: 11;
}

.uxc-m-vertical-scroller:after {
  position: absolute;
  width: 100%;
  height: 80px;
  bottom: -80px;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  background: -webkit-linear-gradient(bottom, white 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to top, white 0%, rgba(255, 255, 255, 0) 100%);
  content: '';
  -webkit-transition: bottom 0.3s;
  transition: bottom 0.3s;
  pointer-events: none;
  z-index: 11;
}

.uxc-state-m-vertical-scroller--overflow-top:before {
  top: 0;
}

.uxc-state-m-vertical-scroller--overflow-top .uxc-m-vertical-scroller__arrow-top {
  top: 15px;
  visibility: visible;
}

.uxc-state-m-vertical-scroller--overflow-bottom:after {
  bottom: 0;
}

.uxc-state-m-vertical-scroller--overflow-bottom .uxc-m-vertical-scroller__arrow-bottom {
  bottom: 15px;
  visibility: visible;
}

.uxc-m-vertical-scroller__arrow-top {
  position: absolute;
  width: 30px;
  height: 30px;
  top: -30px;
  left: 50%;
  z-index: 12;
  -webkit-transition: top 0.3s;
  transition: top 0.3s;
  visibility: hidden;
}

.uxc-m-vertical-scroller__arrow-top:after {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 6px;
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 30px/1 uxcw5beaf;
  content: '\E000';
  color: #46a9b4;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.uxc-m-vertical-scroller__arrow-bottom {
  position: absolute;
  width: 30px;
  height: 30px;
  bottom: -30px;
  left: 50%;
  z-index: 12;
  -webkit-transition: bottom 0.3s;
  transition: bottom 0.3s;
  visibility: hidden;
}

.uxc-m-vertical-scroller__arrow-bottom:after {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 6px;
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font: normal normal normal 30px/1 uxcw5beaf;
  content: '\E001';
  color: #46a9b4;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.uxc-m-vertical-scroller__content {
  width: 100%;
  height: 400px;
  overflow-y: auto;
}

/**
 * Usage:
 * @include respond-to(tablet) {
 *   // styles
 * }
 * @include respond-to(mobile, tablet) {
 *   // styles
 * }
 * @include respond-to(tablet, desktop) {
 *   // styles
 * }
 */

/**
 * Responsive state helper
 *
 * Usage:
 * .demo {
 *   @include responsive-state(default, mobile, desktop) {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 */

/**
 * Responsive state helper for all media queries
 *
 * Usage:
 * .demo {
 *   @include responsive-state-all() {
 *     // styles
 *   }
 * }
 * Produces:
 * .demo { ... }
 * @media (...) { .demo@mobile { ... } }
 * @media (...) { .demo@tablet { ... } }
 * @media (...) { .demo@desktop { ... } }
 * @media (...) { .demo@hd { ... } }
 */

.uxc-m-vertical-separator {
  position: relative;
  display: table;
}

.uxc-m-vertical-separator:before {
  content: ' ';
  position: absolute;
  height: 100%;
  width: 2px;
  left: -30px;
}

.uxc-m-vertical-separator__icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (min-width: 1280px) {
  .uxc-m-vertical-separator__icon {
    left: -95px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .uxc-m-vertical-separator__icon {
    left: -80px;
  }
}

@media only screen and (max-width: 1023px) {
  .uxc-m-vertical-separator__icon {
    visibility: hidden;
  }
}

.uxc-m-vertical-separator--hidden:before {
  visibility: hidden;
}

@media only screen and (max-width: 767px) {
  html .uxc-m-vertical-separator--hidden\@mobile: before {
    visibility: hidden;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html .uxc-m-vertical-separator--hidden\@tablet: before {
    visibility: hidden;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  html .uxc-m-vertical-separator--hidden\@desktop: before {
    visibility: hidden;
  }
}

@media only screen and (min-width: 1280px) {
  html .uxc-m-vertical-separator--hidden\@hd: before {
    visibility: hidden;
  }
}

.uxc-m-vertical-separator--color-gray:before {
  background-color: #e8e9ea;
}

.uxc-m-vertical-separator--color-secondary:before {
  background-color: #8861a9;
}