@charset "UTF-8";
/**
 * The compiled sass output of this file becomes
 * the main CSS stylesheet to adress in your HTML
 */
/**
* Import fonts
*/
/* open-sans-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans-v40-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/open-sans-v40-latin-italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/open-sans-v40-latin-600.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-600italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/open-sans-v40-latin-600italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-800 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/open-sans-v44-latin-800.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/**
* Import project configuration
*
* Import the `_configuration.scss` file first. It holds
* all project wide variables and component override
* variables.
*/
/**
 * Project configuration
 *
 * Section: example
 *
 * COLORS       - Project agnostic colors and project aware colors
 * INTERFACE    - Element variables
 * CORE         - Define/override core values to fit project requirements
 * ABSTRACTIONS - Defaults values for abstractions
 */
/**
 * $COLORS
 *
 * 1. Project agnostic colors
 * 2. Project aware colors
 */
/**
 * 1. Project agnostic colors
 */
/**
 * 2. Project aware colors
 */
/**
 * $INTERFACE
 *
 * Define element default values
 */
/**
 * $CORE
 *
 * Override default variable values. This is the place where the project
 * core settings are defined.
 *
 * Whenever a value is adjusted, remove the `!default` flag. Otherwise
 * leave it as is.
 */
/**
 * $ABSTRACTIONS
 *
 * Override default variable values.
 *
 * Whenever a value is adjusted, remove the `!default` flag. Otherwise
 * leave it as is to pass by the defaults.
 */
/**
 * $COMPONENTS
 *
 * Override default variable values.
 *
 * Whenever a value is adjusted, remove the `!default` flag. Otherwise
 * leave it as is to pass by the defaults.
 */
/**
 * Import core files
 *
 * Import core files (order matters) right after the
 * configuration as the project related files are usally
 * build on those core abstractions and components.
 * `utils.x` classes are added at the end of this file
 * to handle the specificity graph.
 */
/**
 * Core SASS default settings
 *
 * Core variables used throughout several objects/plugins
 */
/**
 * Default variables
 */
/**
 * Framework variables
 */
/**
 * Framework media queries breakpoints
 *
 * Hold our breakpoint aliases and conditions in a list. Invoked through
 * `media-query()` mixin.
 */
/**
 * Placeholders
 */
/**
 * Core functions
 *
 * They are heavily used within core and project files.
 */
/**
 * Math helpers. Returning rounded quarter, halve, double and
 * quadruple integers.
 *
 * Usage example:
 *  .foo {
 *    padding: halve(10px);
 *  }
 *
 * Output:
 *  .foo {
 *    padding: 5px;
 *  }
 */
/**
 * Core mixins
 *
 * They are heavily used within core and project files.
 *
 * Heavily based on <https://github.com/inuitcss>
 */
/**
 * Create a fully formed type style (sizing and vertical rhythm) by passing
 * in a single value. This will generate a rem-based font-size with its pixel
 * fallback, as well as a unitless line-height which will place the element
 * on your baseline, e.g.:
 *
 * Usage example:
 *  .foo {
 *    @include font-size(12px);
 *  }
 *
 * Output:
 *  .foo {
 *    font-size: 0.75rem;
 *    line-height: 2;
 *  }
 *
 * If you do not want to generate a line-height automatically, you
 * simply pass in your own as a second paramater:
 *
 * Usage example:
 *  .foo {
 *    @include font-size(12px, 1.5);
 *  }
 *
 * This parameter can be any integer, ‘inherit’, or ‘normal’. If you don’t
 * want a line-height at all, pass in a second paramater of ‘none’ or ‘false’:
 *
 * Usage example:
 *  .foo {
 *    @include font-size(12px, none);
 *  }
 *
 */
/**
 * Generate media queries from the aliases and conditions defined in
 * `_core.variables.scss`.
 *
 * Usage example:
 *  .foo {
 *    color: green;
 *
 *    @include media-query(palm) {
 *      color: red;
 *    }
 *  }
 *
 */
/**
 * A mixin to spit out our width classes. Pass in the columns we
 * want the widths to have, and an optional suffix for responsive widths.
 *
 * This mixin is not applicable directly. Instead the mixin extension in
 * `_utils.sizes.scss` generates all width- and breakpoint classes.
 */
/**
 * Spawn a group of modifiers (tiny, small, large, huge) to arbitrary
 * classes, based on our base spacing unit settings. Pass any appropriate
 * attribute as argument.
 *
 * Don't use this on buttons or grid abstractions. These abstractions have
 * their own set of size modifiers.
 *
 * Usage example:
 *
 *  .foo {
 *    @include size-modifiers(padding);
 *
 *    padding: $base-spacing-unit;
 *  }
 *
 * Output:
 *  .foo--tiny {
 *    padding: ...
 *  }
 *  .foo--small {
 *    padding: ...
 *  }
 *
 *  a.s.o.
 *
 * ===
 *
 *  .foo {
 *    @include size-modifiers(padding-left, padding-right);
 *
 *    padding-top: $base-spacing-unit;
 *    padding-bottom: $base-spacing-unit;
 *  }
 *
 * Output:
 *  .foo--tiny {
 *    padding-left: ...
 *    padding-right: ...
 *  }
 *  .foo--small {
 *    padding-left: ...
 *    padding-right: ...
 *  }
 *
 *  a.s.o.
 *
 * ===
 *
 *  .foo {
 *    @include size-modifiers(line-height);
 *
 *    line-height: $base-spacing-unit;
 *  }
 *
 * Output:
 *  .foo--tiny {
 *    line-height: ...
 *  }
 *  .foo--small {
 *    line-height: ...
 *  }
 *
 *  a.s.o.
 *
 */
/**
 * Fork of Nicolas Gallaghers normalize.css
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/**
 * Partial to reset several defaults, e.g. box model related
 * values of arbitrary element to establish a vertical rhythm
 * (s. `_core.rhythm.scss` also).
 */
/**
 * To establish a vertical rhythm we reset the browser defaults.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}

/**
 * These elements' values are usually the same as the base line-height.
 * Add/remove elements if needed. Make sure you only add elements which
 * margin-bottom values are unlikely to redefine later.
 *
 * This concept features the `single-direction` approach:
 * Info: csswizardry.com/2012/06/single-direction-margin-declarations
 */
h1, h2, h3, h4, h5, h6,
ul, ol, dl,
blockquote, p, address,
hr,
table,
fieldset, figure,
pre {
  margin-bottom: 1.75rem;
}

/**
 * Some extra placeholders for our laziness ;-)
 * Extends vertical rhythm placeholder `%margin-bottom` (s. above)
 *
 * Example:
 *
 * .foo {
 *    @extend %margin-bottom--quarter;
 *  }
 */
/**
 * Box Sizing
 *
 * Defines `border-box` (instead of `content-box`) state as default to let
 * us deal with predictable paddings and behaviour.
 */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

/**
 * High-, page-level styling.
 *
 * 1. Set the default `font-size`, `font-family`, `font-weight`and line-height`
 *    for the entire project, sourced from our default variables. The `font-size` is
 *    calculated to exist in ems, the `line-height` is calculated to exist unitlessly.
 * 2. Force scrollbars to always be visible to prevent awkward ‘jumps’ when
 *    navigating between pages that do/do not have enough content to produce
 *    scrollbars naturally.
 * 3. Ensure the page always fills at least the entire height of the viewport.
 * 4. Prevent certain mobile browsers from automatically zooming fonts.
 * 5. Fonts on OSX will look more consistent with other systems that do not
 *    render text using sub-pixel anti-aliasing.
 */
html {
  font-size: 1em;
  /* 1 */
  font-family: "Open Sans", sans-serif;
  /* 1 */
  font-weight: 400;
  /* 1 */
  line-height: 1.75;
  /* 1 */
  background-color: #FFFFFF;
  color: #2D2D2D;
  overflow-y: scroll;
  /* 2 */
  min-height: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 4 */
  -ms-text-size-adjust: 100%;
  /* 4 */
  -moz-osx-font-smoothing: grayscale;
  /* 5 */
  -webkit-font-smoothing: antialiased;
  /* 5 */
}

/**
 * Headings 1–6, with corresponding Greek-alphabet abstract classes for double-
 * stranded heading hierarchy:
 * csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css
 */
h1,
.alpha {
  font-size: 32px;
  line-height: 1.75;
}

h2,
.beta {
  font-size: 26px;
  line-height: 1.07692;
}

h3,
.gamma {
  font-size: 20px;
  line-height: 1.4;
}

h4,
.delta {
  font-size: 20px;
  line-height: 1.4;
}

h5,
.epsilon {
  font-size: 16px;
  line-height: 1.75;
}

h6,
.zeta {
  font-size: 14px;
  line-height: 2;
}

/**
 * Core grid abstraction
 *
 * To leave the abstraction pure no fallback for non capable browsers
 * is applied. If you need to provide a fallback define this in
 * your `layout.scss` (or whatever is appropriate).
 */
/**
 * grid container
 *
 * All content must be contained within child `grid__cell` elements at least.
 * If paddings are desired apply them on a container within `grid__cell`.
 *
 * 1. Account for browser defaults of elements that might be the root node of
 *    the component.
 * 2. Respect the natural flow of rows, e.g. wrap flex grid cells
 */
.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* 1 */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  /* 2 */
  margin: 0;
  /* 1 */
  padding: 0;
  /* 1 */
}

/**
 * Modifier: Root alignments
 *
 * Alignment modifiers for the root element. Will effect all child elements.
 * NOTE: To apply individual cell alignments, s.below `utils.flexbox`.
 *
 *
 */
/**
  * Modifier: Center horizontal align grid cells
  */
.grid--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/**
 * Modifier: Right horizontal align grid cells
 */
.grid--right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/**
 * Modifier: Bottom align grid cells
 */
.grid--bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

/**
 * Modifier: Center align grid cells
 */
.grid--middle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/**
 * Modifier: Gutters
 *
 * NOTE: this can trigger a horizontal scrollbar if the component is as wide as
 * the viewport. Use padding on a container, or `overflow-x:hidden` to protect
 * against it.
 */
.grid--gutter {
  margin: 0 calc(-0.5 * 28px);
}

.grid--gutter > .grid__cell {
  padding: 0 calc(0.5 * 28px);
}

/**
 * Modifiers: Blow/shrink gutters
 */
.grid--gutter-tiny {
  margin: 0 calc(-0.5 * 7px);
}

.grid--gutter-tiny > .grid__cell {
  padding: 0 calc(0.5 * 7px);
}

.grid--gutter-small {
  margin: 0 calc(-0.5 * 14px);
}

.grid--gutter-small > .grid__cell {
  padding: 0 calc(0.5 * 14px);
}

.grid--gutter-large {
  margin: 0 calc(-0.5 * 56px);
}

.grid--gutter-large > .grid__cell {
  padding: 0 calc(0.5 * 56px);
}

.grid--gutter-huge {
  margin: 0 calc(-0.5 * 112px);
}

.grid--gutter-huge > .grid__cell {
  padding: 0 calc(0.5 * 112px);
}

/**
 * Grid cell
 *
 * By default cells take any space available. Rely on combining
 * `grid__cell` with a dimension utility or a component class that
 * extends 'grid', s. `_utils.size.scss`.
 *
 * 1. Fix issue where elements with overflow extend past the
 *    `grid__cell` container, s. https://git.io/vw5oF
 */
.grid__cell {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  min-height: 0;
  /* 1 */
}

/**
 * Grid cell modifiers
 *
 * 1. Use `0%` to avoid bug in IE10/11 with unitless flex basis
 * s. http://git.io/vllWx
 */
/**
  * Grid cell modifier: Distribute cells to available space by default
  *
  * 1. Use `0%` to avoid bug in IE10/11 with unitless flex basis
  * s. http://git.io/vllWx
  */
.grid--fit > .grid__cell {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  /* 1 */
}

/**
 * Grid cell modifier: Equal height of grid cells
 */
.grid--equal-height > .grid__cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/**
 * Core button abstraction
 *
 * Heavily inspired by <https://github.com/suitcss/components-button/>
 */
/**
 * The button classes are best applied to links, buttons, and submit inputs.
 * These components can be used in forms, as calls to action, or as part of the
 * general UI of the site/app.
 */
/**
 * 1. Corrects inability to style clickable `input` types in iOS.
 * 2. Normalize `box-sizing` across all elements that this component could be
 *    applied to.
 * 3. Inherit text color from ancestor.
 * 4. Inherit font styles from ancestor.
 * 5. Normalize `line-height`. For `input`, it can't be changed from `normal` in Firefox 4+.
 * 6. Prevent button text from being selectable.
 * 7. Make sure `input` will wrap text across multiple lines.
 */
.button {
  -webkit-appearance: none;
  /* 1 */
  background: transparent;
  border-color: #2D2D2D;
  border-style: solid;
  border-width: 0px;
  border-color: #E20019;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 2 */
  color: #2D2D2D;
  /* 3 */
  cursor: pointer;
  display: inline-block;
  font: inherit;
  /* 4 */
  line-height: normal;
  /* 5 */
  margin: 0;
  padding: 14px 28px;
  border-radius: 4px;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  /* 6 */
  white-space: normal;
  /* 7 */
}

/**
 * Remove excess padding and border in Firefox 4+
 */
.button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */
.button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

/**
 * UI states
 */
.button:hover,
.button:focus,
.button:active {
  text-decoration: none;
}

.button:disabled,
.button.is-disabled {
  cursor: default;
  opacity: 0.5;
}

/**
 * Modifiers: Blow/shrink buttons
 */
.button--tiny {
  padding: 4px 7px !important;
}

.button--small {
  padding: 7px 14px !important;
}

.button--large {
  padding: 28px 56px !important;
}

.button--huge {
  padding: 56px 112px !important;
}

/**
 * Modifier: Take away any rectangle borders
 */
.button--pill {
  border-radius: 100px;
}

/**
 * Modifier: Make the button fill the width of its parent
 */
.button--full {
  width: 100%;
}

/**
 * Core list abstraction
 *
 * Several raw list abstractions which solves daily "bread and butter"
 * lists. Additionally these abstractions helps us to build meaningful
 * components.
 */
/**
 * List bare
 *
 * Simply removes the list-style and get rid of margin/paddings
 * that might be present. The abstraction is used in nearly all other
 * list abstractions per @extend as we probably never want list styles
 * to appear within those components.
 */
.list-bare,
.list-flex,
.list-inline-block,
.c-pagination,
.MarkupPagerNav,
.list-stacked,
.list-table,
.list-chart,
.form-lists,
.c-breadcrumb,
.o-tabs__item,
.c-blog__tags {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.list-flex__item,
.list-flex > li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

/**
 * List inline block
 *
 * Set a list in horizontal inline block mode.
 *
 * 1. Remove inter-cell whitespace that appears between
 *    `inline-block` child elements.
 * 2. Reset font size change made in `list-inline-block`.
 */
.list-inline-block,
.c-pagination,
.MarkupPagerNav {
  font-size: 0;
  /* 1 */
}

/**
 * Child of `.list-inline-block`
 */
.list-inline-block__item,
.list-inline-block > li,
.c-pagination > li,
.MarkupPagerNav > li {
  display: inline-block;
  font-size: 16px;
  /* 2 */
}

/**
 * List stacked
 *
 * Set a list in vertical block mode.
 */
/**
 * Children of `.list-stacked`
 *
 * 1. Dedicated link takes all available space
 */
.list-stacked__item,
.list-stacked > li {
  display: block;
}

.list-stacked__block-link {
  display: block;
  /* 1 */
}

/**
 * List table
 *
 * Set list in table mode. Spreads every list item to have equal widths.
 *
 * 1. Parse faster and get more predictable behaviour as all children
 *    occupies equal width.
 * 2. Spread parent element to available space.
 */
.list-table {
  display: table;
  table-layout: fixed;
  /* 1 */
  width: 100%;
  /* 2 */
  text-align: center;
}

/**
 * Children of `.list-table`
 *
 * 1. Automatic divide words with hyphenation.
 * 2. Dedicated link takes all available space
 */
.list-table__item,
.list-table > li {
  display: table-cell;
  text-align: center;
  -ms-hyphens: auto;
      hyphens: auto;
  /* 1 */
}

.list-table__block-link {
  display: block;
  /* 2 */
}

/**
 * List chart
 *
 * Gives a 1:1 comparison layout of label > value structure. Takes all
 * available space of parent. Intend to use for any table alike layouts
 * like price includes etc. which are semantically no tables at all.
 *
 * Applicable to div, ul/ol and dl.
 *
 * 1. By default children take all the available space of parent.
 */
.list-chart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  /* 1 */
}

.list-chart__label {
  width: 50%;
}

.list-chart__value {
  white-space: nowrap;
}

/**
 * Modifiers: Change flex container horizontal alignment
 */
.list-chart--start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.list-chart--end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.list-chart--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.list-chart--around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

/**
 * Modifiers: Align the content of list items
 *
 * Example:
 *   <ul class="list-table list--[text-left]"></ul>
 */
.list--text-left > li {
  text-align: left;
}

.list--text-center > li {
  text-align: center;
}

.list--text-right > li {
  text-align: right;
}

/**
 * Modifiers: Blow/shrink list items
 *
 * Generic size utilities. Is applicable on every list abstraction except
 * where flex box is involved.
 *
 * 1. Expand list item paddings
 * 2. Ommit left/right padding of first/last item
 *
 * Example:
 *   <ul class="list-table list--[tiny]"></ul>
 *   <ul class="list-stacked list--[tiny] list--skip-vertical"></ul>
 *   <ul class="list-inline-block list--[tiny]-vertical list--skip-vertical"></ul>
 */
.list--tiny > li {
  padding: 7px;
  /* 1 */
}

.list--small > li {
  padding: 14px;
  /* 1 */
}

.list--large > li {
  padding: 56px;
  /* 1 */
}

.list--huge > li {
  padding: 112px;
  /* 1 */
}

.list--tiny-vertical > li {
  padding-left: 7px;
  /* 1 */
  padding-right: 7px;
  /* 1 */
}

.list--small-vertical > li {
  padding-left: 14px;
  /* 1 */
  padding-right: 14px;
  /* 1 */
}

.list--large-vertical > li {
  padding-left: 56px;
  /* 1 */
  padding-right: 56px;
  /* 1 */
}

.list--huge-vertical > li {
  padding-left: 112px;
  /* 1 */
  padding-right: 112px;
  /* 1 */
}

.list--skip-vertical {
  /* 2 */
}

.list--skip-vertical > li:first-of-type {
  padding-left: 0;
}

.list--skip-vertical > li:last-of-type {
  padding-right: 0;
}

/**
 * Core table abstraction
 *
 * Several raw table abstractions which solves daily "bread and butter"
 * needs.
 */
/**
 * Base declarations
 *
 * 1. Initially table cells are vertically top aligned
 */
.table {
  width: 100%;
  border-collapse: collapse;
}

.table th,
.table td {
  vertical-align: top;
  /* 1 */
  padding: 28px;
}

@media screen and (max-width: 44.9375em) {
  .table th,
  .table td {
    padding-right: 0;
    padding-left: 0;
  }
}

.table th:first-child,
.table td:first-child {
  padding-left: 0;
}

.table th:last-child,
.table td:last-child {
  padding-right: 0;
}

.table caption {
  font-size: 20px;
  color: #E20019;
  text-align: left;
  border: 1px solid #808080;
  border-bottom: 0;
  padding: 28px;
}

@media screen and (max-width: 44.9375em) {
  .table caption {
    padding-left: 7px;
    padding-right: 7px;
  }
}

.table--border {
  border: 1px solid #808080;
}

.table--stripe tbody tr:nth-of-type(odd) {
  background-color: #FFFFFF;
}

.table--background tbody tr {
  background-color: #FFFFFF;
}

.table--border th:first-child,
.table--border td:first-child,
.table--stripe th:first-child,
.table--stripe td:first-child,
.table--background th:first-child,
.table--background td:first-child {
  padding-left: 28px;
}

@media screen and (max-width: 44.9375em) {
  .table--border th:first-child,
  .table--border td:first-child,
  .table--stripe th:first-child,
  .table--stripe td:first-child,
  .table--background th:first-child,
  .table--background td:first-child {
    padding-left: 7px;
  }
}

.table--border th:last-child,
.table--border td:last-child,
.table--stripe th:last-child,
.table--stripe td:last-child,
.table--background th:last-child,
.table--background td:last-child {
  padding-right: 28px;
}

@media screen and (max-width: 44.9375em) {
  .table--border th:last-child,
  .table--border td:last-child,
  .table--stripe th:last-child,
  .table--stripe td:last-child,
  .table--background th:last-child,
  .table--background td:last-child {
    padding-right: 7px;
  }
}

.table--fixed,
.table--composite-calendular {
  table-layout: fixed;
}

.table--border-column th,
.table--border-column td {
  border-right: 1px solid #808080;
}

.table--border-column th:last-child,
.table--border-column td:last-child {
  border-right: 0;
}

.table--border-row th,
.table--border-row td {
  border-bottom: 1px solid #808080;
}

.table--border-row tr:last-child td {
  border-bottom: 0;
}

@media screen and (max-width: 44.9375em) {
  .table--border-row tr:last-child td {
    border-bottom: 1px solid #808080;
  }
}

.table--composite-calendular {
  border: 1px solid #808080;
}

@media screen and (max-width: 44.9375em) {
  .table--composite-calendular {
    border: 0;
  }
}

.table--composite-calendular th,
.table--composite-calendular td {
  vertical-align: middle;
  text-align: center;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

@media screen and (max-width: 44.9375em) {
  .table--composite-calendular th,
  .table--composite-calendular td {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-right: 0;
  }
}

.table--composite-calendular th:first-child,
.table--composite-calendular td:first-child {
  padding-left: 28px;
}

.table--composite-calendular th:last-child,
.table--composite-calendular td:last-child {
  padding-right: 28px;
  border-right: 0;
}

.table--composite-calendular tr:last-child td {
  border-bottom: 0;
}

@media screen and (max-width: 44.9375em) {
  .table--composite-calendular tr:last-child td {
    border-bottom: 1px solid #808080;
  }
}

/**
 * Modifiers: Align the content of cells
 */
.table--text-left th,
.table--text-left td {
  text-align: left !important;
}

.table--text-center th,
.table--text-center td {
  text-align: center !important;
}

.table--text-right th,
.table--text-right td {
  text-align: right !important;
}

/**
 * Modifiers: Blow/shrink table cells
 *
 * Generic size utilities. Is applicable on every table abstraction.
 *
 * Example:
 *   <div class="table table--tiny"></div>
 *   <div class="table table--fixed table--large"></div>
 */
.table--tiny th,
.table--tiny td {
  padding: 7px;
}

.table--tiny.table--border th:first-child,
.table--tiny.table--border td:first-child,
.table--tiny.table--stripe th:first-child,
.table--tiny.table--stripe td:first-child,
.table--tiny.table--composite-calendular th:first-child,
.table--tiny.table--composite-calendular td:first-child {
  padding-left: 7px;
}

.table--tiny.table--border th:last-child,
.table--tiny.table--border td:last-child,
.table--tiny.table--stripe th:last-child,
.table--tiny.table--stripe td:last-child,
.table--tiny.table--composite-calendular th:last-child,
.table--tiny.table--composite-calendular td:last-child {
  padding-right: 7px;
}

.table--small th,
.table--small td {
  padding: 14px;
}

.table--small.table--border th:first-child,
.table--small.table--border td:first-child,
.table--small.table--stripe th:first-child,
.table--small.table--stripe td:first-child,
.table--small.table--composite-calendular th:first-child,
.table--small.table--composite-calendular td:first-child {
  padding-left: 14px;
}

.table--small.table--border th:last-child,
.table--small.table--border td:last-child,
.table--small.table--stripe th:last-child,
.table--small.table--stripe td:last-child,
.table--small.table--composite-calendular th:last-child,
.table--small.table--composite-calendular td:last-child {
  padding-right: 14px;
}

.table--large th,
.table--large td {
  padding: 56px;
}

.table--large.table--border th:first-child,
.table--large.table--border td:first-child,
.table--large.table--stripe th:first-child,
.table--large.table--stripe td:first-child,
.table--large.table--composite-calendular th:first-child,
.table--large.table--composite-calendular td:first-child {
  padding-left: 56px;
}

.table--large.table--border th:last-child,
.table--large.table--border td:last-child,
.table--large.table--stripe th:last-child,
.table--large.table--stripe td:last-child,
.table--large.table--composite-calendular th:last-child,
.table--large.table--composite-calendular td:last-child {
  padding-right: 56px;
}

.table--huge th,
.table--huge td {
  padding: 112px;
}

.table--huge.table--border th:first-child,
.table--huge.table--border td:first-child,
.table--huge.table--stripe th:first-child,
.table--huge.table--stripe td:first-child,
.table--huge.table--composite-calendular th:first-child,
.table--huge.table--composite-calendular td:first-child {
  padding-left: 112px;
}

.table--huge.table--border th:last-child,
.table--huge.table--border td:last-child,
.table--huge.table--stripe th:last-child,
.table--huge.table--stripe td:last-child,
.table--huge.table--composite-calendular th:last-child,
.table--huge.table--composite-calendular td:last-child {
  padding-right: 112px;
}

/**
 * $FORMS
 */
/**
 * All dimensions for elements and wrapper are based
 * on an `display: inline-block` approach, so we do not have
 * struggle with clearing of form elements.
 *
 * Form elements always spans the wrapper container width and only
 * gets dedicated widths when necessary (by apply a helper class
 * on the outer element, s.below)
 *
 * Outer main wrapper Frame:

  <div class="form-wrapper">
    <form action=".">
    ...
    </form>
  </div>
 *
 * To wrap section of elements/fieldsets whatsoever, we need
 * to set appropriate inner wrappers. These wrappers can get combined
 * in any way the layout demands it.
 *
 * Set a whole width frame for a set of/single element(s):

  <div class="form-wrapper">
    <form action=".">
    ...

    <div class="form-whole-wrapper">
      <ul class="form-lists">
        <li>
          <div class="field">
            <label />
            <div class="input-box">
              ... form element ...
            </div>
          </div>
        </li>
      </ul>
    </div>

    ...
    </form>
  </div>
 *
 * Set two halfsize frames for a set of/single element(s):

    <div class="form-wrapper">
      <form action=".">
      ...

      <div class="form-half-wrapper">
        <ul class="form-lists">
          <li>
            <div class="field">
              <label />
              <div class="input-box">
                ... form element ...
              </div>
            </div>
          </li>
        </ul>
      </div>

      <div class="form-half-wrapper last">
        <ul class="form-lists">
          <li>
            <div class="field">
              <label />
              <div class="input-box">
                ... form element ...
              </div>
            </div>
          </li>
        </ul>
      </div>

      ...
      </form>
    </div>
 *
 */
.form-wrapper {
  /** All these declaration are only eye candy and should
   * get adopted in a real enviroment
   */
}

/**
 * Inner frames for object `frame-wrapper`
 *
 * Markup examples see above
 */
.form-half-wrapper, .form-whole-wrapper {
  display: inline-block;
  vertical-align: top;
}

.form-whole-wrapper {
  width: 100%;
}

.form-half-wrapper {
  width: 47.5%;
  margin-right: 5%;
}

.form-half-wrapper.last {
  margin-right: 0;
}

/**
 * Default form element declarations
 */
.input-text,
.required-note,
.price-question-legend,
.required-note-error,
.validation-error-message,
label,
textarea,
select {
  font-size: 100%;
}

fieldset {
  border: 0;
}

.field {
  width: 100%;
  margin-bottom: 28px;
}

.field.field-checkbox {
  margin-bottom: 0;
}

label {
  color: inherit;
  cursor: pointer;
  margin-bottom: 7px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.input-text, textarea {
  font-size: inherit;
  color: inherit;
  padding: 0.5em 0.7em;
  /* border relates to border for validation error */
  border: 2px solid white;
  -webkit-box-shadow: 1px 1px 3px #ccc;
          box-shadow: 1px 1px 3px #ccc;
  width: 100%;
}

textarea {
  /* set some default measures */
  min-height: 10em;
}

select {
  font-size: inherit;
  color: inherit;
  padding: 0.5em 0.7em;
  border: 1px solid #eeeeee;
  width: 100%;
}

/**
 * For special checkboxes width checkbox and label following
 * we simply need to reverse the order of label <> input and put some
 * classes on several elements, e.g.
 *
 *  // Checkbox with following label-checkbox
 *
    <div class="field">
      <div class="input-box checkbox-box">
        <input name="" id="" title="" value="" class="input-checkbox" type="checkbox">
      </div>
      <label for="" class="label-checkbox">...</label>
    </div>
 *
 *  // Checkboxes in normal flow:
 *
   <div class="field">
     <label for="">...</label>
     <div class="input-box">
       <input name="" id="" title="" value="" class="input-checkbox" type="checkbox">
     </div>
   </div>
 *
 */
.checkbox-box, .label-checkbox, .input-checkbox,
.radio-box, .label-radio, .input-radio {
  width: auto;
  display: inline-block;
}

.input-checkbox,
.input-radio {
  margin-right: 0.5em;
}

.label-checkbox,
.label-radio {
  width: 75%;
  vertical-align: top;
  font-weight: normal;
  line-height: 1.5;
}

/**
 * This balance the vertical align when there
 * is no <label> set for an form element.
 * This is the case when we have two (or more) form elements
 * but only one (sort of) combined label,
 * e.g. Street/Number, Zip/City a.s.o.
 *
 * Applicable to element `.field`
 *
    <div class="field labelless">
      ...
    </div>
 *
 */
.labelless {
  vertical-align: bottom;
}

/**
 * Validity classes
 *
 * We need two additional class (`validation-label-error`,
 * `validation-error-message`) to color the label itself
 * and display the field error message.
 *
 * Markup:

    <label for="<name>" class="required validation-label-error">
      <labelname><em>*</em>
    </label>
    <div class="input-box required-entry validation-error">
        <input class="xxx validation-failed" />
        <p class="validation-error-message">message</p>
    </div>
 *
 */
.validation-failed {
  color: #FFFFFF;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 2px solid #FFFFFF !important;
}

.validation-label-error,
.validation-error-message,
.required-note-error {
  color: #FFFFFF;
}

/**
 * Core breadcrumb component
 *
 * A component tho utilize breadcrumb navigations.
 */
.c-breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-breadcrumb__item,
.c-breadcrumb > li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 14px;
}

.c-breadcrumb__item::after,
.c-breadcrumb > li::after {
  content: "»";
  margin-left: 14px;
}

.c-breadcrumb__item:last-of-type::after,
.c-breadcrumb > li:last-of-type::after {
  content: '';
}

.c-breadcrumb__root::after {
  content: '';
}

.c-breadcrumb__root::before {
  content: "«";
}

/**
 * Modifiers: Blow/shrink breadcrumb items
 *
 * Generic size utilities. Is applicable on every list abstraction except
 * where flex box is involved.
 *
 * Example:
 *   <div class="list-table list--tiny"></div>
 *   <div class="list-stacked list--large"></div>
 */
.c-breadcrumb--tiny > li {
  margin-right: 4px;
}

.c-breadcrumb--tiny > li::after {
  margin-left: 4px;
}

.c-breadcrumb--small > li {
  margin-right: 7px;
}

.c-breadcrumb--small > li::after {
  margin-left: 7px;
}

.c-breadcrumb--large > li {
  margin-right: 28px;
}

.c-breadcrumb--large > li::after {
  margin-left: 28px;
}

.c-breadcrumb--huge > li {
  margin-right: 56px;
}

.c-breadcrumb--huge > li::after {
  margin-left: 56px;
}

/**
 * CSS of Version 2.0.5
 */
@-webkit-keyframes fluidboxLoading {
  0% {
    -webkit-transform: translate(-50%, -50%) rotateX(0) rotateY(0);
            transform: translate(-50%, -50%) rotateX(0) rotateY(0);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0);
            transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg);
            transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg);
  }
}
@keyframes fluidboxLoading {
  0% {
    -webkit-transform: translate(-50%, -50%) rotateX(0) rotateY(0);
            transform: translate(-50%, -50%) rotateX(0) rotateY(0);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0);
            transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg);
            transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg);
  }
}

.fluidbox {
  outline: none;
}

.fluidbox__overlay {
  background-color: rgba(255, 255, 255, 0.85);
  cursor: pointer;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: -100%;
  /* Negative top and bottom is to fix some Safari cases where image got blurry */
  left: 0;
  bottom: -100%;
  /* Negative top and bottom is to fix some Safari cases where image got blurry */
  right: 0;
  /* Transition time for overlay is halved to ensure that flickering doesn't happen */
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.fluidbox--opened .fluidbox__overlay {
  pointer-events: auto;
}

.fluidbox__wrap {
  background-position: center center;
  background-size: cover;
  margin: 0 auto;
  position: relative;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  line-height: 0%;
}

.fluidbox__thumb {
  -webkit-transition: opacity 0s ease-in-out 0s;
  transition: opacity 0s ease-in-out 0s;
  /* To prevent flickering, we delay the showing of the image */
}

.fluidbox--closed .fluidbox__thumb {
  -webkit-transition: opacity 0s ease-in-out 0s;
  transition: opacity 0s ease-in-out 0s;
}

.fluidbox__ghost {
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  -webkit-transition: opacity 0s 0s, -webkit-transform 0.5s 0s;
  transition: opacity 0s 0s, -webkit-transform 0.5s 0s;
  transition: opacity 0s 0s, transform 0.5s 0s;
  transition: opacity 0s 0s, transform 0.5s 0s, -webkit-transform 0.5s 0s;
}

.fluidbox--opened .fluidbox__ghost {
  cursor: pointer;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.fluidbox--closed .fluidbox__ghost {
  -webkit-transition: opacity 0s 0.5s, -webkit-transform 0.5s 0s;
  transition: opacity 0s 0.5s, -webkit-transform 0.5s 0s;
  transition: opacity 0s 0.5s, transform 0.5s 0s;
  transition: opacity 0s 0.5s, transform 0.5s 0s, -webkit-transform 0.5s 0s;
}

.fluidbox__loader {
  opacity: 0;
  -webkit-perspective: 200px;
          perspective: 200px;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.fluidbox__loader::before {
  /* You can replace this with any color you want, or even a loading gif if desired */
  background-color: rgba(255, 255, 255, 0.85);
  content: '';
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20%;
  padding-bottom: 20%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.fluidbox--loading .fluidbox__loader {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in-out 0.5s;
  transition: opacity 0.5s ease-in-out 0.5s;
}

.fluidbox--loading .fluidbox__loader::before {
  -webkit-animation: fluidboxLoading 1s 0s infinite ease-in-out forwards;
          animation: fluidboxLoading 1s 0s infinite ease-in-out forwards;
}

.tns-outer {
  padding: 0 !important;
}

.tns-outer [hidden] {
  display: none !important;
}

.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  -webkit-transition: all 0s;
  transition: all 0s;
}

.tns-slider > .tns-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}

.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}

.tns-horizontal.tns-no-subpixel:after {
  content: '';
  display: table;
  clear: both;
}

.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}

.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}

.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform 0s, opacity 0s;
  -webkit-transition: opacity 0s, -webkit-transform 0s;
  transition: opacity 0s, -webkit-transform 0s;
  transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s, -webkit-transform 0s;
}

.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}

.tns-gallery > .tns-moving {
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.tns-autowidth {
  display: inline-block;
}

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6;
}

.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  -webkit-transition: height 0s;
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.tns-vpfix {
  white-space: nowrap;
}

.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}

.tns-t-ct {
  width: 2333.33333%;
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0;
}

.tns-t-ct:after {
  content: '';
  display: table;
  clear: both;
}

.tns-t-ct > div {
  width: 1.42857%;
  width: calc(100% / 70);
  height: 10px;
  float: left;
}

/*
  =====================================================
  Modul
  =====================================================
*/
.o-accordion {
  width: 100%;
}

.o-accordion__title {
  color: #2D2D2D;
  font-size: 16px;
  margin-bottom: 0;
}

.o-accordion__header[aria-expanded="false"] {
  border-width: 1px;
  border-style: solid;
  border-color: #F7F7F7;
  margin-bottom: 14px;
}

.o-accordion__header[aria-expanded="true"] {
  border-left-color: #F7F7F7;
  border-right-color: #F7F7F7;
  border-top-color: #F7F7F7;
  border-left-width: 1px;
  border-left-style: solid;
  border-right-width: 1px;
  border-right-style: solid;
  border-top-width: 1px;
  border-top-style: solid;
  margin-bottom: 0;
}

.o-accordion__header {
  display: inline-block;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #F7F7F7;
  border-color: #2D2D2D;
  border-style: solid;
  border-width: 0px;
  border-color: #E20019;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  line-height: normal;
  margin: 0;
  padding: 18.66667px;
  border-radius: 2px;
  position: relative;
  text-align: left;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: normal;
  padding-right: 56px;
}

/* title opened */
.o-accordion__header[aria-expanded="true"] {
  background-color: #FFFFFF;
}

.o-accordion__header[aria-expanded="true"]:after {
  content: '';
  position: absolute;
  top: 28%;
  right: 28px;
  background-image: url("../img/icon-cross-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
}

/* title closed */
.o-accordion__header[aria-expanded="false"]:after {
  content: '';
  position: absolute;
  top: 28%;
  right: 28px;
  background-image: url("../img/icon-plus-red.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
}

.o-accordion__panel {
  display: block;
  width: 100%;
  padding: 0 18.66667px;
  border-left-color: #F7F7F7;
  border-right-color: #F7F7F7;
  border-bottom-color: #F7F7F7;
  border-left-width: 1px;
  border-left-style: solid;
  border-right-width: 1px;
  border-right-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  margin-bottom: 14px;
  padding-top: 28px;
}

.o-accordion__panel[aria-hidden="true"] {
  display: none;
}

.o-accordion--media {
  /* title opened */
  /* title closed */
}

.o-accordion--media .o-accordion__title {
  font-size: 20px;
}

.o-accordion--media .o-accordion__header[aria-expanded="true"] {
  border-left-color: #BFBFBF;
  border-right-color: #BFBFBF;
  border-top-color: #BFBFBF;
}

.o-accordion--media .o-accordion__header {
  padding-left: 70px;
}

.o-accordion--media .o-accordion__panel {
  border-left-color: #BFBFBF;
  border-right-color: #BFBFBF;
  border-bottom-color: #BFBFBF;
}

.o-accordion--media .o-accordion__header[aria-expanded="true"] {
  background-color: #FFFFFF;
}

.o-accordion--media .o-accordion__header[aria-expanded="true"]:after {
  top: 33%;
  left: 18.66667px;
}

.o-accordion--media .o-accordion__header[aria-expanded="false"]:after {
  top: 33%;
  left: 18.66667px;
}

/*
  =====================================================
  Modul
  =====================================================
*/
.o-content-company-locations {
  background-image: url(../img/map.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 50% auto !important;
  background-position: top 168px right 0 !important;
}

@media screen and (min-width: 45em) {
  .o-content-company-locations__wrapper {
    display: grid;
    gap: 30px;
    grid-auto-flow: row;
    grid-template-columns: minmax(auto, 1fr) minmax(auto, 1fr) minmax(auto, 1fr);
    grid-template-areas: "northAmerica germany middleEast" "japan germany china" "japan india china";
  }
}

.o-content-company-locations__item {
  display: block;
  position: relative;
  overflow: hidden;
  margin-bottom: 28px;
}

@media screen and (min-width: 45em) {
  .o-content-company-locations__item {
    margin-bottom: 0;
  }
}

.o-content-company-locations__item img {
  display: block;
  width: 100%;
  height: auto;
}

.o-content-company-locations__item.northAmerica {
  grid-area: northAmerica;
}

.o-content-company-locations__item.germany {
  grid-area: germany;
}

.o-content-company-locations__item.middleEast {
  grid-area: middleEast;
}

.o-content-company-locations__item.japan {
  grid-area: japan;
}

.o-content-company-locations__item.india {
  grid-area: india;
}

.o-content-company-locations__item.china {
  grid-area: china;
}

.o-content-company-locations__item__cta {
  display: block;
  position: absolute;
  z-index: 4;
  bottom: 45%;
  padding: 28px;
}

.o-content-company-locations__item-href {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  border-radius: 0;
  position: relative;
  background-color: transparent;
}

.o-content-company-locations__item-href .o-content-company-locations__item__cta {
  -ms-hyphens: none;
      hyphens: none;
  cursor: auto;
}

.o-content-company-locations__item-href:hover {
  background-color: #FFFFFF;
}

.o-content-company-locations__item-href:hover .o-content-company-locations__item_img {
  text-decoration: none;
  -webkit-transform: scale(1.06);
          transform: scale(1.06);
  -webkit-transition: -webkit-transform 0.15s ease-in-out;
  transition: -webkit-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}

.o-content-company-locations__item-href:hover .o-content-company-locations__item__cta {
  color: #FFFFFF;
  background-color: #E20019;
  border-color: #E20019;
}

/*
  =====================================================
  Modul
  =====================================================
*/
/*
  =====================================================
  Modul
  =====================================================
*/
.o-content-quotes blockquote {
  color: #E20019;
  font-size: 26px;
  line-height: 1.4;
  -ms-hyphens: none;
      hyphens: none;
}

.o-content-quotes__item {
  text-align: center;
}

.o-content-quotes__author span {
  color: #808080;
}

/*
  =====================================================
  Modul
  =====================================================
*/
.o-content-slider-company-timeline__headline {
  position: relative;
  padding: 28px 0 14px;
}

.o-content-slider-company-timeline__headline span {
  display: inline-block;
  position: relative;
  color: #E20019 !important;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.4;
  padding-right: 14px;
  background-color: #2D2D2D;
}

.o-content-slider-company-timeline__headline::before {
  content: '';
  position: absolute;
  top: 48.69565px;
  left: auto;
  height: 1px;
  width: 100%;
  background-color: #009BA4;
}

/*
  =====================================================
  Modul
  =====================================================
*/
/*
  =====================================================
  Modul
  =====================================================
*/
/*
  =====================================================
  Modul
  =====================================================
*/
/*
  =====================================================
  Modul
  =====================================================
*/
/*
  =====================================================
  Modul
  =====================================================
*/
.o-embed-contact-divisions-computed .list-chart__label {
  width: 100%;
}

@media screen and (min-width: 45em) {
  .o-embed-contact-divisions-computed .list-chart__label {
    width: 25%;
    -ms-hyphens: none;
        hyphens: none;
  }
}

@media screen and (min-width: 45em) {
  .o-embed-contact-divisions-computed .list-chart__value {
    width: 75%;
  }
}

.o-embed-contact-divisions-computed__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  width: 100%;
  background-color: #FFFFFF;
  padding: 28px;
  margin-bottom: 56px;
}

.o-embed-contact-divisions-computed__item-section {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/*
  =====================================================
  Modul
  =====================================================
*/
.o-embed-event-dates-computed {
  /**
   * Responsive table skeleton
   */
}

@media screen and (max-width: 44.9375em) {
  .o-embed-event-dates-computed {
    /* Force table to not be like tables anymore */
    /* Hide table headers (but not display: none;, for accessibility) */
    /*
    Label the data
    */
  }
  .o-embed-event-dates-computed table, .o-embed-event-dates-computed thead, .o-embed-event-dates-computed tbody, .o-embed-event-dates-computed td, .o-embed-event-dates-computed tr {
    display: block;
  }
  .o-embed-event-dates-computed thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .o-embed-event-dates-computed tr {
    padding-top: 14px;
    margin-bottom: 28px;
  }
  .o-embed-event-dates-computed td, .o-embed-event-dates-computed td:first-child {
    /* Behave like a "row" */
    border: none;
    position: relative;
    padding-left: 14px;
    margin: 14px 0 0 0;
  }
  .o-embed-event-dates-computed td:before {
    content: '';
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: -14px;
    left: 14px;
    white-space: nowrap;
    font-weight: 600;
    color: #E20019;
  }
  .o-embed-event-dates-computed .table-de td:nth-of-type(1):before {
    content: "Land";
  }
  .o-embed-event-dates-computed .table-de td:nth-of-type(2):before {
    content: "Ort";
  }
  .o-embed-event-dates-computed .table-de td:nth-of-type(3):before {
    content: "Terminart";
  }
  .o-embed-event-dates-computed .table-de td:nth-of-type(4):before {
    content: "Veranstaltung";
  }
  .o-embed-event-dates-computed .table-de td:nth-of-type(5):before {
    content: "Datum";
  }
  .o-embed-event-dates-computed .table-en td:nth-of-type(1):before {
    content: "Country";
  }
  .o-embed-event-dates-computed .table-en td:nth-of-type(2):before {
    content: "Location";
  }
  .o-embed-event-dates-computed .table-en td:nth-of-type(3):before {
    content: "Event type";
  }
  .o-embed-event-dates-computed .table-en td:nth-of-type(4):before {
    content: "Event name";
  }
  .o-embed-event-dates-computed .table-en td:nth-of-type(5):before {
    content: "Date";
  }
}

/*
  =====================================================
  Modul
  =====================================================
*/
.o-embed-flux-computed__item {
  border: 4px solid #F7F7F7;
}

.o-embed-flux-computed__item figcaption {
  padding: 14px 14px 0 14px;
}

.o-embed-flux-computed__item__heading {
  font-size: 16px;
}

/*
  =====================================================
  Modul
  =====================================================
*/
.o-embed-jobs-computed {
  /**
   * Responsive table skeleton (jobs listing)
   */
}

@media screen and (max-width: 63.9375em) {
  .o-embed-jobs-computed {
    /* Force table to not be like tables anymore */
    /* Hide table headers (but not display: none;, for accessibility) */
    /*
    Label the data
    */
  }
  .o-embed-jobs-computed table, .o-embed-jobs-computed thead, .o-embed-jobs-computed tbody, .o-embed-jobs-computed th, .o-embed-jobs-computed td, .o-embed-jobs-computed tr {
    display: block;
  }
  .o-embed-jobs-computed thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .o-embed-jobs-computed tr {
    margin-bottom: 74.66667px;
  }
  .o-embed-jobs-computed td {
    /* Behave like a "row" */
    position: relative;
    padding-left: 0 !important;
    margin: 7px 0 0 0;
  }
  .o-embed-jobs-computed td h3 {
    margin-top: 14px;
  }
  .o-embed-jobs-computed td:before {
    content: '';
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 3px;
    left: 0px;
    white-space: nowrap;
    font-weight: 600;
  }
  .o-embed-jobs-computed .table-de td:nth-of-type(1):before {
    content: "Datum";
  }
  .o-embed-jobs-computed .table-de td:nth-of-type(2):before {
    content: "Stellenangebot";
  }
  .o-embed-jobs-computed .table-de td:nth-of-type(3):before {
    content: "Karrierelevel";
  }
  .o-embed-jobs-computed .table-de td:nth-of-type(4):before {
    content: "Kategorie";
  }
  .o-embed-jobs-computed .table-de td:nth-of-type(5):before {
    content: "Standort";
  }
  .o-embed-jobs-computed .table-en td:nth-of-type(1):before {
    content: "Date";
  }
  .o-embed-jobs-computed .table-en td:nth-of-type(2):before {
    content: "Job offer";
  }
  .o-embed-jobs-computed .table-en td:nth-of-type(3):before {
    content: "Career level";
  }
  .o-embed-jobs-computed .table-en td:nth-of-type(4):before {
    content: "Category";
  }
  .o-embed-jobs-computed .table-en td:nth-of-type(5):before {
    content: "Location";
  }
}

/*
  =====================================================
  Modul
  =====================================================
*/
.o-embed-products-computed__item {
  display: block;
  position: relative;
  overflow: hidden;
}

.o-embed-products-computed__item-href {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  border-radius: 0;
  position: relative;
  background-color: transparent;
}

.o-embed-products-computed__item-href .o-embed-products-computed__item__cta {
  color: #2D2D2D;
  background-color: transparent;
  border-color: #E20019;
  -ms-hyphens: none;
      hyphens: none;
}

.o-embed-products-computed__item-href:hover {
  background-color: #FFFFFF;
}

.o-embed-products-computed__item-href:hover .o-embed-products-computed__img {
  text-decoration: none;
  -webkit-transform: scale(1.06);
          transform: scale(1.06);
  -webkit-transition: -webkit-transform 0.15s ease-in-out;
  transition: -webkit-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}

.o-embed-products-computed__item-href:hover .o-embed-products-computed__item__cta {
  color: #FFFFFF;
  background-color: #E20019;
  border-color: #E20019;
}

.o-embed-products-computed__item__heading {
  position: absolute;
  z-index: 4;
  top: 0;
  padding: 28px;
}

.o-embed-products-computed__item__cta {
  display: block;
  position: absolute;
  z-index: 4;
  bottom: 28px;
  padding: 28px;
}

/*
  =====================================================
  Modul
  =====================================================
*/
.embed-products-specifications-computed {
  /**
   * Responsive table skeleton
   */
}

@media screen and (max-width: 44.9375em) {
  .embed-products-specifications-computed {
    /* Force table to not be like tables anymore */
    /* Hide table headers (but not display: none;, for accessibility) */
    /*
    Label the data
    */
  }
  .embed-products-specifications-computed table, .embed-products-specifications-computed thead, .embed-products-specifications-computed tbody, .embed-products-specifications-computed td, .embed-products-specifications-computed tr {
    display: block;
  }
  .embed-products-specifications-computed thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .embed-products-specifications-computed tr {
    padding-top: 14px;
    margin-bottom: 28px;
  }
  .embed-products-specifications-computed td, .embed-products-specifications-computed td:first-child {
    /* Behave like a "row" */
    border: none;
    position: relative;
    padding-left: 14px;
    margin: 14px 0 0 0;
  }
  .embed-products-specifications-computed td:before {
    content: '';
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: -14px;
    left: 14px;
    white-space: nowrap;
    font-weight: 600;
    color: #E20019;
    text-align: left !important;
  }
  .embed-products-specifications-computed .table-de td:nth-of-type(1):before {
    content: "Produktkategorie";
  }
  .embed-products-specifications-computed .table-de td:nth-of-type(2):before {
    content: "Produktunterkategorie";
  }
  .embed-products-specifications-computed .table-de td:nth-of-type(3):before {
    content: "Werksnormen";
  }
  .embed-products-specifications-computed .table-en td:nth-of-type(1):before {
    content: "Product category";
  }
  .embed-products-specifications-computed .table-en td:nth-of-type(2):before {
    content: "Product sub category";
  }
  .embed-products-specifications-computed .table-en td:nth-of-type(3):before {
    content: "Product specifications";
  }
}

/*
  =====================================================
  Modul
  =====================================================
*/
.o-embed-sectors-computed__item {
  border: 4px solid #F7F7F7;
  background-color: transparent;
  padding: 28px;
  text-align: center;
}

.o-embed-sectors-computed__item__heading {
  font-size: 20px;
}

.o-embed-sectors-computed__item__img {
  margin-bottom: 28px;
}

/*
  =====================================================
  Modul
  =====================================================
*/
.o-embed-sectors-slider-computed__item {
  display: block;
  position: relative;
  overflow: hidden;
}

.o-embed-sectors-slider-computed__item-href {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  border-radius: 0;
  position: relative;
  background-color: transparent;
}

.o-embed-sectors-slider-computed__item-href .o-embed-sectors-slider-computed__item__cta {
  -ms-hyphens: none;
      hyphens: none;
}

.o-embed-sectors-slider-computed__item-href:hover {
  background-color: #FFFFFF;
}

.o-embed-sectors-slider-computed__item-href:hover .o-embed-sectors-slider-computed__img {
  text-decoration: none;
  -webkit-transform: scale(1.06);
          transform: scale(1.06);
  -webkit-transition: -webkit-transform 0.15s ease-in-out;
  transition: -webkit-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}

.o-embed-sectors-slider-computed__item-href:hover .o-embed-sectors-slider-computed__item__cta {
  color: #FFFFFF;
  background-color: #E20019;
  border-color: #E20019;
}

.o-embed-sectors-slider-computed__item__heading {
  position: absolute;
  z-index: 4;
  top: 0;
  padding: 28px;
}

.o-embed-sectors-slider-computed__item__cta {
  display: block;
  position: absolute;
  z-index: 4;
  bottom: 45%;
  padding: 28px;
}

/*
  =====================================================
  Modul
  =====================================================
*/
.embed-service-downloads-computed {
  /**
   * Responsive table skeleton
   */
}

@media screen and (max-width: 44.9375em) {
  .embed-service-downloads-computed {
    /* Force table to not be like tables anymore */
    /* Hide table headers (but not display: none;, for accessibility) */
    /*
    Label the data
    */
  }
  .embed-service-downloads-computed table, .embed-service-downloads-computed thead, .embed-service-downloads-computed tbody, .embed-service-downloads-computed td, .embed-service-downloads-computed tr {
    display: block;
  }
  .embed-service-downloads-computed thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .embed-service-downloads-computed tr {
    padding-top: 14px;
    margin-bottom: 28px;
  }
  .embed-service-downloads-computed td, .embed-service-downloads-computed td:first-child {
    /* Behave like a "row" */
    border: none;
    position: relative;
    padding-left: 14px;
    margin: 14px 0 0 0;
  }
  .embed-service-downloads-computed td:before {
    content: '';
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: -14px;
    left: 14px;
    white-space: nowrap;
    font-weight: 600;
    color: #E20019;
    text-align: left !important;
  }
  .embed-service-downloads-computed .table-de td:nth-of-type(1):before {
    content: "Kategorie";
  }
  .embed-service-downloads-computed .table-de td:nth-of-type(2):before {
    content: "Name";
  }
  .embed-service-downloads-computed .table-de td:nth-of-type(3):before {
    content: "Video (falls vorhanden)";
  }
  .embed-service-downloads-computed .table-de td:nth-of-type(4):before {
    content: "Download";
  }
  .embed-service-downloads-computed .table-en td:nth-of-type(1):before {
    content: "Category";
  }
  .embed-service-downloads-computed .table-en td:nth-of-type(2):before {
    content: "Name";
  }
  .embed-service-downloads-computed .table-en td:nth-of-type(3):before {
    content: "Video (if present)";
  }
  .embed-service-downloads-computed .table-en td:nth-of-type(4):before {
    content: "Download";
  }
}

/*
  =====================================================
  Modul
  =====================================================
*/
.o-embed-service-hotlines-computed {
  background-image: url(../img/map.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 40% auto !important;
  background-position: top 56px right 15% !important;
  /**
   * Responsive table skeleton
   */
}

@media screen and (max-width: 44.9375em) {
  .o-embed-service-hotlines-computed {
    /* Force table to not be like tables anymore */
    /* Hide table headers (but not display: none;, for accessibility) */
    /*
    Label the data
    */
  }
  .o-embed-service-hotlines-computed table, .o-embed-service-hotlines-computed thead, .o-embed-service-hotlines-computed tbody, .o-embed-service-hotlines-computed td, .o-embed-service-hotlines-computed tr {
    display: block;
  }
  .o-embed-service-hotlines-computed thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .o-embed-service-hotlines-computed tr {
    padding-top: 14px;
    margin-bottom: 28px;
  }
  .o-embed-service-hotlines-computed td, .o-embed-service-hotlines-computed td:first-child {
    /* Behave like a "row" */
    border: none;
    position: relative;
    padding-left: 14px;
    margin: 14px 0 0 0;
  }
  .o-embed-service-hotlines-computed td:before {
    content: '';
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: -14px;
    left: 14px;
    white-space: nowrap;
    font-weight: 600;
    color: #E20019;
  }
  .o-embed-service-hotlines-computed .table-de td:nth-of-type(1):before {
    content: "Land";
  }
  .o-embed-service-hotlines-computed .table-de td:nth-of-type(2):before {
    content: "Firma";
  }
  .o-embed-service-hotlines-computed .table-de td:nth-of-type(3):before {
    content: "Telefonnummer";
  }
  .o-embed-service-hotlines-computed .table-en td:nth-of-type(1):before {
    content: "Country";
  }
  .o-embed-service-hotlines-computed .table-en td:nth-of-type(2):before {
    content: "Company";
  }
  .o-embed-service-hotlines-computed .table-en td:nth-of-type(3):before {
    content: "Phone number";
  }
}

/*
  =====================================================
  Modul
  =====================================================
*/
.o-error {
  background-image: url(../img/error-bg.svg) !important;
  background-repeat: repeat-y !important;
  background-size: auto !important;
}

/*
  =====================================================
  Modul / form-jobs
  =====================================================
*/
/*
  =====================================================
  Modul / form-service
  =====================================================
*/
/*
  =====================================================
  Modul
  =====================================================
*/
.o-form--products-search {
  /**
   * Responsive table skeleton
   */
}

.o-form--products-search .o-form--products-search__submit {
  margin-bottom: 28px;
}

@media screen and (min-width: 64em) {
  .o-form--products-search .o-form--products-search__submit {
    margin-top: 56px;
  }
}

.o-form--products-search legend {
  position: relative;
  padding-bottom: 28px;
  width: 100%;
}

.o-form--products-search legend span {
  display: inline-block;
  position: relative;
  color: #2D2D2D;
  font-weight: 900;
  line-height: 1.4;
  padding-right: 18.66667px;
  background-color: #FFFFFF;
}

.o-form--products-search legend span::after {
  content: none;
  background-image: none;
}

.o-form--products-search legend::before {
  content: '';
  position: absolute;
  top: 14px;
  left: auto;
  height: 1px;
  width: 100%;
  background-color: #BFBFBF;
}

@media screen and (max-width: 63.9375em) {
  .o-form--products-search {
    /* Force table to not be like tables anymore */
    /* Hide table headers (but not display: none;, for accessibility) */
    /*
    Label the data
    */
  }
  .o-form--products-search table, .o-form--products-search thead, .o-form--products-search tbody, .o-form--products-search td, .o-form--products-search tr {
    display: block;
  }
  .o-form--products-search thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .o-form--products-search tr {
    padding-top: 14px;
    margin-bottom: 28px;
  }
  .o-form--products-search td, .o-form--products-search td:first-child {
    /* Behave like a "row" */
    border: none;
    position: relative;
    padding-left: 14px;
    margin: 14px 0 0 0;
  }
  .o-form--products-search td:before {
    content: '';
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: -14px;
    left: 14px;
    white-space: nowrap;
    font-weight: 600;
    color: #E20019;
    text-align: left !important;
  }
  .o-form--products-search .table-de td:nth-of-type(1):before {
    content: "Produktname";
  }
  .o-form--products-search .table-de td:nth-of-type(2):before {
    content: "Ausführung";
  }
  .o-form--products-search .table-de td:nth-of-type(3):before {
    content: "Leistungsbereich";
  }
  .o-form--products-search .table-de td:nth-of-type(4):before {
    content: "Werksnormen";
  }
  .o-form--products-search .table-en td:nth-of-type(1):before {
    content: "Product name";
  }
  .o-form--products-search .table-en td:nth-of-type(2):before {
    content: "Version";
  }
  .o-form--products-search .table-en td:nth-of-type(3):before {
    content: "Feed rate capacity";
  }
  .o-form--products-search .table-en td:nth-of-type(4):before {
    content: "Work standards";
  }
}

/*
  =====================================================
  Modul / slider / content
  =====================================================
*/
.o-slider {
  display: block;
  position: relative;
  margin: 0 28px;
}

.o-slider__overlay {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  padding: 14px;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 11px;
}

.o-slider__item {
  position: relative;
}

.o-slider__controls {
  margin-bottom: 7px;
}

.o-slider__controls li {
  display: block;
  position: absolute;
  top: 32%;
  height: 60px;
  padding: 15px 25px;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  background: #FFFFFF;
  border: 1px solid #808080;
  border-radius: 4px;
}

.o-slider__controls li:hover {
  background: #F7F7F7;
}

.o-slider__controls li.prev {
  left: -30px;
}

.o-slider__controls li.next {
  right: -30px;
}

.o-slider__controls li.next[aria-disabled='true'],
.o-slider__controls li.prev[aria-disabled='true'] {
  opacity: 0.15;
}

.o-slider__nav a {
  padding: 5.6px;
  margin-right: 7px;
  border: 0;
  border-radius: 12px;
  font-size: 0;
  color: #F7F7F7;
  font-weight: 500;
  background-color: #00aeb8;
}

.o-slider__nav a.tns-nav-active {
  background-color: #FFFFFF;
}

/*
  =====================================================
  Modul / slider / Modifier
  =====================================================
*/
.o-slider--product .o-slider__target {
  margin-bottom: 14px;
}

.o-slider--product .o-slider__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media screen and (max-width: 63.9375em) {
  .o-slider--product .o-slider__controls {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.o-slider--product .o-slider__controls li {
  position: initial;
  top: auto;
  height: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 20px 20px;
  margin-right: 14px;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  background: #FFFFFF;
  border: 1px solid #808080;
  border-radius: 4px;
}

.o-slider--product .o-slider__controls li:last-of-type {
  margin-right: 0;
}

.o-slider--product .tns-nav {
  display: none;
}

.o-slider--milestones {
  margin: 0 0 56px;
}

.o-slider--milestones .o-slider__target {
  margin-bottom: 56px;
}

.o-slider--milestones .o-slider__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.o-slider--milestones .o-slider__controls li {
  position: initial;
  top: auto;
  height: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 20px 20px;
  margin-right: 14px;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  background: #FFFFFF;
  border: 1px solid #808080;
  border-radius: 4px;
}

.o-slider--milestones .o-slider__controls li:last-of-type {
  margin-right: 0;
}

.o-slider--milestones .tns-nav {
  display: none;
}

.o-slider--quotes .o-slider__target {
  margin-bottom: 28px;
}

.o-slider--quotes .o-slider__nav {
  padding-left: 0;
}

@media screen and (min-width: 45em) {
  .o-slider--quotes .o-slider__nav {
    padding-left: 30px;
  }
}

@media screen and (min-width: 80em) {
  .o-slider--quotes .o-slider__nav {
    padding-left: 60px;
  }
}

.o-slider--quotes .o-slider__nav button {
  padding: 7px 18.66667px;
  margin-right: 7px;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  background: #FFFFFF;
  border: 1px solid #808080;
  border-radius: 4px;
}

.o-slider--quotes .o-slider__nav button.tns-nav-active {
  color: #FFFFFF;
  background-color: #2D2D2D;
}

.o-slider--quotes .tns-controls {
  display: none;
}

.o-slider--quotes .tns-nav {
  display: none;
}

.o-slider--form-service {
  margin: 0 28px;
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .o-slider--form-service {
    margin: 0 112px;
  }
}

@media screen and (min-width: 64em) {
  .o-slider--form-service {
    margin: 0 224px;
  }
}

@media screen and (min-width: 80em) {
  .o-slider--form-service {
    margin: 0 280px;
  }
}

.o-slider--sectors .tns-controls {
  display: none;
}

.o-slider--sectors .tns-nav {
  display: none;
}

.o-slider--media .o-slider__nav {
  padding-left: 0;
}

@media screen and (min-width: 45em) {
  .o-slider--media .o-slider__nav {
    padding-left: 30px;
  }
}

@media screen and (min-width: 80em) {
  .o-slider--media .o-slider__nav {
    padding-left: 60px;
  }
}

.o-slider--media .o-slider__nav button {
  padding: 7px 18.66667px;
  margin-right: 7px;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  background: #FFFFFF;
  border: 1px solid #808080;
  border-radius: 4px;
}

.o-slider--media .o-slider__nav button.tns-nav-active {
  color: #FFFFFF;
  background-color: #2D2D2D;
}

.o-slider--media .tns-controls {
  display: none;
}

.o-slider--media .tns-nav {
  display: none;
}

.o-slider--disrupter {
  padding: 0 56px;
}

.o-slider--disrupter .o-slider__controls {
  margin-bottom: 7px;
}

.o-slider--disrupter .o-slider__controls li {
  display: block;
  position: absolute;
  top: 32%;
  height: 70px;
  padding: 15px 15px;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  background: #FFFFFF;
  background: #009BA4;
  border: 0;
  border-radius: 0;
}

.o-slider--disrupter .o-slider__controls li:hover {
  background: #F7F7F7;
}

.o-slider--disrupter .o-slider__controls li.prev {
  left: -28px;
}

.o-slider--disrupter .o-slider__controls li.next {
  right: -28px;
}

.o-slider--disrupter .o-slider__controls li.next[aria-disabled='true'],
.o-slider--disrupter .o-slider__controls li.prev[aria-disabled='true'] {
  opacity: 0.15;
}

.o-slider--disrupter .tns-controls {
  display: none;
}

.o-slider--disrupter .tns-nav {
  position: absolute;
  right: -15px;
  bottom: 0;
  padding-bottom: 14px;
}

.o-slider--disrupter .tns-nav button {
  padding: 2.33333px;
  margin-right: 7px;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  background: #00aeb8;
  border: 0;
  border-radius: 20px;
}

.o-slider--disrupter .tns-nav button.tns-nav-active {
  background-color: #FFFFFF;
}

/*
  =====================================================
  Modul
  =====================================================
*/
/*
  =====================================================
  Modul
  =====================================================
*/
.o-teaser-cta-variant-1 {
  background-image: url(../img/teaser-cta-variant-double-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

/*
  =====================================================
  Modul
  =====================================================
*/
/*
  =====================================================
  Modul
  =====================================================
*/
.o-teaser-cta-variant-3 {
  background-image: url(../img/teaser-cta-variant-double-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

/*
  =====================================================
  Modul
  =====================================================
*/
.o-teaser-cta-variant-4 {
  background-image: url(../img/teaser-cta-variant-white-bg-sample.svg) !important;
  background-repeat: repeat !important;
  background-size: auto !important;
}

@media screen and (min-width: 64em) {
  .o-teaser-cta-variant-4 {
    background-image: url(../img/teaser-cta-variant-white-bg-red-sample.svg), url(../img/teaser-cta-variant-white-bg-sample.svg) !important;
    background-repeat: repeat-y, repeat !important;
    background-size: auto auto !important;
  }
}

/*
  =====================================================
  Modul
  =====================================================
*/
.o-teaser-cta-variant-5 {
  background-image: url(../img/teaser-cta-variant-turquoise-bg-white-sample.svg), url(../img/teaser-cta-variant-turquoise-bg-sample.svg) !important;
  background-repeat: repeat-y, repeat !important;
  background-size: auto auto !important;
}

/*
  =====================================================
  Modul
  =====================================================
*/
.o-teaser-cta-variant-6 {
  background: url(../img/teaser-cta-variant-turquoise-bg-sample.svg), -webkit-gradient(linear, left top, right top, from(#009ba4), to(#e20019)) !important;
  background: url(../img/teaser-cta-variant-turquoise-bg-sample.svg), linear-gradient(to right, #009ba4, #e20019) !important;
  background-repeat: repeat, no-repeat !important;
  background-size: auto auto !important;
}

/*
  =====================================================
  Modul
  =====================================================
*/
.o-teaser-cta-variant-7 {
  background-image: url(../img/teaser-cta-variant-turquoise-bg-lighterwhite-sample.svg) !important;
  background-repeat: repeat-y !important;
  background-size: auto !important;
}

/*
  =====================================================
  Modul
  =====================================================
*/
.o-teaser-cta-variant-8 {
  background-image: url(../img/teaser-cta-variant-brown-bg-lighterwhite-sample.svg) !important;
  background-repeat: repeat-y !important;
  background-size: auto !important;
}

/*
  =====================================================
  Modul
  =====================================================
*/
.o-teaser-cta-variant-9 {
  background-image: url(../img/teaser-cta-variant-double-arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/*
  =====================================================
  Modul
  =====================================================
*/
/*
  =====================================================
  Modul
  =====================================================
*/
/*
  =====================================================
  Modul
  =====================================================
*/
/*
  =====================================================
  Modul
  =====================================================
*/
.o-teaser-cta-variant-13 {
  background-image: url(../img/teaser-cta-variant-brown-bg-lighterwhite-sample.svg) !important;
  background-repeat: repeat-y !important;
  background-size: auto !important;
}

/*
  =====================================================
  Modul
  =====================================================
*/
.o-teaser-cta-variant-14 {
  background-image: url(../img/teaser-cta-variant-double-arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/*
  =====================================================
  Modul
  =====================================================
*/
.o-teaser-cta-variant-15 {
  border-radius: 8px;
  background-color: #F7F7F7;
  background-image: url(../img/teaser-cta-variant-search.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 8% auto !important;
  background-position: top 67.2px right 6% !important;
}

@media screen and (min-width: 45em) {
  .o-teaser-cta-variant-15 {
    background-position: top 67.2px left 8% !important;
  }
}

/*
  =====================================================
  Modul
  =====================================================
*/
.o-teaser-cta-variant-slider-16 .page-layer--turquoise {
  margin-top: -112px;
  margin-bottom: 28px;
  -webkit-box-shadow: 0px 8px 12px rgba(77, 77, 77, 0.3);
          box-shadow: 0px 8px 12px rgba(77, 77, 77, 0.3);
}

.o-teaser-cta-variant-slider-16__item {
  margin: 44.8px 0 28px;
}

.o-teaser-cta-variant-slider-16__item a {
  text-decoration: underline;
}

.o-teaser-cta-variant-slider-16__item p {
  margin-bottom: 14px;
}

.o-teaser-cta-variant-slider-16__bold {
  font-weight: 800;
}

/*
  =====================================================
  Modul
  =====================================================
*/
.o-teaser-cta-variant-17 h1, .o-teaser-cta-variant-17 h2, .o-teaser-cta-variant-17 h3 {
  margin-bottom: 14px;
}

.o-teaser-cta-variant-17__body {
  font-size: 26px;
  line-height: 1.55;
  font-weight: 600;
  -ms-hyphens: none;
      hyphens: none;
}

/*
  =====================================================
  Modul
  =====================================================
*/
.o-teaser-cta-variant-18 h1, .o-teaser-cta-variant-18 h2, .o-teaser-cta-variant-18 h3 {
  margin-bottom: 14px;
}

.o-teaser-cta-variant-18__body {
  font-size: 26px;
  line-height: 1.55;
  font-weight: 600;
  -ms-hyphens: none;
      hyphens: none;
}

/*
  =====================================================
  Modul
  =====================================================
*/
/*
  =====================================================
  Modul / o-teaser-service-variant
  =====================================================
*/
.o-teaser-service-variant__item {
  position: relative;
  margin-bottom: 28px;
  padding: 28px;
  background-color: #F7F7F7;
}

.o-teaser-service-variant__item__img {
  position: absolute;
  right: 0;
  top: 0;
}

/*
  =====================================================
  Modul / o-teaser-service
  =====================================================
*/
/*
  =====================================================
  Modul / o-teaser-service_retrofit_process
  =====================================================
*/
/*
  =====================================================
  Modul
  =====================================================
*/
/**
 * layout.scss
 */
html, body {
  overflow-x: hidden;
}

body {
  background-color: #FFFFFF;
  -ms-hyphens: auto;
      hyphens: auto;
}

/*
  =====================================================
  Elements / Generic elements
  =====================================================
*/
a {
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  text-decoration: none;
  color: #009BA4;
}

a:hover, a:active, a:focus {
  color: #009BA4;
  text-decoration: underline;
}

figcaption {
  color: #788891;
}

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

img.static {
  max-width: none;
  height: auto;
  width: auto;
}

strong, b {
  font-weight: 600;
}

i, em {
  font-style: italic;
}

address {
  font-style: normal;
  margin-bottom: 0;
}

nav {
  width: 100%;
}

blockquote {
  font-style: italic;
  font-size: 20px;
}

blockquote::before {
  content: "»";
}

blockquote::after {
  content: "«";
}

cite {
  font-style: normal;
}

/*
  =====================================================
  Structural / headings
  =====================================================
*/
/**
 * list of headings
 * @string {String}
 */
h1, h2, h3, h4, h5, h6 {
  font-style: normal;
  font-weight: 600;
  color: #2D2D2D;
  line-height: 1.4;
  -ms-hyphens: none;
      hyphens: none;
}

.u-heading-with-icon {
  -ms-hyphens: none;
      hyphens: none;
}

@media screen and (max-width: 63.9375em) {
  .u-heading-with-icon {
    -ms-hyphens: auto;
        hyphens: auto;
  }
}

.u-heading-with-icon::after {
  content: '';
  background-image: url(../img/heading-bg-icon.svg);
  background-repeat: no-repeat;
  display: block;
  margin-top: 18.66667px;
  margin-bottom: 37.33333px;
  height: 4px;
}

.u-heading-with-icon--center::after {
  content: '';
  background-position: center center;
}

/*
  =====================================================
  Structural / page
  =====================================================
*/
.page {
  margin: 0 auto;
  max-width: 90em;
  padding: 28px;
  position: relative;
}

@media screen and (min-width: 45em) {
  .page {
    padding: 37.33333px 56px;
  }
}

@media screen and (min-width: 80em) {
  .page {
    padding: 37.33333px 84px;
  }
}

.page--content {
  max-width: none;
}

@media screen and (min-width: 45em) {
  .page--content {
    max-width: 70em;
  }
}

.page--header {
  padding-top: 28px;
  padding-bottom: 16.9697px;
}

@media screen and (min-width: 80em) {
  .page--header {
    padding-left: 56px;
    padding-right: 56px;
  }
}

/*
  =====================================================
  Structural / page-layer
  =====================================================
*/
.page-layer {
  max-width: none;
  width: 100%;
  padding: 0;
}

.page-layer--gradient {
  background-image: -webkit-gradient(linear, left top, right top, from(#009ba4), to(#e20019));
  background-image: linear-gradient(to right, #009ba4, #e20019);
  color: #FFFFFF;
}

.page-layer--gradient h1, .page-layer--gradient h2, .page-layer--gradient h3, .page-layer--gradient h4 {
  color: #FFFFFF;
}

.page-layer--white {
  background-color: #FFFFFF;
  color: #001f31;
}

.page-layer--turquoise {
  background-color: #009BA4;
  color: #FFFFFF;
}

.page-layer--turquoise h1, .page-layer--turquoise h2, .page-layer--turquoise h3, .page-layer--turquoise h4, .page-layer--turquoise a {
  color: #FFFFFF;
}

.page-layer--brown {
  background-color: #2D2D2D;
  color: #FFFFFF;
}

.page-layer--brown h1, .page-layer--brown h2, .page-layer--brown h3, .page-layer--brown h4 {
  color: #FFFFFF;
}

.page-layer--grey {
  background-color: #F7F7F7;
  color: #2D2D2D;
}

.page-layer--grey-darker {
  background-color: #e2e2e2;
  color: #2D2D2D;
}

/*
  =====================================================
  Core extension / buttons
  =====================================================
*/
.button, .o-tabs__link {
  font-weight: 600;
  text-decoration: none;
  padding: 14px 28px;
  border: 1px solid #E20019;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.button:hover, .button:active, .button:focus, .o-tabs__link:hover, .o-tabs__link:active, .o-tabs__link:focus {
  text-decoration: none;
  color: #FFFFFF;
  background-color: #E20019;
  border-color: #E20019;
}

.button:focus-visible, .o-tabs__link:focus-visible {
  outline: 2px dotted #E20019;
}

.button--cta {
  color: #FFFFFF;
  background-color: #E20019;
  border: 1px solid #E20019;
}

.button--cta:hover, .button--cta:active, .button--cta:focus {
  color: #FFFFFF;
  background-color: transparent;
  border-color: #E20019;
}

.button--cta-onlight {
  color: #FFFFFF;
  background-color: #E20019;
  border: 1px solid #E20019;
}

.button--cta-onlight:hover, .button--cta-onlight:active, .button--cta-onlight:focus {
  color: #2D2D2D;
  background-color: transparent;
  border-color: #E20019;
}

.button--oncolor {
  color: #FFFFFF;
  background-color: #2D2D2D;
  border: 1px solid #2D2D2D;
}

.button--oncolor:hover, .button--oncolor:active, .button--oncolor:focus {
  color: #2D2D2D;
  background-color: transparent;
  border-color: #2D2D2D;
}

.button--ghost {
  color: #FFFFFF;
  background-color: transparent;
  border: 1px solid #E20019;
}

.button--ghost:hover, .button--ghost:active, .button--ghost:focus {
  color: #FFFFFF;
  background-color: #E20019;
  border-color: #E20019;
}

.button--discreet {
  color: #808080;
  background-color: transparent;
  border: 1px solid #808080;
}

.button--discreet:hover, .button--discreet:active, .button--discreet:focus {
  color: #FFFFFF;
  background-color: #2D2D2D;
  border-color: #2D2D2D;
}

.button--icon-download--white::after {
  content: url(../img/icon-download__white.svg);
  display: inline-block;
  vertical-align: middle;
  margin-left: 14px;
  width: 18px;
  height: auto;
}

.button--icon-download--white:hover::after, .button--icon-download--white:active::after, .button--icon-download--white:focus::after {
  content: url(../img/icon-download__black.svg);
}

.button--icon-download--black::after {
  content: url(../img/icon-download__black.svg);
  display: inline-block;
  vertical-align: middle;
  margin-left: 14px;
  width: 18px;
  height: auto;
}

.button--icon-download--black:hover::after, .button--icon-download--black:active::after, .button--icon-download--black:focus::after {
  content: url(../img/icon-download__white.svg);
}

.button--icon-download--red::after {
  content: url(../img/icon-download__red.svg);
  display: inline-block;
  vertical-align: middle;
  margin-left: 14px;
  width: 18px;
  height: auto;
}

.button--icon-download--red:hover::after, .button--icon-download--red:active::after, .button--icon-download--red:focus::after {
  content: url(../img/icon-download__black.svg);
}

.button--icon-download--white-static::after {
  content: url(../img/icon-download__white.svg);
  display: inline-block;
  vertical-align: middle;
  margin-left: 14px;
  width: 18px;
  height: auto;
}

.button--icon-download--white-static:hover::after, .button--icon-download--white-static:active::after, .button--icon-download--white-static:focus::after {
  content: url(../img/icon-download__white.svg);
}

/** 
* Group of classes for overlay buttons (icons)
*/
.button--totop {
  background-color: #FFFFFF;
  padding: 16.47059px;
  -webkit-box-shadow: 0 0 8px 0px rgba(45, 45, 45, 0.2);
          box-shadow: 0 0 8px 0px rgba(45, 45, 45, 0.2);
}

.button--totop::before {
  content: '';
  display: block;
  border-radius: 50px;
  position: relative;
  top: 2px;
  background-image: url("../img/arrow-up-red.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
}

/*
  =====================================================
  Component extension / footer
  =====================================================
*/
.c-footer {
  color: #FFFFFF;
  background: #2D2D2D;
}

@media screen and (min-width: 45em) {
  .c-footer {
    background: #2D2D2D url("../img/footer-bg-arrow.svg");
    background-repeat: no-repeat;
    background-size: 145px auto;
    background-position: bottom left;
  }
}

.c-footer .o-logo__img {
  background: url("../img/logo-kubota-brabender-technologie-invert.svg") 0 0 no-repeat;
  background-size: contain;
  width: 316px;
  height: 126px;
}

.c-footer .o-logo__href {
  display: inline-block;
}

.c-footer__address-heading {
  font-weight: 600;
}

@media screen and (min-width: 45em) {
  .c-footer__copyright {
    margin-bottom: 0;
    padding-left: 6.5rem;
  }
}

@media screen and (min-width: 80em) {
  .c-footer__copyright {
    margin-bottom: 0;
    padding-left: 5rem;
  }
}

/*
  =====================================================
  Objects
  =====================================================
*/
/*
  =====================================================
  Object / product
  =====================================================
*/
.o-product__cta-layer {
  background-color: #F7F7F7;
  padding: 28px;
}

/*
  =====================================================
  Object / logo
  =====================================================
*/
.o-logo {
  position: relative;
  z-index: 2;
}

.o-logo__img {
  position: relative;
  z-index: 2;
  width: 100px;
  height: 29.2px;
  line-height: 1.6;
  margin-bottom: 0;
  background: url("../img/logo-kubota-brabender-technologie.svg") 0 0 no-repeat;
  background-size: contain;
  -webkit-transition: 0.4s all;
  transition: 0.4s all;
}

@media screen and (min-width: 45em) {
  .o-logo__img {
    width: 180px;
    height: 52.57px;
  }
}

.o-logo__href {
  display: block;
}

/*
  =====================================================
  Object / Menu
  =====================================================
*/
.o-menu {
  position: absolute;
  top: 28px;
  right: 28px;
}

@media screen and (min-width: 45em) {
  .o-menu {
    top: 35px;
    right: 56px;
  }
}

.o-menu__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  opacity: 0;
  z-index: -1;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.o-menu__overlay nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: white;
  width: 100%;
  height: 100vh;
}

.js-is-open-menu__page--header {
  position: fixed;
  z-index: 5;
}

.o-menu__overlay__navigation {
  list-style: none;
  margin-bottom: 0;
  padding: 0 7px;
}

@media screen and (min-width: 45em) {
  .o-menu__overlay__navigation {
    padding: 0 28px;
  }
}

.o-menu__overlay__navigation li {
  font-weight: 600;
  margin-bottom: 0 !important;
}

.o-menu__overlay__navigation li:last-of-type {
  margin-right: 0;
}

.o-menu__overlay__navigation li .icon {
  fill: transparent;
  stroke: #2D2D2D;
}

.o-menu__overlay__navigation li.current {
  color: #2D2D2D;
  text-decoration: none;
  position: relative;
  display: block;
  padding: 14px;
}

.o-menu__overlay__navigation li.current > span::after {
  content: '';
  height: 5px;
  width: 20%;
  position: absolute;
  bottom: 5px;
  display: block;
  background-color: #009BA4;
}

.o-menu__overlay__navigation li.current > span > a {
  padding: 0 !important;
}

.o-menu__overlay__navigation li.current > span > a::after {
  display: none;
}

.o-menu__overlay__navigation li.current-lang {
  color: #2D2D2D;
  text-decoration: none;
  position: relative;
  display: block;
  padding: 14px !important;
}

.o-menu__overlay__navigation li a {
  color: #2D2D2D;
  position: relative;
  display: block;
  padding: 14px !important;
}

.o-menu__overlay__navigation li a:hover, .o-menu__overlay__navigation li a:active, .o-menu__overlay__navigation li a:focus {
  color: #2D2D2D;
  text-decoration: none;
}

.o-menu__overlay__navigation li a:hover::after, .o-menu__overlay__navigation li a:active::after, .o-menu__overlay__navigation li a:focus::after {
  content: '';
  height: 5px;
  width: 20%;
  position: absolute;
  bottom: 5px;
  display: block;
  background-color: #009BA4;
}

.o-menu__label {
  position: relative;
  height: 30px;
  width: 40px;
  display: block;
  z-index: 4;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

.o-menu__label:hover, .o-menu__label:active, .o-menu__label:focus {
  border-bottom: 0;
  text-decoration: none;
}

.o-menu__label > span, .o-menu__label > span::before, .o-menu__label > span::after {
  display: block;
  height: 3px;
  width: 40px;
  -webkit-transition: opacity 0.2s linear, -webkit-transform 0.2s linear;
  transition: opacity 0.2s linear, -webkit-transform 0.2s linear;
  transition: transform 0.2s linear, opacity 0.2s linear;
  transition: transform 0.2s linear, opacity 0.2s linear, -webkit-transform 0.2s linear;
}

.o-menu__label > span {
  position: absolute;
  top: 12px;
  right: 0;
  left: -6px;
  background-color: #724573;
}

@media screen and (max-width: 44.9375em) {
  .o-menu__label > span {
    right: 10px;
  }
}

.o-menu__label > span::before {
  content: '';
  background-color: #E20019;
  left: 6px;
}

.o-menu__label > span::after {
  content: '';
  background-color: #009BA4;
  left: 6px;
}

.o-menu__label > span::before, .o-menu__label > span::after {
  content: '';
  position: absolute;
  top: -10px;
}

.o-menu__label > span::after {
  top: 10px;
}

.js-is-open-menu__overlay {
  opacity: 1;
  z-index: 991;
}

.js-is-open-menu__overlay .c-nav__main {
  -webkit-box-shadow: 0;
          box-shadow: 0;
}

.js-is-open-menu__overlay__navigation {
  opacity: 1;
}

.js-is-open-menu__label > span {
  background-color: transparent;
}

.js-is-open-menu__label > span::before {
  -webkit-transform: rotate(45deg) translate(6px, 6px);
          transform: rotate(45deg) translate(6px, 6px);
}

.js-is-open-menu__label > span::after {
  -webkit-transform: rotate(-45deg) translate(8px, -8px);
          transform: rotate(-45deg) translate(8px, -8px);
}

.js-is-searching {
  opacity: 0.25 !important;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}

#products-search-results {
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}

/*
   =====================================================
   Object / boxes
   =====================================================
 */
.o-boxes > .grid > .grid__cell {
  margin-bottom: 56px;
}

.o-boxes__item {
  width: 100%;
  background-color: #FFFFFF;
  padding: 28px 28px;
  border-radius: 4px;
  margin-bottom: 28px;
}

.o-boxes__item__heading {
  font-size: 16px;
  color: #001f31;
  margin-bottom: 14px;
}

.o-boxes__item__subheading {
  font-size: 20px;
  color: #001f31;
}

/*
   =====================================================
   Object / video
   =====================================================
 */
.o-video__heading, .o-video__subheading {
  text-align: center;
}

.o-video__subheading {
  margin-bottom: 14px;
}

.o-video__container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}

.o-video__container img, .o-video__container video {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.o-video__container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.o-video__container::after {
  content: '';
  position: absolute;
  display: block;
}

.o-video__container.player img {
  display: none;
}

.o-video__container.player:after {
  display: none;
}

/*
   =====================================================
   Object / quotation
   =====================================================
 */
/*
  =====================================================
  Object / banner
  =====================================================
*/
/*
   =====================================================
   Object / navigation
   =====================================================
 */
/*
  =====================================================
  Object / social links 
  =====================================================
*/
.o-sociallinks {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.o-sociallinks li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-right: 28px;
  margin-bottom: 14px;
}

.o-sociallinks li:last-of-type {
  margin-right: 0;
}

.o-sociallinks li a {
  background-color: #009BA4;
  border-width: 1px;
  border-style: solid;
  border-color: #009BA4;
  border-radius: 50px;
  padding: 16.9697px 22.4px;
  width: 68px;
  height: 68px;
}

.o-sociallinks li a:hover {
  background-color: #E20019;
  border-color: #E20019;
}

.o-sociallinks--content li a {
  padding: 9.03226px 13.33333px;
  width: 52px;
  height: 52px;
}

/*
  =====================================================
  Object /  Tabs

  Relies on `data-tabs-prefix-class="o"` in Markup
  =====================================================
*/
.invisible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.o-tabs__tablist-wrapper {
  position: relative;
}

@media screen and (min-width: 64em) {
  .o-tabs__tablist-wrapper::before {
    content: '';
    height: 1px;
    width: 100%;
    background-color: #BFBFBF;
    display: block;
    position: absolute;
    top: 14px;
  }
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .o-tabs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (min-width: 64em) {
  .o-tabs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (max-width: 44.9375em) {
  .o-tabs__item {
    display: block;
  }
}

@media screen and (max-width: 44.9375em) {
  .o-tabs__item a {
    display: block;
  }
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .o-tabs__item a {
    display: block;
  }
}

.o-tabs__link {
  cursor: pointer;
  position: relative;
  z-index: 1;
  color: #2D2D2D;
  background-color: #FFFFFF;
  border-top: 1px solid #BFBFBF;
  border-bottom: 1px solid #BFBFBF;
  border-left: 1px solid #BFBFBF;
  border-right: 0;
}

@media screen and (max-width: 44.9375em) {
  .o-tabs__link {
    border-right: 1px solid #BFBFBF;
    border-bottom: 0;
  }
}

.o-tabs__link:hover, .o-tabs__link:active, .o-tabs__link:focus {
  color: #E20019;
  background-color: #F7F7F7;
  border-color: #BFBFBF;
}

[aria-selected="true"].o-tabs__link {
  color: #E20019;
  background-color: #F7F7F7;
  border-color: #BFBFBF;
}

@media screen and (min-width: 45em) {
  .o-tabs__link--start {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right-width: 0;
  }
}

@media screen and (max-width: 44.9375em) {
  .o-tabs__link--end {
    border-bottom: 1px solid #BFBFBF;
  }
}

@media screen and (min-width: 45em) {
  .o-tabs__link--end {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: 1px solid #BFBFBF;
  }
}

[aria-hidden="true"].o-tabs__content {
  display: none;
}

/*
  =====================================================
  Object /  Language Switcher in Main Nav
  =====================================================
*/
.o-lang-href-target {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 2;
  top: 102px;
  right: 70px;
  width: auto;
  padding: 28px;
  background-color: white;
  -webkit-box-shadow: 0px 6px 12px rgba(77, 77, 77, 0.1);
          box-shadow: 0px 6px 12px rgba(77, 77, 77, 0.1);
  border-radius: 4px;
  -webkit-transform-origin: 152px -16px 0px;
          transform-origin: 152px -16px 0px;
  -webkit-transform: scale(0.75, 0.5625);
          transform: scale(0.75, 0.5625);
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.js-is-open-language {
  opacity: 1 !important;
  visibility: visible !important;
  -webkit-transform: none;
          transform: none;
}

/*
  =====================================================
  Components
  =====================================================
*/
/*
  =====================================================
  Component / navigation
  =====================================================
*/
.c-nav__list {
  list-style: none;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.c-nav__list li {
  -ms-flex-item-align: center;
      align-self: center;
  margin-right: 14px;
}

@media screen and (min-width: 80em) {
  .c-nav__list li {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-right: 28px;
  }
}

.c-nav__list li:last-of-type {
  margin-right: 0;
}

.c-nav__list li .icon {
  fill: transparent;
  stroke: #2D2D2D;
}

.c-nav__list li.current {
  color: #2D2D2D;
  text-decoration: none;
  position: relative;
}

.c-nav__list li.current > span::after {
  content: '';
  height: 5px;
  width: 100%;
  position: absolute;
  bottom: -17px;
  display: block;
  background-color: #009BA4;
}

.c-nav__list li a {
  color: #2D2D2D;
  position: relative;
}

.c-nav__list li a:hover, .c-nav__list li a:active, .c-nav__list li a:focus {
  color: #2D2D2D;
  text-decoration: none;
}

.c-nav__list li a:hover::after, .c-nav__list li a:active::after, .c-nav__list li a:focus::after {
  content: '';
  height: 5px;
  width: 100%;
  position: absolute;
  bottom: -20px;
  display: block;
  background-color: #009BA4;
}

.c-nav__list--main li {
  font-weight: 600;
  margin-right: 28px;
}

@media screen and (min-width: 83.5em) {
  .c-nav__list--main li {
    margin-right: 28px;
  }
}

.c-nav__list--anchor li.current > a {
  color: #FFFFFF;
  text-decoration: underline;
}

.c-nav__list--anchor li a {
  color: rgba(255, 255, 255, 0.8);
}

.c-nav__list--anchor li a:hover, .c-nav__list--anchor li a:active, .c-nav__list--anchor li a:focus {
  color: #FFFFFF;
  text-decoration: underline;
}

.c-nav__list--anchor li a:hover::after, .c-nav__list--anchor li a:active::after, .c-nav__list--anchor li a:focus::after {
  content: '';
  display: none;
}

.c-nav__list--language {
  list-style: none;
  margin-bottom: 0;
}

.c-nav__list--language li {
  text-transform: uppercase;
  margin-right: 0;
  margin-bottom: 3.5px;
}

.c-nav__list--language li.current > a, .c-nav__list--language li.current-lang {
  color: #2D2D2D;
  text-decoration: underline;
  padding: 7px 14px;
}

.c-nav__list--language li a {
  color: #009BA4;
  display: block;
  padding: 7px 14px;
}

.c-nav__list--language li a:hover, .c-nav__list--language li a:active, .c-nav__list--language li a:focus {
  color: #2D2D2D;
  text-decoration: underline;
}

.c-nav__list--language li a:hover::after, .c-nav__list--language li a:active::after, .c-nav__list--language li a:focus::after {
  content: '';
  display: none;
}

/**
 * The top padding of the main content depend on
 * wether we have only the main nav (`.nav-main`) to show or
 * there is the anchor nav (`.nav-anchor`) for page anchor links.
 * 
 * We need on every page a checkbox to differ if 
 * the dedicated page has the need of a anchor link
 * navigation. 
 * 
 * 
 * 
 */
.c-nav__top-padding {
  padding-top: 96px;
  -webkit-transition: 0.35s all;
  transition: 0.35s all;
}

@media screen and (max-width: 44.9375em) {
  .c-nav__top-padding {
    padding-top: 76px;
  }
}

.c-nav__top-padding--with-anchor-nav {
  padding-top: 152px;
  -webkit-transition: 0.35s all;
  transition: 0.35s all;
}

@media screen and (max-width: 79.9375em) {
  .c-nav__top-padding--with-anchor-nav {
    padding-top: 76px;
  }
}

.c-nav__main {
  position: fixed;
  z-index: 992;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  -webkit-box-shadow: 0px 6px 12px rgba(77, 77, 77, 0.1);
          box-shadow: 0px 6px 12px rgba(77, 77, 77, 0.1);
}

.c-nav__anchor {
  display: none;
  position: fixed;
  z-index: 1;
  top: 74px;
  left: 0;
  right: 0;
  width: 100%;
  height: auto;
  background-color: #009BA4;
  -webkit-box-shadow: 0px 6px 12px rgba(77, 77, 77, 0.1);
          box-shadow: 0px 6px 12px rgba(77, 77, 77, 0.1);
  -webkit-transition: 0.4s all;
  transition: 0.4s all;
}

@media screen and (min-width: 80em) {
  .c-nav__anchor {
    display: block;
  }
}

@media screen and (min-width: 45em) {
  .c-nav__anchor {
    top: 97px;
  }
}

.js-c-nav-up {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

.js-c-nav-down {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/*
  =====================================================
  Component / blog
  =====================================================
*/
.c-blog__head {
  margin-bottom: 28px;
}

.c-blog__preamble {
  font-size: 20px;
}

.c-blog__heading {
  margin-bottom: 14px;
}

.c-blog__date {
  display: block;
  color: #808080;
  margin-bottom: 7px;
  font-size: 16px;
}

.c-blog__tags {
  margin-bottom: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.c-blog__tags::before {
  content: 'Schlagwort(e):';
  margin-right: 14px;
}

.c-blog__tags li {
  margin-right: 0;
  font-weight: 600;
  color: #0A66C2;
}

.c-blog__tags li::after {
  content: '/';
  margin-left: 14px;
  margin-right: 14px;
}

.c-blog__tags li:last-of-type::after {
  content: '';
}

/*
  =====================================================
  Component / glossary
  =====================================================
*/
.c-glossary {
  padding: 28px 0;
}

.c-glossary__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  width: 100%;
  background-color: #FFFFFF;
  padding: 37.33333px;
  margin-bottom: 56px;
  -webkit-box-shadow: 0 0.5rem 20px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0.5rem 20px rgba(0, 0, 0, 0.05);
}

.c-glossary__item h3, .c-glossary__item h4 {
  font-size: 16px;
}

.c-glossary__item-link {
  margin-top: auto;
}

/**
 * Core Forms overrides
 */
.o-form__note {
  margin-bottom: 56px;
}

.o-form__note > span {
  color: #E20019;
  font-weight: 300;
}

.o-form__response {
  background-image: url(../img/teaser-social-media.svg), url(../img/teaser-social-media.svg);
  background-position: top, bottom;
  background-repeat: repeat-x, repeat-x;
  background-size: auto, auto;
  padding: 112px 0;
  margin: 56px 0;
}

.o-form__response h3 {
  font-size: 26px;
  margin-bottom: 14px;
}

.o-form__response p {
  margin-bottom: 0;
}

.input-box-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.form-list {
  list-style: none;
}

.field {
  margin-bottom: 28px;
}

fieldset {
  padding-bottom: 0;
  margin-bottom: 28px;
}

fieldset.plain {
  border: 0;
  padding: 0;
  margin-bottom: 28px;
}

legend span {
  display: block;
  font-size: 16px;
  font-weight: 900;
}

legend span::after {
  content: '';
  background-image: url(../img/heading-bg-icon.svg);
  background-repeat: no-repeat;
  display: block;
  margin-top: 7px;
  margin-bottom: 56px;
  height: 4px;
}

label {
  font-weight: 600;
}

.label-checkbox {
  width: 100%;
}

.label-checkbox {
  width: 100%;
}

.label-radio {
  width: 100%;
  padding: 7px 0;
}

.label-radio, .label-checkbox {
  font-size: inherit;
  position: static !important;
  top: 0 !important;
  left: 0 !important;
}

.label-checkbox.state-required::after {
  content: '';
}

.label-checkbox.state-required span::after {
  content: '*';
  color: #E20019;
}

.input-text, textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: inherit;
  color: inherit;
  width: 100%;
  padding: 14px;
  /* border relates to border for validation error */
  border: 1px solid #D6D6D6;
  border-radius: 3px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #F7F7F7;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.input-text:focus, textarea:focus {
  background-color: #FFFFFF;
  color: #2D2D2D;
  outline: 0;
  border-color: #BFBFBF;
}

.input-text:disabled, textarea:disabled {
  opacity: 0.35;
}

.input-text::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  font-size: 14px;
  color: #2D2D2D;
}

.input-text::-moz-placeholder, textarea::-moz-placeholder {
  font-size: 14px;
  color: #2D2D2D;
}

.input-text:-ms-input-placeholder, textarea:-ms-input-placeholder {
  font-size: 14px;
  color: #2D2D2D;
}

.input-text::-ms-input-placeholder, textarea::-ms-input-placeholder {
  font-size: 14px;
  color: #2D2D2D;
}

.input-text::placeholder, textarea::placeholder {
  font-size: 14px;
  color: #2D2D2D;
}

textarea {
  /* set some default measures */
  min-height: 12em;
}

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: inherit;
  color: inherit;
  background-color: #F7F7F7;
  background-image: url("../img/ui-forms-select-arrow.svg");
  background-repeat: no-repeat;
  background-position: right;
  padding: 14px 37.33333px 14px 14px;
  border: 1px solid #D6D6D6;
  border-radius: 3px;
  width: 100%;
  max-width: 100%;
  line-height: normal;
}

select:disabled {
  opacity: 0.35;
}

select:focus {
  background-color: #FFFFFF;
  color: #2D2D2D;
  outline: 1px solid #BFBFBF;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Hide default arrow for IE10 */
select::-ms-expand {
  display: none;
}

option {
  padding: 9.33333px 14px;
}

.state-required:after {
  content: '*';
  color: #E20019;
}

/**
 * jquery-validation lib related
 */
.validation-failed {
  color: #FFFFFF;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 2px solid #FFFFFF !important;
}

label.error {
  display: inline-block;
  font-weight: 300 !important;
  line-height: 1.5;
  text-transform: none !important;
  background-color: #E20019;
  color: #FFFFFF;
  margin: 4.66667px 0;
  padding: 7px 14px;
}

label.error.error-select {
  padding: 0;
}

.field__highlight + .field {
  display: none;
}

input[type=checkbox]:checked,
input[type=checkbox]:not(:checked) {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

input[type=checkbox] + label {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1.5;
}

input[type=checkbox] + label::before {
  content: '';
  display: inline-block;
  background-image: url("../img/ui-forms-checkbox.svg");
  width: 28px;
  height: 28px;
  margin-right: 18.66667px;
  padding-right: 28px;
  cursor: pointer;
}

input[type=checkbox]:checked + label::before {
  background-image: url("../img/ui-forms-checkbox-checked.svg");
}

input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  border-radius: 0;
}

input[type=radio]:checked,
input[type=radio]:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin: 0;
  padding: 0;
}

input[type=radio] + label {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 90%;
  line-height: 1.5;
}

input[type=radio] + label::before {
  content: '';
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-image: url("../img/ui-forms-radio.svg");
  width: 26px;
  height: 26px;
  margin-right: 7px;
  padding-right: 22.4px;
  cursor: pointer;
}

input[type=radio]:checked + label::before {
  background-image: url("../img/ui-forms-radio-checked.svg");
}

/*
  =====================================================
  Extensions
  =====================================================
*/
/*
  =====================================================
  Extensions / modal dialog
  =====================================================
*/
.o-video-modal {
  padding: 0;
  line-height: 0;
  border: 0;
}

.o-video-modal-close {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 70px;
  height: 70px;
  color: #FFFFFF;
  font-weight: 800;
  font-size: 32px;
  background-color: #E20019;
  border: 0;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  line-height: 1;
}

.o-video-open-modal, .o-video-open-modal--external {
  background-color: transparent;
  border: 0;
}

dialog::-webkit-backdrop {
  background-color: #2D2D2D;
  opacity: 0.95;
}

dialog::backdrop {
  background-color: #2D2D2D;
  opacity: 0.95;
}

/*
  =====================================================
  Extensions / Fluidbox
  =====================================================
*/
/**
 * Container for status loading animation, s. next below `progress`
 *
 * Appended dynamically to fluidbox loading event state (s. base.js)
 */
.is-loading-fluidbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

.fluidbox-caption-wrap {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.fluidbox-caption {
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0) scale(0.75, 0.75);
          transform: translate3d(0, 0, 0) scale(0.75, 0.75);
  -webkit-transform-origin: center;
          transform-origin: center;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.75);
}

/**
 * Loading spinner, css animation
 *
 * Markup dynamically set in base.js:
 *   <div class="progress [progress--large][progress--small]"></div>
 */
@-webkit-keyframes progress {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes progress {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.progress {
  position: relative;
  min-width: 50px;
  min-height: 50px;
}

.progress::before {
  content: 'Lade...';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-top: -13px;
  /* width/2 + 1 */
  margin-left: -13px;
  /* width/2 + 1 */
}

.progress:not(:required)::before {
  content: '';
  border-radius: 50%;
  border-style: solid;
  border-color: #FFFFFF;
  border-top-color: #0A66C2;
  -webkit-animation: progress 0.6s linear infinite;
          animation: progress 0.6s linear infinite;
}

.progress--large::before {
  width: 48px;
  height: 48px;
  margin-top: -25px;
  /* width/2 + 1 */
  margin-left: -25px;
  /* width/2 + 1 */
}

.progress--large:not(:required)::before {
  border-width: 6px;
}

.progress--small::before {
  width: 16px;
  height: 16px;
  margin-top: -9px;
  /* width/2 + 1 */
  margin-left: -9px;
  /* width/2 + 1 */
}

.progress--small:not(:required)::before {
  border-width: 2px;
}

/*
   =====================================================
   Extensions / respimage, lazysizes
   =====================================================
 */
/**
  * Enable automativ calculation of `srcset` and `sizes`
  */
img[data-sizes="auto"] {
  display: block;
  max-width: none;
  width: 100%;
  height: auto;
}

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

/**
  * Enable transitions for layzy loaded images
  */
.lazyload,
.lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}

/*
  =====================================================
  Keyframes
  =====================================================
*/
/*
  =====================================================
  Utility classes
  =====================================================
*/
/*
  =====================================================
  Misc. classes / Explore Arrows, animated
  =====================================================
*/
/*
  =====================================================
  Javascript classes / Ajax spinner with loading animation
  =====================================================
*/
/*
  =====================================================
  Utility classes /  margins
  =====================================================
*/
.u-margin-bottom-responsive {
  margin-bottom: 28px;
}

@media screen and (min-width: 45em) {
  .u-margin-bottom-responsive {
    margin-bottom: 0;
  }
}

.u-margin-bottom--large-responsive {
  margin-bottom: 56px;
}

@media screen and (min-width: 45em) {
  .u-margin-bottom--large-responsive {
    margin-bottom: 56px;
  }
}

.u-margin-bottom--huge-responsive {
  margin-bottom: 56px;
}

@media screen and (min-width: 64em) {
  .u-margin-bottom--huge-responsive {
    margin-bottom: 112px;
  }
}

.u-margin-bottom--huge-double-responsive {
  margin-bottom: 56px;
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .u-margin-bottom--huge-double-responsive {
    margin-bottom: 56px;
  }
}

@media screen and (min-width: 64em) {
  .u-margin-bottom--huge-double-responsive {
    margin-bottom: 224px;
  }
}

.u-margin-bottom--huge-triple-responsive {
  margin-bottom: 112px;
}

@media screen and (min-width: 64em) {
  .u-margin-bottom--huge-triple-responsive {
    margin-bottom: 336px;
  }
}

/*
  =====================================================
  Utility classes /  paddings
  =====================================================
*/
.u-padding--huge-responsive {
  padding: 56px;
}

@media screen and (min-width: 45em) {
  .u-padding--huge-responsive {
    padding: 112px;
  }
}

.u-padding-bottom--large-responsive {
  padding-bottom: 56px;
}

@media screen and (min-width: 45em) {
  .u-padding-bottom--large-responsive {
    padding-bottom: 56px;
  }
}

.u-padding-bottom--huge-responsive {
  padding-bottom: 56px;
}

@media screen and (min-width: 64em) {
  .u-padding-bottom--huge-responsive {
    padding-bottom: 112px;
  }
}

.u-padding-bottom--huge-double-responsive {
  padding-bottom: 56px;
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .u-padding-bottom--huge-double-responsive {
    padding-bottom: 56px;
  }
}

@media screen and (min-width: 64em) {
  .u-padding-bottom--huge-double-responsive {
    padding-bottom: 224px;
  }
}

.u-padding-bottom--huge-triple-responsive {
  padding-bottom: 112px;
}

@media screen and (min-width: 64em) {
  .u-padding-bottom--huge-triple-responsive {
    padding-bottom: 336px;
  }
}

/*
  =====================================================
  Utilities /  divider
  =====================================================
*/
.u-divider {
  display: block;
  width: 100%;
}

.u-divider hr {
  display: inline-block;
  border: 0;
  width: 100%;
  height: 1px;
  background-color: #BFBFBF;
  margin: 0 0 7px 0;
}

/*
  =====================================================
  Utility classes /  images /  media
  =====================================================
*/
.u-img-caption {
  margin-top: 7px;
}

.u-img-rounded {
  border-radius: 100%;
}

.u-media-rounded-corners, .u-media-rounded-corners img, .u-media-rounded-corners video {
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
}

.page-layer--brown .u-media-rounded-corners, .page-layer--brown .u-media-rounded-corners img, .page-layer--brown .u-media-rounded-corners video {
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}

/*
  =====================================================
  Utility classes /  icons
  =====================================================
*/
/*
  =====================================================
  Utility classes /  gradients
  =====================================================
*/
/*
  =====================================================
  Utility classes /  headings
  =====================================================
*/
/*
  =====================================================
  Utility classes /  tables
  =====================================================
*/
/**
 * Sets the overall appearance of all tables. Additionally
 * all modules has its own class.
 * 
 * Example: `u-table-default-wrapper o-module-class`
 */
.u-table-default-wrapper .table {
  border-collapse: separate !important;
  border-spacing: 0 12px;
}

.u-table-default-wrapper .table thead th {
  text-align: left;
  color: #E20019;
  font-weight: 600;
}

.u-table-default-wrapper .table tbody td.emphase {
  font-weight: 600;
}

.u-table-default-wrapper .table--background tbody tr {
  background-color: #FFFFFF;
}

.page-layer--white .table--background tbody tr {
  background-color: #F7F7F7;
}

/*
  =====================================================
  Utility classes /  misc
  =====================================================
*/
.u-explore {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.15em;
}

.u-min-width-tablerow-160 {
  min-width: 160px;
}

.u-min-width-tablerow-200 {
  min-width: 200px;
}

.u-min-width-tablerow-220 {
  min-width: 220px;
}

.u-min-width-tablerow-260 {
  min-width: 260px;
}

.u-width-100 {
  width: 100%;
}

.u-width-80 {
  width: 100%;
}

@media screen and (min-width: 45em) {
  .u-width-80 {
    width: 80%;
  }
}

.u-width-80-static {
  width: 70%;
}

@media screen and (min-width: 45em) {
  .u-width-80-static {
    width: 80%;
  }
}

.u-width-75 {
  width: 100%;
}

@media screen and (min-width: 45em) {
  .u-width-75 {
    width: 75%;
  }
}

.u-width-70 {
  width: 100%;
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .u-width-70 {
    width: 80%;
  }
}

@media screen and (min-width: 64em) {
  .u-width-70 {
    width: 70%;
  }
}

.u-width-60 {
  width: 100%;
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .u-width-60 {
    width: 80%;
  }
}

@media screen and (min-width: 64em) {
  .u-width-60 {
    width: 60%;
  }
}

.u-width-50 {
  width: 100%;
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .u-width-50 {
    width: 70%;
  }
}

@media screen and (min-width: 64em) {
  .u-width-50 {
    width: 50%;
  }
}

.u-width-40 {
  width: 100%;
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .u-width-40 {
    width: 60%;
  }
}

@media screen and (min-width: 64em) {
  .u-width-40 {
    width: 40%;
  }
}

.u-width-30 {
  width: 100%;
}

@media screen and (min-width: 45em) {
  .u-width-30 {
    width: 30%;
  }
}

.u-wrap--50 {
  width: 100%;
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .u-wrap--50 {
    width: 50%;
  }
}

@media screen and (min-width: 64em) {
  .u-wrap--50 {
    width: 50%;
  }
}

.u-wrap--75 {
  width: 100%;
}

@media screen and (min-width: 45em) {
  .u-wrap--75 {
    width: 75%;
  }
}

.u-wrap--65 {
  width: 100%;
}

@media screen and (min-width: 64em) {
  .u-wrap--65 {
    width: 65%;
  }
}

.u-wrap--60 {
  width: 100%;
}

@media screen and (min-width: 64em) {
  .u-wrap--60 {
    width: 60%;
  }
}

.u-wrap--85 {
  width: 100%;
}

@media screen and (min-width: 64em) {
  .u-wrap--85 {
    width: 85%;
  }
}

.u-wrap--95 {
  width: 100%;
}

@media screen and (min-width: 64em) {
  .u-wrap--95 {
    width: 95%;
  }
}

.u-wrap--100 {
  width: 100%;
}

.u-text-nowrap-query {
  white-space: normal;
}

@media screen and (min-width: 64em) {
  .u-text-nowrap-query {
    white-space: nowrap;
  }
}

.u-text-right-on-lap-and-up {
  text-align: left;
}

@media screen and (min-width: 45em) {
  .u-text-right-on-lap-and-up {
    text-align: right;
  }
}

.u-text-left-on-lap-and-up {
  text-align: left;
}

@media screen and (min-width: 45em) {
  .u-text-left-on-lap-and-up {
    text-align: left;
  }
}

.u-text-right-on-desk-and-up {
  text-align: left;
}

@media screen and (min-width: 64em) {
  .u-text-right-on-desk-and-up {
    text-align: right;
  }
}

.u-flex-justifyContent--flex-end--lap-and-up {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media screen and (min-width: 45em) {
  .u-flex-justifyContent--flex-end--lap-and-up {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.u-fontSize-decrease-2 {
  font-size: 14px;
}

.u-fontSize-increase-4 {
  font-size: 20px;
}

.u-uppercase {
  text-transform: uppercase;
}

.u-footnote {
  color: #788891;
}

.u-emphase {
  color: #E20019;
}

.u-dephase {
  color: #808080;
}

.u-hyphens-none {
  -ms-hyphens: none;
      hyphens: none;
}

/*
  =====================================================
  Utility classes / responsive sizes
  =====================================================
*/
.is-visible-on-palm {
  display: none;
}

@media screen and (max-width: 44.9375em) {
  .is-visible-on-palm {
    display: inherit !important;
  }
}

.is-visible-on-lap-and-up {
  display: none;
}

@media screen and (min-width: 45em) {
  .is-visible-on-lap-and-up {
    display: inherit !important;
  }
}

.is-visible-on-desk {
  display: none;
}

@media screen and (min-width: 64em) {
  .is-visible-on-desk {
    display: inherit !important;
  }
}

.is-visible-on-desk-wide {
  display: none !important;
}

@media screen and (min-width: 80em) {
  .is-visible-on-desk-wide {
    display: inherit !important;
  }
}

.is-hidden {
  display: none;
}

@media screen and (max-width: 63.9375em) {
  .is-hidden-on-lap-and-down {
    display: none !important;
  }
}

@media screen and (min-width: 45em) {
  .is-hidden-on-lap-and-up {
    display: none !important;
  }
}

@media screen and (min-width: 64em) {
  .is-hidden-on-desk {
    display: none !important;
  }
}

@media screen and (max-width: 79.9375em) {
  .is-hidden-on-desk-wide-and-down {
    display: none !important;
  }
}

@media screen and (min-width: 80em) {
  .is-hidden-on-desk-wide {
    display: none !important;
  }
}

@media screen and (max-width: 44.9375em) {
  .is-hidden-on-palm {
    display: none !important;
  }
}

/*
  =====================================================
  Utility classes / javascript related
  =====================================================
*/
.js-hide-box-shadow {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*
  =====================================================
  Utility classes / color related
  =====================================================
*/
.u-link-properties {
  color: #E20019;
}

/*
  =====================================================
  Utility classes / pagination 
  =====================================================
*/
.c-pagination, .MarkupPagerNav {
  margin: 7px 0 7px 0;
}

.c-pagination li, .MarkupPagerNav li {
  margin-right: 7px;
  margin-bottom: 14px;
}

.c-pagination li.MarkupPagerNavOn a, .c-pagination li.search-results-pager__list-item--current a, .MarkupPagerNav li.MarkupPagerNavOn a, .MarkupPagerNav li.search-results-pager__list-item--current a {
  text-decoration: none;
  background-color: #009BA4;
  color: #FFFFFF;
  border: 1px solid #009BA4;
}

.c-pagination a, .MarkupPagerNav a {
  padding: 9.33333px 18.66667px;
  background-color: #FFFFFF;
  color: #009BA4;
  border-radius: 4px;
  border: 1px solid #BFBFBF;
}

.c-pagination a:hover, .c-pagination a:focus, .c-pagination a:active, .MarkupPagerNav a:hover, .MarkupPagerNav a:focus, .MarkupPagerNav a:active {
  text-decoration: none;
  background-color: #009BA4;
  color: #FFFFFF;
  border: 1px solid #009BA4;
}

.MarkupPagerNavNext a, .search-results-pager__list-item--next a {
  padding-right: 7px;
}

.MarkupPagerNavNext a::before, .search-results-pager__list-item--next a::before {
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-bottom: 3px;
  margin-right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(-6 -4)' fill='none' fill-rule='evenodd'%3E%3Crect fill='%23009BA4' fill-rule='nonzero' opacity='0' width='20' height='20'/%3E%3Cpolyline points='0.21 10.502 5.21 5.502 0.21 0.502' transform='translate(7.29 4.498)' stroke='%23009BA4' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

.MarkupPagerNavNext a:hover::before, .search-results-pager__list-item--next a:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(-6 -4)' fill='none' fill-rule='evenodd'%3E%3Crect fill='%23FCFCFC' fill-rule='nonzero' opacity='0' width='20' height='20'/%3E%3Cpolyline points='0.21 10.502 5.21 5.502 0.21 0.502' transform='translate(7.29 4.498)' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667'/%3E%3C/g%3E%3C/svg%3E");
}

.MarkupPagerNavPrevious a, .search-results-pager__list-item--previous a {
  padding-right: 7px;
}

.MarkupPagerNavPrevious a::before, .search-results-pager__list-item--previous a::before {
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-bottom: 3px;
  margin-right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(-7 -4)' fill='none' fill-rule='evenodd'%3E%3Crect fill='%23009BA4' fill-rule='nonzero' opacity='0' width='20' height='20'/%3E%3Cpolyline points='0.21 10.502 5.21 5.502 0.21 0.502' transform='matrix(-1 0 0 1 13.29 4.498)' stroke='%23009BA4' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

.MarkupPagerNavPrevious a:hover::before, .search-results-pager__list-item--previous a:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(-7 -4)' fill='none' fill-rule='evenodd'%3E%3Crect fill='%23FCFCFC' fill-rule='nonzero' opacity='0' width='20' height='20'/%3E%3Cpolyline points='0.21 10.502 5.21 5.502 0.21 0.502' transform='matrix(-1 0 0 1 13.29 4.498)' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667'/%3E%3C/g%3E%3C/svg%3E");
}

/*
  =====================================================
  Unique classes
  =====================================================
*/
/*
  =====================================================
  Unique classes / Top link
  =====================================================
*/
.backToTop {
  visibility: hidden;
  opacity: 0;
  display: none;
  border-radius: 4px;
  border-color: #FFFFFF;
}

@media screen and (min-width: 45em) {
  .backToTop {
    position: fixed;
    z-index: 999;
    width: auto;
    right: 28px;
    bottom: 33.6px;
    display: block;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .5s 0s, visibility 0s 5s;
    transition: opacity .5s 0s, visibility 0s 5s;
  }
  .backToTop:hover {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
  }
  .backToTop.backToTop-is-visible {
    -webkit-transition: opacity .5s 0s, visibility 0s 0s;
    transition: opacity .5s 0s, visibility 0s 0s;
    visibility: visible;
    opacity: 1;
  }
}

/*
  =====================================================
  Unique classes / Icons (SVG icon sprite)
  =====================================================
*/
/**
  The styling of strokes with external referenced svgs (e.g. sprite)
  depends on the setting `polyfill: true` in init of svg4everbody, s. `base.js`.
  Otherwise `<use>` is placed in the shadow DOM, e.g. is not available for styling because its in a differnet DOM.
  s. https://css-tricks.com/svg-use-with-external-reference-take-2/
  and https://github.com/jonathantneal/svg4everybody/issues/82
*/
.icon {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  display: inline-block;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  fill: #FFFFFF;
}

a:hover .icon {
  fill: #2D2D2D;
}

.icon::before, .icon path::before {
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 4.66667px;
  width: 1.15em;
  height: 1.15em;
}

.icon--small {
  width: 0.5em;
  height: 0.5em;
}

.icon--small-less {
  width: 0.66667em;
  height: 0.66667em;
}

.icon--large-less {
  width: 1.5em;
  height: 1.5em;
}

.icon--large-less::before {
  width: 1.5em;
  height: 1.5em;
}

.icon--large {
  width: 2em;
  height: 2em;
}

.icon--large::before {
  width: 2em;
  height: 2em;
}

.icon--huge-less {
  width: 2.5em;
  height: 2.5em;
}

.icon--huge {
  width: 4em;
  height: 4em;
}

/*
  =====================================================
  Object / language nav
  =====================================================
*/
.list-language-nav,
.o-menu__list-language-nav {
  list-style: none;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .list-language-nav,
  .o-menu__list-language-nav {
    margin-right: 28px;
  }
}

@media screen and (min-width: 45em) {
  .list-language-nav,
  .o-menu__list-language-nav {
    margin-top: 0;
  }
}

.list-language-nav li,
.o-menu__list-language-nav li {
  -ms-flex-item-align: center;
      align-self: center;
  text-transform: uppercase;
  margin-right: 18.66667px;
  line-height: 0.9;
}

@media screen and (min-width: 64em) {
  .list-language-nav li,
  .o-menu__list-language-nav li {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-right: 28px;
  }
}

.list-language-nav li:last-of-type,
.o-menu__list-language-nav li:last-of-type {
  margin-right: 0;
}

.list-language-nav li:last-of-type::after,
.o-menu__list-language-nav li:last-of-type::after {
  content: '';
  margin-left: 0;
}

.o-menu__list-language-nav {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .o-menu__list-language-nav {
    padding-top: 28px;
  }
}

.o-menu__list-language-nav li {
  margin-bottom: 18.66667px;
}

/*
  =====================================================
  Lists
  =====================================================
*/
.list-regular {
  list-style: none;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.list-regular li {
  margin-right: 28px;
}

.list-regular li:last-of-type {
  margin-right: 0;
  margin-bottom: 0;
}

.list-regular--reverse {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.list-regular--reverse li {
  margin-right: 0;
  margin-left: 28px;
  margin-bottom: 28px;
}

.list-regular--reverse li:last-of-type {
  margin-bottom: 0;
}

.list-regular--footer {
  margin-bottom: 56px;
}

.list-regular--footer a {
  display: block;
  font-weight: 600;
  padding: 14px 14px 14px 0;
}

.list-regular--footer li:last-of-type a {
  padding-right: 0;
}

.list-regular--tiny li {
  margin-right: 7px;
  margin-bottom: 7px;
}

.list-regular--small li {
  margin-right: 14px;
  margin-bottom: 14px;
}

.list-regular--large li {
  margin-right: 56px;
}

.list-regular--reverse--tiny li {
  margin-left: 7px;
  margin-bottom: 7px;
}

.list-regular--reverse--small li {
  margin-left: 14px;
  margin-bottom: 14px;
}

.list-regular--reverse--large li {
  margin-left: 56px;
}

.list-regular--space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.list-regular--space-between li {
  margin-left: 0;
  margin-bottom: 0;
}

.list-default {
  margin-left: 14px;
  margin-bottom: 28px;
}

.list-default li {
  list-style: disc;
  list-style-position: outside;
  margin-bottom: 7px;
}

.list-default li::marker {
  color: #E20019;
}

.list-check {
  margin-left: 22.4px;
  margin-bottom: 28px;
}

.list-check li {
  list-style-image: url("../img/icon-check.svg");
  list-style-position: outside;
  margin-bottom: 7px;
}

.list--skip-vertical-all > li {
  padding-left: 0;
}

/*
  =====================================================
  Editor classes for user selection
  =====================================================
*/
/* Search form */
.search-form {
  background: rgba(46, 46, 46, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-self: center;
  padding: 0;
  border-radius: 4px;
  width: 100%;
  margin: 0 auto;
  background-color: transparent;
}

@media screen and (min-width: 45em) {
  .search-form {
    width: 70%;
  }
}

.search-form__label,
.search-form__input,
.search-form__input[type="search"],
.search-form__submit {
  border: 0;
  color: #FFFFFF;
  line-height: 1rem;
  padding: 14px;
}

.search-form__label,
.search-form__submit-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}

.search-form__input,
.search-form__input[type="search"] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: auto;
  margin: 0;
  /* Android */
  width: 100%;
  margin-right: 3px;
  background: rgba(0, 0, 0, 0.5);
  outline: 0;
  -webkit-box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.15);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.search-form__input:hover,
.search-form__input[type="search"]:hover {
  background: rgba(0, 0, 0, 0.8);
}

.search-form__submit {
  background-color: rgba(0, 0, 0, 0.5);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding-left: 7px;
  padding-right: 7px;
  color: #FFFFFF;
  cursor: pointer;
  margin: 0;
  -webkit-transition: all .25s;
  transition: all .25s;
  -webkit-box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.15);
}

.search-form__submit:focus,
.search-form__submit:hover {
  background-color: black;
}

.search-form__submit::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23FFF' fill-rule='nonzero' d='M22.37 23.713 16.97 18.313C16.783629 18.1280648 16.6800934 17.875539 16.683 17.613 16.6873089 17.3660868 16.7928865 17.1317914 16.975 16.965 17.1535239 16.785919 17.3961353 16.6854908 17.649 16.686 17.9035808 16.6841893 18.1470186 16.7902846 18.319 16.978L23.709 22.367C23.8949846 22.5521932 23.9984503 22.8045485 23.996 23.067 23.9914485 23.3145652 23.8851037 23.5493197 23.702 23.716 23.5280784 23.8964129 23.2875837 23.9973122 23.037 23.995 22.7854881 23.9960181 22.5445011 23.8941316 22.37 23.713L22.37 23.713ZM.001 9.147C.00706228325 4.09737426 4.09937363.00551026073 9.149 0 14.1982359.00606118343 18.2899388 4.09776415 18.296 9.147 18.2904887 14.196464 14.198464 18.2884887 9.149 18.294 4.0991455 18.2890397.00651231426 14.1968539.001 9.147ZM1.81 9.147C1.81440908 13.1983901 5.09760993 16.4815909 9.149 16.486 13.1999995 16.48104 16.482592 13.1980002 16.487 9.147 16.4825909 5.09616221 13.1998378 1.81340908 9.149 1.809 5.09777169 1.81285801 1.81441007 5.09577226 1.81 9.147L1.81 9.147Z'/%3E%3Cpath stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M5,9.173 C5.02541097,6.87892375 6.87892375,5.02541097 9.173,5'/%3E%3C/g%3E%3C/svg%3E") center center/contain no-repeat;
  content: '';
  display: inline-block;
  height: 1.5rem;
  width: 3.5rem;
}

/* Search results */
.search-results__list, .search-errors__list {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 56px;
}

.search-results__heading, .search-errors__heading {
  color: #2D2D2D;
}

.search-results__summary {
  margin-bottom: 56px;
}

.search-results__list-item {
  border-bottom: 2px solid rgba(0, 31, 49, 0.05);
  margin-bottom: 28px;
  max-width: 100%;
}

/* Search result */
.search-result {
  margin-bottom: 56px;
}

.search-result__link {
  font-size: 20px;
  font-weight: 900;
}

.search-result__path {
  margin-top: 3.5px;
  margin-bottom: 14px;
  opacity: .66;
}

.search-result__desc {
  padding-top: 14px;
}

.search-result__highlight {
  font-weight: normal;
  background: rgba(226, 0, 25, 0.5);
}

/* Cookie Consent (PrivacyWire) */
.privacywire {
  background-color: #009BA4 !important;
}

.privacywire {
  position: fixed;
  bottom: -250%;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0 -1px 20px rgba(0, 0, 0, 0.3) !important;
          box-shadow: 0 -1px 20px rgba(0, 0, 0, 0.3) !important;
  opacity: 0;
  background: #0A66C2;
  z-index: 991 !important;
  padding: 56px !important;
  -webkit-transition: bottom .3s ease-in, opacity .3s ease;
  transition: bottom .3s ease-in, opacity .3s ease;
}

.show-banner .privacywire-banner,
.show-options .privacywire-options,
.show-message .privacywire-message {
  bottom: 0;
  opacity: 1;
}

.privacywire-header {
  font-size: 20px;
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 7px;
}

.privacywire-text {
  color: #FFFFFF;
}

.privacywire-text a {
  color: #FFFFFF;
  text-decoration: underline;
}

.privacywire-message {
  font-size: 20px;
  color: #FFFFFF;
}

.privacywire-ask-consent {
  color: #2D2D2D;
  background-color: #F7F7F7;
  padding: 56px 112px;
}

[data-ask-consent-rendered="1"], .privacywire-ask-consent-blueprint, .privacywire button[hidden] {
  display: none;
}

/**
 * Text Utilities
 *
 * Heavily inspired by <https://github.com/suitcss/utils/>
 */
/**
 * Word breaking
 *
 * Break strings when their length exceeds the width of their container.
 */
.u-text-break {
  word-wrap: break-word !important;
}

/**
 * Horizontal text alignment
 */
.u-text-center {
  text-align: center !important;
}

.u-text-left {
  text-align: left !important;
}

.u-text-right {
  text-align: right !important;
}

/**
 * Inherit the ancestor's text color.
 */
.u-text-inherit-color {
  color: inherit !important;
}

/**
 * Inherit the ancestor's text color.
 */
.u-text-bold {
  font-weight: 600 !important;
}

/**
 * Enables font kerning in all browsers.
 * http://blog.typekit.com/2014/02/05/kerning-on-the-web/
 *
 * 1. Chrome (not Windows), Firefox, Safari 6+, iOS, Android
 * 2. Chrome (not Windows), Firefox, IE 10+
 * 3. Safari 7 and future browsers
 */
.u-text-kern {
  text-rendering: optimizeLegibility;
  /* 1 */
  -webkit-font-feature-settings: "kern" 1;
          font-feature-settings: "kern" 1;
  /* 2 */
  -webkit-font-kerning: normal;
          font-kerning: normal;
  /* 3 */
}

/**
 * Prevent whitespace wrapping
 */
.u-text-nowrap {
  white-space: nowrap !important;
}

/**
 * Text truncation
 *
 * Prevent text from wrapping onto multiple lines, and truncate with an
 * ellipsis.
 *
 * 1. Ensure that the node has a maximum width after which truncation can
 *    occur.
 * 2. Fix for IE 8/9 if `word-wrap: break-word` is in effect on ancestor
 *    nodes.
 */
.u-text-truncate {
  max-width: 100%;
  /* 1 */
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  word-wrap: normal !important;
  /* 2 */
}

/**
 * Horizontal margin utilities
 */
.u-margin-right {
  margin-right: 28px !important;
}

.u-margin-right--tiny {
  margin-right: 7px !important;
}

.u-margin-right--small {
  margin-right: 14px !important;
}

/**
 * Vertical margin utilities
 */
.u-margin-bottom--null {
  margin-bottom: 0 !important;
}

.u-margin-bottom--tiny {
  margin-bottom: 7px !important;
}

.u-margin-bottom--small {
  margin-bottom: 14px !important;
}

.u-margin-bottom {
  margin-bottom: 28px !important;
}

.u-margin-bottom--large {
  margin-bottom: 56px !important;
}

.u-margin-bottom--huge {
  margin-bottom: 112px !important;
}

.u-margin-bottom--huge-double {
  margin-bottom: 448px !important;
}

.u-margin-bottom--huge-triple {
  margin-bottom: 336px !important;
}

.u-margin-top--tiny {
  margin-top: 7px !important;
}

.u-margin-top--small {
  margin-top: 14px !important;
}

.u-margin-top {
  margin-top: 28px !important;
}

.u-margin-top--large {
  margin-top: 56px !important;
}

.u-margin-top--huge {
  margin-top: 112px !important;
}

.u-padding {
  padding: 28px !important;
}

.u-padding--tiny {
  padding: 7px !important;
}

.u-padding--small {
  padding: 14px !important;
}

.u-padding--large {
  padding: 56px !important;
}

.u-padding--huge {
  padding: 112px !important;
}

.u-padding--null {
  padding: 0 !important;
}

/**
 * Vertical padding utilities
 */
.u-padding-bottom--tiny {
  padding-bottom: 7px !important;
}

.u-padding-bottom--small {
  padding-bottom: 14px !important;
}

.u-padding-bottom {
  padding-bottom: 28px !important;
}

.u-padding-bottom--large {
  padding-bottom: 56px !important;
}

.u-padding-bottom--large-double {
  padding-bottom: 112px !important;
}

.u-padding-bottom--large-third {
  padding-bottom: 84px !important;
}

.u-padding-bottom--huge {
  padding-bottom: 112px !important;
}

.u-padding-bottom--huge-double {
  padding-bottom: 224px !important;
}

.u-padding-bottom--null {
  padding-bottom: 0 !important;
}

.u-padding-top--tiny {
  padding-top: 7px !important;
}

.u-padding-top--small {
  padding-top: 14px !important;
}

.u-padding-top {
  padding-top: 28px !important;
}

.u-padding-top--large {
  padding-top: 56px !important;
}

.u-padding-top--large-third {
  padding-top: 84px !important;
}

.u-padding-top--huge {
  padding-top: 112px !important;
}

.u-padding-top--huge-double {
  padding-top: 224px !important;
}

.u-padding-top--giant {
  padding-top: 140px !important;
}

.u-padding-top--null {
  padding-top: 0 !important;
}

/**
 * Horizontal padding utilities
 */
.u-padding-left--tiny {
  padding-left: 7px !important;
}

.u-padding-left--small {
  padding-left: 14px !important;
}

.u-padding-left {
  padding-left: 28px !important;
}

.u-padding-left--large {
  padding-left: 56px !important;
}

.u-padding-left--huge {
  padding-left: 112px !important;
}

.u-padding-left--huge-double {
  padding-left: 224px !important;
}

.u-padding-left--null {
  padding-left: 0 !important;
}

.u-padding-right--tiny {
  padding-right: 7px !important;
}

.u-padding-right--small {
  padding-right: 14px !important;
}

.u-padding-right {
  padding-right: 28px !important;
}

.u-padding-right--large {
  padding-right: 56px !important;
}

.u-padding-right--huge {
  padding-right: 112px !important;
}

.u-padding-right--huge-double {
  padding-right: 224px !important;
}

.u-padding-right--giant {
  padding-right: 140px !important;
}

.u-padding-right--null {
  padding-right: 0 !important;
}

/**
 * Vertical alignment utilities
 * Depends on an appropriate `display` value.
 */
.u-align-baseline {
  vertical-align: baseline !important;
}

.u-align-bottom {
  vertical-align: bottom !important;
}

.u-align-middle {
  vertical-align: middle !important;
}

.u-align-top {
  vertical-align: top !important;
}

/**
 * Display-type utilities
 *
 * Heavily inspired by <https://github.com/suitcss/utils/>
 */
.u-block {
  display: block !important;
}

.u-hidden {
  display: none !important;
}

/**
 * Completely remove from the flow but leave available to screen readers.
 */
.u-hidden-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
}

.u-inline {
  display: inline !important;
}

/**
 * 1. Fix for Firefox bug: an image styled `max-width:100%` within an
 *    inline-block will display at its default size, and not limit its
 *    width to 100% of an ancestral container.
 */
.u-inline-block {
  display: inline-block !important;
  max-width: 100%;
  /* 1 */
}

.u-table {
  display: table !important;
}

.u-table-cell {
  display: table-cell !important;
}

.u-table-row {
  display: table-row !important;
}

.u-relative {
  position: relative;
}

.u-absolute {
  position: absolute;
}

.u-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* */
@media screen and (min-width: 45em) {
  .u-offset-before1of12 {
    margin-left: calc(100% * 1 / 12) !important;
  }
  .u-offset-before1of10 {
    margin-left: 10% !important;
  }
  .u-offset-before1of8 {
    margin-left: 12.5% !important;
  }
  .u-offset-before1of6 {
    margin-left: calc(100% * 1 / 6) !important;
  }
  .u-offset-before1of5 {
    margin-left: 20% !important;
  }
  .u-offset-before1of4 {
    margin-left: 25% !important;
  }
  .u-offset-before1of3 {
    margin-left: calc(100% * 1 / 3) !important;
  }
  .u-offset-before1of2 {
    margin-left: 50% !important;
  }
  .u-offset-before1of1 {
    margin-left: 0 !important;
  }
  .u-offset-After1of12 {
    margin-right: calc(100% * 1 / 12) !important;
  }
  .u-offset-After1of10 {
    margin-right: 10% !important;
  }
  .u-offset-After1of8 {
    margin-right: 12.5% !important;
  }
  .u-offset-After1of6 {
    margin-right: calc(100% * 1 / 6) !important;
  }
  .u-offset-After1of5 {
    margin-right: 20% !important;
  }
  .u-offset-After1of4 {
    margin-right: 25% !important;
  }
  .u-offset-After1of3 {
    margin-right: calc(100% * 1 / 3) !important;
  }
  .u-offset-After1of2 {
    margin-right: 50% !important;
  }
  .u-offset-After1of1 {
    margin-right: 0 !important;
  }
}

/* */
.u-flex-alignSelf--center {
  -ms-flex-item-align: center;
      align-self: center;
}

.u-flex-alignSelf--flex-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.u-flex-alignSelf--flex-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.u-flex-alignItems--center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.u-flex-alignItems--flex-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.u-flex-alignItems--flex-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.u-flex-justifyContent--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.u-flex-justifyContent--flex-start,
.u-flex-justifyContent--left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.u-flex-justifyContent--flex-end,
.u-flex-justifyContent--right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.u-flex-wrap--wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.u-flex-wrap--nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@media screen and (max-width: 44.9375em) {
  .u-flex-order--1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .u-flex-order--2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
  .u-flex-order--3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
}

/**
 * Static and responsive width classes
 *
 * This generates utility width classes for every breakpoint we've
 * initially defined in `_core.variables.scss` through a extension of the
 * @widths mixin. By default this will create wholes, halves, thirds,
 * quarters and fifths. Override/extend this Map in `_configuration.scss`
 * as needed.
 */
/**
 * Define how many columns do we want.
 */
/**
 * Iterate over given columns and create static width classes.
 */
.u-1of1 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 100% !important;
}

.u-1of2 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 50% !important;
}

.u-1of3 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 33.33333% !important;
}

.u-2of3 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 66.66667% !important;
}

.u-1of4 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 25% !important;
}

.u-2of4 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 50% !important;
}

.u-3of4 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 75% !important;
}

.u-1of5 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 20% !important;
}

.u-2of5 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 40% !important;
}

.u-3of5 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 60% !important;
}

.u-4of5 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 80% !important;
}

.u-1of6 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 16.66667% !important;
}

.u-2of6 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 33.33333% !important;
}

.u-3of6 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 50% !important;
}

.u-4of6 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 66.66667% !important;
}

.u-5of6 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 83.33333% !important;
}

.u-1of7 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 14.28571% !important;
}

.u-2of7 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 28.57143% !important;
}

.u-3of7 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 42.85714% !important;
}

.u-4of7 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 57.14286% !important;
}

.u-5of7 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 71.42857% !important;
}

.u-6of7 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 85.71429% !important;
}

.u-1of8 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 12.5% !important;
}

.u-2of8 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 25% !important;
}

.u-3of8 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 37.5% !important;
}

.u-4of8 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 50% !important;
}

.u-5of8 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 62.5% !important;
}

.u-6of8 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 75% !important;
}

.u-7of8 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 87.5% !important;
}

.u-1of9 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 11.11111% !important;
}

.u-2of9 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 22.22222% !important;
}

.u-3of9 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 33.33333% !important;
}

.u-4of9 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 44.44444% !important;
}

.u-5of9 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 55.55556% !important;
}

.u-6of9 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 66.66667% !important;
}

.u-7of9 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 77.77778% !important;
}

.u-8of9 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 88.88889% !important;
}

.u-1of10 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 10% !important;
}

.u-2of10 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 20% !important;
}

.u-3of10 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 30% !important;
}

.u-4of10 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 40% !important;
}

.u-5of10 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 50% !important;
}

.u-6of10 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 60% !important;
}

.u-7of10 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 70% !important;
}

.u-8of10 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 80% !important;
}

.u-9of10 {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  width: 90% !important;
}

/**
 * Iterate over given columns and breakpoints and create
 * responsive width classes.
 */
@media screen and (max-width: 44.9375em) {
  .u-1of1-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 100% !important;
  }
  .u-1of2-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-1of3-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 33.33333% !important;
  }
  .u-2of3-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 66.66667% !important;
  }
  .u-1of4-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 25% !important;
  }
  .u-2of4-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-3of4-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 75% !important;
  }
  .u-1of5-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 20% !important;
  }
  .u-2of5-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 40% !important;
  }
  .u-3of5-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 60% !important;
  }
  .u-4of5-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 80% !important;
  }
  .u-1of6-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 16.66667% !important;
  }
  .u-2of6-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 33.33333% !important;
  }
  .u-3of6-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-4of6-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 66.66667% !important;
  }
  .u-5of6-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 83.33333% !important;
  }
  .u-1of7-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 14.28571% !important;
  }
  .u-2of7-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 28.57143% !important;
  }
  .u-3of7-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 42.85714% !important;
  }
  .u-4of7-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 57.14286% !important;
  }
  .u-5of7-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 71.42857% !important;
  }
  .u-6of7-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 85.71429% !important;
  }
  .u-1of8-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 12.5% !important;
  }
  .u-2of8-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 25% !important;
  }
  .u-3of8-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 37.5% !important;
  }
  .u-4of8-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-5of8-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 62.5% !important;
  }
  .u-6of8-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 75% !important;
  }
  .u-7of8-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 87.5% !important;
  }
  .u-1of9-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 11.11111% !important;
  }
  .u-2of9-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 22.22222% !important;
  }
  .u-3of9-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 33.33333% !important;
  }
  .u-4of9-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 44.44444% !important;
  }
  .u-5of9-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 55.55556% !important;
  }
  .u-6of9-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 66.66667% !important;
  }
  .u-7of9-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 77.77778% !important;
  }
  .u-8of9-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 88.88889% !important;
  }
  .u-1of10-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 10% !important;
  }
  .u-2of10-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 20% !important;
  }
  .u-3of10-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 30% !important;
  }
  .u-4of10-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 40% !important;
  }
  .u-5of10-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-6of10-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 60% !important;
  }
  .u-7of10-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 70% !important;
  }
  .u-8of10-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 80% !important;
  }
  .u-9of10-palm {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 90% !important;
  }
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .u-1of1-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 100% !important;
  }
  .u-1of2-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-1of3-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 33.33333% !important;
  }
  .u-2of3-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 66.66667% !important;
  }
  .u-1of4-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 25% !important;
  }
  .u-2of4-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-3of4-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 75% !important;
  }
  .u-1of5-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 20% !important;
  }
  .u-2of5-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 40% !important;
  }
  .u-3of5-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 60% !important;
  }
  .u-4of5-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 80% !important;
  }
  .u-1of6-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 16.66667% !important;
  }
  .u-2of6-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 33.33333% !important;
  }
  .u-3of6-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-4of6-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 66.66667% !important;
  }
  .u-5of6-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 83.33333% !important;
  }
  .u-1of7-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 14.28571% !important;
  }
  .u-2of7-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 28.57143% !important;
  }
  .u-3of7-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 42.85714% !important;
  }
  .u-4of7-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 57.14286% !important;
  }
  .u-5of7-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 71.42857% !important;
  }
  .u-6of7-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 85.71429% !important;
  }
  .u-1of8-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 12.5% !important;
  }
  .u-2of8-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 25% !important;
  }
  .u-3of8-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 37.5% !important;
  }
  .u-4of8-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-5of8-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 62.5% !important;
  }
  .u-6of8-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 75% !important;
  }
  .u-7of8-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 87.5% !important;
  }
  .u-1of9-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 11.11111% !important;
  }
  .u-2of9-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 22.22222% !important;
  }
  .u-3of9-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 33.33333% !important;
  }
  .u-4of9-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 44.44444% !important;
  }
  .u-5of9-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 55.55556% !important;
  }
  .u-6of9-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 66.66667% !important;
  }
  .u-7of9-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 77.77778% !important;
  }
  .u-8of9-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 88.88889% !important;
  }
  .u-1of10-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 10% !important;
  }
  .u-2of10-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 20% !important;
  }
  .u-3of10-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 30% !important;
  }
  .u-4of10-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 40% !important;
  }
  .u-5of10-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-6of10-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 60% !important;
  }
  .u-7of10-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 70% !important;
  }
  .u-8of10-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 80% !important;
  }
  .u-9of10-lap {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 90% !important;
  }
}

@media screen and (max-width: 63.9375em) {
  .u-1of1-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 100% !important;
  }
  .u-1of2-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-1of3-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 33.33333% !important;
  }
  .u-2of3-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 66.66667% !important;
  }
  .u-1of4-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 25% !important;
  }
  .u-2of4-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-3of4-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 75% !important;
  }
  .u-1of5-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 20% !important;
  }
  .u-2of5-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 40% !important;
  }
  .u-3of5-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 60% !important;
  }
  .u-4of5-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 80% !important;
  }
  .u-1of6-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 16.66667% !important;
  }
  .u-2of6-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 33.33333% !important;
  }
  .u-3of6-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-4of6-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 66.66667% !important;
  }
  .u-5of6-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 83.33333% !important;
  }
  .u-1of7-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 14.28571% !important;
  }
  .u-2of7-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 28.57143% !important;
  }
  .u-3of7-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 42.85714% !important;
  }
  .u-4of7-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 57.14286% !important;
  }
  .u-5of7-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 71.42857% !important;
  }
  .u-6of7-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 85.71429% !important;
  }
  .u-1of8-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 12.5% !important;
  }
  .u-2of8-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 25% !important;
  }
  .u-3of8-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 37.5% !important;
  }
  .u-4of8-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-5of8-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 62.5% !important;
  }
  .u-6of8-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 75% !important;
  }
  .u-7of8-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 87.5% !important;
  }
  .u-1of9-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 11.11111% !important;
  }
  .u-2of9-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 22.22222% !important;
  }
  .u-3of9-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 33.33333% !important;
  }
  .u-4of9-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 44.44444% !important;
  }
  .u-5of9-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 55.55556% !important;
  }
  .u-6of9-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 66.66667% !important;
  }
  .u-7of9-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 77.77778% !important;
  }
  .u-8of9-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 88.88889% !important;
  }
  .u-1of10-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 10% !important;
  }
  .u-2of10-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 20% !important;
  }
  .u-3of10-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 30% !important;
  }
  .u-4of10-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 40% !important;
  }
  .u-5of10-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-6of10-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 60% !important;
  }
  .u-7of10-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 70% !important;
  }
  .u-8of10-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 80% !important;
  }
  .u-9of10-lap-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 90% !important;
  }
}

@media screen and (min-width: 45em) {
  .u-1of1-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 100% !important;
  }
  .u-1of2-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-1of3-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 33.33333% !important;
  }
  .u-2of3-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 66.66667% !important;
  }
  .u-1of4-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 25% !important;
  }
  .u-2of4-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-3of4-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 75% !important;
  }
  .u-1of5-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 20% !important;
  }
  .u-2of5-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 40% !important;
  }
  .u-3of5-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 60% !important;
  }
  .u-4of5-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 80% !important;
  }
  .u-1of6-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 16.66667% !important;
  }
  .u-2of6-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 33.33333% !important;
  }
  .u-3of6-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-4of6-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 66.66667% !important;
  }
  .u-5of6-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 83.33333% !important;
  }
  .u-1of7-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 14.28571% !important;
  }
  .u-2of7-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 28.57143% !important;
  }
  .u-3of7-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 42.85714% !important;
  }
  .u-4of7-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 57.14286% !important;
  }
  .u-5of7-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 71.42857% !important;
  }
  .u-6of7-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 85.71429% !important;
  }
  .u-1of8-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 12.5% !important;
  }
  .u-2of8-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 25% !important;
  }
  .u-3of8-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 37.5% !important;
  }
  .u-4of8-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-5of8-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 62.5% !important;
  }
  .u-6of8-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 75% !important;
  }
  .u-7of8-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 87.5% !important;
  }
  .u-1of9-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 11.11111% !important;
  }
  .u-2of9-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 22.22222% !important;
  }
  .u-3of9-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 33.33333% !important;
  }
  .u-4of9-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 44.44444% !important;
  }
  .u-5of9-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 55.55556% !important;
  }
  .u-6of9-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 66.66667% !important;
  }
  .u-7of9-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 77.77778% !important;
  }
  .u-8of9-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 88.88889% !important;
  }
  .u-1of10-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 10% !important;
  }
  .u-2of10-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 20% !important;
  }
  .u-3of10-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 30% !important;
  }
  .u-4of10-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 40% !important;
  }
  .u-5of10-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-6of10-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 60% !important;
  }
  .u-7of10-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 70% !important;
  }
  .u-8of10-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 80% !important;
  }
  .u-9of10-lap-and-up {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 90% !important;
  }
}

@media screen and (min-width: 64em) {
  .u-1of1-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 100% !important;
  }
  .u-1of2-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-1of3-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 33.33333% !important;
  }
  .u-2of3-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 66.66667% !important;
  }
  .u-1of4-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 25% !important;
  }
  .u-2of4-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-3of4-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 75% !important;
  }
  .u-1of5-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 20% !important;
  }
  .u-2of5-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 40% !important;
  }
  .u-3of5-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 60% !important;
  }
  .u-4of5-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 80% !important;
  }
  .u-1of6-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 16.66667% !important;
  }
  .u-2of6-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 33.33333% !important;
  }
  .u-3of6-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-4of6-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 66.66667% !important;
  }
  .u-5of6-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 83.33333% !important;
  }
  .u-1of7-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 14.28571% !important;
  }
  .u-2of7-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 28.57143% !important;
  }
  .u-3of7-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 42.85714% !important;
  }
  .u-4of7-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 57.14286% !important;
  }
  .u-5of7-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 71.42857% !important;
  }
  .u-6of7-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 85.71429% !important;
  }
  .u-1of8-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 12.5% !important;
  }
  .u-2of8-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 25% !important;
  }
  .u-3of8-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 37.5% !important;
  }
  .u-4of8-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-5of8-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 62.5% !important;
  }
  .u-6of8-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 75% !important;
  }
  .u-7of8-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 87.5% !important;
  }
  .u-1of9-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 11.11111% !important;
  }
  .u-2of9-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 22.22222% !important;
  }
  .u-3of9-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 33.33333% !important;
  }
  .u-4of9-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 44.44444% !important;
  }
  .u-5of9-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 55.55556% !important;
  }
  .u-6of9-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 66.66667% !important;
  }
  .u-7of9-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 77.77778% !important;
  }
  .u-8of9-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 88.88889% !important;
  }
  .u-1of10-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 10% !important;
  }
  .u-2of10-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 20% !important;
  }
  .u-3of10-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 30% !important;
  }
  .u-4of10-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 40% !important;
  }
  .u-5of10-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-6of10-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 60% !important;
  }
  .u-7of10-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 70% !important;
  }
  .u-8of10-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 80% !important;
  }
  .u-9of10-desk {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 90% !important;
  }
}

@media screen and (min-width: 80em) {
  .u-1of1-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 100% !important;
  }
  .u-1of2-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-1of3-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 33.33333% !important;
  }
  .u-2of3-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 66.66667% !important;
  }
  .u-1of4-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 25% !important;
  }
  .u-2of4-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-3of4-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 75% !important;
  }
  .u-1of5-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 20% !important;
  }
  .u-2of5-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 40% !important;
  }
  .u-3of5-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 60% !important;
  }
  .u-4of5-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 80% !important;
  }
  .u-1of6-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 16.66667% !important;
  }
  .u-2of6-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 33.33333% !important;
  }
  .u-3of6-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-4of6-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 66.66667% !important;
  }
  .u-5of6-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 83.33333% !important;
  }
  .u-1of7-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 14.28571% !important;
  }
  .u-2of7-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 28.57143% !important;
  }
  .u-3of7-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 42.85714% !important;
  }
  .u-4of7-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 57.14286% !important;
  }
  .u-5of7-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 71.42857% !important;
  }
  .u-6of7-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 85.71429% !important;
  }
  .u-1of8-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 12.5% !important;
  }
  .u-2of8-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 25% !important;
  }
  .u-3of8-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 37.5% !important;
  }
  .u-4of8-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-5of8-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 62.5% !important;
  }
  .u-6of8-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 75% !important;
  }
  .u-7of8-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 87.5% !important;
  }
  .u-1of9-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 11.11111% !important;
  }
  .u-2of9-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 22.22222% !important;
  }
  .u-3of9-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 33.33333% !important;
  }
  .u-4of9-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 44.44444% !important;
  }
  .u-5of9-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 55.55556% !important;
  }
  .u-6of9-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 66.66667% !important;
  }
  .u-7of9-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 77.77778% !important;
  }
  .u-8of9-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 88.88889% !important;
  }
  .u-1of10-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 10% !important;
  }
  .u-2of10-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 20% !important;
  }
  .u-3of10-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 30% !important;
  }
  .u-4of10-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 40% !important;
  }
  .u-5of10-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-6of10-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 60% !important;
  }
  .u-7of10-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 70% !important;
  }
  .u-8of10-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 80% !important;
  }
  .u-9of10-desk-wide {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 90% !important;
  }
}

@media screen and (max-width: 79.9375em) {
  .u-1of1-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 100% !important;
  }
  .u-1of2-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-1of3-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 33.33333% !important;
  }
  .u-2of3-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 66.66667% !important;
  }
  .u-1of4-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 25% !important;
  }
  .u-2of4-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-3of4-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 75% !important;
  }
  .u-1of5-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 20% !important;
  }
  .u-2of5-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 40% !important;
  }
  .u-3of5-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 60% !important;
  }
  .u-4of5-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 80% !important;
  }
  .u-1of6-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 16.66667% !important;
  }
  .u-2of6-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 33.33333% !important;
  }
  .u-3of6-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-4of6-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 66.66667% !important;
  }
  .u-5of6-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 83.33333% !important;
  }
  .u-1of7-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 14.28571% !important;
  }
  .u-2of7-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 28.57143% !important;
  }
  .u-3of7-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 42.85714% !important;
  }
  .u-4of7-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 57.14286% !important;
  }
  .u-5of7-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 71.42857% !important;
  }
  .u-6of7-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 85.71429% !important;
  }
  .u-1of8-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 12.5% !important;
  }
  .u-2of8-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 25% !important;
  }
  .u-3of8-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 37.5% !important;
  }
  .u-4of8-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-5of8-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 62.5% !important;
  }
  .u-6of8-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 75% !important;
  }
  .u-7of8-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 87.5% !important;
  }
  .u-1of9-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 11.11111% !important;
  }
  .u-2of9-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 22.22222% !important;
  }
  .u-3of9-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 33.33333% !important;
  }
  .u-4of9-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 44.44444% !important;
  }
  .u-5of9-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 55.55556% !important;
  }
  .u-6of9-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 66.66667% !important;
  }
  .u-7of9-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 77.77778% !important;
  }
  .u-8of9-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 88.88889% !important;
  }
  .u-1of10-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 10% !important;
  }
  .u-2of10-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 20% !important;
  }
  .u-3of10-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 30% !important;
  }
  .u-4of10-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 40% !important;
  }
  .u-5of10-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-6of10-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 60% !important;
  }
  .u-7of10-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 70% !important;
  }
  .u-8of10-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 80% !important;
  }
  .u-9of10-desk-wide-and-down {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 90% !important;
  }
}

@media screen and (min-width: 83.5em) {
  .u-1of1-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 100% !important;
  }
  .u-1of2-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-1of3-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 33.33333% !important;
  }
  .u-2of3-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 66.66667% !important;
  }
  .u-1of4-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 25% !important;
  }
  .u-2of4-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-3of4-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 75% !important;
  }
  .u-1of5-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 20% !important;
  }
  .u-2of5-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 40% !important;
  }
  .u-3of5-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 60% !important;
  }
  .u-4of5-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 80% !important;
  }
  .u-1of6-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 16.66667% !important;
  }
  .u-2of6-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 33.33333% !important;
  }
  .u-3of6-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-4of6-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 66.66667% !important;
  }
  .u-5of6-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 83.33333% !important;
  }
  .u-1of7-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 14.28571% !important;
  }
  .u-2of7-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 28.57143% !important;
  }
  .u-3of7-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 42.85714% !important;
  }
  .u-4of7-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 57.14286% !important;
  }
  .u-5of7-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 71.42857% !important;
  }
  .u-6of7-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 85.71429% !important;
  }
  .u-1of8-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 12.5% !important;
  }
  .u-2of8-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 25% !important;
  }
  .u-3of8-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 37.5% !important;
  }
  .u-4of8-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-5of8-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 62.5% !important;
  }
  .u-6of8-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 75% !important;
  }
  .u-7of8-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 87.5% !important;
  }
  .u-1of9-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 11.11111% !important;
  }
  .u-2of9-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 22.22222% !important;
  }
  .u-3of9-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 33.33333% !important;
  }
  .u-4of9-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 44.44444% !important;
  }
  .u-5of9-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 55.55556% !important;
  }
  .u-6of9-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 66.66667% !important;
  }
  .u-7of9-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 77.77778% !important;
  }
  .u-8of9-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 88.88889% !important;
  }
  .u-1of10-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 10% !important;
  }
  .u-2of10-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 20% !important;
  }
  .u-3of10-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 30% !important;
  }
  .u-4of10-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 40% !important;
  }
  .u-5of10-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 50% !important;
  }
  .u-6of10-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 60% !important;
  }
  .u-7of10-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 70% !important;
  }
  .u-8of10-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 80% !important;
  }
  .u-9of10-desk-wider {
    -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
    width: 90% !important;
  }
}