/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

/* Document
   ========================================================================== */

html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */

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

body {
  margin: 0;
}

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

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

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

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

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

figcaption,
figure,
main { /* 1 */
  display: block;
}

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

figure {
  margin: 1em 40px;
}

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

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

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

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

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

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

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

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

a:active,
a:hover {
  outline-width: 0;
}

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

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

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

b,
strong {
  font-weight: inherit;
}

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

b,
strong {
  font-weight: bolder;
}

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

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

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

dfn {
  font-style: italic;
}

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

mark {
  background-color: #ff0;
  color: #000;
}

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

small {
  font-size: 80%;
}

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

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

audio,
video {
  display: inline-block;
}

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

audio:not([controls]) {
  display: none;
  height: 0;
}

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

img {
  border-style: none;
}

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

svg:not(:root) {
  overflow: hidden;
}

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

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

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

button,
input { /* 1 */
  overflow: visible;
}

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

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

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

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

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

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

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

textarea {
  overflow: auto;
}

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

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

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

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

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

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

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

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

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

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

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

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

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

canvas {
  display: inline-block;
}

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

template {
  display: none;
}

/* Hidden
   ========================================================================== */

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

[hidden] {
  display: none;
}

/* ==========================================================================
Helper classes
========================================================================== */
/*
* Hide visually and from screen readers:
*/

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

.hidden {
	display: none !important;
}
/*
* Hide only visually, but have it available for screen readers:
* http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
/*
* Hide visually and from screen readers, but maintain layout
*/
.invisible {
	visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.clearfix:after {
	clear: both;
}

@charset "UTF-8";
/* global settings */
/* utilities */
/* clearfix */
/* default word wraps */
/* break words even between letters - will use webkit fallback to break between words if possible */
/* default link */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0.01; }
  to {
    opacity: 1; } }
@keyframes fadeIn {
  from {
    opacity: 0.01; }
  to {
    opacity: 1; } }

@-webkit-keyframes transition {
  from {
    opacity: 1; }
  50% {
    opacity: 0.01; }
  to {
    opacity: 1; } }

@keyframes transition {
  from {
    opacity: 1; }
  50% {
    opacity: 0.01; }
  to {
    opacity: 1; } }

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
            transform: scale3d(1.1, 1.1, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
            transform: scale3d(1.1, 1.1, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@-webkit-keyframes pulseLoop {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  20% {
    -webkit-transform: scale3d(1.25, 1.25, 1);
            transform: scale3d(1.25, 1.25, 1); }
  40% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@keyframes pulseLoop {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  20% {
    -webkit-transform: scale3d(1.25, 1.25, 1);
            transform: scale3d(1.25, 1.25, 1); }
  40% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@-webkit-keyframes rotationLoop {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotationLoop {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes scrolling {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  80% {
    -webkit-transform: translateY(70px);
            transform: translateY(70px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes scrolling {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  80% {
    -webkit-transform: translateY(70px);
            transform: translateY(70px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

/* fonts */
/* webfont licence */
@font-face {
  font-style: normal;
  font-weight: normal;
  font-family: "HelveticaNeue-Light";
  src: url("../fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot");
  src: url("../fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot#") format("embedded-opentype"), url("../fonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff"), url("../fonts/688ab72b-4deb-4e15-a088-89166978d469.ttf") format("truetype"), url("../fonts/7816f72f-f47e-4715-8cd7-960e3723846a.svg#7816f72f-f47e-4715-8cd7-960e3723846a") format("svg"); }

@font-face {
  font-style: normal;
  font-weight: normal;
  font-family: "HelveticaNeue-Medium";
  src: url("../fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?iefix");
  src: url("../fonts/60be5c39-863e-40cb-9434-6ebafb62ab2b.woff") format("woff"), url("../fonts/4c6503c9-859b-4d3b-a1d5-2d42e1222415.ttf") format("truetype"), url("../fonts/36c182c6-ef98-4021-9b0d-d63122c2bbf5.svg#36c182c6-ef98-4021-9b0d-d63122c2bbf5") format("svg"); }

@font-face {
  font-family: "Icons";
  src: url("../fonts/icons/Icons.eot");
  src: url("../fonts/icons/Icons.eot?#iefix") format("eot"), url("../fonts/icons/Icons.woff") format("woff"), url("../fonts/icons/Icons.ttf") format("truetype"), url("../fonts/icons/Icons.svg#Icons") format("svg"); }

.icon-add-circle:before, .accordion--customselect .accordion__icon:before {
  content: ""; }

.icon-add:before {
  content: ""; }

.icon-alert:before {
  content: ""; }

.icon-arrow-down-circle:before {
  content: ""; }

.icon-calendar:before {
  content: ""; }

.icon-check:before {
  content: ""; }

.icon-chevron-down:before {
  content: ""; }

.icon-chevron-left:before {
  content: ""; }

.icon-chevron-right:before {
  content: "";
  font-size: 40%; }

.icon-chevron-up:before {
  content: ""; }

.icon-close-circle:before {
  content: ""; }

.icon-close-jumpmarks:before {
  content: ""; }

.icon-close:before {
  content: ""; }

.icon-comment:before {
  content: ""; }

.icon-dot-full:before {
  content: ""; }

.icon-dot-outline:before {
  content: ""; }

.icon-drag:before {
  content: ""; }

.icon-edit:before {
  content: ""; }

.icon-error:before {
  content: ""; }

.icon-external-link:before {
  content: ""; }

.icon-facebook:before {
  content: ""; }

.icon-info-alternative:before {
  content: ""; }

.icon-info:before {
  content: ""; }

.icon-instagram:before {
  content: ""; }

.icon-interact:before {
  content: ""; }

.icon-interactactive:before {
  content: ""; }

.icon-linkedin-inverted:before {
  content: ""; }

.icon-linkedin:before {
  content: ""; }

.icon-magnifier:before {
  content: ""; }

.icon-mail:before {
  content: ""; }

.icon-menu:before {
  content: ""; }

.icon-octagon:before {
  content: ""; }

.icon-open-jumpmarks:before {
  content: ""; }

.icon-play:before {
  content: ""; }

.icon-playlist:before {
  content: ""; }

.icon-quote:before {
  content: ""; }

.icon-quote2:before {
  content: ""; }

.icon-resize-se:before {
  content: ""; }

.icon-resize-sw:before {
  content: ""; }

.icon-route:before {
  content: ""; }

.icon-save:before {
  content: ""; }

.icon-settings:before {
  content: ""; }

.icon-sharing:before {
  content: ""; }

.icon-sort-default:before {
  content: ""; }

.icon-sort-down:before {
  content: ""; }

.icon-sort-up:before {
  content: ""; }

.icon-swipe:before {
  content: ""; }

.icon-timespan:before {
  content: ""; }

.icon-twitter:before {
  content: ""; }

.icon-user:before {
  content: ""; }

.icon-warning:before {
  content: ""; }

.icon-wechat:before {
  content: ""; }

.icon-xing:before {
  content: ""; }

.icon-youtube:before {
  content: ""; }

[class^="icon-"]:before, [class*=" icon-"]:before {
  position: relative;
  font-family: "Icons";
  font-size: 68%;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* mixins */
/* layouts */
html, body {
  height: 100%;
  min-width: 320px; }

html {
  box-sizing: border-box;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

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

body {
  font-family: "HelveticaNeue-Light", Arial, sans-serif;
  background-color: #fff;
  font-size: 18px;
  line-height: 28px;
  color: #000;
  min-width: 320px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }

.layout--default {
  margin: 0; }

.content {
  flex-grow: 1;
  display: flex;
  flex-direction: column; }
  .content:before, .content:after {
    content: " ";
    display: table; }
  .content:after {
    clear: both; }

.gridContainer,
.gridContainer > section:first-child:last-child {
  flex-grow: 1;
  display: flex;
  flex-direction: column; }

.ie .gridContainer > section {
  min-height: 1px; }

.hiddenOnLoad {
  visibility: hidden; }
  .no-js .hiddenOnLoad, .hiddenOnLoad.visible {
    visibility: visible; }

.offcanvas {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  min-height: 100vh; }
  .offcanvas__inner {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    min-height: 100vh; }
    .home .offcanvas__inner {
      min-height: 0; }
  .offcanvas__area--right {
    position: fixed;
    height: 100vh;
    width: 330px;
    bottom: 0;
    top: 0;
    right: -330px;
    overflow-x: hidden;
    overflow-y: auto;
    transition: -webkit-transform 400ms ease-out;
    transition: transform 400ms ease-out;
    transition: transform 400ms ease-out, -webkit-transform 400ms ease-out;
    z-index: 1001;
    background-color: #ededed;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.75);
    -webkit-overflow-scrolling: touch; }
    @media (min-width: 768px) {
      .offcanvas__area--right {
        width: 430px;
        right: -430px; } }
    @media (min-width: 1280px) {
      .offcanvas__area--right {
        width: 430px;
        right: -430px; } }
  .offcanvas--show-right .offcanvas__area--right {
    -webkit-transform: translate3d(-330px, 0, 0);
            transform: translate3d(-330px, 0, 0);
    transition: -webkit-transform 400ms ease-out;
    transition: transform 400ms ease-out;
    transition: transform 400ms ease-out, -webkit-transform 400ms ease-out; }
    @media (min-width: 768px) {
      .offcanvas--show-right .offcanvas__area--right {
        -webkit-transform: translate3d(-430px, 0, 0);
                transform: translate3d(-430px, 0, 0); } }
    @media (min-width: 1280px) {
      .offcanvas--show-right .offcanvas__area--right {
        -webkit-transform: translate3d(-430px, 0, 0);
                transform: translate3d(-430px, 0, 0); } }
  .offcanvas--noAnimation .offcanvas__inner {
    transition: none; }
    .offcanvas--noAnimation .offcanvas__inner > * {
      transition: none; }
  .offcanvas--noAnimation .offcanvas__area--right {
    transition: none; }
  .offcanvas--noAnimation .offcanvas--show-right > .offcanvas__inner > * {
    transition: none; }
  .offcanvas--grey,
  .offcanvas--grey .footer {
    background: #ededed; }

body.nav-open {
  position: fixed;
  overflow: auto;
  width: 100%; }

/* clearfix */
/* default word wraps */
/* break words even between letters - will use webkit fallback to break between words if possible */
/* default link */
.row {
  margin-top: -30px;
  margin-left: -20px;
  margin-right: -20px;
  max-width: none; }
  @media (min-width: 768px) {
    .row {
      margin-top: -50px; } }
  @media (min-width: 1024px) {
    .row {
      margin-top: -50px; } }
  .row:after {
    content: " ";
    display: block;
    clear: both; }
  .row + .row,
  .row .row {
    margin-top: 0; }
  .row--reducedWidth {
    margin-left: -10px;
    margin-right: -10px; }
    @media (min-width: 768px) {
      .row--reducedWidth {
        margin-left: 10px;
        margin-right: 10px; } }
    @media (min-width: 1300px) {
      .row--reducedWidth {
        max-width: 1260px;
        margin-left: auto;
        margin-right: auto; } }

.col {
  width: 100%;
  float: left;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 30px; }
  @media (min-width: 768px) {
    .col {
      margin-top: 50px; } }
  @media (min-width: 1024px) {
    .col {
      margin-top: 50px; } }

@media (min-width: 768px) {
  .col--medium-1 {
    width: 8.33333%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
  .col--medium-offset-1 {
    margin-left: 8.33333%; }
  .col--medium-2 {
    width: 16.66667%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
  .col--medium-offset-2 {
    margin-left: 16.66667%; }
  .col--medium-3 {
    width: 25%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
  .col--medium-offset-3 {
    margin-left: 25%; }
  .col--medium-4 {
    width: 33.33333%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
  .col--medium-offset-4 {
    margin-left: 33.33333%; }
  .col--medium-5 {
    width: 41.66667%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
  .col--medium-offset-5 {
    margin-left: 41.66667%; }
  .col--medium-6 {
    width: 50%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
  .col--medium-offset-6 {
    margin-left: 50%; }
  .col--medium-7 {
    width: 58.33333%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
  .col--medium-offset-7 {
    margin-left: 58.33333%; }
  .col--medium-8 {
    width: 66.66667%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
  .col--medium-offset-8 {
    margin-left: 66.66667%; }
  .col--medium-9 {
    width: 75%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
  .col--medium-offset-9 {
    margin-left: 75%; }
  .col--medium-10 {
    width: 83.33333%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
  .col--medium-offset-10 {
    margin-left: 83.33333%; }
  .col--medium-11 {
    width: 91.66667%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
  .col--medium-offset-11 {
    margin-left: 91.66667%; }
  .col--medium-12 {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
  .col--medium-offset-12 {
    margin-left: 100%; }
  .hidden-col--medium {
    display: none; } }

@media (min-width: 1024px) {
  .col--large-1 {
    width: 8.33333%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
  .col--large-offset-1 {
    margin-left: 8.33333%; }
  .col--large-2 {
    width: 16.66667%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
  .col--large-offset-2 {
    margin-left: 16.66667%; }
  .col--large-3 {
    width: 25%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
  .col--large-offset-3 {
    margin-left: 25%; }
  .col--large-4 {
    width: 33.33333%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
  .col--large-offset-4 {
    margin-left: 33.33333%; }
  .col--large-5 {
    width: 41.66667%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
  .col--large-offset-5 {
    margin-left: 41.66667%; }
  .col--large-6 {
    width: 50%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
  .col--large-offset-6 {
    margin-left: 50%; }
  .col--large-7 {
    width: 58.33333%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
  .col--large-offset-7 {
    margin-left: 58.33333%; }
  .col--large-8 {
    width: 66.66667%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
  .col--large-offset-8 {
    margin-left: 66.66667%; }
  .col--large-9 {
    width: 75%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
  .col--large-offset-9 {
    margin-left: 75%; }
  .col--large-10 {
    width: 83.33333%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
  .col--large-offset-10 {
    margin-left: 83.33333%; }
  .col--large-11 {
    width: 91.66667%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
  .col--large-offset-11 {
    margin-left: 91.66667%; }
  .col--large-12 {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
  .col--large-offset-12 {
    margin-left: 100%; }
  .hidden-col--large {
    display: none; } }

.stage + .gridContainer,
.stage + .breadcrumb,
.stage + .breadcrumb + .gridContainer {
  position: relative;
  top: calc(100vh - 50px);
  z-index: 2; }
  .stage + .gridContainer:not(.breadcrumb),
  .stage + .breadcrumb:not(.breadcrumb),
  .stage + .breadcrumb + .gridContainer:not(.breadcrumb) {
    padding-bottom: calc(100vh - 50px);
    background-color: #fff; }
  .stage + .gridContainer:not(.gridContainer),
  .stage + .breadcrumb:not(.gridContainer),
  .stage + .breadcrumb + .gridContainer:not(.gridContainer) {
    z-index: 3; }
  @media (min-width: 768px) {
    .stage + .gridContainer,
    .stage + .breadcrumb,
    .stage + .breadcrumb + .gridContainer {
      top: calc(100vh - 85px); }
      .stage + .gridContainer:not(.breadcrumb),
      .stage + .breadcrumb:not(.breadcrumb),
      .stage + .breadcrumb + .gridContainer:not(.breadcrumb) {
        padding-bottom: calc(100vh - 85px); } }
  @media (max-height: 650px) and (min-width: 1280px) {
    .stage + .gridContainer,
    .stage + .breadcrumb,
    .stage + .breadcrumb + .gridContainer {
      top: 0;
      padding-bottom: 0; } }
  @media (max-height: 590px) and (min-width: 1024px) and (max-width: 1279px) {
    .stage + .gridContainer,
    .stage + .breadcrumb,
    .stage + .breadcrumb + .gridContainer {
      top: 0;
      padding-bottom: 0; } }
  @media (max-height: 570px) and (min-width: 768px) and (max-width: 1023px) {
    .stage + .gridContainer,
    .stage + .breadcrumb,
    .stage + .breadcrumb + .gridContainer {
      top: 0;
      padding-bottom: 0; } }
  @media (max-height: 320px) and (min-width: 600px) and (max-width: 767px) {
    .stage + .gridContainer,
    .stage + .breadcrumb,
    .stage + .breadcrumb + .gridContainer {
      top: 0;
      padding-bottom: 0; } }
  @media (max-height: 390px) and (min-width: 320px) and (max-width: 599px) {
    .stage + .gridContainer,
    .stage + .breadcrumb,
    .stage + .breadcrumb + .gridContainer {
      top: 0;
      padding-bottom: 0; } }

.layout--blank {
  opacity: 0.01;
  -webkit-animation: fadeIn ease-in 1s;
          animation: fadeIn ease-in 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  height: auto;
  overflow-x: hidden; }
  @media (min-width: 1024px) {
    .layout--blank {
      overflow: hidden; }
      .iPadSafari .layout--blank {
        position: fixed;
        height: 100vh;
        width: 100vw; } }
  .layout--blank.transition-animation {
    -webkit-animation: transition ease-in-out 2s;
            animation: transition ease-in-out 2s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }

.layout--iframe {
  overflow: hidden; }

.section {
  min-height: 1px;
  margin-top: 100px; }
  @media (min-width: 768px) {
    .section {
      margin-top: 160px; } }
  @media (min-width: 1024px) {
    .section {
      margin-top: 160px; } }
  .section:first-child {
    margin-top: 80px; }
    @media (min-width: 768px) {
      .section:first-child {
        margin-top: 100px; }
        .breadcrumb + .gridContainer > .section:first-child {
          margin-top: calc(-68px * (-1) + 80px); } }
    @media (min-width: 1024px) {
      .section:first-child {
        margin-top: 100px; } }
  .section--reducedWidth {
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto; }
  .section:not([class*="section--colorTheme"]) + [class*="section--colorTheme"],
  .section:not([class*="section--colorTheme"]) + .section:not([class*="section--colorTheme"]) {
    margin-top: 50px; }
    @media (min-width: 768px) {
      .section:not([class*="section--colorTheme"]) + [class*="section--colorTheme"],
      .section:not([class*="section--colorTheme"]) + .section:not([class*="section--colorTheme"]) {
        margin-top: 80px; } }
    @media (min-width: 1024px) {
      .section:not([class*="section--colorTheme"]) + [class*="section--colorTheme"],
      .section:not([class*="section--colorTheme"]) + .section:not([class*="section--colorTheme"]) {
        margin-top: 80px; } }
  .section:not([class*="section--colorTheme"]) + .section.section--reducedMarginTop:not([class*="section--colorTheme"]) {
    margin-top: 30px; }
    @media (min-width: 768px) {
      .section:not([class*="section--colorTheme"]) + .section.section--reducedMarginTop:not([class*="section--colorTheme"]) {
        margin-top: 50px; } }
  .section[class*="section--colorTheme"] {
    margin-top: 0;
    padding: 50px 10px 50px; }
    @media (min-width: 768px) {
      .section[class*="section--colorTheme"] {
        padding: 80px 30px 80px; } }
    @media (min-width: 1024px) {
      .section[class*="section--colorTheme"] {
        padding-top: 80px;
        padding-bottom: 80px; } }
    .section[class*="section--colorTheme"] section > .row--reducedWidth {
      margin-left: -20px;
      margin-right: -20px; }
      @media (min-width: 1300px) {
        .section[class*="section--colorTheme"] section > .row--reducedWidth {
          margin-left: auto;
          margin-right: auto; } }
    .section[class*="section--colorTheme"] + .section:not([class*="section--colorTheme"]) {
      margin-top: 50px; }
      @media (min-width: 768px) {
        .section[class*="section--colorTheme"] + .section:not([class*="section--colorTheme"]) {
          margin-top: 80px; } }
      @media (min-width: 1024px) {
        .section[class*="section--colorTheme"] + .section:not([class*="section--colorTheme"]) {
          margin-top: 80px; } }
    .section[class*="section--colorTheme"]:first-child[class*="section--colorTheme"] {
      padding-top: 80px; }
      @media (min-width: 768px) {
        .section[class*="section--colorTheme"]:first-child[class*="section--colorTheme"] {
          padding-top: 100px; } }
      @media (min-width: 1024px) {
        .section[class*="section--colorTheme"]:first-child[class*="section--colorTheme"] {
          padding-top: 100px; } }
      .breadcrumb + .gridContainer > .section[class*="section--colorTheme"]:first-child[class*="section--colorTheme"] {
        margin-top: 0; }
        @media (min-width: 768px) {
          .breadcrumb + .gridContainer > .section[class*="section--colorTheme"]:first-child[class*="section--colorTheme"] {
            padding-top: calc(-68px * (-1) + 80px); } }
        @media (min-width: 1024px) {
          .breadcrumb + .gridContainer > .section[class*="section--colorTheme"]:first-child[class*="section--colorTheme"] {
            padding-top: calc(-68px * (-1) + 80px); } }
    .section[class*="section--colorTheme"] + .section[class*="section--colorTheme"] {
      padding-top: 0; }
      .section[class*="section--colorTheme"] + .section[class*="section--colorTheme"].section--reducedMarginTop {
        margin-top: -20px; }
        @media (min-width: 768px) {
          .section[class*="section--colorTheme"] + .section[class*="section--colorTheme"].section--reducedMarginTop {
            margin-top: -30px; } }
  .section--colorTheme1 {
    background: #f2f2f2; }
    .section--colorTheme1:last-child {
      margin-bottom: 3px; }
  .section:last-child {
    padding-bottom: 97px; }
    @media (min-width: 1024px) {
      .section:last-child {
        padding-bottom: 112px; } }

.productPagesFix {
  /* NESTED GRID */ }
  .productPagesFix br.hide {
    display: none; }
  .productPagesFix .copy h1:empty,
  .productPagesFix .copy h2:empty,
  .productPagesFix .copy h3:empty,
  .productPagesFix .copy h4:empty,
  .productPagesFix .copy h5:empty,
  .productPagesFix .copy p:empty,
  .productPagesFix .copy a:empty {
    display: none; }
  .productPagesFix .section .section {
    margin-top: 0 !important;
    padding-bottom: 0 !important; }
    .productPagesFix .section .section .col {
      margin-top: 0 !important;
      padding-bottom: 0 !important; }
  .productPagesFix .row .row {
    margin-left: -20px !important;
    margin-right: -20px !important; }
  .productPagesFix .accordion .accordion__title .section {
    margin-top: 0; }
    .productPagesFix .accordion .accordion__title .section .col {
      margin-top: 0; }
      .productPagesFix .accordion .accordion__title .section .col .component {
        margin-top: 0; }
        .productPagesFix .accordion .accordion__title .section .col .component.h2 {
          margin-bottom: -5px; }
          .productPagesFix .accordion .accordion__title .section .col .component.h2 h2 {
            margin-top: 0 !important; }
        .productPagesFix .accordion .accordion__title .section .col .component.h3 {
          margin-top: 10px !important; }

/* base styles */
/* Global heading styles */
h1, h2, h3, h4, h5, h6, .h1__overline {
  font-family: "HelveticaNeue-Medium", Arial, sans-serif;
  font-weight: normal; }

h1 {
  font-size: 40px;
  line-height: 50px;
  color: #2d4275; }
  @media (min-width: 768px) {
    h1 {
      font-size: 50px;
      line-height: 60px; } }
  @media (min-width: 1024px) {
    h1 {
      font-size: 60px;
      line-height: 70px; } }
  @media (min-width: 1280px) {
    h1 {
      font-size: 80px;
      line-height: 90px; } }
  h1.h1--darkBlue {
    color: #2d4275; }
  h1.h1--white {
    color: #fff; }
  h1.h1--yellow {
    color: #2d4275; }
  h1.h1--cyan {
    color: #00e5e5; }
  h1.h1--green {
    color: #00E500; }

.h1__overline {
  font-size: 18px;
  line-height: 1.55556;
  color: #9c9c9c; }
  @media (min-width: 768px) {
    .h1__overline {
      font-size: 18px;
      line-height: 1.77778; } }
  @media (min-width: 1024px) {
    .h1__overline {
      font-size: 25px;
      line-height: 1.28; } }
  .h1__overline--darkBlue {
    color: #2d4275; }
  .h1__overline--white {
    color: #fff; }
  .h1__overline--yellow {
    color: #2d4275; }
  .h1__overline--cyan {
    color: #00e5e5; }
  .h1__overline--green {
    color: #00E500; }

h2, .h2__subline {
  font-size: 30px;
  line-height: 1.33333;
  color: #2d4275; }
  @media (min-width: 768px) {
    h2, .h2__subline {
      font-size: 35px;
      line-height: 1.28571; } }
  @media (min-width: 1024px) {
    h2, .h2__subline {
      font-size: 40px;
      line-height: 1.25; } }
  @media (min-width: 1280px) {
    h2, .h2__subline {
      font-size: 50px;
      line-height: 1.2; } }

.h2__subline {
  color: #6f6f6f; }

h3 {
  font-size: 22px;
  line-height: 1.45455;
  color: #6f6f6f; }
  @media (min-width: 768px) {
    h3 {
      font-size: 25px;
      line-height: 1.28; } }
  @media (min-width: 1280px) {
    h3 {
      font-size: 35px;
      line-height: 1.28571; } }

h4, h5, h6 {
  font-size: 18px;
  line-height: 1.55556;
  color: #6f6f6f;
  margin: 0; }

/* Global text styles */
.introtext {
  color: #6f6f6f;
  font-size: 22px;
  line-height: 1.45455; }
  @media (min-width: 1280px) {
    .introtext {
      font-size: 25px;
      line-height: 1.28; } }

figcaption {
  font-size: 18px;
  line-height: 1.55556;
  color: #9c9c9c; }
  @media (min-width: 1280px) {
    figcaption {
      font-size: 20px;
      line-height: 1.25; } }

/**
 *	copy text styling
 *	wysiwig/rte styles
 */
.copy {
  color: #6f6f6f; }
  .copy a {
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-decoration: none;
    color: #2d4275;
    font-family: "HelveticaNeue-Medium", Arial, sans-serif;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #2d4275; }
    .copy a:hover {
      color: #266693; }
    .copy a:before {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      font-size: 40%;
      position: relative;
      padding-right: 5px;
      padding-left: 1px;
      bottom: 1px;
      left: 1px; }
    .copy a:before {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      font-size: 40%;
      font-size: 50%; }
      .ie .copy a:before {
        font-size: 280%; }
    .copy a:hover {
      color: #266693;
      text-decoration: none;
      background: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#266693, #266693);
      background-size: .05em 1px, .05em 1px, 1px 1px;
      background-repeat: no-repeat, no-repeat, repeat-x;
      text-shadow: 0.03em 1px #fff, -0.03em 1px #fff, 1px 0.03em #fff, 1px -0.03em #fff, 0.06em 1px #fff, -0.06em 1px #fff, 0.09em 1px #fff, -0.09em 1px #fff, 0.12em 1px #fff, -0.12em 1px #fff, 0.15em 1px #fff, -0.15em 1px #fff, 0.18em 1px #fff, -0.18em 1px #fff;
      background-position-y: 100%, 100%, 100%;
      background-position-x: 0, 100%, 0; }
      .copy a:hover:before, .copy a:hover:after, .copy a:hover *, .copy a:hover *:before, .copy a:hover *:after {
        text-shadow: none; }
      .copy a:hover:visited {
        color: #266693; }
    .container .copy a:hover {
      color: #266693;
      text-decoration: none;
      background: linear-gradient(#ededed, #ededed), linear-gradient(#ededed, #ededed), linear-gradient(#266693, #266693);
      background-size: .05em 1px, .05em 1px, 1px 1px;
      background-repeat: no-repeat, no-repeat, repeat-x;
      text-shadow: 0.03em 1px #ededed, -0.03em 1px #ededed, 1px 0.03em #ededed, 1px -0.03em #ededed, 0.06em 1px #ededed, -0.06em 1px #ededed, 0.09em 1px #ededed, -0.09em 1px #ededed, 0.12em 1px #ededed, -0.12em 1px #ededed, 0.15em 1px #ededed, -0.15em 1px #ededed, 0.18em 1px #ededed, -0.18em 1px #ededed;
      background-position-y: 100%, 100%, 100%;
      background-position-x: 0, 100%, 0; }
      .container .copy a:hover:before, .container .copy a:hover:after, .container .copy a:hover *, .container .copy a:hover *:before, .container .copy a:hover *:after {
        text-shadow: none; }
      .container .copy a:hover:visited {
        color: #266693; }
  .copy strong {
    font-family: "HelveticaNeue-Medium", Arial, sans-serif;
    color: #6f6f6f;
    font-weight: normal; }
  .copy h1 {
    margin-top: 70px; }
    .copy h1:first-child {
      margin-top: 0; }
    @media (min-width: 768px) {
      .copy h1 {
        margin-top: 77px; }
        .copy h1:first-child {
          margin-top: -10px; } }
  .copy h2 {
    margin-top: 53px; }
    .copy h2:first-child {
      margin-top: 0; }
    @media (min-width: 768px) {
      .copy h2 {
        margin-top: 60px; }
        .copy h2:first-child {
          margin-top: -10px; } }
  .copy h3 {
    margin-top: 45px; }
    .copy h3:first-child {
      margin-top: 0; }
    @media (min-width: 1024px) {
      .copy h3 {
        margin-top: 63px; }
        .copy h3:first-child {
          margin-top: -10px; } }
    .copy h3 + p, .copy h3 + pre, .copy h3 + address, .copy h3 + div {
      margin-top: 10px; }
  .copy h4, .copy h5, .copy h6 {
    margin-top: 26px; }
    @media (min-width: 768px) {
      .copy h4, .copy h5, .copy h6 {
        margin-top: 46px; } }
    .copy h4:first-child, .copy h5:first-child, .copy h6:first-child {
      margin-top: -10px; }
    .copy h4 + p, .copy h4 + pre, .copy h4 + address, .copy h4 + div, .copy h5 + p, .copy h5 + pre, .copy h5 + address, .copy h5 + div, .copy h6 + p, .copy h6 + pre, .copy h6 + address, .copy h6 + div {
      margin-top: 0; }
  .copy pre {
    margin: 0;
    font-family: "HelveticaNeue-Light", Arial, sans-serif;
    white-space: normal; }
  .copy address {
    font-style: normal; }
  .copy p, .copy pre, .copy address, .copy div {
    margin-top: 20px; }
    @media (min-width: 1024px) {
      .copy p, .copy pre, .copy address, .copy div {
        margin-top: 40px; } }
    .copy p:first-child, .copy pre:first-child, .copy address:first-child, .copy div:first-child {
      margin-top: -10px; }
  .copy ul, .copy ol {
    margin: 50px 0 0 0;
    padding: 0;
    list-style-type: none; }
    .copy ul:first-child, .copy ol:first-child {
      margin-top: 0; }
    .copy ul > li, .copy ol > li {
      position: relative;
      word-wrap: break-word; }
      .col--medium-3 .copy ul > li,
      .col--medium-4 .copy ul > li,
      .col--medium-6 .copy ul > li,
      .col--medium-8 .copy ul > li, .col--medium-3 .copy ol > li,
      .col--medium-4 .copy ol > li,
      .col--medium-6 .copy ol > li,
      .col--medium-8 .copy ol > li {
        padding-right: 0; }
  .copy ul li {
    padding: 0 0 9px 28px; }
    @media (min-width: 1024px) {
      .copy ul li {
        padding-right: 33%; } }
    .copy ul li:before {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      position: absolute;
      left: 0;
      top: 6px;
      font-size: 78%;
      color: #00e5e5; }
    .copy ul li:last-child {
      padding-bottom: 0; }
  .copy ol {
    counter-reset: step-counter; }
    .copy ol li {
      padding: 0 0 15px 36px; }
      @media (min-width: 1024px) {
        .copy ol li {
          padding-right: 33%; } }
      .copy ol li:before {
        font-family: "HelveticaNeue-Medium", Arial, sans-serif;
        position: absolute;
        left: 0;
        counter-increment: step-counter;
        content: counters(step-counter, ".", decimal-leading-zero) "."; }
  .no-js .copy table {
    width: 100%;
    color: #6f6f6f;
    border-collapse: collapse;
    border-spacing: 0;
    border-bottom: 1px solid #dddddd;
    background-color: #fff; }
    .no-js .copy table a {
      font-family: "HelveticaNeue-Light", Arial, sans-serif; }
      .no-js .copy table a[class*="icon-"]::before {
        font-size: 140%; }
    .no-js .copy table caption {
      text-align: left;
      padding-left: 10px; }
    .no-js .copy table td,
    .no-js .copy table th {
      text-align: left;
      padding-right: 30px;
      vertical-align: top; }
    .no-js .copy table thead {
      color: #2d4275; }
      .no-js .copy table thead tr {
        border-bottom: 2px solid #dddddd; }
      .no-js .copy table thead th {
        white-space: nowrap;
        padding: 5px 30px 7px 10px;
        font-family: "HelveticaNeue-Medium", Arial, sans-serif;
        font-weight: normal; }
    .no-js .copy table tbody tr {
      border-bottom: 1px solid #ededed; }
      .no-js .copy table tbody tr:last-child {
        border-bottom: none; }
    .no-js .copy table tbody td {
      padding: 11px 30px 9px 10px; }

.textcontainer--cyan .copy:first-child, .textcontainer--magenta .copy:first-child, .textcontainer--white .copy:first-child, .textcontainer--green .copy:first-child {
  margin-top: 0; }

.textcontainer--cyan .copy p, .textcontainer--cyan .copy div, .textcontainer--cyan .copy address, .textcontainer--cyan .copy pre, .textcontainer--cyan .copy h4, .textcontainer--cyan .copy h5, .textcontainer--cyan .copy h6, .textcontainer--magenta .copy p, .textcontainer--magenta .copy div, .textcontainer--magenta .copy address, .textcontainer--magenta .copy pre, .textcontainer--magenta .copy h4, .textcontainer--magenta .copy h5, .textcontainer--magenta .copy h6, .textcontainer--white .copy p, .textcontainer--white .copy div, .textcontainer--white .copy address, .textcontainer--white .copy pre, .textcontainer--white .copy h4, .textcontainer--white .copy h5, .textcontainer--white .copy h6, .textcontainer--green .copy p, .textcontainer--green .copy div, .textcontainer--green .copy address, .textcontainer--green .copy pre, .textcontainer--green .copy h4, .textcontainer--green .copy h5, .textcontainer--green .copy h6 {
  color: #fff; }

.textcontainer--cyan .copy a:hover, .textcontainer--magenta .copy a:hover, .textcontainer--white .copy a:hover, .textcontainer--green .copy a:hover {
  color: #fff;
  text-decoration: none;
  background: linear-gradient(#6f6f6f, #6f6f6f), linear-gradient(#6f6f6f, #6f6f6f), linear-gradient(#fff, #fff);
  background-size: .05em 1px, .05em 1px, 1px 1px;
  background-repeat: no-repeat, no-repeat, repeat-x;
  text-shadow: 0.03em 1px #6f6f6f, -0.03em 1px #6f6f6f, 1px 0.03em #6f6f6f, 1px -0.03em #6f6f6f, 0.06em 1px #6f6f6f, -0.06em 1px #6f6f6f, 0.09em 1px #6f6f6f, -0.09em 1px #6f6f6f, 0.12em 1px #6f6f6f, -0.12em 1px #6f6f6f, 0.15em 1px #6f6f6f, -0.15em 1px #6f6f6f, 0.18em 1px #6f6f6f, -0.18em 1px #6f6f6f;
  background-position-y: 100%, 100%, 100%;
  background-position-x: 0, 100%, 0; }
  .textcontainer--cyan .copy a:hover:before, .textcontainer--cyan .copy a:hover:after, .textcontainer--cyan .copy a:hover *, .textcontainer--cyan .copy a:hover *:before, .textcontainer--cyan .copy a:hover *:after, .textcontainer--magenta .copy a:hover:before, .textcontainer--magenta .copy a:hover:after, .textcontainer--magenta .copy a:hover *, .textcontainer--magenta .copy a:hover *:before, .textcontainer--magenta .copy a:hover *:after, .textcontainer--white .copy a:hover:before, .textcontainer--white .copy a:hover:after, .textcontainer--white .copy a:hover *, .textcontainer--white .copy a:hover *:before, .textcontainer--white .copy a:hover *:after, .textcontainer--green .copy a:hover:before, .textcontainer--green .copy a:hover:after, .textcontainer--green .copy a:hover *, .textcontainer--green .copy a:hover *:before, .textcontainer--green .copy a:hover *:after {
    text-shadow: none; }
  .textcontainer--cyan .copy a:hover:visited, .textcontainer--magenta .copy a:hover:visited, .textcontainer--white .copy a:hover:visited, .textcontainer--green .copy a:hover:visited {
    color: #fff; }

.textcontainer--cyan .copy ol,
.textcontainer--cyan .copy ul, .textcontainer--magenta .copy ol,
.textcontainer--magenta .copy ul, .textcontainer--white .copy ol,
.textcontainer--white .copy ul, .textcontainer--green .copy ol,
.textcontainer--green .copy ul {
  color: #fff; }
  .textcontainer--cyan .copy ol strong,
  .textcontainer--cyan .copy ul strong, .textcontainer--magenta .copy ol strong,
  .textcontainer--magenta .copy ul strong, .textcontainer--white .copy ol strong,
  .textcontainer--white .copy ul strong, .textcontainer--green .copy ol strong,
  .textcontainer--green .copy ul strong {
    color: #fff; }

.textcontainer--cyan .copy table, .textcontainer--magenta .copy table, .textcontainer--white .copy table, .textcontainer--green .copy table {
  background-color: transparent;
  color: #fff; }
  .textcontainer--cyan .copy table thead, .textcontainer--magenta .copy table thead, .textcontainer--white .copy table thead, .textcontainer--green .copy table thead {
    color: #fff; }

.textcontainer--cyan .copy h1, .textcontainer--cyan .copy h2, .textcontainer--cyan .copy h3 {
  color: #00e5e5; }

.textcontainer--cyan .copy a {
  color: #00e5e5; }

.textcontainer--cyan .copy ul a,
.textcontainer--cyan .copy ol a {
  color: #00e5e5; }

.textcontainer--cyan .copy ul li:before {
  color: #00e5e5; }

.textcontainer--magenta .copy h1, .textcontainer--magenta .copy h2, .textcontainer--magenta .copy h3 {
  color: #fff; }

.textcontainer--magenta .copy a {
  color: #fff; }

.textcontainer--magenta .copy ul a,
.textcontainer--magenta .copy ol a {
  color: #fff; }

.textcontainer--magenta .copy ul li:before {
  color: #fff; }

.textcontainer--green .copy h1, .textcontainer--green .copy h2, .textcontainer--green .copy h3 {
  color: #00E500; }

.textcontainer--green .copy a {
  color: #00E500; }

.textcontainer--green .copy ul a,
.textcontainer--green .copy ol a {
  color: #00E500; }

.textcontainer--green .copy ul li:before {
  color: #00E500; }

.textcontainer--white .copy h1, .textcontainer--white .copy h2, .textcontainer--white .copy h3 {
  color: #fff; }

.textcontainer--white a {
  color: #fff; }

.textcontainer--white ul a,
.textcontainer--white ol a {
  color: #fff; }

.textcontainer--white ul li:before {
  color: #fff; }

/* global styles */
a {
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-decoration: none;
  color: #2d4275;
  font-family: "HelveticaNeue-Medium", Arial, sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  a:hover {
    color: #266693; }

sup {
  font-size: 75%; }

/* Screen reader only */
.sr-only {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/**
 * Global margin definitions
 *
 * Use margin-top wherever possible.
 * The usage of margin-bottom is only allowed for critical workarounds, e.g. lists inside multi-column layouts
 */
/* RESET */
h1, h2, h3, h4, h5 {
  padding: 0;
  margin: 0; }

figure {
  margin: 0; }

p {
  margin: 0; }

@media (min-width: 1024px) {
  .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .h3, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .introtext, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .freetext {
    padding-right: 20px;
    margin-right: 33.33333%;
    padding-left: 0; }
  .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--cyan, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--green, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--white, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--magenta,
  .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .accordion .accordion__content > .textcontainer--cyan:not(.textcontainer--float), .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--green, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--white, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--magenta {
    padding-right: 10px;
    padding-left: 10px; }
    .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--cyan > .h3, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--cyan > .freetext, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--cyan > p, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--cyan > div, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--cyan > pre, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--cyan > address, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--cyan > h1, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--cyan > h2, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--cyan > h3, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--cyan > h4, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--cyan > h5, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--cyan > h6, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--cyan > ul, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--green > .h3, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--green > .freetext, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--green > p, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--green > div, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--green > pre, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--green > address, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--green > h1, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--green > h2, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--green > h3, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--green > h4, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--green > h5, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--green > h6, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--green > ul, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--white > .h3, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--white > .freetext, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--white > p, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--white > div, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--white > pre, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--white > address, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--white > h1, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--white > h2, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--white > h3, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--white > h4, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--white > h5, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--white > h6, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--white > ul, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--magenta > .h3, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--magenta > .freetext, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--magenta > p, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--magenta > div, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--magenta > pre, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--magenta > address, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--magenta > h1, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--magenta > h2, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--magenta > h3, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--magenta > h4, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--magenta > h5, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--magenta > h6, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--magenta > ul,
    .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .accordion .accordion__content > .textcontainer--cyan:not(.textcontainer--float) > .h3,
    .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .accordion .accordion__content > .textcontainer--cyan:not(.textcontainer--float) > .freetext,
    .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .accordion .accordion__content > .textcontainer--cyan:not(.textcontainer--float) > p,
    .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .accordion .accordion__content > .textcontainer--cyan:not(.textcontainer--float) > div,
    .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .accordion .accordion__content > .textcontainer--cyan:not(.textcontainer--float) > pre,
    .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .accordion .accordion__content > .textcontainer--cyan:not(.textcontainer--float) > address,
    .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .accordion .accordion__content > .textcontainer--cyan:not(.textcontainer--float) > h1,
    .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .accordion .accordion__content > .textcontainer--cyan:not(.textcontainer--float) > h2,
    .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .accordion .accordion__content > .textcontainer--cyan:not(.textcontainer--float) > h3,
    .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .accordion .accordion__content > .textcontainer--cyan:not(.textcontainer--float) > h4,
    .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .accordion .accordion__content > .textcontainer--cyan:not(.textcontainer--float) > h5,
    .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .accordion .accordion__content > .textcontainer--cyan:not(.textcontainer--float) > h6,
    .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .accordion .accordion__content > .textcontainer--cyan:not(.textcontainer--float) > ul, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--green > .h3, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--green > .freetext, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--green > p, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--green > div, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--green > pre, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--green > address, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--green > h1, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--green > h2, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--green > h3, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--green > h4, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--green > h5, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--green > h6, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--green > ul, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--white > .h3, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--white > .freetext, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--white > p, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--white > div, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--white > pre, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--white > address, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--white > h1, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--white > h2, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--white > h3, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--white > h4, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--white > h5, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--white > h6, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--white > ul, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--magenta > .h3, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--magenta > .freetext, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--magenta > p, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--magenta > div, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--magenta > pre, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--magenta > address, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--magenta > h1, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--magenta > h2, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--magenta > h3, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--magenta > h4, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--magenta > h5, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--magenta > h6, .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9) > .textcontainer--magenta > ul {
      padding-right: 0;
      padding-left: 0;
      margin-right: 16.66667%;
      margin-left: 16.66667%; } }

figure {
  margin: 0; }
  figure figcaption {
    margin-top: 8px; }
    @media (min-width: 768px) {
      figure figcaption {
        margin-top: 13px; } }

/* GLOBAL MARGINS BETWEEN COMPONENTS */
.component {
  margin-top: 0; }

* + .component {
  margin-top: 30px; }
  @media (min-width: 768px) {
    * + .component {
      margin-top: 50px; } }

.filteredList .filteredList__filterContainer + .filteredList__results > .component {
  margin-top: 30px; }
  @media (min-width: 768px) {
    .filteredList .filteredList__filterContainer + .filteredList__results > .component {
      margin-top: 50px; } }

.component.h2 {
  margin-top: 20px; }
  @media (min-width: 768px) {
    .component.h2 {
      margin-top: 30px; } }
  * + .component.h2 {
    margin-bottom: -10px; }
    @media (min-width: 768px) {
      * + .component.h2 {
        margin-top: 80px; } }

.section > section:first-child > .row:first-child > .col > .component:not(.h1):first-child {
  margin-top: 0; }

/* if the h2 component is followed by one of the following components the margin between these components is reduced to compensate the bigger line-height of the h2:
 *		- freetext
 *		- introtext
 *		- h3
 */
.component.h2 + .freetext,
.component.h2 + .introtext {
  margin-top: 22px; }
  @media (min-width: 768px) {
    .component.h2 + .freetext,
    .component.h2 + .introtext {
      margin-top: 42px; } }

.component.h3 + .h3 {
  margin-top: 10px; }

@media (min-width: 768px) {
  * + .component.h3 {
    margin-top: 70px; } }

.component.h2 + .h3 {
  margin-top: 40px; }
  @media (min-width: 768px) {
    .component.h2 + .h3 {
      margin-top: 60px; } }

.component.h3 + .introtext,
.component.h3 + .freetext {
  margin-top: 20px; }

* + .copy {
  margin-top: 30px; }
  @media (min-width: 768px) {
    * + .copy {
      margin-top: 50px; } }

.btn {
  margin-top: 0; }
  * + .btn {
    margin-top: 30px; }
  .btn + .btn,
  .btnWrapper > .btn:first-child {
    margin-top: 20px; }
    @media (min-width: 768px) {
      .btn + .btn,
      .btnWrapper > .btn:first-child {
        margin-top: 30px; } }

.section .row:not(:first-child) .col > *:first-child.btn {
  margin-top: -30px; }

.section .row:not(:first-child) .col > *:first-child.btnWrapper {
  margin-top: -40px; }
  @media (min-width: 768px) {
    .section .row:not(:first-child) .col > *:first-child.btnWrapper {
      margin-top: -50px; } }

.contactList,
.teaserrow {
  margin-top: 0; }
  * + .contactList,
  .filteredList__results .contactList, * +
  .teaserrow,
  .filteredList__results
  .teaserrow {
    margin-top: 30px; }
    @media (min-width: 768px) {
      * + .contactList,
      .filteredList__results .contactList, * +
      .teaserrow,
      .filteredList__results
      .teaserrow {
        margin-top: 50px; } }

/* global styles */
@media (min-width: 768px) {
  .picture--zoomable {
    display: block;
    position: relative;
    transition: top .5s;
    top: 0; }
    .col--medium-4 .picture--zoomable, .col--medium-6 .picture--zoomable, .col--medium-8 .picture--zoomable, .col .textcontainer .picture--zoomable {
      cursor: pointer;
      cursor: -webkit-zoom-in;
      cursor: zoom-in; }
    .picture--zoomable:after {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0);
      z-index: 9; }
    .picture--zoomable img {
      position: relative;
      z-index: 10;
      display: block;
      height: auto;
      max-width: 100%;
      width: 100%; }
    .picture--zoomable.picture--expanded {
      position: fixed;
      top: 80px;
      left: 50%;
      z-index: 100;
      margin-top: 5vh;
      width: auto;
      height: auto;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      cursor: pointer;
      cursor: -webkit-zoom-out;
      cursor: zoom-out;
      /* hintergrund */ }
      .picture--zoomable.picture--expanded:after {
        content: "";
        display: block;
        width: 150vw;
        height: 150vh;
        background: rgba(255, 255, 255, 0.8);
        position: absolute;
        left: -31vw;
        top: -100px; }
      .picture--zoomable.picture--expanded img {
        width: auto;
        height: calc(90vh - 80px);
        max-width: none;
        max-height: 100%; } }

/* components */
/* Buttons color config formatted as sass map */
@media (min-width: 600px) {
  .btnWrapper .btn {
    display: inline-block; } }

.btn {
  width: 100%;
  max-width: 100%;
  margin-right: 20px;
  display: block;
  word-wrap: break-word;
  padding: 8px 18px;
  font-family: HelveticaNeue-Medium, Arial, sans-serif;
  font-size: 15px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  border-width: 2px;
  border-style: solid;
  cursor: pointer; }
  .btn:focus {
    outline: 0; }
  @media (min-width: 600px) {
    .btn {
      width: auto;
      display: table; } }
  .btn--primary {
    color: #fff;
    background-color: #2d4275;
    border-color: #2d4275; }
    .btn--primary:hover {
      color: #fff;
      background-color: #266693;
      border-color: #266693; }
    .btn--primary.is-disabled {
      background-color: #dddddd;
      border-color: #dddddd; }
  .btn--secondary {
    color: #fff;
    background-color: #6f6f6f;
    border-color: #6f6f6f; }
    .btn--secondary:hover {
      color: #fff;
      background-color: #9c9c9c;
      border-color: #9c9c9c; }
    .btn--secondary.is-disabled {
      color: #fff;
      background-color: #dddddd;
      border-color: #dddddd; }
  .btn--primaryOutline {
    color: #2d4275;
    background-color: transparent;
    border-color: #2d4275; }
    .btn--primaryOutline:hover {
      color: #266693;
      background-color: transparent;
      border-color: #266693; }
    .btn--primaryOutline.is-disabled {
      color: #dddddd;
      background-color: transparent;
      border-color: #dddddd; }
  .btn--secondaryOutline {
    color: #6f6f6f;
    background-color: transparent;
    border-color: #6f6f6f; }
    .btn--secondaryOutline:hover {
      color: #9c9c9c;
      background-color: transparent;
      border-color: #9c9c9c; }
    .btn--secondaryOutline.is-disabled {
      color: #dddddd;
      background-color: transparent;
      border-color: #dddddd; }
  .btn--showMore {
    color: #6f6f6f;
    background-color: transparent;
    border-color: #6f6f6f; }
    .btn--showMore:hover {
      color: #266693;
      background-color: transparent;
      border-color: #266693; }
    .btn--showMore.is-disabled {
      color: #dddddd;
      background-color: transparent;
      border-color: #dddddd; }
  .btn--cyan {
    color: #00e5e5;
    background-color: transparent;
    border-color: #00e5e5; }
    .btn--cyan:hover {
      color: #15d4f1;
      background-color: transparent;
      border-color: #15d4f1; }
    .btn--cyan.is-disabled {
      color: #dddddd;
      background-color: transparent;
      border-color: #dddddd; }
  .btn--green {
    color: #00E500;
    background-color: transparent;
    border-color: #00E500; }
    .btn--green:hover {
      color: #00d257;
      background-color: transparent;
      border-color: #00d257; }
    .btn--green.is-disabled {
      color: #dddddd;
      background-color: transparent;
      border-color: #dddddd; }
  .btn--flourBlue {
    color: #fff;
    background-color: #00e5e5;
    border-color: #00e5e5; }
    .btn--flourBlue:hover {
      color: #fff;
      background-color: #15d4f1;
      border-color: #15d4f1; }
    .btn--flourBlue.is-disabled {
      background-color: #dddddd;
      border-color: #dddddd; }
  .btn--flourGreen {
    color: #fff;
    background-color: #00E500;
    border-color: #00E500; }
    .btn--flourGreen:hover {
      color: #fff;
      background-color: #00d257;
      border-color: #00d257; }
    .btn--flourGreen.is-disabled {
      background-color: #dddddd;
      border-color: #dddddd; }
  .btn--small,
  .stage .btn {
    padding-top: 2px;
    padding-bottom: 2px; }
  .stage .btn {
    margin-top: 13px;
    margin-bottom: 9px; }
    @media (min-width: 600px) {
      .stage .btn {
        padding-top: 8px;
        padding-bottom: 8px; } }
    @media (min-width: 768px) {
      .stage .btn {
        margin-bottom: 0; } }
  @media (min-width: 600px) {
    .btn--showMore {
      width: 300px; } }
  .btn--centered {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    float: none !important; }
    @media (min-width: 768px) {
      .btn--centered {
        margin: 0 auto;
        width: 50%;
        float: left;
        padding-left: 20px;
        padding-right: 20px; } }
  .btn--right {
    float: right;
    margin-left: 20px;
    margin-right: 0; }
  .btn.is-disabled {
    cursor: default; }
  .btn.is-hidden {
    display: none !important; }

.cookiebanner {
  transition: .3s margin-top ease-in-out;
  position: relative;
  right: 0;
  top: 0;
  left: 0;
  padding: 5px 0;
  background: #6f6f6f;
  z-index: 3001; }
  .cookiebanner--hidden {
    display: none;
    height: 0; }
  @media (min-width: 1024px) {
    .cookiebanner {
      padding: 15px 0; } }
  .cookiebanner__wrap {
    margin-left: 10px;
    margin-right: 10px; }
    .cookiebanner__wrap:after {
      content: " ";
      display: block;
      clear: both; }
    @media (min-width: 768px) {
      .cookiebanner__wrap {
        margin-left: 30px;
        margin-right: 30px; } }
    @media (min-width: 1300px) {
      .cookiebanner__wrap {
        max-width: 1260px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px; } }
  .cookiebanner__text {
    color: #fff;
    margin: 0;
    font-size: 13px; }
    @media (min-width: 1024px) {
      .cookiebanner__text {
        padding-left: 0;
        font-size: 15px; } }
  .cookiebanner__button {
    float: right !important;
    padding-left: 20px;
    padding-top: 3px; }
    .cookiebanner__button .btn {
      margin-top: 0; }
    @media (min-width: 1024px) {
      .cookiebanner__button {
        padding-right: 0; } }

.searchbar {
  width: 100%;
  height: 50px;
  background: #ededed;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #ededed; }
  @media (min-width: 768px) {
    .searchbar {
      height: 70px; } }
  .searchbar--header {
    display: none;
    height: 80px;
    border-top-color: #dddddd; }
    .js-active-searchbar .searchbar--header {
      display: block; }
  .searchbar__container {
    position: relative; }
    .searchbar--header .searchbar__container {
      max-width: 1280px;
      padding-left: 10px;
      padding-right: 10px;
      transition: width .6s; }
      @media (min-width: 768px) {
        .searchbar--header .searchbar__container {
          width: 350px;
          margin: 0 auto;
          padding-left: 30px;
          padding-right: 30px; } }
    .searchbar--header.searchbar--hasFocus .searchbar__container {
      width: 100%; }
  .searchbar__submit {
    position: absolute;
    left: 6px;
    top: 2px;
    padding: 4px;
    background: none;
    border: none;
    outline: none;
    cursor: pointer; }
    .searchbar__submit:before {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      font-size: 28px;
      color: #2d4275; }
    @media (min-width: 768px) {
      .searchbar__submit {
        left: 16px; } }
    .searchbar--header .searchbar__submit {
      left: 10px; }
      @media (min-width: 768px) {
        .searchbar--header .searchbar__submit {
          left: 30px; } }
  .searchbar__input {
    display: block;
    width: calc(100% - 100px);
    height: 40px;
    line-height: 40px;
    margin: 5px 56px;
    border: none;
    background: transparent;
    outline: none;
    font-family: "HelveticaNeue-Light", Arial, sans-serif;
    font-size: 22px;
    color: #6f6f6f; }
    .searchbar__input::-ms-clear {
      display: none; }
    .searchbar__input::-webkit-input-placeholder {
      opacity: 1;
      transition: opacity .2s ease-in-out; }
    .searchbar__input:-ms-input-placeholder {
      opacity: 1;
      transition: opacity .2s ease-in-out; }
    .searchbar__input::-ms-input-placeholder {
      opacity: 1;
      transition: opacity .2s ease-in-out; }
    .searchbar__input::placeholder {
      opacity: 1;
      transition: opacity .2s ease-in-out; }
    .searchbar__input:focus::-webkit-input-placeholder {
      opacity: 0; }
    .searchbar__input:focus:-ms-input-placeholder {
      opacity: 0; }
    .searchbar__input:focus::-ms-input-placeholder {
      opacity: 0; }
    .searchbar__input:focus::placeholder {
      opacity: 0; }
    @media (min-width: 768px) {
      .searchbar__input {
        width: calc(100% - 130px);
        margin: 15px 66px;
        font-size: 25px; } }
    .searchbar--header .searchbar__input {
      width: calc(100% - 100px);
      margin: 20px 50px; }
  .searchbar__reset {
    display: none;
    position: absolute;
    right: 6px;
    top: 2px;
    padding: 4px;
    background: none;
    border: none;
    outline: none;
    cursor: pointer; }
    .searchbar__reset:before {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      font-size: 28px;
      color: #2d4275; }
    @media (min-width: 768px) {
      .searchbar--header .searchbar__reset {
        right: 26px; } }
    .searchbar--hasText .searchbar__reset {
      display: block; }
    @media (min-width: 768px) {
      .searchbar__reset {
        right: 16px; } }

.footer {
  position: relative;
  font-size: 15px;
  line-height: 20px;
  z-index: 12;
  flex-shrink: 0; }
  .footer__backToTop {
    text-align: right;
    padding-bottom: 23px;
    margin-bottom: -61px; }
    .footer__backToTop a {
      position: relative;
      top: -47px; }
      @media (min-width: 1024px) {
        .footer__backToTop a {
          top: -63px; } }
      .footer__backToTop a:before {
        font-size: 33px;
        color: #2d4275; }
      .footer__backToTop a:hover:before {
        color: #266693; }
  .footer__wrap {
    margin-left: 10px;
    margin-right: 10px; }
    .footer__wrap:after {
      content: " ";
      display: block;
      clear: both; }
    @media (min-width: 768px) {
      .footer__wrap {
        margin-left: 30px;
        margin-right: 30px; } }
    @media (min-width: 1300px) {
      .footer__wrap {
        max-width: 1260px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px; } }
  .footer__column {
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
    .footer__column:first-child {
      margin-left: -20px; }
    .footer__column:last-child {
      margin-right: -20px; }
    .footer__column--25:not(.footer__column--large) {
      width: 25%; }
    .footer__column--25.footer__column--large {
      width: 100%;
      margin-left: -20px; }
      @media (min-width: 1024px) {
        .footer__column--25.footer__column--large {
          width: 25%; } }
    .footer__column--75:not(.footer__column--large) {
      width: 75%; }
    .footer__column--75.footer__column--large {
      width: auto;
      margin-right: -20px; }
      @media (min-width: 1280px) {
        .footer__column--75.footer__column--large {
          width: 75%; } }
  .footer__content {
    display: none;
    background: #ededed;
    color: #6f6f6f;
    padding: 55px 0 30px; }
    @media (min-width: 1024px) {
      .footer__content {
        display: block; } }
    .footer__content .list--link {
      margin: 0; }
      .footer__content .list--link > li {
        margin-bottom: 7px;
        padding-right: 0; }
        .footer__content .list--link > li:before {
          top: 8px; }
        .footer__content .list--link > li:last-child {
          margin-bottom: 0; }
      .footer__content .list--link a {
        font-size: 17px;
        color: #6f6f6f;
        font-family: "HelveticaNeue-Light", Arial, sans-serif; }
        .footer__content .list--link a:hover {
          color: #2d4275; }
    .footer__content .languageSelect + .list--link {
      margin-top: 15px; }
    .footer__content .footer__socialMedia {
      text-align: left; }
      .footer__content .footer__socialMedia [class^="icon-"] {
        margin-left: 10px; }
        .footer__content .footer__socialMedia [class^="icon-"]::before {
          color: #2d4275; }
        .footer__content .footer__socialMedia [class^="icon-"]:hover::before {
          color: #266693; }
  .footer__label {
    margin-top: 0;
    font-size: 17px;
    margin-bottom: 10px; }
  .footer__background {
    background: #6f6f6f;
    color: #fff;
    padding: 15px 0; }
    .ie .footer__background {
      margin-bottom: -5px; }
  .footer__copyright {
    display: inline-block;
    font-family: "HelveticaNeue-Medium", Arial, sans-serif; }
  .footer__links {
    display: inline; }
    .footer__links a {
      word-wrap: break-word;
      overflow-wrap: break-word;
      text-decoration: none;
      color: #2d4275;
      font-family: "HelveticaNeue-Medium", Arial, sans-serif;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      color: #fff;
      max-width: 100%;
      display: inline-block;
      padding-left: 12px;
      text-indent: -10px;
      margin-top: 10px;
      display: block; }
      .footer__links a:hover {
        color: #266693; }
      .footer__links a:hover {
        color: #fff; }
      .footer__links a:before {
        position: relative;
        font-family: "Icons";
        font-size: 68%;
        line-height: 1;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        font-size: 40%;
        position: relative;
        padding-right: 5px;
        padding-left: 1px;
        bottom: 1px;
        left: 1px; }
      @media (min-width: 768px) {
        .footer__links a {
          display: inline-block;
          margin-right: 1px;
          margin-top: 0; }
          .footer__links a:first-child {
            margin-left: 14px; } }
      @media (min-width: 1024px) {
        .footer__links a {
          margin-right: 5px; }
          .footer__links a:hover {
            color: #dddddd; } }
  .footer__socialMedia {
    line-height: 0;
    margin-top: 30px;
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      .footer__socialMedia {
        margin-top: 20px;
        margin-bottom: 0; } }
    .footer__socialMedia [class^="icon-"] {
      display: inline-block;
      margin-left: 10px; }
      .footer__socialMedia [class^="icon-"]:first-child {
        margin: 0; }
      .footer__socialMedia [class^="icon-"]:before {
        font-size: 160%;
        color: #fff; }
        .ie .footer__socialMedia [class^="icon-"]:before {
          font-size: 150%; }
      @media (min-width: 1024px) {
        .footer__socialMedia [class^="icon-"]:hover:before {
          color: #dddddd; } }
    @media (min-width: 1024px) {
      .footer__socialMedia {
        margin-top: 0;
        margin-bottom: 0;
        text-align: right; } }
  .footer .footer__content + .footer__background .footer__socialMedia {
    display: block; }
    @media (min-width: 1024px) {
      .footer .footer__content + .footer__background .footer__socialMedia {
        display: none; } }
  .socialMedia .footer {
    margin-bottom: 32px; }
    @media (min-width: 768px) {
      .socialMedia .footer {
        margin-bottom: auto; } }

.header {
  font-family: "HelveticaNeue-Medium", Arial, sans-serif;
  font-size: 15px;
  line-height: 20px;
  position: fixed;
  top: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  z-index: 1000;
  flex-shrink: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  .header__wrap {
    margin-left: 10px;
    margin-right: 10px;
    position: relative; }
    .header__wrap:after {
      content: " ";
      display: block;
      clear: both; }
    @media (min-width: 768px) {
      .header__wrap {
        margin-left: 30px;
        margin-right: 30px; } }
    @media (min-width: 1300px) {
      .header__wrap {
        max-width: 1260px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px; } }
  .header__inner {
    height: 50px; }
    @media (min-width: 768px) {
      .header__inner {
        height: 85px; } }
  .header__keyVisual {
    position: absolute;
    top: -210px;
    left: -163px;
    width: 400px;
    height: 260px;
    transition: opacity .5s, visibility .5s;
    transition-timing-function: linear;
    z-index: 0; }
    .header__keyVisual--background {
      opacity: 0;
      overflow: hidden; }
      .header__keyVisual--background.is-visible {
        opacity: 1; }
      .ie-legacy .header__keyVisual--background {
        display: none; }
    .header__keyVisual--animate.is-hidden {
      opacity: 0;
      visibility: hidden; }
    .ie-legacy .header__keyVisual--animate {
      display: none; }
    @media (max-height: 770px) and (min-width: 1280px) {
      .header__keyVisual--background {
        opacity: 1; }
      .header__keyVisual--animate {
        display: none; } }
    @media (max-height: 760px) and (min-width: 1024px) and (max-width: 1279px) {
      .header__keyVisual--background {
        opacity: 1; }
      .header__keyVisual--animate {
        display: none; } }
    @media (max-height: 750px) and (min-width: 768px) and (max-width: 1023px) {
      .header__keyVisual--background {
        opacity: 1; }
      .header__keyVisual--animate {
        display: none; } }
    @media (max-height: 320px) and (min-width: 600px) and (max-width: 767px) {
      .header__keyVisual--background {
        opacity: 1; }
      .header__keyVisual--animate {
        display: none; } }
    @media (max-height: 440px) and (min-width: 320px) and (max-width: 599px) {
      .header__keyVisual--background {
        opacity: 1; }
      .header__keyVisual--animate {
        display: none; } }
    @media (min-width: 768px) {
      .header__keyVisual {
        top: -445px;
        left: -359px;
        width: 842px;
        height: 530px; } }
    @media (min-width: 1280px) {
      .header__keyVisual {
        top: -527px;
        left: -427px;
        width: 980px;
        height: 612px; } }
    .header__keyVisual img {
      width: 100%; }
    .header__keyVisual svg {
      position: absolute;
      top: -696px;
      left: -777px;
      -webkit-transform: scale(0.2);
              transform: scale(0.2); }
      @media (min-width: 768px) {
        .header__keyVisual svg {
          position: absolute;
          top: -491px;
          left: -557px;
          -webkit-transform: scale(0.4);
                  transform: scale(0.4); } }
      @media (min-width: 1280px) {
        .header__keyVisual svg {
          position: absolute;
          top: -441px;
          left: -491px;
          -webkit-transform: scale(0.5);
                  transform: scale(0.5); } }
  .header__logo {
    position: relative;
    float: left;
    margin: 15px 0 0 0; }
    @media (min-width: 768px) {
      .header__logo {
        margin: 30px 0 0 0; } }
    .header__logo img {
      width: 87px;
      height: 100%; }
      @media (min-width: 768px) {
        .header__logo img {
          width: 110px; } }
  .header__content {
    position: relative;
    float: right; }
    .header__content .header__breadcrumb {
      display: table-cell;
      white-space: nowrap;
      height: 0;
      width: 0;
      overflow: hidden;
      position: relative;
      float: left;
      top: 32px; }
      .header__content .header__breadcrumb .breadcrumb {
        position: static;
        float: none;
        top: 0;
        font-size: inherit; }
      .header__content .header__breadcrumb ul {
        list-style: none;
        display: table-cell; }
        .header__content .header__breadcrumb ul li {
          float: left;
          margin-left: 14px; }
          .header__content .header__breadcrumb ul li a {
            word-wrap: break-word;
            overflow-wrap: break-word;
            text-decoration: none;
            color: #6f6f6f;
            font-family: "HelveticaNeue-Medium", Arial, sans-serif;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            max-width: 100%;
            display: inline-block;
            padding-left: 12px;
            text-indent: -10px;
            text-overflow: ellipsis;
            overflow: hidden; }
            .header__content .header__breadcrumb ul li a:hover {
              color: #2d4275; }
            .header__content .header__breadcrumb ul li a:before {
              position: relative;
              font-family: "Icons";
              font-size: 68%;
              line-height: 1;
              font-style: normal;
              font-variant: normal;
              font-weight: normal;
              text-decoration: none;
              text-transform: none;
              speak: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "";
              font-size: 40%;
              position: relative;
              padding-right: 5px;
              padding-left: 1px;
              bottom: 1px;
              left: 1px; }
            .header__content .header__breadcrumb ul li a:before {
              position: relative;
              font-family: "Icons";
              font-size: 68%;
              line-height: 1;
              font-style: normal;
              font-variant: normal;
              font-weight: normal;
              text-decoration: none;
              text-transform: none;
              speak: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "";
              font-size: 40%;
              font-size: 45%;
              bottom: 1px; }
            .header__content .header__breadcrumb ul li a.current {
              color: #9c9c9c; }
      @media (min-width: 768px) {
        .header__content .header__breadcrumb {
          display: block;
          height: auto;
          width: auto;
          overflow: visible; } }
    .header__content .header__navigationToggle {
      position: relative;
      cursor: pointer;
      float: right;
      top: 17px;
      margin-left: 25px;
      color: #2d4275; }
      @media (min-width: 768px) {
        .header__content .header__navigationToggle {
          top: 32px;
          margin-left: 30px; } }
      .header__content .header__navigationToggle .header__navigationToggleText {
        display: none; }
        @media (min-width: 768px) {
          .header__content .header__navigationToggle .header__navigationToggleText {
            display: inline;
            margin-left: 15px;
            position: relative; } }
      .header__content .header__navigationToggle:hover {
        color: #266693; }
        .header__content .header__navigationToggle:hover .hamburger:not(.is-active) .hamburger__bar, .header__content .header__navigationToggle:hover .hamburger__bar:after, .header__content .header__navigationToggle:hover .hamburger__bar:before {
          background: #266693; }
    .header__content .header__searchbarToggle {
      position: relative;
      cursor: pointer;
      float: right;
      top: 8px;
      margin-left: 25px;
      color: #2d4275;
      width: 32px; }
      @media (min-width: 768px) {
        .header__content .header__searchbarToggle {
          top: 23px; } }
      .header__content .header__searchbarToggle:not(.icon-magnifier):before {
        position: relative;
        font-family: "Icons";
        font-size: 68%;
        line-height: 1;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        font-size: 32px; }
      .header__content .header__searchbarToggle:hover {
        color: #266693; }
      .js-active-searchbar .header__content .header__searchbarToggle {
        color: #dddddd; }
    .header__content .header__userInfo {
      margin-right: 0;
      position: relative;
      float: right;
      top: 17px; }
      @media (min-width: 768px) {
        .header__content .header__userInfo {
          margin-right: 13px;
          top: 32px;
          white-space: nowrap; } }
      @media (min-width: 1024px) {
        .header__content .header__userInfo {
          margin-right: 8px; } }
      .header__content .header__userInfo .header__userInfoName {
        color: #2d4275;
        display: none; }
        @media (min-width: 768px) {
          .header__content .header__userInfo .header__userInfoName {
            display: inline; } }
      .header__content .header__userInfo .header__userInfoImage {
        width: 35px;
        height: 35px;
        overflow: hidden;
        position: relative;
        float: left;
        margin-top: -10px;
        background-color: #9c9c9c;
        border-radius: 50%; }
        .header__content .header__userInfo .header__userInfoImage img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
          object-fit: cover;
          -o-object-position: 50% 50%;
          object-position: 50% 50%;
          font-family: "object-fit: cover; object-position: 50% 50%"; }
        @media (min-width: 768px) {
          .header__content .header__userInfo .header__userInfoImage {
            width: 50px;
            height: 50px;
            margin-top: -15px;
            margin-right: 3px; } }
        @media (min-width: 1024px) {
          .header__content .header__userInfo .header__userInfoImage {
            margin-right: 0; } }
  .header__outer {
    top: 85px;
    width: 100%;
    z-index: 2; }
    .js-active-searchbar .header__outer {
      top: 165px; }
    .header__outer .header__claimContainer {
      display: none;
      overflow: hidden;
      font-family: HelveticaNeue-Medium, Arial, sans-serif; }
      @media (min-width: 768px) {
        .header__outer .header__claimContainer {
          position: absolute;
          right: 25px;
          color: #00E500;
          display: block;
          padding: 0 5px 5px 5px; }
          .header__outer .header__claimContainer .header__claim {
            padding: 5px 15px;
            display: block;
            height: 100%;
            width: 100%;
            font-size: 15px;
            line-height: 20px;
            background: #6f6f6f;
            box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); }
            .header__outer .header__claimContainer .header__claim.languageSelectTrigger {
              color: #00e5e5;
              cursor: pointer;
              padding-left: 20px;
              padding-right: 20px; }
              .header__outer .header__claimContainer .header__claim.languageSelectTrigger span:first-child {
                margin-right: 10px;
                padding-right: 10px;
                border-right: 1px solid #9c9c9c; } }
      @media (min-width: 1300px) {
        .header__outer .header__claimContainer {
          right: 15px; } }
  .header + .content {
    margin-top: 50px;
    transition: .3s padding-top ease-in-out;
    position: relative; }
    @media (min-width: 768px) {
      .header + .content {
        margin-top: 85px; } }
  .header__title {
    font-size: 18px;
    line-height: 60px;
    color: #6f6f6f;
    font-family: "HelveticaNeue-Medium", Arial, sans-serif; }
  .header__notifications, .header__messages {
    margin-top: 13px;
    display: inline-block;
    float: right;
    position: relative;
    margin-right: 15px;
    color: #9c9c9c !important; }
    @media (min-width: 768px) {
      .header__notifications, .header__messages {
        margin-top: 29px;
        margin-right: 28px; } }
    @media (min-width: 1024px) {
      .header__notifications, .header__messages {
        margin-top: 34px;
        right: 80px; } }
    .header__notifications--hasCounter:not([data-counter='0']):after, .header__messages--hasCounter:not([data-counter='0']):after {
      content: attr(data-counter);
      display: block;
      background: #00e5e5;
      color: #fff;
      font-size: 12px;
      line-height: 18px;
      border-radius: 9px;
      height: 18px;
      min-width: 18px;
      text-align: center;
      font-family: "HelveticaNeue-Light", Arial, sans-serif;
      position: absolute;
      top: -7px;
      left: 16px;
      padding: 0 4px; }
  .header__notifications:before {
    position: relative;
    font-family: "Icons";
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 24px; }
    @media (min-width: 768px) {
      .header__notifications:before {
        font-size: 28px; } }
  .header__messages:before {
    position: relative;
    font-family: "Icons";
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 24px; }
    @media (min-width: 768px) {
      .header__messages:before {
        font-size: 28px; } }
  .header.js-active-searchbar + .content {
    margin-top: 130px; }
    @media (min-width: 768px) {
      .header.js-active-searchbar + .content {
        margin-top: 165px; } }
  .header--keyVisualSmall .header__keyVisual--background {
    opacity: 1; }
  .header--keyVisualSmall .header__keyVisual--animate {
    display: none; }
  .header--simple,
  .header--simple .header__inner {
    height: 60px; }
  .header--simple + .content {
    margin-top: 60px; }
  .header--simple .header__content {
    float: none; }
  .header--simple .header__backLink {
    position: absolute;
    top: 22px;
    left: 0;
    color: #2d4275;
    display: none;
    font-size: 20px;
    font-family: "HelveticaNeue-Light", Arial, sans-serif; }
    .header--simple .header__backLink:before {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      font-size: 8px;
      margin-right: 3px;
      top: -2px; }
  .header--simple .header__close {
    cursor: pointer;
    color: #2d4275;
    position: absolute;
    right: 0;
    top: 20px;
    display: block; }
    .header--simple .header__close:hover {
      color: #266693; }
    .header--simple .header__close:before {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      font-size: 22px; }
  .header--firstLevelNavigation .header__logo img {
    width: 100px; }
    @media (min-width: 1280px) {
      .header--firstLevelNavigation .header__logo img {
        width: 110px; } }
  .header--firstLevelNavigation .header__content {
    float: left;
    width: calc(100% - 100px); }
    @media (min-width: 1280px) {
      .header--firstLevelNavigation .header__content {
        width: calc(100% - 110px); } }
    @media (min-width: 1024px) {
      .header--firstLevelNavigation .header__content .header__navigationToggle {
        display: none; } }
    .header--firstLevelNavigation .header__content .header__searchbarToggle {
      top: 11px; }
      @media (min-width: 768px) {
        .header--firstLevelNavigation .header__content .header__searchbarToggle {
          top: 26px; } }
      .header--firstLevelNavigation .header__content .header__searchbarToggle:before {
        font-size: 28px; }
  .header--myVoith .firstLevelNavigation__item--login {
    position: absolute;
    right: 0; }
    .header--myVoith .firstLevelNavigation__item--login a:before {
      display: none; }
  .header--myVoith .header__userInfo {
    float: right;
    top: 15px; }
    @media (min-width: 768px) {
      .header--myVoith .header__userInfo {
        top: 31px; } }
    @media (min-width: 1024px) {
      .header--myVoith .header__userInfo {
        top: 38px;
        right: 80px; } }
    .header--myVoith .header__userInfo .header__userInfoName {
      color: #9c9c9c;
      display: none; }
      @media (min-width: 1024px) {
        .header--myVoith .header__userInfo .header__userInfoName {
          display: inline; } }
  .header--myVoith .header__navigationToggle {
    margin-left: 15px; }

.link {
  font-family: "HelveticaNeue-Medium", Arial, sans-serif;
  color: #000; }
  .link--secondary {
    color: #00e5e5; }
    .link--secondary:hover {
      color: #15d4f1; }
  .link--internal::before {
    content: '\203A';
    margin-right: 3px; }

.mobileNavigation__header {
  position: relative;
  display: flex;
  align-items: center;
  height: 51px;
  background-color: #4f4f4f;
  border-bottom: 1px solid #dddddd; }
  @media (min-width: 768px) {
    .mobileNavigation__header {
      height: 86px; } }

.mobileNavigation__home {
  width: calc(100% - 90px);
  margin-left: 32px;
  color: #00e5e5;
  font-family: "HelveticaNeue-Medium", Arial;
  font-size: 18px;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .mobileNavigation__home:hover {
    color: #fff; }
  @media (min-width: 768px) {
    .mobileNavigation__home {
      width: calc(100% - 92px);
      margin-left: 30px; } }
  .mobileNavigation__header--showBack .mobileNavigation__home {
    position: relative;
    padding-left: 28px; }
    .mobileNavigation__header--showBack .mobileNavigation__home:before {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      font-size: 16px;
      position: absolute;
      top: 5px;
      left: 0; }

.mobileNavigation__exit {
  position: absolute;
  top: 6px;
  right: 21px;
  padding: 5px;
  color: #00e5e5;
  font-size: 30px; }
  .mobileNavigation__exit:hover {
    color: #fff; }
  @media (min-width: 768px) {
    .mobileNavigation__exit {
      top: 20px; } }
  .mobileNavigation__exit:before {
    position: relative;
    font-family: "Icons";
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 22px; }

.mobileNavigation__sites {
  position: relative;
  left: 0;
  margin-bottom: 44px; }
  .mobileNavigation__sites .mobileNavigation__level {
    width: 330px;
    list-style: none;
    margin: 0;
    padding: 0; }
    @media (min-width: 768px) {
      .mobileNavigation__sites .mobileNavigation__level {
        width: 430px; } }
    @media (min-width: 1280px) {
      .mobileNavigation__sites .mobileNavigation__level {
        width: 430px; } }
    .mobileNavigation__sites .mobileNavigation__level:not(:first-child) {
      position: absolute;
      top: 0;
      left: 330px; }
      @media (min-width: 768px) {
        .mobileNavigation__sites .mobileNavigation__level:not(:first-child) {
          left: 430px; } }
      @media (min-width: 1280px) {
        .mobileNavigation__sites .mobileNavigation__level:not(:first-child) {
          left: 430px; } }

.mobileNavigation__site {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #dddddd;
  font-size: 18px;
  list-style-type: none; }
  .mobileNavigation__site a:not(.btn) {
    display: block;
    padding: 10px 18px 10px 32px;
    color: #4f4f4f;
    font-family: "HelveticaNeue-Light", Arial, sans-serif;
    word-wrap: break-word;
    overflow-wrap: break-word; }
    @media (min-width: 768px) {
      .mobileNavigation__site a:not(.btn) {
        padding: 11px 30px 8px; } }
    .mobileNavigation__site a:not(.btn):hover:not(.mobileNavigation--active) {
      background-color: #4f4f4f;
      color: #00e5e5; }
    .touchevents .mobileNavigation__site a:not(.btn):hover {
      background-color: transparent;
      color: #000; }
  .mobileNavigation__site--login a:before {
    position: relative;
    font-family: "Icons";
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    margin-right: 15px;
    font-size: 100%; }
  .mobileNavigation__site--selected a {
    position: relative;
    font-family: "HelveticaNeue-Medium", Arial, sans-serif; }
    .mobileNavigation__site--selected a:before {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      position: absolute;
      top: 50%;
      right: 30px;
      margin-top: -5px;
      font-size: 90%; }
  .mobileNavigation__site--overview a {
    font-family: "HelveticaNeue-Medium", Arial, sans-serif !important; }
    .mobileNavigation__site--overview a:before {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      font-size: 100%;
      top: 3px;
      margin-right: 10px; }

.mobileNavigation--hasChildren > a {
  position: relative;
  padding-right: 26px; }
  @media (min-width: 768px) {
    .mobileNavigation--hasChildren > a {
      padding-right: 30px; } }
  .mobileNavigation--hasChildren > a:before {
    position: relative;
    font-family: "Icons";
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -9px;
    font-size: 20px; }

.mobileNavigation--active {
  cursor: default;
  border-left: 15px solid #4f4f4f;
  padding-left: 17px !important; }

.mobileNavigation--legacy .mobileNavigation__site a:not(.btn) {
  font-family: "HelveticaNeue-Medium", Arial, sans-serif; }

.mobileNavigation--legacy .mobileNavigation__site--overview a {
  font-family: "HelveticaNeue-Medium", Arial, sans-serif !important; }
  .mobileNavigation--legacy .mobileNavigation__site--overview a:before {
    display: none !important; }

.mobileNavigation__error {
  color: red; }

.mobileNavigation__footer {
  position: relative;
  left: 0; }
  .mobileNavigation__footer > ul {
    list-style: none;
    margin: 45px 0 20px;
    padding: 0;
    border-top: 1px solid #dddddd; }
  .mobileNavigation__footer ul,
  .mobileNavigation__footer .mobileNavigation__level {
    width: 330px;
    list-style: none;
    margin: 0;
    padding: 0; }
    @media (min-width: 768px) {
      .mobileNavigation__footer ul,
      .mobileNavigation__footer .mobileNavigation__level {
        width: 430px; } }
    @media (min-width: 1280px) {
      .mobileNavigation__footer ul,
      .mobileNavigation__footer .mobileNavigation__level {
        width: 430px; } }
    .mobileNavigation__footer ul:not(:first-child),
    .mobileNavigation__footer .mobileNavigation__level:not(:first-child) {
      position: absolute;
      top: 0;
      left: 330px; }
      @media (min-width: 768px) {
        .mobileNavigation__footer ul:not(:first-child),
        .mobileNavigation__footer .mobileNavigation__level:not(:first-child) {
          left: 430px; } }
      @media (min-width: 1280px) {
        .mobileNavigation__footer ul:not(:first-child),
        .mobileNavigation__footer .mobileNavigation__level:not(:first-child) {
          left: 430px; } }

.firstLevelNavigation {
  white-space: nowrap;
  float: left;
  margin-top: 33px;
  height: auto;
  width: auto;
  overflow: visible;
  display: none; }
  @media (min-width: 1024px) {
    .firstLevelNavigation {
      display: block; } }
  .firstLevelNavigation__list {
    list-style: none;
    display: table-cell;
    padding-left: 25px; }
    @media (min-width: 1280px) {
      .firstLevelNavigation__list {
        padding-left: 30px; } }
  .firstLevelNavigation__item {
    float: left;
    padding: 5px 0;
    margin-left: 15px; }
    @media (min-width: 1280px) {
      .firstLevelNavigation__item {
        margin-left: 25px; } }
    .firstLevelNavigation__item:first-child {
      margin-left: 0; }
    .firstLevelNavigation__item:hover {
      color: #266693; }
    .firstLevelNavigation__item--active {
      border-bottom: 1px solid #2d4275; }
      .firstLevelNavigation__item--active:hover {
        border-color: #266693; }
      .firstLevelNavigation__item--activeHidden {
        border-bottom: none !important; }
    .firstLevelNavigation__item--highlighted {
      position: relative; }
      .firstLevelNavigation__item--highlighted a {
        color: #266693 !important; }
      .firstLevelNavigation__item--highlighted:after {
        content: "";
        display: block;
        width: 100%;
        height: 5px;
        background: #4f4f4f;
        left: 0;
        bottom: -22px;
        position: absolute; }
    .firstLevelNavigation__item--login {
      margin-left: 20px; }
      @media (min-width: 1280px) {
        .firstLevelNavigation__item--login {
          margin-left: 30px; } }
      .firstLevelNavigation__item--login a {
        padding-left: 27px;
        position: relative; }
        .firstLevelNavigation__item--login a:before {
          position: relative;
          font-family: "Icons";
          font-size: 68%;
          line-height: 1;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          text-decoration: none;
          text-transform: none;
          speak: none;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          font-size: 20px;
          position: absolute;
          left: 0;
          bottom: 3px; }
    .firstLevelNavigation__item--footerItem, .firstLevelNavigation__item--footerItem a {
      color: #9c9c9c !important; }
      .firstLevelNavigation__item--footerItem:hover, .firstLevelNavigation__item--footerItem a:hover {
        color: #266693 !important; }

.header__content .languageSelectTrigger {
  white-space: nowrap;
  position: relative;
  float: right;
  top: 17px;
  height: auto;
  width: auto;
  overflow: visible;
  color: #9c9c9c;
  cursor: pointer;
  margin-left: 20px;
  display: block; }
  .header__content .languageSelectTrigger:hover {
    color: #266693; }
  @media (min-width: 768px) {
    .header__content .languageSelectTrigger {
      top: 32px; } }
  @media (min-width: 1024px) {
    .header__content .languageSelectTrigger {
      top: 36px; } }
  @media (min-width: 1280px) {
    .header__content .languageSelectTrigger {
      margin-left: 25px; } }

.languageSelect__title {
  display: block; }

.footer .languageSelect__title {
  font-size: 17px; }

.languageSelect__btn {
  display: inline-block; }

.languageSelect__languageSelect {
  display: none; }
  .languageSelect__languageSelect.is-visible {
    display: inline-block; }
  .languageSelect__languageSelect[disabled] {
    cursor: default;
    color: #dddddd; }

.languageSelect__container {
  margin: 0 30px;
  padding: 23px 0 30px;
  border-top: 1px solid #dddddd; }
  .languageSelect__container:first-child {
    border: none; }
  .footer .languageSelect__container {
    margin: 0;
    padding: 8px 0;
    border-top: none; }
    .footer .languageSelect__container:first-child {
      padding-top: 0; }
    .footer .languageSelect__container:last-child {
      padding-bottom: 0; }

.languageSelect__infotext {
  font-family: "HelveticaNeue-Light", Arial, sans-serif;
  padding-left: 31px;
  text-indent: -31px;
  color: #6f6f6f;
  font-size: 15px;
  line-height: 1.33333; }
  .languageSelect__infotext i {
    font-size: 38px;
    line-height: 1;
    position: relative;
    top: 4px;
    left: -2px; }

.footer .languageSelect__infotext {
  display: none; }

.languageSelect__label {
  display: block;
  color: #6f6f6f;
  margin-right: 10px;
  margin-top: 4px;
  margin-bottom: 4px; }
  .footer .languageSelect__label {
    font-size: 17px; }

.footer .languageSelect__select {
  max-width: 75%; }

.languageSelect__btn, .languageSelect__select {
  margin-top: 10px !important; }

.languageSelect--flyout:before, .languageSelect--flyout:after {
  content: " ";
  display: table; }

.languageSelect--flyout:after {
  clear: both; }

.languageSelect--flyout .languageSelect__title {
  width: 100%;
  color: #fff;
  font-family: "HelveticaNeue-Medium", Arial, sans-serif;
  font-size: 26px;
  margin-top: 25px;
  margin-bottom: 18px; }

.languageSelect--flyout > .languageSelect__title {
  padding-left: 20px; }

.languageSelect--flyout .languageSelect__container {
  width: 100%;
  float: left;
  border-top: none;
  border-bottom: 1px solid #9c9c9c;
  padding-bottom: 30px;
  margin-bottom: 15px;
  margin-left: 20px;
  margin-right: 20px; }
  .languageSelect--flyout .languageSelect__container .languageSelect__label {
    color: #fff;
    font-family: "HelveticaNeue-Light", Arial, sans-serif;
    font-size: 18px; }
  .languageSelect--flyout .languageSelect__container .selectbox {
    width: 342px;
    font-size: 18px;
    margin-right: 10px; }
  .languageSelect--flyout .languageSelect__container:last-child {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none; }

.languageSelect--flyout .languageSelect__btn {
  padding-top: 8px;
  padding-bottom: 8px;
  background: #00e5e5;
  border: none;
  margin-top: 12px !important;
  margin-bottom: 9px !important;
  margin-right: 10px; }
  .languageSelect--flyout .languageSelect__btn:hover {
    background-color: #15d4f1; }
  .languageSelect--flyout .languageSelect__btn.is-disabled {
    background-color: #dddddd;
    border-color: #dddddd; }

.languageSelect--flyout .languageSelect__label {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0; }

.languageSelect--flyout .languageSelect__infotext {
  color: #dddddd;
  top: 0;
  padding: 5px 0 25px;
  text-indent: -3px; }

.breadcrumb {
  display: none;
  white-space: nowrap;
  position: relative;
  float: left;
  padding-top: 32px;
  margin-bottom: -68px;
  font-size: 15px; }
  @media (min-width: 768px) {
    .breadcrumb {
      display: block; } }
  .breadcrumb__wrap {
    margin-left: 10px;
    margin-right: 10px; }
    .breadcrumb__wrap:after {
      content: " ";
      display: block;
      clear: both; }
    @media (min-width: 768px) {
      .breadcrumb__wrap {
        margin-left: 30px;
        margin-right: 30px; } }
    @media (min-width: 1300px) {
      .breadcrumb__wrap {
        max-width: 1260px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px; } }
  .breadcrumb ul {
    list-style: none;
    display: table-cell;
    padding-left: 0; }
    .breadcrumb ul li {
      float: left;
      margin-right: 14px; }
      .breadcrumb ul li a {
        word-wrap: break-word;
        overflow-wrap: break-word;
        text-decoration: none;
        color: #2d4275;
        font-family: "HelveticaNeue-Medium", Arial, sans-serif;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        max-width: 100%;
        display: inline-block;
        padding-left: 12px;
        text-indent: -10px;
        text-overflow: ellipsis;
        overflow: hidden;
        padding-left: 25px; }
        .breadcrumb ul li a:hover {
          color: #266693; }
        .breadcrumb ul li a:before {
          position: relative;
          font-family: "Icons";
          font-size: 68%;
          line-height: 1;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          text-decoration: none;
          text-transform: none;
          speak: none;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          font-size: 40%;
          position: relative;
          padding-right: 5px;
          padding-left: 1px;
          bottom: 1px;
          left: 1px; }
        .breadcrumb ul li a:before {
          position: relative;
          font-family: "Icons";
          font-size: 68%;
          line-height: 1;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          text-decoration: none;
          text-transform: none;
          speak: none;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          font-size: 40%;
          color: #6f6f6f !important;
          padding-right: 0;
          font-size: 100%;
          bottom: -2px;
          left: -15px; }
        .breadcrumb ul li a.current {
          color: #6f6f6f; }
      .breadcrumb ul li:first-child a {
        padding-left: 10px; }
        .breadcrumb ul li:first-child a:before {
          display: none; }

.h1 {
  word-wrap: break-word;
  overflow-wrap: break-word; }
  .h1 .h1__overline {
    margin-top: -8px; }
    @media (min-width: 768px) {
      .h1 .h1__overline {
        margin-top: -5px; } }
  .h1 h1 {
    margin-top: -10px; }
    @media (min-width: 768px) {
      .h1 h1 {
        margin-top: -20px; } }
  .h1 .h1__overline + h1 {
    margin-top: 10px; }
    @media (min-width: 768px) {
      .h1 .h1__overline + h1 {
        margin-top: 30px; } }
    @media (min-width: 768px) {
      .h1 .h1__overline + h1 {
        margin-top: 22px; } }

.h2 {
  margin-bottom: -10px;
  word-wrap: break-word;
  overflow-wrap: break-word; }
  .h2 h2 {
    margin-top: -6px; }
    @media (min-width: 768px) {
      .h2 h2 {
        margin-top: -10px; } }
  .h2--anchor {
    position: relative; }
    .h2--anchor h2, .h2--anchor h5 {
      text-indent: 46px; }
      @media (min-width: 768px) {
        .h2--anchor h2, .h2--anchor h5 {
          text-indent: 0;
          padding-left: 45px; } }
    .h2--anchor h5 {
      text-indent: 0; }
  .h2__anchorContainer {
    width: 100%;
    position: absolute;
    top: 5px;
    left: 0; }
    @media (min-width: 768px) {
      .h2__anchorContainer {
        top: 0; } }
  .h2__anchorHeadlineIcon {
    width: 30px;
    height: 30px;
    display: block;
    position: relative;
    color: #2d4275;
    cursor: pointer;
    z-index: 1; }
    .h2__anchorHeadlineIcon:before {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      font-size: 30px; }
  .h2__anchorHeadlineIconPulse {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    display: block;
    background-color: transparent;
    border: 3px solid transparent;
    border-radius: 50%;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; }
    .h2--anchor.is-inViewport .h2__anchorHeadlineIconPulse {
      -webkit-animation: pulsing 1.3s linear;
              animation: pulsing 1.3s linear;
      -webkit-animation-iteration-count: 3;
              animation-iteration-count: 3; }
  .h2__anchorHeadlineIcon, .h2__anchorHeadlineIconPulse {
    top: 1px;
    left: 0; }
    @media (min-width: 768px) {
      .h2__anchorHeadlineIcon, .h2__anchorHeadlineIconPulse {
        top: 6px; } }
    @media (min-width: 1280px) {
      .h2__anchorHeadlineIcon, .h2__anchorHeadlineIconPulse {
        top: 16px; } }
  .h2__anchorContent {
    display: none;
    position: absolute;
    left: -10px;
    right: -10px;
    top: -18px;
    background-color: #6f6f6f;
    z-index: 100;
    list-style-type: none;
    margin: 0;
    padding: 0 20px 0 58px; }
    @media (min-width: 768px) {
      .h2__anchorContent {
        padding: 0 20px 0 70px;
        top: -18px;
        left: -20px;
        right: -20px; } }
    @media (min-width: 1024px) {
      .h2__anchorContent {
        top: -12px; } }
    @media (min-width: 1280px) {
      .h2__anchorContent {
        top: -3px; } }
    .h2__anchorContent--small {
      padding-left: 20px;
      padding-top: 45px; }
  .h2__anchorListLink {
    color: #fff;
    display: inline-block;
    width: 100%;
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 15px; }
    @media (min-width: 1280px) {
      .h2__anchorListLink {
        font-size: 25px;
        line-height: 32px; } }
    .h2__anchorListLink:hover {
      color: #dddddd; }
  .h2__anchorListItem:last-child .h2__anchorListLink {
    padding-bottom: 23px; }
  .h2__anchorListItem:first-child .h2__anchorListLink {
    padding-top: 23px; }
  .h2__anchorListItem--active .h2__anchorListLink {
    color: #00e5e5; }
    .h2__anchorListItem--active .h2__anchorListLink:hover {
      color: #00e5e5; }
  .h2__anchorListIcon {
    position: absolute;
    width: 30px;
    height: 30px;
    display: block;
    left: 10px;
    top: 20px;
    cursor: pointer; }
    @media (min-width: 768px) {
      .h2__anchorListIcon {
        left: 20px; } }
    .h2__anchorListIcon:after {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      font-size: 30px;
      color: #fff; }

@-webkit-keyframes pulsing {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    border-color: rgba(45, 66, 117, 0); }
  10% {
    border-color: rgba(45, 66, 117, 0.5); }
  70% {
    -webkit-transform: scale(1.7);
            transform: scale(1.7);
    border-color: rgba(45, 66, 117, 0.5); }
  90% {
    -webkit-transform: scale(1.7);
            transform: scale(1.7);
    border-color: rgba(45, 66, 117, 0); }
  100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    border-color: rgba(45, 66, 117, 0); } }

@keyframes pulsing {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    border-color: rgba(45, 66, 117, 0); }
  10% {
    border-color: rgba(45, 66, 117, 0.5); }
  70% {
    -webkit-transform: scale(1.7);
            transform: scale(1.7);
    border-color: rgba(45, 66, 117, 0.5); }
  90% {
    -webkit-transform: scale(1.7);
            transform: scale(1.7);
    border-color: rgba(45, 66, 117, 0); }
  100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    border-color: rgba(45, 66, 117, 0); } }

.h3 {
  word-wrap: break-word;
  overflow-wrap: break-word; }
  .h3 h3 {
    margin-top: -7px; }
    .h3 h3 + h3 {
      margin-top: 10px; }

.introtext {
  margin-bottom: -5px; }
  .introtext p {
    margin-top: 15px; }
    @media (min-width: 1024px) {
      .introtext p {
        margin-top: 35px; } }
    .introtext p:first-child {
      margin-top: -10px; }

.freetext {
  margin-bottom: -5px; }

/*This is a Bugfix for a known issue from libSass with :not selector see: https://github.com/sass/libsass/issues/2630.
As soon as this issue is solved this code can be put back in normal sass code*/
@media (min-width: 768px) {
  .col:not(.col--medium-4):not(.col--medium-6):not(.col--medium-8) .textcontainer.textcontainer--float > *:not(.image):not(.videoplayer) {
    width: 66.66667%;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    float: none;
    margin-left: 33.33333%; }
  .col:not(.col--medium-4):not(.col--medium-6):not(.col--medium-8) .textcontainer.textcontainer--float-50 > *:not(.image):not(.videoplayer) {
    width: 50%;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    float: none;
    margin-left: 50%; } }

.textcontainer:before, .textcontainer:after {
  content: " ";
  display: table; }

.textcontainer:after {
  clear: both; }

.textcontainer--float .image,
.textcontainer--float .videoplayer {
  margin-top: 0; }

@media (min-width: 768px) {
  .col:not(.col--medium-4):not(.col--medium-6):not(.col--medium-8) .textcontainer--float:not(.textcontainer--cyan):not(.textcontainer--white):not(.textcontainer--green):not(.textcontainer--magenta) {
    margin-left: -20px;
    margin-right: -20px; }
  .col:not(.col--medium-4):not(.col--medium-6):not(.col--medium-8) .textcontainer--float .image,
  .col:not(.col--medium-4):not(.col--medium-6):not(.col--medium-8) .textcontainer--float .videoplayer {
    margin-top: 0;
    width: 33.33333%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
  .col:not(.col--medium-4):not(.col--medium-6):not(.col--medium-8) .textcontainer--float .image + *,
  .col:not(.col--medium-4):not(.col--medium-6):not(.col--medium-8) .textcontainer--float .videoplayer + * {
    margin-top: 0; }
  .col:not(.col--medium-4):not(.col--medium-6):not(.col--medium-8) .textcontainer--float .image + .h3,
  .col:not(.col--medium-4):not(.col--medium-6):not(.col--medium-8) .textcontainer--float .videoplayer + .h3 {
    margin-top: -5px; }
  .col:not(.col--medium-4):not(.col--medium-6):not(.col--medium-8) .textcontainer--float-50 .image,
  .col:not(.col--medium-4):not(.col--medium-6):not(.col--medium-8) .textcontainer--float-50 .videoplayer {
    width: 50%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; } }

.textcontainer--cyan, .textcontainer--white, .textcontainer--magenta, .textcontainer--green {
  background-color: #6f6f6f;
  color: #fff;
  padding: 30px 10px; }
  @media (min-width: 1024px) {
    .textcontainer--cyan, .textcontainer--white, .textcontainer--magenta, .textcontainer--green {
      padding: 50px 30px; } }
  .textcontainer--cyan > :first-child, .textcontainer--white > :first-child, .textcontainer--magenta > :first-child, .textcontainer--green > :first-child {
    margin-top: 0 !important; }

.textcontainer--cyan h3 {
  color: #00e5e5; }

.textcontainer--cyan h4 {
  color: #fff; }

.textcontainer--magenta h3 {
  color: #fff; }

.textcontainer--magenta h4 {
  color: #fff; }

.textcontainer--green h3 {
  color: #00E500; }

.textcontainer--green h4 {
  color: #fff; }

.textcontainer--white h3, .textcontainer--white h4 {
  color: #fff; }

.image img {
  width: 100%; }

.heroImage {
  margin-top: 80px; }
  .heroImage:before, .heroImage:after {
    content: " ";
    display: table; }
  .heroImage:after {
    clear: both; }
  @media (min-width: 768px) {
    .heroImage {
      margin-top: 100px; } }
  .heroImage figure {
    margin: 0; }
  .heroImage__image {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; }
    .heroImage__image .picture {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
      .heroImage__image .picture img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 50% 50%;
        object-position: 50% 50%;
        font-family: "object-fit: cover; object-position: 50% 50%"; }
  .heroImage__captionRow {
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 10px 0; }
    .heroImage__captionRow:after {
      content: " ";
      display: block;
      clear: both; }
    .heroImage__captionRow .heroImage__caption {
      color: #9c9c9c;
      font-size: 18px;
      line-height: 1.55556; }
      @media (min-width: 768px) {
        .heroImage__captionRow .heroImage__caption {
          width: 100%;
          float: left;
          padding-left: 20px;
          padding-right: 20px; } }
      @media (min-width: 1024px) {
        .heroImage__captionRow .heroImage__caption {
          width: 66.66667%;
          float: left;
          padding-left: 20px;
          padding-right: 20px; } }
      @media (min-width: 1280px) {
        .heroImage__captionRow .heroImage__caption {
          font-size: 20px;
          line-height: 25px; } }
  .heroImage--full {
    margin-left: -10px;
    margin-right: -10px; }
    @media (min-width: 320px) {
      .heroImage--full {
        margin-right: 0;
        margin-left: -50vw;
        width: 100vw;
        left: 50%;
        position: relative; }
        .scrollbarShown .heroImage--full {
          width: calc(100vw - 16px);
          margin-left: calc(-50vw + 8px); }
        .edge .scrollbarShown .heroImage--full {
          width: calc(100vw - 12px);
          margin-left: calc(-50vw + 6px); } }
  .heroImage--figures {
    position: relative; }
    .heroImage--figures .heroImage__image {
      position: absolute;
      top: 0;
      left: 0; }
      .heroImage--figures .heroImage__image:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: '';
        background-color: #000;
        opacity: 0.3; }
    .heroImage--figures .heroImage__figureRow {
      position: relative;
      padding: 0 10px 0; }
    .heroImage--figures .heroImage__figureColItem {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 18px 0; }
      @media (min-width: 768px) {
        .heroImage--figures .heroImage__figureColItem {
          padding: 0; } }
    .heroImage--figures .heroImage__figureCol:first-child + .heroImage__figureCol .heroImage__figureColItem:first-child {
      padding-top: 30px; }
      @media (min-width: 768px) {
        .heroImage--figures .heroImage__figureCol:first-child + .heroImage__figureCol .heroImage__figureColItem:first-child {
          padding-top: 0; } }
    @media (min-width: 768px) {
      .heroImage--figures .heroImage__figureRow {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 0 120px; }
      .heroImage--figures .heroImage__figureCol {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        overflow: hidden;
        margin-left: 20px;
        margin-right: 20px; }
        .heroImage--figures .heroImage__figureCol:first-child {
          margin-left: 0; }
        .heroImage--figures .heroImage__figureCol:last-child {
          margin-right: 0; } }
  @media (min-width: 768px) {
    .heroImage--2perrow .heroImage__figureCol--1percol .heroImage__figureColItem, .heroImage--3perrow .heroImage__figureCol--1percol .heroImage__figureColItem {
      height: 100%; } }

.vjs-playlist-wrapper {
  position: absolute;
  left: auto;
  right: 0;
  margin: 0;
  display: flex;
  transition: all 1s ease; }
  .vjs-playlist-wrapper.is-hidden {
    right: -317px; }
    @media (min-width: 1280px) {
      .vjs-playlist-wrapper.is-hidden {
        right: -397px; } }
    .col--medium-8 .vjs-playlist-wrapper.is-hidden {
      right: -217px; }
      @media (min-width: 1280px) {
        .col--medium-8 .vjs-playlist-wrapper.is-hidden {
          right: -306px; } }
    .col--medium-6 .vjs-playlist-wrapper.is-hidden {
      right: -157px; }
      @media (min-width: 1280px) {
        .col--medium-6 .vjs-playlist-wrapper.is-hidden {
          right: -257px; } }
    .col--medium-4 .vjs-playlist-wrapper.is-hidden {
      right: -117px; }
      @media (min-width: 1280px) {
        .col--medium-4 .vjs-playlist-wrapper.is-hidden {
          right: -157px; } }
  .vjs-playlist-wrapper .vjs-playlist-show-hide {
    height: 50px;
    width: 50px;
    padding: 15px 10px 10px !important;
    background-color: #fff;
    opacity: 0.6;
    transition: all 1s ease;
    cursor: pointer;
    display: none; }
    @media (min-width: 768px) {
      .vjs-playlist-wrapper .vjs-playlist-show-hide {
        display: block; } }
    .vjs-playlist-wrapper .vjs-playlist-show-hide .hamburger {
      cursor: pointer;
      width: 100%;
      height: 100%;
      background-color: transparent;
      border-style: solid;
      border-color: transparent;
      color: #2d4275; }

.vjs-playlist {
  overflow: scroll;
  overflow-x: hidden;
  background-color: transparent;
  display: none;
  padding: 15px 5px;
  background-color: rgba(255, 255, 255, 0.6); }
  @media (min-width: 768px) {
    .vjs-playlist {
      display: block; } }
  .vjs-playlist .vjs-up-next .vjs-up-next-text {
    display: none; }
  .vjs-playlist.vjs-mouse {
    padding: 15px 5px;
    background-color: rgba(255, 255, 255, 0.6); }
    .vjs-playlist.vjs-mouse .vjs-up-next .vjs-up-next-text {
      display: none; }
  .vjs-playlist .vjs-playlist-title-container {
    background: rgba(255, 255, 255, 0.6);
    width: 100%;
    padding: 0.4rem 0.8rem; }
    .col--medium-4 .vjs-playlist .vjs-playlist-title-container {
      display: none; }
    .vjs-playlist .vjs-playlist-title-container .vjs-playlist-name {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
  .vjs-playlist .vjs-playlist-item-list {
    height: auto; }
    .vjs-playlist .vjs-playlist-item-list .vjs-selected,
    .vjs-playlist .vjs-playlist-item-list .vjs-playlist.vjs-mouse .vjs-selected {
      background-color: #2d4275; }
  .vjs-playlist .vjs-playlist-name {
    font-family: "HelveticaNeue-Light", Arial, sans-serif;
    width: 100%;
    color: #2d4275;
    text-shadow: none;
    padding-bottom: 0;
    font-size: 18px;
    line-height: 28px; }
    .col--medium-8 .vjs-playlist .vjs-playlist-name,
    .col--medium-6 .vjs-playlist .vjs-playlist-name,
    .col--medium-4 .vjs-playlist .vjs-playlist-name {
      font-size: 15px;
      line-height: 20px; }
    .vjs-playlist .vjs-playlist-name .col--medium-4 {
      display: none; }
  .vjs-playlist .vjs-playlist-item {
    width: 290px; }
    @media (min-width: 1280px) {
      .vjs-playlist .vjs-playlist-item {
        width: 370px; } }
    .col--medium-8 .vjs-playlist .vjs-playlist-item {
      width: 190px; }
      @media (min-width: 1280px) {
        .col--medium-8 .vjs-playlist .vjs-playlist-item {
          width: 279px; } }
    .col--medium-6 .vjs-playlist .vjs-playlist-item {
      width: 130px; }
      @media (min-width: 1280px) {
        .col--medium-6 .vjs-playlist .vjs-playlist-item {
          width: 230px; } }
    .col--medium-4 .vjs-playlist .vjs-playlist-item {
      width: 190px; }
      @media (min-width: 1280px) {
        .col--medium-4 .vjs-playlist .vjs-playlist-item {
          width: 260px; } }
    .col--medium-4 .vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail .vjs-playlist-now-playing-text,
    .col--medium-6 .vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail .vjs-playlist-now-playing-text,
    .col--medium-8 .vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail .vjs-playlist-now-playing-text {
      display: none; }
    .vjs-playlist .vjs-playlist-item:after {
      color: #fff;
      opacity: 0.6;
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      position: absolute;
      top: 19%;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      text-align: center;
      display: block;
      cursor: pointer;
      font-size: 80px; }
      .col--medium-6 .vjs-playlist .vjs-playlist-item:after,
      .col--medium-8 .vjs-playlist .vjs-playlist-item:after {
        font-size: 50px; }
      .col--medium-4 .vjs-playlist .vjs-playlist-item:after {
        font-size: 45px; }
    .vjs-playlist .vjs-playlist-item + .vjs-playlist-item {
      margin-top: 10px; }
    .vjs-playlist .vjs-playlist-item:last-child {
      margin-bottom: 15px; }
  .vjs-playlist .vjs-playlist-now-playing-text {
    display: none !important; }
  .vjs-playlist .vjs-playlist-duration {
    display: none; }

.videoplayer {
  position: relative; }
  .videoplayer img {
    width: 100%; }
  .videoplayer .video-js {
    background-color: transparent; }
  .videoplayer__wrapper {
    position: relative;
    overflow: hidden; }
    [data-playlist-id] .videoplayer__wrapper:before {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      position: absolute;
      top: 15px;
      right: 15px;
      font-size: 24px;
      color: #fff;
      opacity: 0.6;
      display: none; }
      @media (min-width: 768px) {
        [data-playlist-id] .videoplayer__wrapper:before {
          display: block;
          font-size: 33px; } }
  .videoplayer__playButton {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    width: 80px; }
    .col--medium-4 .videoplayer__playButton {
      margin-left: -40px !important;
      margin-top: -40px !important;
      width: 80px !important; }
      .col--medium-4 .videoplayer__playButton:before {
        font-size: 80px !important; }
    @media (min-width: 768px) {
      .videoplayer__playButton {
        margin-left: -70px;
        margin-top: -70px;
        width: 140px; } }
    .videoplayer__playButton:hover {
      -webkit-animation: pulse 0.3s forwards;
              animation: pulse 0.3s forwards;
      -webkit-animation-timing-function: ease-in-out;
              animation-timing-function: ease-in-out; }
    .videoplayer__playButton:before {
      color: #fff;
      opacity: 0.6;
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      text-align: center;
      display: block;
      cursor: pointer;
      font-size: 80px; }
      @media (min-width: 768px) {
        .videoplayer__playButton:before {
          font-size: 140px; } }
  .videoplayer__closeButton {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background: white;
    display: block;
    cursor: pointer;
    z-index: 3; }
    .videoplayer__closeButton:before {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      text-align: center;
      line-height: 40px;
      display: block;
      font-size: 120%;
      color: #2d4275; }
    .videoplayer__closeButton:hover:before {
      color: #266693; }
  .videoplayer__video {
    position: absolute;
    width: 100%;
    height: 100%; }
  .videoplayer__captionContent {
    display: block; }

/**
 * ToDos
 * - javascript erstellen (toggle is-active)
 * - offcanvas auf data umstellen
 */
.hamburger {
  display: block;
  float: left;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 25px;
  height: 18px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  background-color: transparent; }
  .hamburger:focus {
    outline: none; }
  .hamburger__bar {
    display: block;
    position: absolute;
    top: 8px;
    left: 0px;
    right: 0px;
    height: 2px;
    background-color: #2d4275; }
    .hamburger__bar:before, .hamburger__bar:after {
      position: absolute;
      display: block;
      left: 0;
      width: 100%;
      height: 2px;
      background-color: #2d4275;
      content: "";
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    .hamburger__bar:before {
      top: -8px; }
    .hamburger__bar:after {
      bottom: -8px; }
  .hamburger--htx .hamburger__bar:before {
    transition: top 200ms ease-in-out 200ms, -webkit-transform 200ms ease-in-out;
    transition: top 200ms ease-in-out 200ms, transform 200ms ease-in-out;
    transition: top 200ms ease-in-out 200ms, transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out; }
  .hamburger--htx .hamburger__bar:after {
    transition: bottom 200ms ease-in-out 200ms, -webkit-transform 200ms ease-in-out;
    transition: bottom 200ms ease-in-out 200ms, transform 200ms ease-in-out;
    transition: bottom 200ms ease-in-out 200ms, transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out; }
  .hamburger--htx.is-active .hamburger__bar {
    background-color: transparent; }
    .hamburger--htx.is-active .hamburger__bar:before {
      top: 0;
      transition: top 200ms ease-in-out, -webkit-transform 200ms ease-in-out 200ms;
      transition: top 200ms ease-in-out, transform 200ms ease-in-out 200ms;
      transition: top 200ms ease-in-out, transform 200ms ease-in-out 200ms, -webkit-transform 200ms ease-in-out 200ms;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    .hamburger--htx.is-active .hamburger__bar:after {
      bottom: 0;
      transition: bottom 200ms ease-in-out, -webkit-transform 200ms ease-in-out 200ms;
      transition: bottom 200ms ease-in-out, transform 200ms ease-in-out 200ms;
      transition: bottom 200ms ease-in-out, transform 200ms ease-in-out 200ms, -webkit-transform 200ms ease-in-out 200ms;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }

.teaser {
  position: relative;
  cursor: pointer; }
  .teaser:not(.teaser--history):hover img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  .teaser__figure {
    margin: 0;
    overflow: hidden;
    padding: 56.25% 0 0;
    position: relative; }
    .teaser:not(.teaser--offgrid) .teaser__figure--square {
      padding-top: 100%; }
      @media (max-width: 767px) {
        .teaser:not(.teaser--offgrid) .teaser__figure--square {
          padding-top: 0; }
          .teaser:not(.teaser--offgrid) .teaser__figure--square .img-responsive {
            height: auto;
            position: relative; } }
  .teaser img {
    width: 100%;
    transition: .3s transform ease-in-out;
    -webkit-transform-origin: 50% 28.125%;
            transform-origin: 50% 28.125%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: cover; object-position: 50% 50%"; }
  .teaser__body {
    padding: 16px 40px 16px 20px;
    background: #ededed; }
    .section--colorTheme1 .teaser__body {
      background: #fff; }
    .teaser__body::after {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      font-size: 40%;
      position: absolute;
      right: 0;
      bottom: 0;
      color: #2d4275;
      font-size: 30px;
      padding: 14px 20px; }
  .teaser__text {
    margin: 0;
    font-family: "HelveticaNeue-Medium", Arial, sans-serif;
    font-weight: normal;
    color: #2d4275;
    font-size: 18px;
    line-height: 1.55556; }
  .teaser:hover .teaser__body::after {
    color: #266693; }
  .teaser:hover .teaser__text {
    color: #266693; }
  .teaser:hover .teaser__link {
    color: #266693; }
  @media (min-width: 768px) {
    .teaser--offgrid .teaser__figure {
      height: 540px;
      padding: 0; } }
  @media (min-width: 1024px) {
    .teaser--offgrid .teaser__figure {
      height: 680px; } }
  @media (min-width: 768px) {
    .teaser--offgrid .teaser__body {
      position: absolute;
      width: 66.66667%;
      padding-top: 12px;
      padding-bottom: 12px;
      bottom: 20px;
      background: rgba(111, 111, 111, 0.8); } }
  @media (min-width: 1024px) {
    .teaser--offgrid .teaser__body {
      padding: 24px 40px 24px 20px; }
      .teaser--offgrid .teaser__body::after {
        padding: 20px; } }
  @media (min-width: 1280px) {
    .teaser--offgrid .teaser__body {
      bottom: 30px;
      padding: 26px 65px 26px 40px; }
      .teaser--offgrid .teaser__body::after {
        font-size: 60px;
        padding: 20px; } }
  @media (min-width: 768px) {
    .teaser--offgrid .teaser__text {
      font-size: 35px;
      line-height: 1.28571; } }
  @media (min-width: 1280px) {
    .teaser--offgrid .teaser__text {
      font-size: 50px;
      line-height: 1.2; } }
  @media (min-width: 768px) {
    .teaser--offgrid img {
      position: relative;
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%; } }
  @media (min-width: 768px) {
    .teaser--offgrid[data-teaser-align="left"] .teaser__body {
      right: 20px; } }
  @media (min-width: 1280px) {
    .teaser--offgrid[data-teaser-align="left"] .teaser__body {
      right: 30px; } }
  @media (min-width: 768px) {
    .teaser--offgrid[data-teaser-align="right"] .teaser__body {
      left: 20px; } }
  @media (min-width: 1280px) {
    .teaser--offgrid[data-teaser-align="right"] .teaser__body {
      left: 30px; } }
  .teaser--history {
    margin-left: -10px;
    margin-right: -10px;
    overflow: hidden; }
    @media (min-width: 320px) {
      .teaser--history {
        margin-right: 0;
        margin-left: -50vw;
        width: 100vw;
        left: 50%;
        position: relative; }
        .scrollbarShown .teaser--history {
          width: calc(100vw - 16px);
          margin-left: calc(-50vw + 8px); }
        .edge .scrollbarShown .teaser--history {
          width: calc(100vw - 12px);
          margin-left: calc(-50vw + 6px); } }
    .teaser--history .teaser__body {
      position: absolute;
      padding: 0;
      top: 50%;
      left: 0;
      width: 100%;
      background: none;
      text-align: center; }
      .teaser--history .teaser__body:after {
        content: ''; }
    .teaser--history .teaser__button {
      max-width: 250px;
      margin: 0 auto;
      background-color: rgba(0, 0, 0, 0.6); }
    .teaser--history .teaser__figure {
      opacity: 1;
      transition: opacity .3s ease-in-out; }
      @media (min-width: 768px) {
        .teaser--history .teaser__figure {
          padding: 0;
          height: 540px; } }
      @media (min-width: 1024px) {
        .teaser--history .teaser__figure {
          padding: 0;
          height: 680px; } }
    .teaser--history:hover .teaser__figure {
      opacity: 0.9; }
    .teaser--history.teaser--historyKeyvisual .teaser__figure:before {
      content: '';
      position: absolute;
      height: 100%;
      width: 50vw;
      background: url("../img/keyvisual-copy.svg") no-repeat;
      background-size: contain;
      display: block;
      top: 40%;
      right: -10vw;
      z-index: 1; }
  .teaser--news {
    border: solid 1px #dddddd; }
    .teaser--news .teaser__body {
      background: #fff !important; }
    .teaser--news .teaser__date,
    .teaser--news .teaser__meta,
    .teaser--news .teaser__tags {
      font-size: 15px;
      line-height: 20px;
      color: #9c9c9c; }
    .teaser--news .teaser__date {
      margin-top: 0; }
    .teaser--news .teaser__text:not(:first-child) {
      margin-top: 10px; }
    .teaser--news .teaser__wrapper {
      margin-bottom: -6px;
      margin-top: 15px; }
    .teaser--news .teaser__meta {
      margin-top: 0;
      position: relative;
      bottom: 0; }
    .teaser--news .teaser__tags {
      text-transform: uppercase; }
    @media (min-width: 768px) {
      .teaserrow--4perrow .teaser--news .teaser__body {
        padding-bottom: 85px; }
      .teaserrow--4perrow .teaser--news .teaser__wrapper {
        width: 70%;
        position: absolute;
        bottom: 16px; } }
    .socialMediaStream .teaser--news {
      margin-top: 0;
      margin-bottom: 30px;
      order: 1; }
      @media (min-width: 768px) {
        .socialMediaStream .teaser--news {
          margin-right: 20px;
          width: calc(50% - 20px); } }
      @media (min-width: 1024px) {
        .socialMediaStream .teaser--news {
          width: calc(25% - 30px);
          margin-bottom: 0; } }
  @media (min-width: 768px) {
    .teaser--imageDb {
      margin-top: 40px; } }
  @media (min-width: 768px) {
    .teaser--cyan .teaser__text {
      color: #00e5e5; } }
  @media (min-width: 768px) {
    .teaser--cyan .teaser__body::after {
      color: #00e5e5; } }
  @media (min-width: 768px) {
    .teaser--cyan:hover .teaser__text {
      color: #15d4f1; } }
  @media (min-width: 768px) {
    .teaser--cyan:hover .teaser__body::after {
      color: #15d4f1; } }
  @media (min-width: 768px) {
    .teaser--green .teaser__text {
      color: #00E500; } }
  @media (min-width: 768px) {
    .teaser--green .teaser__body::after {
      color: #00E500; } }
  @media (min-width: 768px) {
    .teaser--green:hover .teaser__text {
      color: #00d257; } }
  @media (min-width: 768px) {
    .teaser--green:hover .teaser__body::after {
      color: #00d257; } }
  @media (min-width: 768px) {
    .teaser--magenta .teaser__text {
      color: #fff; } }
  @media (min-width: 768px) {
    .teaser--magenta .teaser__body::after {
      color: #fff; } }
  @media (min-width: 768px) {
    .teaser--magenta:hover .teaser__text {
      color: #fff; } }
  @media (min-width: 768px) {
    .teaser--magenta:hover .teaser__body::after {
      color: #fff; } }
  @media (min-width: 768px) {
    .teaser--white .teaser__text {
      color: #fff; } }
  @media (min-width: 768px) {
    .teaser--white .teaser__body::after {
      color: #fff; } }
  @media (min-width: 768px) {
    .teaser--white:hover .teaser__text {
      color: #ededed; } }
  @media (min-width: 768px) {
    .teaser--white:hover .teaser__body::after {
      color: #ededed; } }

.teaserrow {
  display: flex;
  flex-flow: row wrap; }
  .teaserrow .teaser {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .teaserrow .teaser__linkedWrap {
      display: flex;
      flex-direction: column;
      flex: 1 auto;
      /* it is important to set the "1 auto" value to flex to avoid buggy behaviour in IE11 */ }
    .teaserrow .teaser__body {
      flex: 1 auto;
      /* it is important to set the "1 auto" value to flex to avoid buggy behaviour in IE11 */
      position: relative;
      background: #ededed; }
      .section--colorTheme1 .teaserrow .teaser__body {
        background: #fff; }
    .teaserrow .teaser__text {
      font-size: 18px;
      line-height: 1.55556; }
    .teaserrow .teaser__figure {
      margin: 0;
      padding: 0;
      overflow: hidden;
      position: relative;
      /* set percentage padding on pseudo element to avoid conflicts with flexbox style */ }
      .teaserrow .teaser__figure:before {
        content: '';
        display: block;
        padding: 56.25% 0 0;
        height: 0; }
    .teaserrow .teaser:not(.teaser--offgrid) .teaser__figure--square {
      padding-top: 0; }
      .teaserrow .teaser:not(.teaser--offgrid) .teaser__figure--square:before {
        padding: 100% 0 0; }
      @media (max-width: 767px) {
        .teaserrow .teaser:not(.teaser--offgrid) .teaser__figure--square:before {
          display: none; }
        .teaserrow .teaser:not(.teaser--offgrid) .teaser__figure--square .img-responsive {
          height: auto;
          position: relative; } }
  .teaserrow--2perrow .teaser:nth-of-type(1) {
    margin-top: 0; }
  @media (min-width: 768px) {
    .teaserrow--2perrow .teaser {
      width: calc(100% / 2 - 20px); }
      .teaserrow--2perrow .teaser:nth-of-type(1), .teaserrow--2perrow .teaser:nth-of-type(2) {
        margin-top: 0; }
      .teaserrow--2perrow .teaser:nth-of-type(2n - 1) {
        margin-right: 20px; }
      .teaserrow--2perrow .teaser:nth-of-type(2n) {
        margin-left: 20px;
        /* workaround to fix rounding issues in ms edge and ie browser */ }
        .edge .teaserrow--2perrow .teaser:nth-of-type(2n),
        .ie .teaserrow--2perrow .teaser:nth-of-type(2n) {
          margin-left: calc(20px - 1px); } }
  @media (min-width: 1024px) {
    .teaserrow--2perrow .teaser__text {
      font-size: 25px;
      line-height: 1.4; } }
  .teaserrow--3perrow .teaser:nth-of-type(1) {
    margin-top: 0; }
  @media (min-width: 768px) {
    .teaserrow--3perrow .teaser {
      width: calc(33.3334% - 27px); }
      .teaserrow--3perrow .teaser:nth-of-type(1), .teaserrow--3perrow .teaser:nth-of-type(2), .teaserrow--3perrow .teaser:nth-of-type(3) {
        margin-top: 0; }
      .teaserrow--3perrow .teaser:nth-of-type(3n - 2) {
        margin-right: 20px; }
      .teaserrow--3perrow .teaser:nth-of-type(3n - 1) {
        margin-right: 20px;
        margin-left: 20px; }
      .teaserrow--3perrow .teaser:nth-of-type(3n) {
        margin-left: 20px; } }
  @media (min-width: 1024px) {
    .teaserrow--3perrow .teaser__text {
      font-size: 25px;
      line-height: 1.4; } }
  .teaserrow--4perrow .teaser:nth-of-type(n+3) {
    display: none; }
  .teaserrow--4perrow .teaser:nth-of-type(1) {
    margin-top: 0; }
  @media (min-width: 768px) {
    .teaserrow--4perrow .teaser {
      width: calc(100% / 2 - 20px); }
      .teaserrow--4perrow .teaser:nth-of-type(1), .teaserrow--4perrow .teaser:nth-of-type(2) {
        margin-top: 0; }
      .teaserrow--4perrow .teaser:nth-of-type(2n - 1) {
        margin-right: 20px; }
      .teaserrow--4perrow .teaser:nth-of-type(2n) {
        margin-left: 20px;
        /* workaround to fix rounding issues in ms edge and ie browser */ }
        .edge .teaserrow--4perrow .teaser:nth-of-type(2n),
        .ie .teaserrow--4perrow .teaser:nth-of-type(2n) {
          margin-left: calc(20px - 1px); } }
  @media (min-width: 1024px) {
    .teaserrow--4perrow .teaser {
      width: calc(100% / 4 - 30px); }
      .teaserrow--4perrow .teaser:nth-of-type(1), .teaserrow--4perrow .teaser:nth-of-type(2), .teaserrow--4perrow .teaser:nth-of-type(3), .teaserrow--4perrow .teaser:nth-of-type(4) {
        margin-top: 0; }
      .teaserrow--4perrow .teaser:nth-of-type(4n - 3) {
        margin-right: 20px; }
      .teaserrow--4perrow .teaser:nth-of-type(4n - 2) {
        margin-right: 20px;
        margin-left: 20px; }
      .teaserrow--4perrow .teaser:nth-of-type(4n - 1) {
        margin-right: 20px;
        margin-left: 20px; }
      .teaserrow--4perrow .teaser:nth-of-type(4n) {
        margin-left: 20px;
        /* workaround to fix rounding issues in ms edge and ie browser */ }
        .edge .teaserrow--4perrow .teaser:nth-of-type(4n),
        .ie .teaserrow--4perrow .teaser:nth-of-type(4n) {
          margin-left: calc(20px - 1px); }
      .teaserrow--4perrow .teaser:nth-of-type(n+3) {
        display: flex; } }
  .teaserrow--4perrow.show-all .teaser {
    display: flex; }
  .teaserrow--stripped .teaser:nth-of-type(1) {
    margin-top: 0; }
  .teaserrow--stripped .teaserrow__footer {
    display: none; }
  .teaserrow__footer {
    width: 100%;
    padding-top: 20px; }
  .teaserrow__all-link {
    display: inline-block;
    position: relative;
    padding-left: 15px;
    font-size: 22px;
    line-height: 1.45455; }
    @media (min-width: 1024px) {
      .teaserrow__all-link {
        font-size: 35px;
        line-height: 1.28571; } }
    .teaserrow__all-link:before {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      margin-top: -6px;
      font-size: 0.4em; }
    .teaserrow__all-link:hover {
      color: #2d4275; }
      .teaserrow__all-link:hover {
        color: #2d4275;
        text-decoration: none;
        background: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#2d4275, #2d4275);
        background-size: .05em 1px, .05em 1px, 1px 1px;
        background-repeat: no-repeat, no-repeat, repeat-x;
        text-shadow: 0.03em 1px #fff, -0.03em 1px #fff, 1px 0.03em #fff, 1px -0.03em #fff, 0.06em 1px #fff, -0.06em 1px #fff, 0.09em 1px #fff, -0.09em 1px #fff, 0.12em 1px #fff, -0.12em 1px #fff, 0.15em 1px #fff, -0.15em 1px #fff, 0.18em 1px #fff, -0.18em 1px #fff;
        background-position-y: 100%, 100%, 100%;
        background-position-x: 0, 100%, 0; }
        .teaserrow__all-link:hover:before, .teaserrow__all-link:hover:after, .teaserrow__all-link:hover *, .teaserrow__all-link:hover *:before, .teaserrow__all-link:hover *:after {
          text-shadow: none; }
        .teaserrow__all-link:hover:visited {
          color: #2d4275; }
  .teaserrow .teaser__more-button {
    display: block; }
    .teaserrow .teaser__more-button + .teaserrow__all-link {
      margin-top: 10px; }
    @media (min-width: 1024px) {
      .teaserrow .teaser__more-button {
        display: none; } }
  .teaserrow.show-all .teaser__more-button + .teaserrow__all-link {
    margin-top: 0; }

.quote {
  font-family: 'HelveticaNeue-Medium', Arial, sans-serif;
  color: #2d4275;
  /* qoute after image */ }
  .quote:before, .quote:after {
    content: " ";
    display: table; }
  .quote:after {
    clear: both; }
  .quote__image {
    margin: 0; }
    .quote__image img {
      width: 100%; }
  .quote__content .quote__text {
    font-size: 22px;
    line-height: 1.45455; }
    @media (min-width: 768px) {
      .quote__content .quote__text {
        font-size: 25px;
        line-height: 1.33333; } }
    @media (min-width: 1280px) {
      .quote__content .quote__text {
        font-size: 35px;
        line-height: 1.28571; } }
    .quote__content .quote__text:before {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      font-size: 60px;
      margin-top: 7px;
      margin-right: 10px;
      float: left; }
      @media (min-width: 768px) {
        .quote__content .quote__text:before {
          font-size: 80px;
          margin-right: 20px; } }
      @media (min-width: 1280px) {
        .quote__content .quote__text:before {
          font-size: 100px;
          margin-right: 25px; } }
    .quote__content .quote__text:after {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      position: relative;
      font-size: 8px;
      top: -12px;
      left: 4px; }
      @media (min-width: 1280px) {
        .quote__content .quote__text:after {
          font-size: 10px;
          top: -15px;
          left: 5px; } }
  .quote__content .quote__author {
    font-size: 18px;
    line-height: 1.55556;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid #000; }
    @media (min-width: 768px) {
      .quote__content .quote__author {
        padding-top: 22px;
        margin-top: 20px; } }
  .quote > .quote__image + .quote__content {
    margin-top: 10px; }
    @media (min-width: 768px) {
      .quote > .quote__image + .quote__content {
        margin-top: 23px; } }
    .quote > .quote__image + .quote__content .quote__text:before {
      margin-top: -40px; }
      .ie .quote > .quote__image + .quote__content .quote__text:before {
        margin-top: -38px; }
      @media (min-width: 768px) {
        .quote > .quote__image + .quote__content .quote__text:before {
          margin-top: -63px; }
          .ie .quote > .quote__image + .quote__content .quote__text:before {
            margin-top: -61px; } }
      @media (min-width: 1280px) {
        .quote > .quote__image + .quote__content .quote__text:before {
          margin-top: -73px; }
          .ie .quote > .quote__image + .quote__content .quote__text:before {
            margin-top: -71px; } }
  .quote--magenta {
    color: #2d4275; }
    .quote--magenta .quote__author {
      border-color: #2d4275; }
  .quote--cyan {
    color: #00e5e5; }
    .quote--cyan .quote__author {
      border-color: #00e5e5; }
  .quote--green {
    color: #00E500; }
    .quote--green .quote__author {
      border-color: #00E500; }
  @media (min-width: 768px) {
    .quote--fullWidth > .quote__image + .quote__content .quote__text:before {
      margin-top: 7px; }
      .ie .quote--fullWidth > .quote__image + .quote__content .quote__text:before {
        margin-top: 8px; } }
  @media (min-width: 768px) {
    .quote--fullWidth {
      margin-left: -20px;
      margin-right: -20px; }
      .quote--fullWidth > .quote__image {
        width: 33.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        float: left;
        margin-top: 7px; }
      .quote--fullWidth > .quote__content {
        width: 66.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        float: left; }
        .quote--fullWidth > .quote__content:first-child {
          margin-left: 33.33333%; }
        .quote--fullWidth > .quote__content:before {
          margin-top: 7px; }
      .quote--fullWidth > .quote__image + .quote__content {
        margin-top: 0; } }
  .col--medium-4 .quote > .quote__image + .quote__content {
    margin-top: 10px; }
    @media (min-width: 1024px) {
      .col--medium-4 .quote > .quote__image + .quote__content {
        margin-top: 23px; } }
    .col--medium-4 .quote > .quote__image + .quote__content .quote__text:before {
      margin-top: -40px; }
      .ie .col--medium-4 .quote > .quote__image + .quote__content .quote__text:before {
        margin-top: -38px; }
      @media (min-width: 1024px) {
        .col--medium-4 .quote > .quote__image + .quote__content .quote__text:before {
          margin-top: -63px; }
          .ie .col--medium-4 .quote > .quote__image + .quote__content .quote__text:before {
            margin-top: -61px; } }
  .col--medium-4 .quote .quote__text {
    font-size: 22px;
    line-height: 1.45455; }
    .col--medium-4 .quote .quote__text:before {
      font-size: 60px;
      margin-right: 20px; }
    @media (min-width: 1024px) {
      .col--medium-4 .quote .quote__text {
        font-size: 25px;
        line-height: 1.4; }
        .col--medium-4 .quote .quote__text:before {
          font-size: 80px;
          margin-right: 20px; } }
  .col--medium-4 .quote .quote__author {
    font-size: 15px;
    line-height: 1.66667;
    padding-top: 10px; }
    @media (min-width: 1024px) {
      .col--medium-4 .quote .quote__author {
        font-size: 18px;
        line-height: 1.55556;
        padding-top: 22px; } }

.historyFeature {
  height: calc(100vh - 60px);
  overflow-y: scroll; }
  @media (min-width: 1024px) {
    .historyFeature {
      overflow: hidden;
      position: relative; }
      .historyFeature--keyvisual:before {
        content: '';
        position: absolute;
        height: 100%;
        width: 50vw;
        background: url("../img/keyvisual.svg") no-repeat;
        background-size: contain;
        display: block;
        top: 50vh;
        right: -10vw; } }
  .historyFeature__background {
    height: 40%;
    min-height: 250px; }
    @media (min-width: 768px) {
      .historyFeature__background {
        height: 50%; } }
    @media (min-width: 1024px) {
      .historyFeature__background {
        height: 100%; } }
    .historyFeature__background img {
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: 50% 25%;
      object-position: 50% 25%;
      font-family: "object-fit: cover; object-position: 50% 25%";
      width: 100%;
      height: 100%; }
  .historyFeature__overview {
    max-width: 1280px;
    position: relative;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 768px) {
      .historyFeature__overview {
        padding: 40px 20px 0; } }
    @media (min-width: 1024px) {
      .historyFeature__overview {
        bottom: 40vh; }
        .iPadSafari .historyFeature__overview {
          position: absolute;
          bottom: 50px; } }
    @media (min-width: 1024px) {
      .historyFeature__slide--endSlide .historyFeature__overview {
        top: 40vh; } }
  .historyFeature__clusterTeaser {
    position: relative;
    height: auto;
    width: 100%;
    margin-bottom: 1px;
    padding: 30px 50px 30px 10px;
    flex-grow: 1;
    background: rgba(111, 111, 111, 0.8);
    color: #00E500;
    cursor: pointer;
    white-space: normal;
    font-family: "HelveticaNeue-Medium", Arial, sans-serif;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; }
    @media (min-width: 768px) {
      .historyFeature__clusterTeaser {
        margin: 0 0 20px;
        width: calc(50% - 40px); }
        .historyFeature__clusterTeaser + .historyFeature__clusterTeaser {
          margin-left: 10px; } }
    @media (min-width: 1024px) {
      .historyFeature__clusterTeaser {
        width: calc(25% - 40px); }
        html:not(.touchevents) .historyFeature__clusterTeaser:hover {
          color: #fff; }
          html:not(.touchevents) .historyFeature__clusterTeaser:hover:after {
            color: #fff;
            -webkit-animation: pulseLoop 3s forwards;
                    animation: pulseLoop 3s forwards;
            -webkit-animation-delay: 0s;
                    animation-delay: 0s;
            -webkit-animation-timing-function: ease-in-out;
                    animation-timing-function: ease-in-out;
            -webkit-animation-iteration-count: infinite;
                    animation-iteration-count: infinite; } }
    .historyFeature__clusterTeaser:after {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      font-size: 40%;
      position: absolute;
      right: 0;
      bottom: 50%;
      margin-bottom: -29px;
      color: #00E500;
      font-size: 30px;
      padding: 14px 20px; }
      @media (min-width: 768px) {
        .historyFeature__clusterTeaser:after {
          bottom: 0;
          margin-bottom: 0; } }
    .historyFeature__slide--endSlide .historyFeature__clusterTeaser {
      width: 100%; }
      @media (min-width: 768px) {
        .historyFeature__slide--endSlide .historyFeature__clusterTeaser {
          width: 50%;
          margin-left: 25%;
          flex-grow: 0; } }
      @media (min-width: 1024px) {
        .historyFeature__slide--endSlide .historyFeature__clusterTeaser {
          display: none; } }
  .historyFeature__cluster {
    display: none;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    white-space: nowrap; }
    .historyFeature__cluster:before, .historyFeature__cluster:after {
      content: " ";
      display: table; }
    .historyFeature__cluster:after {
      clear: both; }
    @media (min-width: 1024px) {
      .historyFeature__cluster {
        height: 100%; }
        .iPadSafari .historyFeature__cluster {
          height: 97%; } }
  .historyFeature__clusterBackground {
    position: absolute;
    width: 100vw;
    height: calc(100vh - 60px);
    min-height: 450px;
    z-index: 1;
    background: #333333; }
    .historyFeature__clusterBackground img {
      opacity: 0.3;
      width: 100%;
      height: 100%;
      transition: opacity 1.5s ease-in-out;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: 50% 50%;
      object-position: 50% 50%;
      font-family: "object-fit: cover; object-position: 50% 50%"; }
      @media (min-width: 768px) {
        .historyFeature__clusterBackground img.is-darkened {
          opacity: 0.2; } }
      @media (min-width: 1024px) {
        .historyFeature__clusterBackground img {
          transition: none; } }
    @media (min-width: 768px) {
      .historyFeature__clusterBackground {
        position: fixed; } }
    @media (min-width: 1024px) {
      .historyFeature__clusterBackground {
        width: 200vw; } }
  .historyFeature__parallax {
    position: relative;
    z-index: 2;
    width: 100vw;
    background: #ededed;
    padding-top: 50px; }
    @media (min-width: 768px) {
      .historyFeature__parallax {
        padding-top: 0;
        background: transparent; } }
    @media (min-width: 1024px) {
      .historyFeature__parallax {
        position: absolute;
        top: 0;
        left: 0;
        padding-left: 100vw;
        height: 100%;
        width: auto; } }
  .historyFeature__slide {
    display: block; }
    @media (min-width: 1024px) {
      .historyFeature__slide {
        width: 80vw;
        height: 100%;
        position: relative;
        white-space: normal;
        display: inline-block;
        vertical-align: top; } }
    .historyFeature__slide--static {
      z-index: 4;
      position: relative;
      height: calc(100vh - 60px);
      min-height: 450px; }
      @media (min-width: 1024px) {
        .historyFeature__slide--static {
          width: 100vw;
          height: auto; } }
    @media (min-width: 1024px) {
      .historyFeature__slide .historyFeature__animationItem {
        position: absolute;
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        opacity: .1; }
      .historyFeature__slide--waterWheelAnimation .historyFeature__animationItem {
        opacity: 0;
        width: 409px;
        height: 409px;
        background: url("../img/history/waterwheel.svg"); }
      .historyFeature__slide--waterWheelAnimation .historyFeature__fixedAnimationItem {
        position: absolute;
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-animation: rotationLoop 2s linear;
                animation: rotationLoop 2s linear;
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
        -webkit-animation-direction: normal;
                animation-direction: normal;
        width: 409px;
        height: 409px;
        top: 30vh;
        left: 20vw; }
      .historyFeature__slide--employeesAnimation .historyFeature__animationItem {
        background: url("../img/history/employees.svg");
        width: 1003px;
        height: 80px;
        top: 60vh; }
      .historyFeature__slide--wheelAnimation .historyFeature__animationItem:nth-child(1) {
        -webkit-animation: rotationLoop 12s linear;
                animation: rotationLoop 12s linear;
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
        -webkit-animation-direction: normal;
                animation-direction: normal;
        background: url("../img/history/wheel_01.svg");
        width: 139px;
        height: 139px;
        top: -60px;
        left: 160px; }
      .historyFeature__slide--wheelAnimation .historyFeature__animationItem:nth-child(2) {
        -webkit-animation: rotationLoop 19.5s linear;
                animation: rotationLoop 19.5s linear;
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
        animation-direction: reverse;
        background: url("../img/history/wheel_02.svg");
        width: 239px;
        height: 239px;
        top: 60px;
        left: 185px; }
      .historyFeature__slide--wheelAnimation .historyFeature__animationItem:nth-child(3) {
        -webkit-animation: rotationLoop 18.75s linear;
                animation: rotationLoop 18.75s linear;
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
        -webkit-animation-direction: normal;
                animation-direction: normal;
        background: url("../img/history/wheel_03.svg");
        width: 204px;
        height: 204px;
        top: 218px;
        left: 35px; }
      .historyFeature__slide--wheelAnimation .historyFeature__animationItem:nth-child(4) {
        -webkit-animation: rotationLoop 12s linear;
                animation: rotationLoop 12s linear;
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
        animation-direction: reverse;
        background: url("../img/history/wheel_04.svg");
        width: 139px;
        height: 139px;
        top: 410px;
        left: 116px; } }
    .historyFeature__slide--endSlide {
      width: 100vw;
      height: 500px;
      position: relative; }
      @media (min-width: 1024px) {
        .historyFeature__slide--endSlide {
          height: 100%; } }
  .historyFeature__endSlideText {
    position: absolute;
    color: #2d4275;
    font-size: 18px;
    font-family: "HelveticaNeue-Light", Arial, sans-serif;
    width: 100%;
    top: 50px;
    text-align: center; }
    @media (min-width: 1024px) {
      .historyFeature__endSlideText {
        width: 200px;
        text-align: right;
        color: #fff;
        margin-top: 0;
        margin-bottom: -8px;
        top: auto;
        bottom: 22vh;
        left: 0;
        -webkit-transform: none;
                transform: none; } }
  .historyFeature__endSlideTrigger {
    position: absolute;
    margin-left: -30px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    top: 100px;
    left: 50vw;
    font-size: 50px;
    -webkit-animation: pulseLoop 3s forwards;
            animation: pulseLoop 3s forwards;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
    .historyFeature__endSlideTrigger:after {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      font-size: 40px;
      color: #2d4275; }
    @media (min-width: 1024px) {
      .historyFeature__endSlideTrigger {
        margin-top: 0;
        margin-left: 210px;
        margin-bottom: -30px;
        top: auto;
        bottom: 22vh;
        left: 0;
        -webkit-transform: none;
                transform: none; }
        .historyFeature__endSlideTrigger:after {
          position: relative;
          font-family: "Icons";
          font-size: 68%;
          line-height: 1;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          text-decoration: none;
          text-transform: none;
          speak: none;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          font-size: 40%;
          color: #fff; } }
    .historyFeature__endSlideTrigger--second {
      -webkit-animation: pulseLoop 3s forwards;
              animation: pulseLoop 3s forwards;
      -webkit-animation-delay: 0.5s;
              animation-delay: 0.5s;
      -webkit-animation-timing-function: ease-in-out;
              animation-timing-function: ease-in-out;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite;
      top: 120px; }
      @media (min-width: 1024px) {
        .historyFeature__endSlideTrigger--second {
          display: block;
          top: auto;
          margin-left: 220px; } }
  @media (min-width: 1024px) {
    .historyFeature [data-speed] {
      transition: -webkit-transform 1.5s cubic-bezier(0.1, 0.32, 0.14, 1);
      transition: transform 1.5s cubic-bezier(0.1, 0.32, 0.14, 1);
      transition: transform 1.5s cubic-bezier(0.1, 0.32, 0.14, 1), -webkit-transform 1.5s cubic-bezier(0.1, 0.32, 0.14, 1); }
      .edge .historyFeature [data-speed] {
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
                transform-style: preserve-3d; } }
  @media (min-width: 1024px) {
    .historyFeature [data-property="opacity"] {
      transition: opacity 0.75s cubic-bezier(0.27, 0, 0.58, 1); } }
  .historyFeature__headline {
    padding: 30px 20px;
    white-space: normal;
    font-size: 50px;
    color: #00E500;
    position: relative;
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto; }
    .historyFeature__headline:after {
      content: " ";
      display: block;
      clear: both; }
    @media (min-width: 768px) {
      .historyFeature__headline {
        padding: 150px 40px;
        font-size: 80px; } }
    @media (min-width: 1024px) {
      .historyFeature__headline {
        padding: 0 90px 0 20px;
        height: auto;
        margin-top: 25vh; } }
    .historyFeature__headline--smaller {
      font-size: 30px; }
      @media (min-width: 768px) {
        .historyFeature__headline--smaller {
          font-size: 60px !important; } }
    @media (min-width: 1024px) {
      .historyFeature__headline--top20 {
        margin-top: 20vh; } }
    @media (min-width: 1024px) {
      .historyFeature__headline--top10 {
        margin-top: 10vh; } }
  .historyFeature__slideStart {
    text-align: center;
    color: #fff;
    margin-top: 20px; }
    .historyFeature__slideStart:before {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      font-size: 60px; }
      @media (min-width: 1024px) {
        .historyFeature__slideStart:before {
          content: ''; } }
    .historyFeature__slideStart .scroll {
      display: none;
      width: 80px;
      height: 80px;
      fill: #fff;
      opacity: 0.6; }
      @media (min-width: 1024px) {
        .historyFeature__slideStart .scroll {
          display: inline-block; } }
      .historyFeature__slideStart .scroll .wheel {
        -webkit-animation: scrolling 1s linear;
                animation: scrolling 1s linear;
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite; }
  .historyFeature__nextButton {
    position: absolute;
    bottom: 100px;
    right: 50%;
    margin-right: -30px;
    display: block;
    width: 60px;
    height: 60px;
    cursor: pointer; }
    .historyFeature__nextButton:after {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      font-size: 60px; }
    @media (min-width: 768px) {
      .historyFeature__nextButton {
        margin-right: -50px;
        width: 100px;
        height: 100px; }
        .historyFeature__nextButton:after {
          font-size: 100px; } }
    @media (min-width: 1024px) {
      .historyFeature__nextButton {
        position: absolute;
        top: 50%;
        bottom: auto;
        right: -13px;
        margin-top: -60px;
        margin-right: 0;
        width: 120px;
        height: 120px; }
        .historyFeature__nextButton:after {
          position: relative;
          font-family: "Icons";
          font-size: 68%;
          line-height: 1;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          text-decoration: none;
          text-transform: none;
          speak: none;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          font-size: 40%;
          font-size: 120px; } }
  .historyFeature__figure {
    width: 100%; }
    .historyFeature__figure:before, .historyFeature__figure:after {
      content: " ";
      display: table; }
    .historyFeature__figure:after {
      clear: both; }
    @media (min-width: 1024px) {
      .historyFeature__figure {
        position: absolute;
        height: 60vh;
        bottom: 22vh;
        right: 0;
        width: auto;
        z-index: 2; } }
    @media (min-width: 1280px) {
      .historyFeature__figure {
        right: 10vw; } }
    .historyFeature__figure img {
      width: 80%;
      float: right; }
      @media (min-width: 1024px) {
        .historyFeature__figure img {
          height: 100%;
          width: auto; } }
    @media (min-width: 1024px) {
      .historyFeature__figure--adjustLeft {
        right: 15vw; } }
    @media (min-width: 1280px) {
      .historyFeature__figure--adjustLeft {
        right: 25vw; } }
    .historyFeature__figure--1in3, .historyFeature__figure--2in3 {
      margin-bottom: 30px; }
    @media (min-width: 1024px) {
      .historyFeature__figure--1in3, .historyFeature__figure--2in3, .historyFeature__figure--3in3 {
        margin-bottom: 0; }
        .historyFeature__figure--1in3 img, .historyFeature__figure--2in3 img, .historyFeature__figure--3in3 img {
          height: 70%; }
      .historyFeature__figure--1in3 {
        right: 50vw;
        bottom: 10vh; }
      .historyFeature__figure--2in3 {
        right: 35vw;
        z-index: 4; }
      .historyFeature__figure--3in3 {
        right: 20vw;
        bottom: 10vh; } }
  .historyFeature__year {
    display: block;
    margin-bottom: -40px;
    font-size: 150px;
    line-height: 1;
    font-family: "HelveticaNeue-Medium", Arial, sans-serif;
    -webkit-transform: translate3d(-30px, 0, 0);
            transform: translate3d(-30px, 0, 0);
    opacity: 0;
    transition: all .6s ease-in; }
    .is-visible .historyFeature__year {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      opacity: 1; }
    @media (min-width: 768px) {
      .historyFeature__year {
        font-size: 200px; } }
    @media (min-width: 1024px) {
      .historyFeature__year {
        font-size: 300px;
        position: absolute;
        z-index: 4;
        bottom: 10vh;
        left: 10vw;
        height: 264px;
        margin-bottom: 0;
        opacity: 1; } }
    .historyFeature__year--grey {
      color: #9c9c9c !important; }
  .historyFeature__slide:nth-child(even) .historyFeature__year {
    color: #00E500; }
  .historyFeature__slide:nth-child(odd) .historyFeature__year {
    color: #00e5e5; }
  .historyFeature__text {
    position: relative;
    z-index: 3;
    padding: 30px 15px 80px;
    width: 100%;
    color: #6f6f6f;
    white-space: normal;
    -webkit-transform: translate3d(0, 30px, 0);
            transform: translate3d(0, 30px, 0);
    opacity: 0;
    transition: all .6s ease-in-out;
    transition-delay: .7s; }
    .is-visible .historyFeature__text {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      opacity: 1; }
    @media (min-width: 768px) {
      .historyFeature__text {
        background: rgba(255, 255, 255, 0.9);
        width: 66.66%;
        position: relative;
        top: -150px;
        left: 20px; } }
    @media (min-width: 1024px) {
      .historyFeature__text {
        position: absolute;
        top: 10vh;
        right: -15vw;
        width: 50%;
        padding: 30px 15px;
        left: auto;
        opacity: 1; }
        .historyFeature__text--colorSplash {
          overflow: hidden; }
          .historyFeature__text--colorSplash:after {
            transition: opacity 2s ease-in-out;
            transition-delay: 3s;
            content: url("../img/history/colorsplash.png");
            opacity: .5;
            position: absolute;
            top: -10px;
            left: 0;
            z-index: 1; }
          .historyFeature__text--colorSplash * {
            position: relative;
            z-index: 2; }
          .historyFeature__text--colorSplash.no-backgroundImage:after {
            opacity: 0; } }
    @media (min-width: 1280px) {
      .historyFeature__text {
        width: 40%; } }
  .historyFeature__clusterNavigation {
    position: absolute;
    bottom: 6vh;
    height: 30px;
    width: 100%;
    left: 0;
    z-index: 5;
    text-align: center;
    display: none; }
    @media (min-width: 1024px) {
      .historyFeature__clusterNavigation {
        display: block; } }
    .historyFeature__clusterNavigationItem {
      cursor: pointer;
      display: inline-block;
      width: 30px;
      height: 30px;
      border-radius: 100%;
      background: transparent;
      position: relative; }
      .historyFeature__clusterNavigationItem:before {
        content: '';
        width: 6px;
        height: 6px;
        border-radius: 100%;
        background: #fff;
        display: block;
        position: absolute;
        top: 11px;
        left: 11px; }
      .historyFeature__clusterNavigationItem:after {
        content: '';
        width: 28px;
        height: 28px;
        border-radius: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        border: 1px solid #fff;
        opacity: 0;
        transition: opacity .3s ease-in-out; }
      .historyFeature__clusterNavigationItem.is-active:after {
        opacity: 1; }
    .historyFeature__clusterNavigationItemBefore, .historyFeature__clusterNavigationItemAfter {
      cursor: pointer;
      color: white;
      margin-right: 20px;
      margin-left: 8px; }
      .historyFeature__clusterNavigationItemBefore.is-disabled, .historyFeature__clusterNavigationItemAfter.is-disabled {
        opacity: .3;
        cursor: default; }
    .historyFeature__clusterNavigationItemBefore:before {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      font-size: 32px; }
    .historyFeature__clusterNavigationItemAfter:after {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      font-size: 40%;
      font-size: 32px; }

.stage {
  height: calc(100vh - 50px);
  width: 100%;
  position: fixed !important;
  overflow: hidden;
  background: #000;
  z-index: 1;
  margin-top: 0;
  opacity: 0;
  transition: opacity 1s; }
  .stage.is-loaded,
  .stage.is-loaded object-fit {
    opacity: 1; }
  @media (min-width: 768px) {
    .stage {
      height: calc(100vh - 85px); } }
  @media (max-height: 650px) and (min-width: 1280px) {
    .stage {
      position: relative !important;
      height: calc(650px - 85px); }
      .stage .stage__image, .stage .stage__video {
        height: calc(650px - 85px); } }
  @media (max-height: 590px) and (min-width: 1024px) and (max-width: 1279px) {
    .stage {
      position: relative !important;
      height: calc(590px - 85px); }
      .stage .stage__image, .stage .stage__video {
        height: calc(590px - 85px); } }
  @media (max-height: 570px) and (min-width: 768px) and (max-width: 1023px) {
    .stage {
      position: relative !important;
      height: calc(570px - 85px); }
      .stage .stage__image, .stage .stage__video {
        height: calc(570px - 85px); } }
  @media (max-height: 320px) and (min-width: 600px) and (max-width: 767px) {
    .stage {
      position: relative !important;
      height: calc(320px - 50px); }
      .stage .stage__image, .stage .stage__video {
        height: calc(320px - 50px); } }
  @media (max-height: 390px) and (min-width: 320px) and (max-width: 599px) {
    .stage {
      position: relative !important;
      height: calc(390px - 50px); }
      .stage .stage__image, .stage .stage__video {
        height: calc(390px - 50px); } }
  .stage__image {
    width: 100%;
    height: calc(100vh - 50px);
    opacity: 1; }
    @media (min-width: 768px) {
      .stage__image {
        height: calc(100vh - 85px); } }
    .stage__image img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      font-family: "object-fit: cover"; }
  .stage:not(.stage--videoBackground) .stage__image, .stage.stage--videoBackground:not(.has-autoplaySupport) .stage__image {
    opacity: .8; }
    .stage:not(.stage--videoBackground) .stage__image img, .stage.stage--videoBackground:not(.has-autoplaySupport) .stage__image img {
      -webkit-animation: kenburns 5s forwards;
              animation: kenburns 5s forwards;
      -webkit-animation-timing-function: ease-in-out;
              animation-timing-function: ease-in-out; }

@-webkit-keyframes kenburns {
  0% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0);
            transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0); }
  100% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2) translate3d(-4%, -4%, 0);
            transform: scale3d(1.2, 1.2, 1.2) translate3d(-4%, -4%, 0);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; } }

@keyframes kenburns {
  0% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0);
            transform: scale3d(1.1, 1.1, 1.1) translate3d(0, 0, 0); }
  100% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2) translate3d(-4%, -4%, 0);
            transform: scale3d(1.2, 1.2, 1.2) translate3d(-4%, -4%, 0);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; } }
  .stage__contentRow {
    margin-left: 10px;
    margin-right: 10px; }
    .stage__contentRow:after {
      content: " ";
      display: block;
      clear: both; }
    @media (min-width: 768px) {
      .stage__contentRow {
        margin-left: 30px;
        margin-right: 30px; } }
    @media (min-width: 1300px) {
      .stage__contentRow {
        max-width: 1260px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px; } }
  .stage__content {
    position: relative; }
  .stage__contentText {
    position: absolute;
    padding-bottom: 71px;
    bottom: 0;
    width: 100%; }
    html.socialMediaSharingActive .stage__contentText {
      padding-bottom: 88px; }
    @media (max-width: 767px) {
      .mobileSafari .stage__contentText {
        padding-bottom: 89px; } }
    @media (max-width: 767px) {
      .mobileSafari.socialMediaSharingActive .stage__contentText {
        padding-bottom: 121px; } }
  @media (max-width: 767px) and (orientation: landscape) {
    .mobileSafari.socialMediaSharingActive .stage__contentText {
      padding-bottom: 41px; } }
    .stage__contentText .h1__overline {
      font-size: 16px;
      line-height: 1.5; }
    .stage__contentText h1 {
      margin-bottom: 0;
      font-size: 30px !important;
      line-height: 1.33333 !important; }
    .stage__contentText .h1__overline + h1 {
      margin-top: 3px; }
    @media (min-width: 768px) {
      .stage__contentText {
        padding-bottom: 160px; }
        html.socialMediaSharingActive .stage__contentText {
          padding-bottom: 160px; }
        .stage__contentText .h1__overline {
          font-size: 18px;
          line-height: 1.55556; }
        .stage__contentText h1 {
          font-size: 50px !important;
          line-height: 1.2 !important; }
        .stage__contentText .h1__overline + h1 {
          margin-top: 9px; } }
    @media (min-width: 1024px) {
      .stage__contentText h1 {
        font-size: 60px !important;
        line-height: 1.16667 !important; }
      .stage__contentText .h1__overline + h1 {
        margin-top: 5px; } }
    @media (min-width: 1280px) {
      .stage__contentText {
        padding-bottom: 110px; }
        html.socialMediaSharingActive .stage__contentText {
          padding-bottom: 110px; }
        .stage__contentText .h1__overline {
          font-size: 30px;
          line-height: 1.16667; }
        .stage__contentText h1 {
          font-size: 80px !important;
          line-height: 1.125 !important; }
        .stage__contentText .h1__overline + h1 {
          margin-top: 11px; } }
  .stage__downButton {
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: 100px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    color: #fff;
    display: none; }
    @media (min-width: 768px) {
      .stage__downButton {
        display: block; } }
    @media (min-width: 1280px) {
      .stage__downButton {
        bottom: 40px; } }
    .stage__downButton--darkBlue {
      color: #2d4275; }
    .stage__downButton--white {
      color: #fff; }
    .stage__downButton--green {
      color: #00E500; }
    .stage__downButton:before {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      font-size: 40px;
      text-align: center;
      width: 40px;
      height: 40px;
      line-height: 40px;
      display: block; }
    .stage__downButton:hover {
      -webkit-animation: pulse 0.3s forwards;
              animation: pulse 0.3s forwards;
      -webkit-animation-timing-function: ease-in-out;
              animation-timing-function: ease-in-out; }
  .stage__playButton {
    position: relative;
    top: 0;
    left: 50%;
    margin-left: -40px;
    margin-bottom: 20px;
    width: 80px; }
    html.socialMediaSharingActive .stage__playButton {
      margin-bottom: 80px; }
    .ie-legacy .stage__playButton, .ie .stage__playButton {
      cursor: pointer; }
    @media (min-width: 768px) {
      .stage__playButton {
        margin-left: -70px;
        margin-bottom: 50px;
        width: 140px; } }
    @media (min-width: 1024px) {
      .stage__playButton {
        margin-bottom: 40px; } }
    @media (min-width: 1280px) {
      .stage__playButton {
        margin-bottom: 80px; } }
    .stage__playButton:hover {
      -webkit-animation: pulse 0.3s forwards;
              animation: pulse 0.3s forwards;
      -webkit-animation-timing-function: ease-in-out;
              animation-timing-function: ease-in-out; }
    .stage__playButton:before {
      color: #fff;
      opacity: 0.6;
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      text-align: center;
      display: block;
      cursor: pointer;
      font-size: 80px; }
      @media (min-width: 768px) {
        .stage__playButton:before {
          font-size: 140px; } }
  .stage__closeButton {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background: #fff;
    display: block;
    cursor: pointer;
    z-index: 3; }
    .stage__closeButton:before {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      text-align: center;
      line-height: 40px;
      display: block;
      font-size: 120%;
      color: #2d4275; }
    .stage__closeButton:hover:before {
      color: #266693; }
  .stage__video {
    width: 100%;
    height: calc(100vh - 50px); }
    @media (min-width: 768px) {
      .stage__video {
        height: calc(100vh - 85px); } }
  .stage--video .h1 {
    margin-top: 0 !important; }
  @media (min-width: 1280px) {
    .stage--video h1 {
      font-size: 70px !important;
      line-height: 1.14286 !important; } }
  .stage--videoBackground .stage__playButton {
    display: none; }
  .stage--videoBackground.has-autoplaySupport {
    /* iOS: hide play button */ }
    .stage--videoBackground.has-autoplaySupport video {
      -o-object-fit: cover;
      object-fit: cover;
      font-family: "object-fit: cover"; }
    .stage--videoBackground.has-autoplaySupport .vjs-loading-spinner {
      display: none; }
    .stage--videoBackground.has-autoplaySupport .stage__wrapper {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1;
      background-color: transparent; }
    .stage--videoBackground.has-autoplaySupport .stage__contentRow,
    .stage--videoBackground.has-autoplaySupport .stage__contentContainer {
      height: 100%; }
    .stage--videoBackground.has-autoplaySupport.has-started .stage__content {
      height: 100%; }
    .stage--videoBackground.has-autoplaySupport *::-webkit-media-controls-start-playback-button {
      display: none !important;
      -webkit-appearance: none; }
  .stage--fullOpacity .stage__image {
    opacity: 1; }

.socialMediaStream {
  display: flex;
  flex-flow: row wrap; }
  .socialMediaStream__teaser {
    position: relative;
    flex-direction: column;
    display: flex;
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 30px;
    padding: 0 !important;
    border: 1px solid #dddddd;
    background: #fff; }
    .socialMediaStream__teaser:before {
      position: absolute !important;
      font-size: 35px !important;
      width: 35px;
      height: 35px;
      z-index: 1;
      top: 20px;
      left: 10px; }
    .socialMediaStream__teaser:last-of-type {
      margin-bottom: 0; }
    @media (min-width: 768px) {
      .socialMediaStream__teaser {
        width: calc(50% - 20px);
        margin-left: 0;
        margin-right: 0; }
        .socialMediaStream__teaser:nth-child(2n+2) {
          margin-left: 20px; }
        .socialMediaStream__teaser:nth-child(2n+1) {
          margin-right: 20px; }
        .socialMediaStream__teaser:before {
          top: 20px;
          left: 20px; }
        .socialMediaStream__teaser:last-of-type {
          margin-bottom: 30px; } }
    @media (min-width: 1024px) {
      .socialMediaStream__teaser {
        margin-bottom: 0;
        width: calc(25% - 30px); }
        .socialMediaStream__teaser:nth-child(n+2) {
          margin-left: 20px; }
        .socialMediaStream__teaser:nth-child(-n+3) {
          margin-right: 20px; }
        .socialMediaStream__teaser:last-of-type {
          margin-bottom: 0; } }
    .socialMediaStream__teaser--twitter {
      order: 2; }
      .socialMediaStream__teaser--twitter:before {
        position: relative;
        font-family: "Icons";
        font-size: 68%;
        line-height: 1;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        color: #00E500; }
    .socialMediaStream__teaser--linkedin {
      order: 3; }
      .socialMediaStream__teaser--linkedin:before {
        position: relative;
        font-family: "Icons";
        font-size: 68%;
        line-height: 1;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        color: #00E500; }
    .socialMediaStream__teaser--instagram {
      order: 4; }
      .socialMediaStream__teaser--instagram:before {
        position: relative;
        font-family: "Icons";
        font-size: 68%;
        line-height: 1;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        color: #00E500; }
    .socialMediaStream__teaser--snackableNews {
      order: 5;
      background: #6f6f6f; }
      .socialMediaStream__teaser--snackableNews .socialMediaStream__body {
        border: none;
        padding: 30px 10px 120px; }
        @media (min-width: 768px) {
          .socialMediaStream__teaser--snackableNews .socialMediaStream__body {
            padding: 20px 20px; } }
      .socialMediaStream__teaser--snackableNews .socialMediaStream__text {
        color: #00E500;
        font-size: 30px;
        line-height: 1.33333;
        font-family: "HelveticaNeue-Medium", Arial, sans-serif; }
  .socialMediaStream__figure {
    position: relative;
    /* set percentage padding on pseudo element to avoid conflicts with flexbox style */ }
    .socialMediaStream__figure:before {
      content: "" !important;
      padding: 100% 0 0 !important;
      height: 0 !important;
      display: block !important; }
  .socialMediaStream__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover"; }
  .socialMediaStream__body {
    padding: 90px 10px 27px; }
    @media (min-width: 768px) {
      .socialMediaStream__body {
        padding: 90px 20px 27px; } }
    .socialMediaStream__figure + .socialMediaStream__body {
      border-top: none;
      padding-top: 12px; }
  .socialMediaStream__text {
    color: #6f6f6f; }
  .socialMediaStream__link {
    color: #00E500;
    position: absolute;
    bottom: 27px;
    left: 10px;
    font-family: "HelveticaNeue-Light", Arial, sans-serif; }
    @media (min-width: 768px) {
      .socialMediaStream__link {
        left: 20px; } }
    .socialMediaStream__link:before {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      font-size: 40%;
      margin-right: 5px;
      top: -3px; }
  .socialMediaStream__footer {
    order: 0;
    padding-bottom: 15px; }
    .socialMediaStream__footer:before, .socialMediaStream__footer:after {
      content: " ";
      display: table; }
    .socialMediaStream__footer:after {
      clear: both; }
    @media (min-width: 768px) {
      .socialMediaStream__footer {
        padding-bottom: 0;
        padding-top: 15px;
        order: 6; } }
  .socialMediaStream__label {
    display: block;
    float: left;
    font-size: 24px;
    color: #6f6f6f;
    margin-right: 25px; }
  .socialMediaStream__links {
    display: block;
    float: left;
    position: relative;
    top: 3px; }
    .socialMediaStream__links a {
      margin-right: 15px; }
      .socialMediaStream__links a:before {
        font-size: 25px; }
      html.touchevents .socialMediaStream__links a:hover {
        color: #2d4275; }

.snackableNews:before, .snackableNews:after {
  content: " ";
  display: table; }

.snackableNews:after {
  clear: both; }

@media (min-width: 768px) {
  .snackableNews {
    border: 1px solid #dddddd;
    padding: 30px 20px; } }

@media (min-width: 1024px) {
  .snackableNews {
    padding: 40px 20px; } }

.snackableNews__textContainer {
  border: 1px solid #dddddd;
  padding: 30px 10px; }
  @media (min-width: 768px) {
    .snackableNews__textContainer {
      border: none;
      padding: 0; } }
  @media (min-width: 1024px) {
    .snackableNews__textContainer {
      width: calc(66.66667% + 14px);
      margin: 0 auto; }
      .col--medium-8 .snackableNews__textContainer, .col--medium-6 .snackableNews__textContainer, .col--medium-4 .snackableNews__textContainer {
        width: 100%;
        margin: 0; } }
  .snackableNews__textContainer :first-child {
    margin-top: -10px; }
    .snackableNews__textContainer :first-child.snackableNews__headline {
      margin-top: -6px; }
      @media (min-width: 1024px) {
        .snackableNews__textContainer :first-child.snackableNews__headline {
          margin-top: -8px; } }
    .snackableNews__textContainer :first-child.snackableNews__text {
      margin-top: -6px; }

.snackableNews__headline {
  font-family: "HelveticaNeue-Medium", Arial, sans-serif;
  font-size: 18px;
  line-height: 1.55556;
  color: #2d4275; }
  @media (min-width: 1024px) {
    .snackableNews__headline {
      font-size: 35px;
      line-height: 1.28571; }
      .col--medium-8 .snackableNews__headline, .col--medium-6 .snackableNews__headline, .col--medium-4 .snackableNews__headline {
        font-size: 18px;
        line-height: 1.55556; } }
  .snackableNews__headline:last-child {
    margin-bottom: -8px; }
  .snackableNews__headline + .btn {
    margin-top: 20px; }
  .snackableNews__subline + .snackableNews__headline {
    margin-top: 2px; }

.snackableNews__subline {
  font-family: "HelveticaNeue-Light", Arial, sans-serif;
  font-size: 15px;
  line-height: 2;
  color: #9c9c9c;
  text-transform: uppercase; }

.snackableNews__text {
  font-size: 18px;
  line-height: 1.55556;
  color: #6f6f6f; }
  .snackableNews__headline + .snackableNews__text,
  .snackableNews__subline + .snackableNews__text {
    margin-top: 10px; }
  .snackableNews__text:last-child {
    margin-bottom: -8px; }
  .snackableNews__text + .btn {
    margin-top: 22px; }

.snackableNews--cyan .snackableNews__headline {
  color: #00e5e5; }

.snackableNews--green .snackableNews__headline {
  color: #00E500; }

.snackableNews--imageRight .snackableNews__imageContainer .snackableNews__image, .snackableNews--imageLeft .snackableNews__imageContainer .snackableNews__image, .snackableNews--image .snackableNews__imageContainer .snackableNews__image {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; }
  .snackableNews--imageRight .snackableNews__imageContainer .snackableNews__image .picture, .snackableNews--imageLeft .snackableNews__imageContainer .snackableNews__image .picture, .snackableNews--image .snackableNews__imageContainer .snackableNews__image .picture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .snackableNews--imageRight .snackableNews__imageContainer .snackableNews__image .picture img, .snackableNews--imageLeft .snackableNews__imageContainer .snackableNews__image .picture img, .snackableNews--image .snackableNews__imageContainer .snackableNews__image .picture img {
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: 50% 50%;
      object-position: 50% 50%;
      font-family: "object-fit: cover; object-position: 50% 50%"; }

.snackableNews--image {
  display: flex;
  flex-direction: column;
  padding: 0; }
  .snackableNews--image .snackableNews__textContainer {
    padding: 30px 10px; }
    @media (min-width: 768px) {
      .snackableNews--image .snackableNews__textContainer {
        padding: 40px 20px; } }

.snackableNews--imageRight, .snackableNews--imageLeft {
  display: flex;
  flex-direction: column; }
  @media (min-width: 768px) {
    .snackableNews--imageRight, .snackableNews--imageLeft {
      flex-direction: row; } }
  .snackableNews--imageRight .snackableNews__textContainer, .snackableNews--imageLeft .snackableNews__textContainer {
    width: calc(100%);
    border-top: none; }
    @media (min-width: 768px) {
      .snackableNews--imageRight .snackableNews__textContainer, .snackableNews--imageLeft .snackableNews__textContainer {
        width: calc(50% - 20px);
        margin: 0; } }
  .snackableNews--imageRight .snackableNews__imageContainer, .snackableNews--imageLeft .snackableNews__imageContainer {
    width: calc(100%); }
    @media (min-width: 768px) {
      .snackableNews--imageRight .snackableNews__imageContainer, .snackableNews--imageLeft .snackableNews__imageContainer {
        width: calc(50% - 20px); } }

@media (min-width: 768px) {
  .snackableNews--oneThird .snackableNews__imageContainer {
    width: calc(33.333% - 20px); } }

@media (min-width: 768px) {
  .snackableNews--oneThird .snackableNews__textContainer {
    width: calc(66.666% - 20px); } }

@media (min-width: 768px) {
  .snackableNews--twoThirds .snackableNews__imageContainer {
    width: calc(66.666% - 20px); } }

@media (min-width: 768px) {
  .snackableNews--twoThirds .snackableNews__textContainer {
    width: calc(33.333% - 20px); } }

@media (min-width: 768px) {
  .snackableNews--imageRight .snackableNews__textContainer {
    margin-right: 20px;
    order: 1; } }

@media (min-width: 768px) {
  .snackableNews--imageRight .snackableNews__imageContainer {
    margin-left: 20px;
    order: 2; } }

@media (min-width: 768px) {
  .snackableNews--imageLeft .snackableNews__textContainer {
    margin-left: 20px;
    order: 2; } }

@media (min-width: 768px) {
  .snackableNews--imageLeft .snackableNews__imageContainer {
    margin-right: 20px;
    order: 1; } }

.col--medium-4 .snackableNews.snackableNews--imageRight, .col--medium-4 .snackableNews.snackableNews--imageLeft, .col--medium-6 .snackableNews.snackableNews--imageRight, .col--medium-6 .snackableNews.snackableNews--imageLeft {
  flex-direction: column;
  border: none;
  padding: 0; }
  .col--medium-4 .snackableNews.snackableNews--imageRight .snackableNews__textContainer, .col--medium-4 .snackableNews.snackableNews--imageRight .snackableNews__imageContainer, .col--medium-4 .snackableNews.snackableNews--imageLeft .snackableNews__textContainer, .col--medium-4 .snackableNews.snackableNews--imageLeft .snackableNews__imageContainer, .col--medium-6 .snackableNews.snackableNews--imageRight .snackableNews__textContainer, .col--medium-6 .snackableNews.snackableNews--imageRight .snackableNews__imageContainer, .col--medium-6 .snackableNews.snackableNews--imageLeft .snackableNews__textContainer, .col--medium-6 .snackableNews.snackableNews--imageLeft .snackableNews__imageContainer {
    width: calc(100%);
    margin-left: 0;
    margin-right: 0;
    order: 0; }

.col--medium-4 .snackableNews {
  padding: 0;
  border: none; }
  .col--medium-4 .snackableNews.snackableNews--imageRight .snackableNews__textContainer, .col--medium-4 .snackableNews.snackableNews--imageLeft .snackableNews__textContainer, .col--medium-4 .snackableNews.snackableNews--image .snackableNews__textContainer, .col--medium-4 .snackableNews .snackableNews__textContainer {
    border: 1px solid #dddddd;
    padding: 30px 10px; }

.col--medium-6 .snackableNews.snackableNews--imageRight, .col--medium-6 .snackableNews.snackableNews--imageLeft, .col--medium-6 .snackableNews.snackableNews--image, .col--medium-6 .snackableNews {
  padding: 0;
  border: none; }
  .col--medium-6 .snackableNews.snackableNews--imageRight .snackableNews__textContainer, .col--medium-6 .snackableNews.snackableNews--imageLeft .snackableNews__textContainer, .col--medium-6 .snackableNews.snackableNews--image .snackableNews__textContainer, .col--medium-6 .snackableNews .snackableNews__textContainer {
    border: 1px solid #dddddd;
    padding: 30px 10px; }
    @media (min-width: 1024px) {
      .col--medium-6 .snackableNews.snackableNews--imageRight .snackableNews__textContainer, .col--medium-6 .snackableNews.snackableNews--imageLeft .snackableNews__textContainer, .col--medium-6 .snackableNews.snackableNews--image .snackableNews__textContainer, .col--medium-6 .snackableNews .snackableNews__textContainer {
        border: 1px solid #dddddd;
        padding: 40px 20px; } }

@media (max-width: 1023px) {
  .col--medium-8 .snackableNews.snackableNews--imageRight, .col--medium-8 .snackableNews.snackableNews--imageLeft {
    flex-direction: column;
    border: none;
    padding: 0; }
    .col--medium-8 .snackableNews.snackableNews--imageRight .snackableNews__textContainer, .col--medium-8 .snackableNews.snackableNews--imageRight .snackableNews__imageContainer, .col--medium-8 .snackableNews.snackableNews--imageLeft .snackableNews__textContainer, .col--medium-8 .snackableNews.snackableNews--imageLeft .snackableNews__imageContainer {
      width: calc(100%);
      margin-left: 0;
      margin-right: 0;
      order: 0; }
    .col--medium-8 .snackableNews.snackableNews--imageRight .snackableNews__textContainer, .col--medium-8 .snackableNews.snackableNews--imageLeft .snackableNews__textContainer {
      border: 1px solid #dddddd;
      padding: 40px 20px; } }

@media (max-width: 767px) {
  .col--medium-8 .snackableNews.snackableNews--imageRight .snackableNews__textContainer, .col--medium-8 .snackableNews.snackableNews--imageLeft .snackableNews__textContainer {
    padding: 30px 10px; } }

.newsrow {
  display: flex;
  flex-direction: column;
  margin-top: 30px; }
  @media (min-width: 768px) {
    .newsrow {
      flex-direction: row;
      align-items: stretch;
      margin-top: 50px; }
      .col--medium-4 .newsrow, .col--medium-6 .newsrow, .col--medium-8 .newsrow {
        flex-direction: column; } }
  .newsrow .snackableNews {
    display: block; }
    .newsrow .snackableNews .snackableNews__imageContainer + .snackableNews__textContainer {
      border-top: none; }
      .newsrow .snackableNews .snackableNews__imageContainer + .snackableNews__textContainer .snackableNews__headline {
        font-size: 18px;
        line-height: 1.55556; }
      .newsrow .snackableNews .snackableNews__imageContainer + .snackableNews__textContainer .snackableNews__subline + .snackableNews__headline {
        margin-top: 4px; }
    .newsrow .snackableNews--cyan .snackableNews__headline, .newsrow .snackableNews--green .snackableNews__headline {
      color: #2d4275; }
  .newsrow.newsrow--3perrow .snackableNews:first-child {
    margin-top: 0; }
  @media (min-width: 768px) {
    .newsrow.newsrow--3perrow .snackableNews {
      margin-top: 0;
      padding: 30px 10px;
      width: calc(33.3334% - 27px); }
      .newsrow.newsrow--3perrow .snackableNews:nth-child(1) {
        margin-right: 20px; }
      .newsrow.newsrow--3perrow .snackableNews:nth-child(2) {
        margin-left: 20px;
        margin-right: 20px; }
      .newsrow.newsrow--3perrow .snackableNews:nth-child(3) {
        margin-left: 20px; }
      .newsrow.newsrow--3perrow .snackableNews__textContainer {
        width: 100%;
        margin: 0; }
      .col--medium-4 .newsrow.newsrow--3perrow .snackableNews, .col--medium-6 .newsrow.newsrow--3perrow .snackableNews, .col--medium-8 .newsrow.newsrow--3perrow .snackableNews {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        margin-top: 50px; }
        .col--medium-4 .newsrow.newsrow--3perrow .snackableNews:first-child, .col--medium-6 .newsrow.newsrow--3perrow .snackableNews:first-child, .col--medium-8 .newsrow.newsrow--3perrow .snackableNews:first-child {
          margin-top: 0; } }
  @media (min-width: 1024px) {
    .newsrow.newsrow--3perrow .snackableNews {
      padding: 40px 20px; } }
  @media (min-width: 768px) {
    .newsrow.newsrow--3perrow .snackableNews.snackableNews--image, .newsrow.newsrow--3perrow .snackableNews.snackableNews--imageLeft, .newsrow.newsrow--3perrow .snackableNews.snackableNews--imageRight {
      padding: 0; }
      .newsrow.newsrow--3perrow .snackableNews.snackableNews--image .snackableNews__textContainer, .newsrow.newsrow--3perrow .snackableNews.snackableNews--imageLeft .snackableNews__textContainer, .newsrow.newsrow--3perrow .snackableNews.snackableNews--imageRight .snackableNews__textContainer {
        border-top: none;
        padding: 30px 10px; } }
  @media (min-width: 1024px) {
    .newsrow.newsrow--3perrow .snackableNews.snackableNews--image .snackableNews__textContainer, .newsrow.newsrow--3perrow .snackableNews.snackableNews--imageLeft .snackableNews__textContainer, .newsrow.newsrow--3perrow .snackableNews.snackableNews--imageRight .snackableNews__textContainer {
      padding: 40px 20px; } }
  .newsrow.newsrow--2perrow .snackableNews:first-child {
    margin-top: 0; }
  @media (min-width: 768px) {
    .newsrow.newsrow--2perrow .snackableNews {
      margin-top: 0;
      padding: 30px 10px;
      width: calc(50% - 20px); }
      .newsrow.newsrow--2perrow .snackableNews:nth-child(1) {
        margin-right: 20px; }
      .newsrow.newsrow--2perrow .snackableNews:nth-child(2) {
        margin-left: 20px; }
      .newsrow.newsrow--2perrow .snackableNews__textContainer {
        width: 100%;
        margin: 0; }
      .col--medium-4 .newsrow.newsrow--2perrow .snackableNews, .col--medium-6 .newsrow.newsrow--2perrow .snackableNews, .col--medium-8 .newsrow.newsrow--2perrow .snackableNews {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        margin-top: 50px; }
        .col--medium-4 .newsrow.newsrow--2perrow .snackableNews:first-child, .col--medium-6 .newsrow.newsrow--2perrow .snackableNews:first-child, .col--medium-8 .newsrow.newsrow--2perrow .snackableNews:first-child {
          margin-top: 0; } }
  @media (min-width: 1024px) {
    .newsrow.newsrow--2perrow .snackableNews {
      padding: 40px 20px; } }
  @media (min-width: 768px) {
    .newsrow.newsrow--2perrow .snackableNews.snackableNews--image, .newsrow.newsrow--2perrow .snackableNews.snackableNews--imageLeft, .newsrow.newsrow--2perrow .snackableNews.snackableNews--imageRight {
      padding: 0; }
      .newsrow.newsrow--2perrow .snackableNews.snackableNews--image .snackableNews__textContainer, .newsrow.newsrow--2perrow .snackableNews.snackableNews--imageLeft .snackableNews__textContainer, .newsrow.newsrow--2perrow .snackableNews.snackableNews--imageRight .snackableNews__textContainer {
        border-top: none;
        padding: 30px 10px; } }
  @media (min-width: 1024px) {
    .newsrow.newsrow--2perrow .snackableNews.snackableNews--image .snackableNews__textContainer, .newsrow.newsrow--2perrow .snackableNews.snackableNews--imageLeft .snackableNews__textContainer, .newsrow.newsrow--2perrow .snackableNews.snackableNews--imageRight .snackableNews__textContainer {
      padding: 40px 20px; } }

.resultList:before, .resultList:after {
  content: " ";
  display: table; }

.resultList:after {
  clear: both; }

.resultList__filter {
  margin-bottom: -10px; }
  .resultList__filter:before, .resultList__filter:after {
    content: " ";
    display: table; }
  .resultList__filter:after {
    clear: both; }

.resultList__filterText {
  border-bottom: 1px solid #6f6f6f;
  padding-bottom: 5px;
  margin-bottom: 10px;
  color: #6f6f6f;
  font-family: "HelveticaNeue-Medium", Arial, sans-serif;
  font-size: 18px; }
  @media (min-width: 768px) {
    .resultList__filterText {
      float: left;
      padding: 2px 10px 2px 0;
      margin: 0 10px 10px 0;
      border-bottom: none;
      font-size: 25px; } }
  .resultList__filterText:after {
    position: relative;
    font-family: "Icons";
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 15px;
    float: right;
    cursor: pointer;
    top: 5px; }
    @media (min-width: 768px) {
      .resultList__filterText:after {
        content: ''; } }
  .resultList__filterText.is-open:after {
    position: relative;
    font-family: "Icons";
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 15px;
    float: right;
    cursor: pointer;
    top: 5px; }
    @media (min-width: 768px) {
      .resultList__filterText.is-open:after {
        content: ''; } }

.resultList__filterCategories {
  display: none;
  font-family: "HelveticaNeue-Medium", Arial, sans-serif;
  font-size: 15px; }
  @media (min-width: 768px) {
    .resultList__filterCategories {
      display: block;
      float: left;
      font-size: 18px; } }
  .resultList__filterCategories span {
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 2px 18px;
    font-size: 15px;
    line-height: 24px;
    color: #6f6f6f;
    background: #fff;
    border: 2px solid #6f6f6f;
    cursor: pointer;
    text-transform: uppercase; }
    .resultList__filterCategories span.active {
      color: #00e5e5;
      background: #6f6f6f;
      border-color: #6f6f6f; }
    .resultList__filterCategories span:last-child {
      margin-right: 0; }
    html:not(.touchevents) .resultList__filterCategories span:hover {
      border-color: #9c9c9c;
      color: #9c9c9c; }
    html:not(.touchevents) .resultList__filterCategories span.active:hover {
      color: #00e5e5;
      border-color: #6f6f6f; }

.resultList .resultList__filterText.is-open + .resultList__filterCategories {
  display: block; }

.resultList .resultList__moreButton {
  display: block;
  margin-top: 30px; }
  .resultList .resultList__moreButton:hover {
    border-color: #2d4275;
    color: #2d4275; }
  @media (min-width: 768px) {
    .resultList .resultList__moreButton {
      width: calc(33.3334% - 20px); } }

.resultList__content {
  margin-top: 30px; }
  @media (min-width: 768px) {
    .resultList__content {
      margin-top: 50px; } }
  .resultList__content > .snackableNews,
  .resultList__content > .teaser {
    margin-top: 30px; }
    @media (min-width: 768px) {
      .resultList__content > .snackableNews,
      .resultList__content > .teaser {
        margin-top: 50px; } }

.logoContainer {
  margin-top: 50px;
  display: block;
  max-width: 1220px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px; }
  .logoContainer:after {
    content: " ";
    display: block;
    clear: both; }
  .logoContainer .logoContainer__image {
    width: 100%;
    max-width: 240px; }
    @media (min-width: 768px) {
      .logoContainer .logoContainer__image {
        max-width: 420px;
        width: 33.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: 66.66667%; } }

.socialMediaSharing {
  z-index: 100;
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 0; }
  @media (min-width: 768px) {
    .socialMediaSharing {
      bottom: auto;
      top: 30%;
      right: calc(48px - 100vw); }
      .scrollbarShown .socialMediaSharing {
        right: calc(48px + 16px - 100vw); }
      .edge .scrollbarShown .socialMediaSharing {
        right: calc(48px + 12px - 100vw); } }
  .socialMediaSharing__button {
    float: left;
    width: 20%;
    height: 32px; }
    .socialMediaSharing__button a {
      display: inline-block;
      width: 100%;
      height: 100%;
      color: #fff;
      text-align: center; }
      .socialMediaSharing__button a:hover {
        color: #fff; }
      .socialMediaSharing__button a span:before {
        line-height: 32px;
        font-size: 18px; }
        @media (min-width: 768px) {
          .socialMediaSharing__button a span:before {
            line-height: 48px; } }
    .socialMediaSharing__button--share {
      background-color: #6f6f6f; }
      .socialMediaSharing__button--share span {
        display: inline-block;
        width: 100%;
        height: 100%;
        color: #fff;
        text-align: center; }
        .socialMediaSharing__button--share span:before {
          font-size: 24px;
          line-height: 32px; }
          @media (min-width: 768px) {
            .socialMediaSharing__button--share span:before {
              line-height: 48px; } }
    .socialMediaSharing__button--facebook {
      background: #3b5999; }
    .socialMediaSharing__button--linkedIn {
      background: #0077b5; }
    .socialMediaSharing__button--twitter {
      background: #1da1f2; }
    .socialMediaSharing__button--mail {
      background: #2d4275; }
      .socialMediaSharing__button--mail a span:before {
        font-size: 14px; }
    @media (min-width: 768px) {
      .socialMediaSharing__button {
        position: relative;
        float: none;
        width: 48px;
        height: 48px;
        left: 0;
        transition: width .3s, left .3s; }
        html:not(.touchevents) .socialMediaSharing__button:not(.socialMediaSharing__button--share):hover {
          width: 64px;
          left: -16px; } }
  .socialMediaSharing__toggle {
    display: none; }
  @media (min-width: 768px) {
    .socialMediaSharing.is-hidden .socialMediaSharing__button, .socialMediaSharing.is-hidden .socialMediaSharing__button:hover {
      left: 40px; }
    .socialMediaSharing.is-hidden .socialMediaSharing__toggle {
      left: 24px;
      opacity: 1; }
      .socialMediaSharing.is-hidden .socialMediaSharing__toggle [class*="icon-"]:before {
        display: inline-block;
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
    .socialMediaSharing__toggle {
      position: relative;
      padding-left: 8px;
      display: block;
      opacity: 0;
      left: 0;
      transition: opacity .3s, left .3s;
      color: #9c9c9c;
      cursor: pointer; }
    .socialMediaSharing:hover .socialMediaSharing__toggle, .touchevents .socialMediaSharing .socialMediaSharing__toggle {
      opacity: 1; } }

.accordion:before, .accordion:after {
  content: " ";
  display: table; }

.accordion:after {
  clear: both; }

.accordion__panel {
  position: relative;
  float: left;
  width: 100%; }
  .accordion__panel:first-child {
    margin-top: 0; }
  .accordion__panel:last-child {
    border-bottom: 1px solid #dddddd; }
  .accordion__panel--open .accordion__content {
    display: block; }
  .accordion__panel--open .accordion__titleLink {
    color: #266693; }
  .accordion__panel--open .accordion__icon {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .accordion__panel--opening .accordion__icon {
    -webkit-animation: iconSpinOpen 0.3s linear;
            animation: iconSpinOpen 0.3s linear;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; }
  .accordion__panel--closing .accordion__icon {
    -webkit-animation: iconSpinClose 0.3s linear;
            animation: iconSpinClose 0.3s linear;
    -webkit-transform: none;
            transform: none;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; }

.accordion__icon {
  position: absolute;
  top: 15px;
  right: 0;
  line-height: 1; }
  @media (min-width: 768px) {
    .accordion__icon {
      top: 14px; } }
  @media (min-width: 1280px) {
    .accordion__icon {
      top: 19px; } }
  .accordion__icon:before {
    font-size: 25px; }
    @media (min-width: 768px) {
      .accordion__icon:before {
        font-size: 30px; } }
    @media (min-width: 1280px) {
      .accordion__icon:before {
        font-size: 44px; } }

.accordion__title {
  margin: 0;
  position: relative;
  border-top: 1px solid #dddddd; }

.accordion__titleLink {
  display: block;
  padding: 12px 55px 13px 0;
  text-decoration: none;
  color: #2d4275;
  font-family: "HelveticaNeue-Light", Arial, sans-serif; }
  @media (min-width: 1280px) {
    .accordion__titleLink {
      padding: 19px 55px 21px 0; } }
  .accordion__titleLink:hover {
    color: #266693; }

.accordion__content {
  display: none;
  padding-bottom: 22px; }
  .accordion__content > .component:first-child {
    margin-top: 0; }
  @media (min-width: 768px) {
    .accordion__content {
      padding-top: 3px; } }
  @media (min-width: 1280px) {
    .accordion__content {
      padding-top: 20px; } }

.accordion.tabs .accordion__panel:last-child {
  border-bottom: none; }

.accordion.tabs .accordion__tabs {
  position: relative;
  visibility: visible; }

.accordion.tabs .accordion__content > .component:first-child {
  margin-top: 30px; }

.accordion__tabs {
  width: 100%;
  background-color: #ededed;
  position: absolute;
  float: left;
  visibility: hidden;
  height: 40px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap; }
  .accordion__tabs:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #dddddd;
    display: block; }
  .section--colorTheme1 .accordion__tabs {
    background-color: #fff; }
    .section--colorTheme1 .accordion__tabs:after {
      background-color: #ededed; }
  .accordion__tabsPanel {
    display: block;
    width: auto;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    border-width: 0 1px 2px 1px;
    border-style: solid;
    background-color: #ededed;
    border-color: #dddddd;
    z-index: 1; }
    .accordion__tabsPanel:first-child {
      border-left-width: 2px; }
    .accordion__tabsPanel:last-child {
      border-right-width: 2px; }
    .accordion__tabsPanel:before {
      content: "";
      position: relative;
      width: 0;
      height: 2px;
      background-color: #dddddd;
      display: block; }
    .accordion__tabsPanel--open {
      background-color: #fff;
      border-bottom: 2px solid #fff; }
      .accordion__tabsPanel--open:first-child {
        border-left-color: #fff; }
      .accordion__tabsPanel--open .accordion__tabs__titleLink {
        color: #6f6f6f; }
      .accordion__tabsPanel--open:before {
        width: 100%;
        background-color: #2d4275; }
    .accordion__tabsPanel:hover:before {
      width: 100%;
      background-color: #266693;
      transition-property: width;
      transition-duration: 0.3s;
      transition-timing-function: ease-out; }
    .section--colorTheme1 .accordion__tabsPanel {
      background-color: #fff;
      border-color: #ededed; }
      .section--colorTheme1 .accordion__tabsPanel--open {
        background-color: #ededed;
        border-color: #ededed;
        border-bottom-color: #ededed; }
        .section--colorTheme1 .accordion__tabsPanel--open:first-child {
          border-left-color: #ededed; }
    .accordion__tabsPanel .accordion__icon {
      display: none; }
  .accordion__tabsTitleLink {
    font-family: "HelveticaNeue-Medium", Arial, sans-serif;
    font-size: 15px;
    color: #2d4275;
    text-transform: uppercase;
    display: block;
    padding: 4px 20px; }
    .accordion__tabsTitleLink:hover {
      color: #266693; }

.accordion--customselect h3 {
  font-size: 15px; }
  .accordion--customselect h3.accordion__title {
    padding-left: 40px;
    border: none; }

.accordion--customselect .accordion__titleLink {
  text-transform: uppercase;
  font-family: "HelveticaNeue-Medium", Arial, sans-serif; }
  .accordion--customselect .accordion__titleLink:hover .accordion__icon {
    border-color: #266693; }

.accordion--customselect .accordion__icon {
  width: 30px;
  height: 30px;
  right: auto;
  left: 0;
  top: 50%;
  margin-top: -15px; }
  .accordion--customselect .accordion__icon::before {
    font-size: 30px;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0; }

.accordion--customselect .accordion__panel:last-child {
  border: none; }

.accordion--customselect .accordion__panel .link-wrapper a {
  margin: 10px 0 0 0; }

@media (min-width: 600px) {
  .accordion--customselect .accordion__panel .link-wrapper {
    margin-left: -10px; }
    .accordion--customselect .accordion__panel .link-wrapper:before, .accordion--customselect .accordion__panel .link-wrapper:after {
      content: " ";
      display: table; }
    .accordion--customselect .accordion__panel .link-wrapper:after {
      clear: both; }
    .accordion--customselect .accordion__panel .link-wrapper a {
      margin-left: 10px;
      float: left; } }

.accordion--customselect .accordion__panel--open .accordion__icon {
  border-color: #266693; }

@media (min-width: 600px) {
  .accordion--customselect .accordion__content {
    padding-top: 0; } }

@-webkit-keyframes iconSpinOpen {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); } }

@keyframes iconSpinOpen {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); } }

@-webkit-keyframes iconSpinClose {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes iconSpinClose {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

.list {
  margin-bottom: 0;
  padding: 0;
  overflow: hidden; }
  .list > li {
    position: relative; }
  .list--link > li {
    margin-bottom: 15px;
    padding-left: 11px; }
    @media (min-width: 1024px) {
      .list--link > li {
        padding-right: 33%; } }
    .col--medium-3 .list--link > li,
    .col--medium-4 .list--link > li,
    .col--medium-6 .list--link > li,
    .col--medium-8 .list--link > li {
      padding-right: 0; }
    .list--link > li > a {
      word-wrap: break-word; }
      .list--link > li > a:hover {
        color: #2d4275;
        text-decoration: none;
        background: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#2d4275, #2d4275);
        background-size: .05em 1px, .05em 1px, 1px 1px;
        background-repeat: no-repeat, no-repeat, repeat-x;
        text-shadow: 0.03em 1px #fff, -0.03em 1px #fff, 1px 0.03em #fff, 1px -0.03em #fff, 0.06em 1px #fff, -0.06em 1px #fff, 0.09em 1px #fff, -0.09em 1px #fff, 0.12em 1px #fff, -0.12em 1px #fff, 0.15em 1px #fff, -0.15em 1px #fff, 0.18em 1px #fff, -0.18em 1px #fff;
        background-position-y: 100%, 100%, 100%;
        background-position-x: 0, 100%, 0; }
        .list--link > li > a:hover:before, .list--link > li > a:hover:after, .list--link > li > a:hover *, .list--link > li > a:hover *:before, .list--link > li > a:hover *:after {
          text-shadow: none; }
        .list--link > li > a:hover:visited {
          color: #2d4275; }
      .section--colorTheme1 .list--link > li > a:hover {
        color: #2d4275;
        text-decoration: none;
        background: linear-gradient(#f2f2f2, #f2f2f2), linear-gradient(#f2f2f2, #f2f2f2), linear-gradient(#2d4275, #2d4275);
        background-size: .05em 1px, .05em 1px, 1px 1px;
        background-repeat: no-repeat, no-repeat, repeat-x;
        text-shadow: 0.03em 1px #f2f2f2, -0.03em 1px #f2f2f2, 1px 0.03em #f2f2f2, 1px -0.03em #f2f2f2, 0.06em 1px #f2f2f2, -0.06em 1px #f2f2f2, 0.09em 1px #f2f2f2, -0.09em 1px #f2f2f2, 0.12em 1px #f2f2f2, -0.12em 1px #f2f2f2, 0.15em 1px #f2f2f2, -0.15em 1px #f2f2f2, 0.18em 1px #f2f2f2, -0.18em 1px #f2f2f2;
        background-position-y: 100%, 100%, 100%;
        background-position-x: 0, 100%, 0; }
        .section--colorTheme1 .list--link > li > a:hover:before, .section--colorTheme1 .list--link > li > a:hover:after, .section--colorTheme1 .list--link > li > a:hover *, .section--colorTheme1 .list--link > li > a:hover *:before, .section--colorTheme1 .list--link > li > a:hover *:after {
          text-shadow: none; }
        .section--colorTheme1 .list--link > li > a:hover:visited {
          color: #2d4275; }
      .footer .list--link > li > a:hover {
        color: #2d4275;
        text-decoration: none;
        background: linear-gradient(#ededed, #ededed), linear-gradient(#ededed, #ededed), linear-gradient(#2d4275, #2d4275);
        background-size: .05em 1px, .05em 1px, 1px 1px;
        background-repeat: no-repeat, no-repeat, repeat-x;
        text-shadow: 0.03em 1px #ededed, -0.03em 1px #ededed, 1px 0.03em #ededed, 1px -0.03em #ededed, 0.06em 1px #ededed, -0.06em 1px #ededed, 0.09em 1px #ededed, -0.09em 1px #ededed, 0.12em 1px #ededed, -0.12em 1px #ededed, 0.15em 1px #ededed, -0.15em 1px #ededed, 0.18em 1px #ededed, -0.18em 1px #ededed;
        background-position-y: 100%, 100%, 100%;
        background-position-x: 0, 100%, 0; }
        .footer .list--link > li > a:hover:before, .footer .list--link > li > a:hover:after, .footer .list--link > li > a:hover *, .footer .list--link > li > a:hover *:before, .footer .list--link > li > a:hover *:after {
          text-shadow: none; }
        .footer .list--link > li > a:hover:visited {
          color: #2d4275; }
    .list--link > li:before {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      font-size: 40%;
      position: absolute;
      top: 9px;
      left: 2px;
      color: #2d4275;
      font-size: 50%; }
    .list--link > li:last-child {
      margin-bottom: 0; }
    .textcontainer--cyan .list--link > li > a {
      color: #00e5e5; }
      .textcontainer--cyan .list--link > li > a:hover {
        color: #fff;
        text-decoration: none;
        background: linear-gradient(#6f6f6f, #6f6f6f), linear-gradient(#6f6f6f, #6f6f6f), linear-gradient(#fff, #fff);
        background-size: .05em 1px, .05em 1px, 1px 1px;
        background-repeat: no-repeat, no-repeat, repeat-x;
        text-shadow: 0.03em 1px #6f6f6f, -0.03em 1px #6f6f6f, 1px 0.03em #6f6f6f, 1px -0.03em #6f6f6f, 0.06em 1px #6f6f6f, -0.06em 1px #6f6f6f, 0.09em 1px #6f6f6f, -0.09em 1px #6f6f6f, 0.12em 1px #6f6f6f, -0.12em 1px #6f6f6f, 0.15em 1px #6f6f6f, -0.15em 1px #6f6f6f, 0.18em 1px #6f6f6f, -0.18em 1px #6f6f6f;
        background-position-y: 100%, 100%, 100%;
        background-position-x: 0, 100%, 0; }
        .textcontainer--cyan .list--link > li > a:hover:before, .textcontainer--cyan .list--link > li > a:hover:after, .textcontainer--cyan .list--link > li > a:hover *, .textcontainer--cyan .list--link > li > a:hover *:before, .textcontainer--cyan .list--link > li > a:hover *:after {
          text-shadow: none; }
        .textcontainer--cyan .list--link > li > a:hover:visited {
          color: #fff; }
    .textcontainer--cyan .list--link > li:before {
      color: #00e5e5; }
    .textcontainer--green .list--link > li > a {
      color: #00E500; }
      .textcontainer--green .list--link > li > a:hover {
        color: #fff;
        text-decoration: none;
        background: linear-gradient(#6f6f6f, #6f6f6f), linear-gradient(#6f6f6f, #6f6f6f), linear-gradient(#fff, #fff);
        background-size: .05em 1px, .05em 1px, 1px 1px;
        background-repeat: no-repeat, no-repeat, repeat-x;
        text-shadow: 0.03em 1px #6f6f6f, -0.03em 1px #6f6f6f, 1px 0.03em #6f6f6f, 1px -0.03em #6f6f6f, 0.06em 1px #6f6f6f, -0.06em 1px #6f6f6f, 0.09em 1px #6f6f6f, -0.09em 1px #6f6f6f, 0.12em 1px #6f6f6f, -0.12em 1px #6f6f6f, 0.15em 1px #6f6f6f, -0.15em 1px #6f6f6f, 0.18em 1px #6f6f6f, -0.18em 1px #6f6f6f;
        background-position-y: 100%, 100%, 100%;
        background-position-x: 0, 100%, 0; }
        .textcontainer--green .list--link > li > a:hover:before, .textcontainer--green .list--link > li > a:hover:after, .textcontainer--green .list--link > li > a:hover *, .textcontainer--green .list--link > li > a:hover *:before, .textcontainer--green .list--link > li > a:hover *:after {
          text-shadow: none; }
        .textcontainer--green .list--link > li > a:hover:visited {
          color: #fff; }
    .textcontainer--green .list--link > li:before {
      color: #00E500; }
    .textcontainer--white .list--link > li > a {
      color: #fff; }
      .textcontainer--white .list--link > li > a:hover {
        color: #fff;
        text-decoration: none;
        background: linear-gradient(#6f6f6f, #6f6f6f), linear-gradient(#6f6f6f, #6f6f6f), linear-gradient(#fff, #fff);
        background-size: .05em 1px, .05em 1px, 1px 1px;
        background-repeat: no-repeat, no-repeat, repeat-x;
        text-shadow: 0.03em 1px #6f6f6f, -0.03em 1px #6f6f6f, 1px 0.03em #6f6f6f, 1px -0.03em #6f6f6f, 0.06em 1px #6f6f6f, -0.06em 1px #6f6f6f, 0.09em 1px #6f6f6f, -0.09em 1px #6f6f6f, 0.12em 1px #6f6f6f, -0.12em 1px #6f6f6f, 0.15em 1px #6f6f6f, -0.15em 1px #6f6f6f, 0.18em 1px #6f6f6f, -0.18em 1px #6f6f6f;
        background-position-y: 100%, 100%, 100%;
        background-position-x: 0, 100%, 0; }
        .textcontainer--white .list--link > li > a:hover:before, .textcontainer--white .list--link > li > a:hover:after, .textcontainer--white .list--link > li > a:hover *, .textcontainer--white .list--link > li > a:hover *:before, .textcontainer--white .list--link > li > a:hover *:after {
          text-shadow: none; }
        .textcontainer--white .list--link > li > a:hover:visited {
          color: #fff; }
    .textcontainer--white .list--link > li:before {
      color: #fff; }
    .textcontainer .list--link > li:hover > a {
      color: #fff; }
    .textcontainer .list--link > li:hover:before {
      color: #fff; }
  .list--download > li {
    margin-top: 15px; }
    .list--download > li:first-child {
      margin-top: 0; }
    .list--download > li > a {
      display: inline-block;
      width: 100%;
      padding: 7px 60px 7px 20px;
      background-color: #ededed;
      cursor: pointer;
      color: #2d4275; }
      @media (min-width: 1024px) {
        .list--download > li > a {
          padding-right: 33%; } }
      .col--medium-4 .list--download > li > a,
      .col--medium-6 .list--download > li > a,
      .col--medium-8 .list--download > li > a {
        padding-right: 60px; }
      .section--colorTheme1 .list--download > li > a {
        background-color: #fff; }
      .list--download > li > a:before {
        content: "";
        position: absolute;
        left: 0;
        right: 100%;
        bottom: 0;
        background: #266693;
        height: 3px;
        transition-property: right;
        transition-duration: 0.3s;
        transition-timing-function: ease-out; }
      .no-touchevents .list--download > li > a:hover:before {
        right: 0; }
      .list--download > li > a:after {
        position: relative;
        font-family: "Icons";
        font-size: 68%;
        line-height: 1;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        position: absolute;
        right: 20px;
        top: 50%;
        vertical-align: top;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        font-size: 142%;
        cursor: pointer;
        color: #2d4275; }
      .list--download > li > a:hover:after {
        color: #266693; }
    .list--download > li span {
      margin-right: 20px; }
      .list--download > li span.list--detail {
        color: #9c9c9c;
        display: inline-block;
        word-break: break-all; }
      .list--download > li span:after {
        content: '|';
        position: relative;
        color: #dddddd;
        left: 12px; }
      .list--download > li span:last-child:after {
        content: none; }

.downloadWithPicture {
  padding: 0;
  overflow: hidden; }
  .downloadWithPicture .image {
    margin-top: 0; }
  .downloadWithPicture > li {
    position: relative;
    float: left;
    width: 100%; }
    .downloadWithPicture > li img {
      width: 100%;
      height: auto; }
    .downloadWithPicture > li + li {
      border-top: 1px solid #dddddd; }
  .downloadWithPicture__linkedWrapper {
    display: inline-block;
    padding: 30px 0;
    width: 100%; }
    li:first-child .downloadWithPicture__linkedWrapper {
      padding-top: 0; }
    li:last-child .downloadWithPicture__linkedWrapper {
      padding-bottom: 0; }
  .downloadWithPicture__pictureWrapper {
    position: relative;
    float: left;
    width: 120px;
    padding: 0; }
    @media (min-width: 768px) {
      .downloadWithPicture__pictureWrapper {
        width: 16.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        padding: 0; }
        .col--medium-4 .downloadWithPicture__pictureWrapper {
          width: 120px; }
        .col--medium-6 .downloadWithPicture__pictureWrapper {
          width: 33.33333%;
          float: left;
          padding-left: 20px;
          padding-right: 20px; }
        .col--medium-8 .downloadWithPicture__pictureWrapper {
          width: 25%;
          float: left;
          padding-left: 20px;
          padding-right: 20px; }
        .col--medium-4 .downloadWithPicture__pictureWrapper,
        .col--medium-6 .downloadWithPicture__pictureWrapper,
        .col--medium-8 .downloadWithPicture__pictureWrapper {
          padding: 0; } }
    .downloadWithPicture__pictureWrapper .image {
      border: 1px solid #dddddd; }
  .downloadWithPicture__description {
    position: relative;
    float: left;
    clear: both;
    width: 100%; }
    .downloadWithPicture__description h3 {
      margin-top: 22px;
      color: #2d4275; }
    @media (min-width: 768px) {
      .downloadWithPicture__description {
        clear: none;
        width: 83.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        padding-right: 0; }
        .col--medium-4 .downloadWithPicture__description {
          width: 100%;
          padding: 0; }
          .col--medium-4 .downloadWithPicture__description h3 {
            margin-top: 22px; }
        .col--medium-6 .downloadWithPicture__description {
          width: 66.66667%;
          float: left;
          padding-left: 20px;
          padding-right: 20px; }
        .col--medium-8 .downloadWithPicture__description {
          width: 75%;
          float: left;
          padding-left: 20px;
          padding-right: 20px; }
        .col--medium-4 .downloadWithPicture__description,
        .col--medium-6 .downloadWithPicture__description,
        .col--medium-8 .downloadWithPicture__description {
          padding-right: 0; }
        .downloadWithPicture__description h3 {
          margin-top: -7px; } }
  .downloadWithPicture__subline {
    font-family: "HelveticaNeue-Medium", Arial, sans-serif;
    color: #6f6f6f;
    display: inline-block;
    width: 100%;
    margin-top: 16px;
    float: left; }
    .downloadWithPicture__subline span {
      margin-right: 8px; }
  .downloadWithPicture__fileDetails {
    color: #9c9c9c;
    display: inline-block;
    word-break: break-all;
    margin-left: 8px; }
    .downloadWithPicture__fileDetails:before {
      content: '|';
      position: relative;
      color: #dddddd;
      left: -8px; }
  .downloadWithPicture__link {
    display: inline-block;
    position: relative;
    float: left;
    margin-top: 14px;
    padding-left: 37px;
    margin-right: 40px; }
    .downloadWithPicture__link:before {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      font-size: 142%;
      cursor: pointer;
      color: #2d4275; }
    .downloadWithPicture__link:hover:before {
      color: #266693; }

.gallery {
  border: 1px solid #dddddd; }
  .gallery .owl__stage {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
    .gallery .owl__stage > div {
      float: left;
      height: 100%;
      margin-right: 5px; }
      .gallery .owl__stage > div > div {
        opacity: 0.7;
        height: inherit; }
        .gallery .owl__stage > div > div img {
          height: 100%;
          max-height: 100%;
          display: block; }
      .gallery .owl__stage > div.center > div {
        opacity: 1; }
  .gallery .owl__outer {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
    cursor: none; }
    .gallery .owl__outer:after {
      padding-top: 56.25%;
      display: block;
      content: ''; }
    .gallery .owl__outer--left .owl__cursor:before {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      position: relative;
      color: #fff;
      font-size: 60px;
      margin: 0;
      left: 0;
      top: 0; }
    .gallery .owl__outer--right .owl__cursor:before {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      font-size: 40%;
      position: relative;
      color: #fff;
      font-size: 60px;
      margin: 0;
      left: 0;
      top: 0; }
  .gallery .owl__cursor {
    top: 0;
    left: 0;
    position: absolute;
    width: 35px;
    height: 60px;
    z-index: 1;
    display: block;
    text-shadow: 0 0 1px #202020; }
    .mobileSafari .gallery .owl__cursor {
      display: none; }
  .gallery .owl__capture {
    width: 100%;
    padding: 41px 10px 12px;
    text-align: center;
    color: #9c9c9c;
    margin-top: -37px;
    background-color: #fff; }
    @media (min-width: 1024px) {
      .gallery .owl__capture {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 20px;
        line-height: 25px; } }
  .gallery .owl__nav {
    display: none; }
  .gallery .owl__prev {
    left: 0; }
    .gallery .owl__prev:before {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: ""; }
  .gallery .owl__next {
    right: 0; }
    .gallery .owl__next:before {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      font-size: 40%; }
  .gallery .owl__dots {
    position: relative;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    padding-top: 4px;
    text-align: center;
    background-color: #fff;
    -webkit-tap-highlight-color: transparent; }
  .gallery .owl__dot {
    display: inline-block;
    zoom: 1;
    cursor: pointer;
    *display: inline; }
    .gallery .owl__dot span {
      width: 9px;
      height: 9px;
      margin: 5px 10px;
      background: #2d4275;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
      @media (min-width: 1024px) {
        .gallery .owl__dot span {
          margin: 5px 13px; } }
    .gallery .owl__dot:hover span {
      background: #266693; }
    .gallery .owl__dot.active span {
      background: transparent; }
      .gallery .owl__dot.active span:before {
        position: relative;
        font-family: "Icons";
        font-size: 68%;
        line-height: 1;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        font-size: 100%;
        color: #00e5e5;
        left: -4px; }
  .gallery--numbered .owl__dots {
    font-family: "HelveticaNeue-Medium", Arial, sans-serif;
    color: #6f6f6f;
    font-size: 20px;
    counter-reset: slides-num;
    position: relative;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    margin-top: 9px;
    line-height: 25px;
    width: 0;
    height: 35px; }
    .gallery--numbered .owl__dots:before {
      content: '/';
      display: inline-block;
      position: relative;
      left: -4px; }
    .gallery--numbered .owl__dots:after {
      content: counter(slides-num);
      display: block;
      vertical-align: middle;
      position: absolute;
      top: 0;
      left: 9px; }
  .gallery--numbered .owl__dot {
    display: inline-block;
    counter-increment: slides-num;
    margin-right: 5px; }
    .gallery--numbered .owl__dot span {
      display: none; }
    .gallery--numbered .owl__dot.active {
      display: inline-block; }
      .gallery--numbered .owl__dot.active:before {
        content: counter(slides-num);
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        right: 9px;
        top: 0; }
  .gallery .image {
    margin: 0; }

.selectbox {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #2d4275;
  padding: 7px 25px 7px 12px !important;
  line-height: 1.5;
  margin-bottom: 6px;
  color: #2d4275;
  cursor: pointer;
  font-family: "HelveticaNeue-Light", Arial, sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff url("../img/forms/blue.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 42%; }
  .selectbox::-ms-expand {
    border: none;
    background: #fff !important;
    color: #fff; }
  .selectbox .form__element {
    top: 45px !important; }
  .selectbox + .form__message {
    margin-top: -6px;
    margin-bottom: 3px; }

.col .form {
  margin-top: 30px; }
  @media (min-width: 768px) {
    .col .form {
      margin-top: 50px; } }

.form .form__row {
  margin-left: -20px;
  margin-right: -20px; }
  .form .form__row:before, .form .form__row:after {
    content: " ";
    display: table; }
  .form .form__row:after {
    clear: both; }

.form .form__column {
  width: 100%;
  float: left;
  padding-left: 20px;
  padding-right: 20px; }
  @media (min-width: 768px) {
    .form .form__column.form__column--medium-3 {
      width: 25%;
      float: left;
      padding-left: 20px;
      padding-right: 20px; }
    .form .form__column.form__column--col--medium-6 {
      width: 50%;
      float: left;
      padding-left: 20px;
      padding-right: 20px; }
    .form .form__column.form__column--medium-9 {
      width: 75%;
      float: left;
      padding-left: 20px;
      padding-right: 20px; } }
  @media (min-width: 1024px) {
    .form .form__column.form__column--large-2 {
      width: 16.66667%;
      float: left;
      padding-left: 20px;
      padding-right: 20px; }
    .form .form__column.form__column--large-4 {
      width: 33.33333%;
      float: left;
      padding-left: 20px;
      padding-right: 20px; }
    .form .form__column.form__column--large-6 {
      width: 50%;
      float: left;
      padding-left: 20px;
      padding-right: 20px; }
    .form .form__column.form__column--large-8 {
      width: 66.66667%;
      float: left;
      padding-left: 20px;
      padding-right: 20px; } }
  .form .form__column.form__column-break + .form__column {
    clear: left; }
  .form .form__column .btnWrapper {
    margin-top: -30px; }

.js .form {
  visibility: hidden; }

.form.form--loaded {
  visibility: visible; }

.form input,
.form optgroup,
.form select,
.form textarea {
  font-family: "HelveticaNeue-Light", Arial, sans-serif; }

.form optgroup[disabled],
.form select[disabled] {
  cursor: default !important;
  color: #dddddd;
  border-bottom-color: #dddddd;
  background: #fff url("../img/forms/grey.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 42%; }

.form .form__message {
  font-family: "HelveticaNeue-Medium", Arial, sans-serif; }

.form h3,
.form .form__headline {
  margin-top: -6px;
  margin-bottom: 32px; }

.form .form__text {
  margin-top: -6px;
  /*
		a {
			@include link(false, true, false);
		}
		*/ }

.form__group {
  display: block;
  position: relative; }
  .form__group .form__inputWrapper {
    position: relative;
    z-index: 1; }
    .form__group .form__inputWrapper:before {
      position: absolute;
      background: #fff;
      width: 100%;
      height: 100%;
      content: '';
      z-index: -1; }
    .form__group .form__inputWrapper:after {
      right: 10px;
      top: 13px; }
  .form__group .form__label {
    position: absolute;
    top: 12px;
    left: 10px;
    color: #9c9c9c;
    cursor: text;
    transition: all .2s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px;
    width: calc(100% - 20px);
    z-index: -1;
    /*
			a {
				@include link();
			}
			*/ }
    .form__group .form__label--radio, .form__group .form__label--checkbox {
      position: static;
      white-space: normal;
      margin: 0; }
    .form__group .form__label__description {
      display: block;
      margin-top: 30px; }
  .form__group--required .form__label::after {
    content: '*';
    color: #9c9c9c; }
  .form__group--required input:focus + .form__label::after {
    color: #00e5e5; }
  .form__group .form__element {
    padding-right: 30px; }
    .form__group .form__element:focus {
      color: #6f6f6f; }
  .form__group .form__element--notEmpty + .form__label {
    color: #6f6f6f; }
  .form__group .form__element--notEmpty:not([type='file']) + .form__label {
    top: 0;
    font-size: 12px;
    font-family: "HelveticaNeue-Medium", Arial, sans-serif; }
  .form__group:focus .form__label {
    color: #00e5e5; }
    .form__group:focus .form__label:after {
      color: #00e5e5; }
  .form__group textarea:focus + .form__label,
  .form__group input:not([type='file']):focus + .form__label {
    top: 0;
    font-size: 12px;
    color: #00e5e5;
    font-family: "HelveticaNeue-Medium", Arial, sans-serif; }
  .form__group input[type='file']:focus + .form__label {
    color: #00e5e5; }
  .form__group input,
  .form__group select {
    height: 45px; }
  .form__group input,
  .form__group textarea {
    padding: 20px 10px 0; }
  .form__group input {
    display: block;
    border: 0;
    outline: 0;
    width: 100%;
    border-bottom: 1px solid #2d4275;
    background-color: transparent; }
    .form__group input::-ms-clear {
      display: none; }
  .form__group textarea {
    display: block;
    width: 100%;
    border: 1px solid #2d4275;
    background-color: transparent;
    resize: none; }
  .form__group--disabled .form__element {
    cursor: not-allowed; }
  .form__group--disabled .form__label,
  .form__group--disabled label {
    color: #dddddd; }
  .form__group--disabled.form__group--autocomplete input::-webkit-input-placeholder {
    color: #dddddd; }
  .form__group--disabled.form__group--autocomplete input:-moz-placeholder {
    color: #dddddd; }
  .form__group--disabled.form__group--autocomplete input::-moz-placeholder {
    color: #dddddd; }
  .form__group--disabled.form__group--autocomplete input:-ms-input-placeholder {
    color: #dddddd; }
  .form__group--disabled textarea {
    border: 1px solid #dddddd; }
  .form__group--disabled input {
    border-color: #dddddd; }
  .form__group input:focus,
  .form__group select:focus,
  .form__group textarea:focus {
    outline: 0;
    color: #202020;
    border-color: #00e5e5; }
  .form__group .form__message {
    color: #6f6f6f;
    font-size: 12px;
    line-height: 1.25;
    padding: 7px 0;
    min-height: 30px; }
    .form__group .form__message .form__infotext {
      color: #6f6f6f; }
    .form__group .form__message ul {
      list-style: none;
      padding: 0;
      margin: 0; }
  .form__group input:not([type="checkbox"]):not([type="radio"]),
  .form__group textarea,
  .form__group select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 0; }
  .form__group--autocomplete input {
    padding: 3px 10px 0;
    background-color: #fff;
    border: none !important;
    font-size: 17px; }
    @media (min-width: 768px) {
      .form__group--autocomplete input {
        width: 100%; } }
  .form__group--select .form__element {
    padding-right: 0; }
  .form__group--select .form__message {
    min-height: 30px;
    line-height: 1;
    z-index: 500; }
  .form__group--textarea .form__inputWrapper {
    height: 100%; }
  .form__group--textarea .form__element {
    width: 100%;
    height: 180px; }
  .form__group--file .form__inputWrapper {
    display: flex;
    flex-wrap: wrap; }
  .form__group--file .form__element {
    border: 0;
    height: auto;
    padding: 0;
    width: auto !important;
    order: 2; }
  .form__group--file .form__label {
    display: inline-block;
    position: relative;
    width: auto;
    left: auto;
    padding-left: 10px;
    top: auto;
    order: 1; }
  .form__group--checkbox {
    margin-top: -6px; }
    .form__group--checkbox input[type="checkbox"] {
      display: inline;
      width: auto;
      height: auto;
      padding: 5px;
      margin: 0 12px 0 0;
      border: 0;
      cursor: pointer; }
    .form__group--checkbox label {
      display: block;
      padding-left: 25px;
      text-indent: -25px;
      color: #6f6f6f; }
    .form__group--checkbox.form__group--disabled .form__label,
    .form__group--checkbox.form__group--disabled label {
      color: #dddddd; }
  .form__group--radio input[type="radio"] {
    width: auto;
    display: inline;
    height: auto;
    border: 0;
    margin-right: 5px;
    cursor: pointer;
    margin-left: 1px; }
  .form__group--radio label {
    color: #6f6f6f; }
  .form__group--radio .form__label {
    margin-top: -8px; }
  .form__group--radio.form__group--disabled label {
    cursor: not-allowed;
    color: #dddddd; }
  .form__group--checkbox .form__grid label, .form__group--radio .form__grid label {
    display: block;
    padding-right: 20px;
    margin-top: 12px;
    cursor: pointer; }
    @media (min-width: 768px) {
      .form__group--checkbox .form__grid label, .form__group--radio .form__grid label {
        float: left; } }
  .form__group--checkbox .form__grid--25 label, .form__group--radio .form__grid--25 label {
    float: left;
    width: 50%; }
  .form__group--checkbox .form__grid--33 label, .form__group--radio .form__grid--33 label {
    float: left;
    width: 100%; }
  @media (min-width: 768px) {
    .form__group--checkbox .form__grid--50 label, .form__group--radio .form__grid--50 label {
      width: 50%; }
    .form__group--checkbox .form__grid--25 label, .form__group--radio .form__grid--25 label {
      width: 25%; }
    .form__group--checkbox .form__grid--33 label, .form__group--radio .form__grid--33 label {
      width: 33%; } }
  .form__group--checkbox.form__group--disabled .form__grid label, .form__group--radio.form__group--disabled .form__grid label {
    cursor: not-allowed; }
  .form__group--checkbox .form__group--required label, .form__group--radio .form__group--required label {
    color: #6f6f6f; }
  .form__group--hasIcon:before {
    position: absolute;
    font-size: 130%;
    color: #6f6f6f;
    top: 12px;
    left: 10px; }
  .form__group--hasIcon .form__element {
    padding-left: 40px; }
  .form__group--hasIcon .form__label {
    padding-left: 33px; }
  .form__group--success input,
  .form__group--success textarea {
    color: #6f6f6f; }
  .form__group--success .form__message .form__infotext {
    display: none; }
  .form__group--hasError .selectbox {
    border-bottom: 1px solid #ff0032; }
  .form__group--hasError .form__label {
    color: #ff0032; }
    .form__group--hasError .form__label:after {
      color: #ff0032; }
  .form__group--hasError .form__message {
    color: #ff0032; }
    .form__group--hasError .form__message .form__infotext {
      display: none; }
  .form__group--hasError textarea {
    border: 1px solid #ff0032; }
    .form__group--hasError textarea::-webkit-input-placeholder {
      color: #202020; }
    .form__group--hasError textarea:-moz-placeholder {
      color: #202020; }
    .form__group--hasError textarea::-moz-placeholder {
      color: #202020; }
    .form__group--hasError textarea:-ms-input-placeholder {
      color: #202020; }
  .form__group--hasError input {
    border: 0;
    outline: 0;
    border-bottom: 1px solid #ff0032; }
    .form__group--hasError input::-webkit-input-placeholder {
      color: #202020; }
    .form__group--hasError input:-moz-placeholder {
      color: #202020; }
    .form__group--hasError input::-moz-placeholder {
      color: #202020; }
    .form__group--hasError input:-ms-input-placeholder {
      color: #202020; }
  .form__group--date .form__inputWrapper:after {
    pointer-events: none;
    position: relative;
    font-family: "Icons";
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    font-size: 130%;
    height: 25px;
    width: 25px;
    right: 10px;
    bottom: 0;
    color: #2d4275; }
  .form__group--captcha a:before {
    position: relative;
    font-family: "Icons";
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 40%;
    padding-right: 5px;
    color: #2d4275;
    font-weight: 800; }

.form__button--previous {
  margin-left: 0 !important; }
  @media (min-width: 600px) {
    .form__button--previous {
      float: left; } }

.form__button--next {
  display: block; }
  @media (min-width: 600px) {
    .form__button--next {
      float: right; } }

@media (min-width: 600px) {
  .form__button--send {
    float: right; } }

.form__requiredMessage {
  margin-top: 40px;
  color: #9c9c9c; }
  @media (min-width: 768px) {
    .form__requiredMessage {
      margin-top: 60px; } }
  .form__requiredMessage .form__text {
    margin-bottom: 0; }
    .form__requiredMessage .form__text:before {
      content: '*';
      padding-right: 3px; }
  .form__requiredMessage--grid {
    margin-top: 0; }

.form__responseSuccess {
  display: none; }
  .form__response--success .form__responseSuccess {
    display: block; }

.form__responseError {
  display: none; }
  .form__response--error .form__responseError {
    display: block; }

.form form.is-submitted {
  display: none; }

@media (min-width: 768px) {
  .col > .form--multiSteps {
    margin-top: 30px; } }

.form--multiSteps .form__section {
  display: none; }
  .form--multiSteps .form__section.form__section--current {
    display: block;
    margin-top: 55px; }

.form--multiSteps .form__navigation {
  width: 100%;
  margin-top: 50px; }
  .form--multiSteps .form__navigation:before, .form--multiSteps .form__navigation:after {
    content: " ";
    display: table; }
  .form--multiSteps .form__navigation:after {
    clear: both; }

.form--multiSteps .form__steps {
  margin-left: 41px;
  padding: 0; }
  @media (min-width: 768px) {
    .form--multiSteps .form__steps {
      display: table;
      table-layout: fixed;
      width: 100%;
      counter-reset: item;
      list-style-type: none;
      margin-left: 0;
      margin-top: 70px; } }
  .form--multiSteps .form__steps .form__stepItem {
    position: relative;
    color: #202020;
    font-family: "HelveticaNeue-Medium", Arial, sans-serif;
    text-transform: uppercase;
    margin-top: 4px;
    margin-bottom: 5px;
    list-style-type: decimal;
    font-size: 15px; }
    @media (min-width: 768px) {
      .form--multiSteps .form__steps .form__stepItem {
        display: table-cell;
        text-align: center; } }
    .form--multiSteps .form__steps .form__stepItem::before {
      left: -41px;
      position: absolute;
      top: 7px;
      content: '';
      width: 15px;
      height: 15px;
      border-radius: 8px;
      z-index: 3; }
      @media (min-width: 768px) {
        .form--multiSteps .form__steps .form__stepItem::before {
          left: calc(50% - 30px);
          width: 60px;
          height: 60px;
          border-radius: 30px;
          top: -73px;
          font-size: 24px;
          padding-top: 15px;
          content: counter(item) "  ";
          counter-increment: item;
          color: #fff; } }
    .form--multiSteps .form__steps .form__stepItem::after {
      position: absolute;
      left: -34px;
      content: '';
      width: 1px;
      height: 33px;
      background: #9c9c9c; }
      @media (min-width: 768px) {
        .form--multiSteps .form__steps .form__stepItem::after {
          left: 0;
          width: calc(100% - 5px);
          height: 1px;
          top: -43px; } }
    .form--multiSteps .form__steps .form__stepItem--past {
      cursor: pointer;
      color: #9c9c9c; }
      .form--multiSteps .form__steps .form__stepItem--past::before {
        cursor: pointer;
        background: #9c9c9c; }
      @media (min-width: 768px) {
        .form--multiSteps .form__steps .form__stepItem--past::after {
          background: #9c9c9c; } }
    .form--multiSteps .form__steps .form__stepItem--active {
      color: #00e5e5; }
      .form--multiSteps .form__steps .form__stepItem--active:before {
        background: #00e5e5; }
      @media (min-width: 768px) {
        .form--multiSteps .form__steps .form__stepItem--active:after {
          background: #00e5e5; } }
    .form--multiSteps .form__steps .form__stepItem--upcoming {
      color: #9c9c9c; }
      .form--multiSteps .form__steps .form__stepItem--upcoming::before {
        border: 3px solid #9c9c9c;
        background: #fff; }
        @media (min-width: 768px) {
          .form--multiSteps .form__steps .form__stepItem--upcoming::before {
            padding-top: 11px;
            border: 5px solid #9c9c9c;
            color: inherit; } }

.form .form__row:first-child .form__column:first-child h3 {
  margin-top: -7px; }

.form .form__column > .h3 {
  margin: 0; }
  .form .form__column > .h3 h3 {
    margin-top: 30px;
    margin-bottom: 30px; }

.form .divider {
  margin-top: 25px; }
  .form .divider + .form__row .form__column:first-child .form__requiredMessage,
  .form .divider + .form__row .form__column:first-child .h3 h3 {
    margin-top: 0; }

.no-js .form .form__group--date .form__label, .no-js .form .form__group--password .form__label, .no-js .form .form__group--input .form__label, .no-js .form .form__group--captcha .form__label {
  top: 0;
  font-size: 12px; }

.divider {
  margin: 50px 0; }
  .divider:before, .divider:after {
    content: " ";
    display: table; }
  .divider:after {
    clear: both; }
  .divider > hr {
    border: none;
    border-top: 1px solid #dddddd;
    height: 0;
    margin: 0;
    line-height: 0;
    overflow: hidden; }

.table {
  overflow-x: auto;
  overflow-y: hidden;
  color: #6f6f6f; }
  .table table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-bottom: 1px solid #dddddd;
    background-color: #fff; }
  .table a {
    font-family: "HelveticaNeue-Light", Arial, sans-serif; }
    .table a[class*="icon-"]::before {
      font-size: 25px; }
    .table a:hover {
      color: #266693;
      text-decoration: none;
      background: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#266693, #266693);
      background-size: .05em 1px, .05em 1px, 1px 1px;
      background-repeat: no-repeat, no-repeat, repeat-x;
      text-shadow: 0.03em 1px #fff, -0.03em 1px #fff, 1px 0.03em #fff, 1px -0.03em #fff, 0.06em 1px #fff, -0.06em 1px #fff, 0.09em 1px #fff, -0.09em 1px #fff, 0.12em 1px #fff, -0.12em 1px #fff, 0.15em 1px #fff, -0.15em 1px #fff, 0.18em 1px #fff, -0.18em 1px #fff;
      background-position-y: 100%, 100%, 100%;
      background-position-x: 0, 100%, 0; }
      .table a:hover:before, .table a:hover:after, .table a:hover *, .table a:hover *:before, .table a:hover *:after {
        text-shadow: none; }
      .table a:hover:visited {
        color: #266693; }
  .table caption {
    text-align: left;
    padding-left: 10px; }
  .table td,
  .table th {
    text-align: left;
    padding-right: 30px;
    vertical-align: top; }
    .table td.td--align-center,
    .table th.td--align-center {
      text-align: center; }
    .table td.td--align-right,
    .table th.td--align-right {
      text-align: right; }
    .table td.td--align-left,
    .table th.td--align-left {
      text-align: left; }
  .table thead {
    color: #2d4275; }
    .table thead tr {
      border-bottom: 2px solid #dddddd; }
    .table thead th {
      white-space: nowrap;
      padding: 5px 30px 7px 10px;
      font-family: "HelveticaNeue-Medium", Arial, sans-serif;
      font-weight: normal; }
  .table tbody tr {
    border-bottom: 1px solid #ededed; }
    .table tbody tr:last-child {
      border-bottom: none; }
  .table tbody td {
    padding: 11px 30px 9px 10px; }
  .table--striped tbody tr:not(:last-child) {
    border: none; }
  .table--striped tbody tr:nth-child(even) {
    background-color: #ededed; }
  .table--stacked thead {
    display: none; }
  .table--stacked tr,
  .table--stacked td {
    display: block; }
  .table--stacked td {
    text-align: left !important; }
    .table--stacked td[data-label]::before {
      display: inline-block;
      font-family: "HelveticaNeue-Medium", Arial, sans-serif;
      content: attr(data-label);
      padding-right: 13px;
      color: #2d4275; }
    .table--stacked td a {
      display: inline; }
    .table--stacked td:not(:first-child) {
      padding-top: 2px; }
    .table--stacked td:not(:last-child) {
      padding-bottom: 2px; }
  .table--stacked tbody tr {
    border-bottom-width: 2px; }
    .table--stacked tbody tr:first-child {
      border-top: 2px solid #dddddd; }
  .table--stacked tbody td:not(:first-child) {
    padding-top: 8px; }
  .table--flipped {
    overflow: hidden; }
    .table--flipped table {
      display: block; }
    .table--flipped thead {
      display: block;
      float: left;
      box-shadow: 5px 0 5px -2px rgba(221, 221, 221, 0.8); }
      .table--flipped thead tr {
        display: block;
        border-width: 0; }
        .table--flipped thead tr th {
          display: block;
          min-height: 50px;
          border-bottom: 1px solid #dddddd; }
    .table--flipped tbody {
      display: block;
      overflow-x: auto;
      position: relative;
      white-space: nowrap;
      width: auto; }
      .table--flipped tbody tr {
        display: inline-block;
        margin-right: -5px;
        vertical-align: top;
        border: 0; }
        .table--flipped tbody tr:first-child td {
          padding-left: 20px; }
      .table--flipped tbody td {
        border-bottom: 1px solid #ededed; }
    .table--flipped thead th,
    .table--flipped td {
      white-space: nowrap;
      height: 50px;
      text-align: left !important;
      padding: 11px 30px 11px 10px;
      display: block; }
      .table--flipped thead th:last-child, .table--flipped thead th:first-child,
      .table--flipped td:last-child,
      .table--flipped td:first-child {
        padding: 11px 30px 11px 10px; }
      .table--flipped thead th:last-child,
      .table--flipped td:last-child {
        border-bottom: 0; }
    .table--flipped.table--striped tbody tr:nth-child(even) td {
      border-color: #fff; }

.tableContainer {
  margin-top: 28px; }

.status::before {
  content: ' ';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px; }

.status--default::before {
  background-color: #dddddd; }

.status--ok::before {
  background-color: #00E500; }

.status--notification::before {
  background-color: #ffd200; }

.status--error::before {
  background-color: #ff0032; }

.js .form--searchform form {
  display: block;
  visibility: visible; }

.form--searchform .searchfield input {
  width: 100%;
  border-bottom: 1px solid #9c9c9c;
  padding: 0 60px 0 10px;
  font-family: "HelveticaNeue-Light", Arial, sans-serif;
  color: #6f6f6f;
  border-width: 0 0 2px 0;
  border-color: #2d4275;
  height: 50px;
  background-color: #ededed;
  font-size: 18px; }
  .form--searchform .searchfield input::-webkit-input-placeholder {
    color: #9c9c9c; }
  .form--searchform .searchfield input:-moz-placeholder {
    color: #9c9c9c; }
  .form--searchform .searchfield input::-moz-placeholder {
    color: #9c9c9c; }
  .form--searchform .searchfield input:-ms-input-placeholder {
    color: #9c9c9c; }
  .form--searchform .searchfield input:focus {
    border-color: #00e5e5;
    outline: none; }
    .form--searchform .searchfield input:focus::-webkit-input-placeholder {
      color: #6f6f6f; }
    .form--searchform .searchfield input:focus:-moz-placeholder {
      color: #6f6f6f; }
    .form--searchform .searchfield input:focus::-moz-placeholder {
      color: #6f6f6f; }
    .form--searchform .searchfield input:focus:-ms-input-placeholder {
      color: #6f6f6f; }
  @media (min-width: 768px) {
    .form--searchform .searchfield input {
      padding: 0 80px 0 20px;
      font-size: 25px; } }

.form--searchform .searchfield button {
  width: 50px;
  height: 50px;
  border: none;
  background-color: transparent;
  padding: 5px 0 0;
  text-align: left; }
  .form--searchform .searchfield button::before {
    font-size: 32px;
    color: #2d4275;
    padding: 9px; }
  .form--searchform .searchfield button:hover::before {
    color: #266693; }

.form--searchform .searchfield--compact {
  position: relative; }
  .form--searchform .searchfield--compact button {
    position: absolute;
    right: 0;
    top: 0; }
    @media (min-width: 768px) {
      .form--searchform .searchfield--compact button {
        width: 60px; } }

.dashboard {
  padding: 50px 0;
  min-height: 400px;
  margin-right: -7px;
  margin-left: -7px; }
  .dashboard__item--externalApp .dashboardApp__titleContent:before {
    position: relative;
    font-family: "Icons";
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: 16px;
    margin-right: 5px;
    top: 2px; }
  .dashboard__item--coreApp .dashboardApp__title {
    color: #6f6f6f; }
  .dashboard .grid-stack {
    margin-top: 40px; }
    .dashboard .grid-stack-item {
      min-width: 8.3333333333%;
      position: absolute;
      padding: 0; }
      .dashboard .grid-stack-item-content {
        background: #fff;
        left: 8px !important;
        right: 8px !important;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
        transition: box-shadow 0.1s;
        overflow: visible !important; }
        @media (min-width: 1280px) {
          .dashboard .grid-stack-item-content {
            left: 12px !important;
            right: 12px !important; } }
    .dashboard .grid-stack-placeholder > .placeholder-content {
      border: 1px dashed #fff !important; }
    .dashboard .grid-stack .ui-resizable-sw {
      background: none !important;
      -webkit-transform: none !important;
              transform: none !important;
      padding: 3px !important;
      width: 18px !important;
      height: 18px !important; }
      .dashboard .grid-stack .ui-resizable-sw:before {
        position: relative;
        font-family: "Icons";
        font-size: 68%;
        line-height: 1;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: block;
        height: 12px;
        width: 12px;
        font-size: 12px;
        color: #6f6f6f; }
    .dashboard .grid-stack .ui-resizable-se {
      background: none !important;
      -webkit-transform: none !important;
              transform: none !important;
      padding: 3px !important;
      width: 18px !important;
      height: 18px !important; }
      .dashboard .grid-stack .ui-resizable-se:before {
        position: relative;
        font-family: "Icons";
        font-size: 68%;
        line-height: 1;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: block;
        height: 12px;
        width: 12px;
        font-size: 12px;
        color: #6f6f6f; }
  .dashboard__controlsRow {
    position: relative; }
  .dashboard__cancel, .dashboard__edit {
    position: absolute;
    bottom: 16px;
    font-size: 15px;
    line-height: 20px;
    color: #2d4275;
    display: none;
    cursor: pointer;
    font-family: "HelveticaNeue-Medium", Arial, sans-serif; }
  .dashboard__edit {
    right: 50px; }
    @media (min-width: 600px) {
      .dashboard__edit {
        display: block; } }
    .dashboard__edit:after {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      font-size: 28px;
      top: 7px;
      margin-left: 15px; }
  .dashboard__cancel {
    right: 235px; }
    .dashboard__cancel:after {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      font-size: 20px;
      top: 4px;
      margin-left: 15px; }
  .dashboard--editmode .dashboardApp__dragHandle {
    display: block;
    opacity: 1; }
  .dashboard--editmode .dashboard__cancel,
  .dashboard--editmode .dashboardApp__uninstallButton {
    display: block; }

.dashboardApp {
  height: 100%; }
  .dashboardApp__linkedWrap {
    height: 100%;
    padding: 15px 20px;
    display: block; }
  .dashboardApp__content {
    position: absolute;
    bottom: 16px;
    left: 0;
    width: calc(100% - 32px);
    height: calc(100% - 60px - 16px);
    margin: 0 16px;
    overflow-y: auto; }
  .dashboardApp__image {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 60px);
    -o-object-fit: cover;
       object-fit: cover;
    font-family: 'object-fit: cover;'; }
  .dashboardApp__title {
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    padding: 11px 16px;
    height: 60px;
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    color: #2d4275;
    overflow: hidden; }
    .dashboardApp__titleContent {
      display: block; }
  .dashboardApp__dragHandle {
    opacity: 0;
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: all-scroll;
    z-index: 2;
    background: rgba(255, 255, 255, 0.5);
    transition: opacity 0.2s; }
  .dashboardApp__uninstallButton {
    display: none;
    position: absolute;
    width: 25px;
    height: 25px;
    top: -12px;
    right: -12px;
    z-index: 3;
    background: #fff;
    border-radius: 100%;
    line-height: 31px;
    text-align: center;
    font-size: 25px;
    cursor: pointer; }
    .dashboardApp__uninstallButton:before {
      content: "";
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 100%; }

.alerts--aside {
  position: fixed;
  top: 70px;
  z-index: 100;
  width: 100%;
  padding: 0 10px;
  left: 0; }
  body.cookiebannerShown .alerts--aside {
    top: 130px; }
  @media (min-width: 768px) {
    .alerts--aside {
      top: 105px;
      width: 300px;
      right: 20px;
      left: auto; }
      body.cookiebannerShown .alerts--aside {
        top: 165px; }
      body.outerHeaderShown .alerts--aside {
        top: 135px; }
      body.cookiebannerShown.outerHeaderShown .alerts--aside {
        top: 195px; } }
  @media (min-width: 1024px) {
    .alerts--aside {
      width: 400px; } }

.alerts .alert {
  border: 1px solid #2d4275;
  background-color: #fff;
  color: #6f6f6f;
  padding: 13px 40px 13px 65px;
  position: relative;
  margin-bottom: 10px; }
  .alerts .alert::before {
    content: "";
    position: relative;
    font-family: "Icons";
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 18px;
    top: 21px;
    color: #2d4275;
    font-size: 25px; }
  .alerts .alert--hidden {
    display: none; }
  .alerts .alert h3 {
    font-size: 18px;
    line-height: 28px; }
  .alerts .alert .alert__close {
    position: absolute;
    cursor: pointer;
    top: 18px;
    right: 20px;
    line-height: 1;
    color: #2d4275; }
    .alerts .alert .alert__close:hover {
      color: #266693; }
  .alerts .alert--success {
    border-color: #00d257; }
    .alerts .alert--success::before {
      content: "";
      color: #00d257;
      font-size: 19px; }
  .alerts .alert--warning {
    border-color: #ffd200; }
    .alerts .alert--warning::before {
      content: "";
      color: #ffd200; }
  .alerts .alert--info {
    border-color: #2d4275; }
    .alerts .alert--info::before {
      content: "";
      color: #2d4275; }
  .alerts .alert--error {
    border-color: #ff0032; }
    .alerts .alert--error::before {
      content: "";
      color: #ff0032; }

.loadingOverlay__element {
  display: none;
  width: 100%;
  height: 100%;
  background: transparent url("../img/loading-spinner.svg") no-repeat center center;
  position: absolute;
  top: 0;
  left: 0; }

.loadingOverlay--hidden-during-load {
  opacity: 0; }

.loadingOverlay--visible .loadingOverlay__element {
  display: block; }

.iframeApp {
  width: 100%;
  height: calc(100vh - 60px); }

.contact {
  display: flex;
  flex-wrap: wrap;
  font-family: "HelveticaNeue-Medium", Arial, sans-serif; }
  .contact + .contact {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #dddddd; }
  .contact div:first-child {
    padding-left: 0; }
  .contact div:last-child {
    padding-right: 0; }
  .contact__image {
    position: relative;
    width: 120px;
    border-radius: 50%;
    overflow: hidden;
    z-index: 1; }
    .contact__image:before {
      content: "";
      width: 100%;
      display: block;
      padding-top: 100%; }
    @media (min-width: 768px) {
      .contact__image {
        width: auto;
        margin: 0 auto; } }
    @media (min-width: 768px) {
      .col--medium-4 .contact__image {
        width: 120px;
        margin: 0; } }
    @media (min-width: 1024px) {
      .col--medium-4 .contact__image {
        width: auto;
        margin: 0 auto; } }
    .contact__image .image {
      margin-top: 0;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
      .contact__image .image img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 50% 50%;
        object-position: 50% 50%;
        font-family: "object-fit: cover; object-position: 50% 50%"; }
  .contact__imageWrapper, .contact__data {
    width: 100%;
    float: left; }
  @media (min-width: 768px) {
    .contact__imageWrapper {
      width: 25%;
      float: left;
      padding-left: 20px;
      padding-right: 20px; } }
  @media (min-width: 1024px) {
    .contact__imageWrapper {
      width: 16.66667%;
      float: left;
      padding-left: 20px;
      padding-right: 20px; } }
  @media (min-width: 768px) {
    .col--medium-8 .contact__imageWrapper {
      width: 37.5%;
      float: left;
      padding-left: 20px;
      padding-right: 20px; } }
  @media (min-width: 1024px) {
    .col--medium-8 .contact__imageWrapper {
      width: 25%;
      float: left;
      padding-left: 20px;
      padding-right: 20px; } }
  @media (min-width: 768px) {
    .col--medium-6 .contact__imageWrapper {
      width: 120px; } }
  @media (min-width: 1024px) {
    .col--medium-6 .contact__imageWrapper {
      width: 33.33333%;
      float: left;
      padding-left: 20px;
      padding-right: 20px; } }
  @media (min-width: 768px) {
    .col--medium-4 .contact__imageWrapper {
      width: 100%;
      float: left;
      padding-left: 20px;
      padding-right: 20px;
      padding-right: 0; } }
  @media (min-width: 1024px) {
    .col--medium-4 .contact__imageWrapper {
      width: 120px;
      padding-right: 20px; } }
  .contact__data {
    margin-top: 20px; }
    @media (min-width: 768px) {
      .contact__data {
        margin-top: 0;
        width: 75%;
        float: left;
        padding-left: 20px;
        padding-right: 20px; } }
    @media (min-width: 1024px) {
      .contact__data {
        width: 83.33333%;
        float: left; } }
    @media (min-width: 768px) {
      .col--medium-8 .contact__data {
        width: 62.5%;
        float: left;
        padding-left: 20px;
        padding-right: 20px; } }
    @media (min-width: 1024px) {
      .col--medium-8 .contact__data {
        width: 75%;
        float: left;
        padding-left: 20px;
        padding-right: 20px; } }
    @media (min-width: 768px) {
      .col--medium-6 .contact__data {
        width: calc(100% - 120px); } }
    @media (min-width: 1024px) {
      .col--medium-6 .contact__data {
        width: 66.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px; } }
    @media (min-width: 768px) {
      .col--medium-4 .contact__data {
        margin-top: 20px;
        width: 100%;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        padding-left: 0; } }
    @media (min-width: 1024px) {
      .col--medium-4 .contact__data {
        margin-top: 0;
        width: calc(100% - 120px); } }
    .contact__data > * {
      position: relative;
      float: left;
      clear: both; }
    .contact__data:first-child {
      width: 100%;
      float: left;
      padding-left: 20px;
      padding-right: 20px; }
  .contact__name {
    margin-top: -8px;
    font-size: 25px;
    line-height: 35px;
    color: #2d4275; }
  .contact__position, .contact__address, .contact__fax {
    color: #6f6f6f; }
  .contact__address {
    padding-top: 14px;
    font-family: "HelveticaNeue-Light", Arial, sans-serif; }
    .contact__address > span {
      display: inline-block;
      float: left;
      clear: both; }
  .contact__email, .contact__phone {
    color: #2d4275;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
    word-break: break-word; }
    .contact__email:hover, .contact__phone:hover {
      color: #266693; }
  .contact__position {
    padding-top: 11px; }
  .contact__email {
    padding-top: 14px; }
  .contact__socialMedia {
    width: 30px;
    height: 30px;
    display: block;
    clear: both;
    margin-top: 21px; }
    .contact__socialMedia ~ .contact__socialMedia {
      margin-left: 20px;
      clear: none; }
    .contact__socialMedia--linkedIn:before {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      font-size: 167%; }
    .contact__socialMedia--twitter:before {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      font-size: 162%; }

.voithMap .labels {
  color: red;
  background-color: white;
  width: 40px;
  border: 2px solid black;
  white-space: nowrap; }

.voithMap__headline {
  margin-top: -8px; }

.voithMap__map {
  width: 100%;
  height: 350px;
  background: grey; }
  @media (min-width: 768px) {
    .voithMap__map {
      height: 500px; } }

h2 + .voithMap__map {
  margin-top: 13px; }

.voithMap__infoBubble__wrapper {
  height: auto !important; }

.voithMap__infoBubble {
  border: none;
  overflow-x: hidden;
  padding-bottom: 10px;
  height: auto; }
  .voithMap__infoBubble figure {
    display: none;
    padding: 10px; }
    @media (min-width: 768px) {
      .voithMap__infoBubble figure {
        display: block; } }
    .voithMap__infoBubble figure img {
      width: 100%; }
  .voithMap__infoBubble h3, .voithMap__infoBubble p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    line-height: 28px;
    color: #6f6f6f; }
  .voithMap__infoBubble h3 {
    margin: 10px 10px 5px;
    font-family: "HelveticaNeue-Medium", Arial, sans-serif; }
  .voithMap__infoBubble p {
    font-size: 17px;
    line-height: 22px; }

.voithMap__address {
  margin: 0 10px;
  font-weight: 400; }

.voithMap__link {
  margin-top: 10px;
  border-top: 1px solid #dddddd;
  padding: 10px 10px 0;
  font-size: 18px;
  line-height: 28px; }
  .voithMap__link a {
    color: #2d4275;
    padding-left: 30px; }
    .voithMap__link a:before {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      position: absolute;
      left: 10px;
      font-size: 130%; }

/* event teaser list wrapper */
.eventTeaserList {
  overflow: hidden;
  margin-top: 30px; }
  @media (min-width: 768px) {
    .eventTeaserList {
      margin-top: 50px; } }
  .eventTeaserList .eventTeaser:first-child {
    margin-top: 0; }

/* event teaser component */
.eventTeaser {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  float: left;
  color: #2d4275;
  background-color: #ededed;
  padding: 8px 20px;
  position: relative; }
  @media (min-width: 768px) {
    .col--medium-4 .eventTeaser {
      padding: 13px 10px 12px; } }
  .eventTeaser:not(:first-child) {
    margin-top: 10px; }
  .eventTeaser:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 100%;
    background: #2d4275;
    height: 3px;
    transition-property: right;
    transition-duration: 0.3s;
    transition-timing-function: ease-out; }
  .eventTeaser--download:before {
    right: 0; }
  .section--colorTheme1 .eventTeaser {
    background-color: #fff; }
  .eventTeaser__date {
    display: flex;
    flex-direction: column;
    align-items: left;
    width: 70px;
    padding-right: 20px; }
    @media (min-width: 768px) {
      .col--medium-4 .eventTeaser__date {
        padding-right: 0; } }
  .eventTeaser__data {
    width: calc(100% - 70px); }
    @media (min-width: 768px) {
      .col--medium-4 .eventTeaser__data {
        width: 100%;
        float: left; } }
  .eventTeaser__dataDetails {
    width: 100%;
    float: left; }
    @media (min-width: 768px) {
      .eventTeaser__dataDetails {
        width: 63.63636%;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        padding-left: 0;
        padding-right: 30px; }
        .col--medium-4 .eventTeaser__dataDetails {
          margin-top: 8px; } }
    @media (min-width: 768px) {
      .col--medium-4 .eventTeaser__dataDetails,
      .col--medium-6 .eventTeaser__dataDetails,
      .col--medium-8 .eventTeaser__dataDetails {
        width: 100%;
        float: left; } }
    @media (min-width: 1024px) {
      .col--medium-8 .eventTeaser__dataDetails {
        width: 63.63636%;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        padding-left: 0;
        padding-right: 30px; } }
  .eventTeaser__download {
    display: flex;
    align-items: center;
    height: auto;
    flex-wrap: wrap;
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-right: 0;
    padding-left: 0;
    margin-top: 5px; }
    @media (min-width: 768px) {
      .col--medium-4 .eventTeaser__download,
      .col--medium-6 .eventTeaser__download,
      .col--medium-8 .eventTeaser__download {
        height: auto;
        flex-wrap: wrap;
        width: 100%;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        padding-right: 0;
        padding-left: 0;
        margin-top: 10px;
        justify-content: flex-start; } }
    @media (min-width: 768px) {
      .col--medium-4 .eventTeaser__download {
        margin-top: 15px; } }
    @media (min-width: 1024px) {
      .col--medium-8 .eventTeaser__download {
        justify-content: flex-end;
        height: 100%;
        width: 36.36364%;
        float: left;
        margin-top: 0; } }
    @media (min-width: 768px) {
      .eventTeaser__download {
        justify-content: flex-end;
        height: 100%;
        width: 36.36364%;
        float: left;
        margin-top: 0; } }
  .eventTeaser__description {
    margin-top: -2px; }
  .eventTeaser__title, .eventTeaser__download, .eventTeaser__downloadFileFormat {
    font-family: "HelveticaNeue-Medium", Arial, sans-serif; }
  .eventTeaser__location, .eventTeaser__duration {
    font-family: "HelveticaNeue-Light", Arial, sans-serif; }
  .eventTeaser__location, .eventTeaser__duration, .eventTeaser__downloadFileFormat {
    color: #6f6f6f; }
  .eventTeaser__pipe {
    padding-left: 5px;
    border-left: 1px solid #dddddd;
    margin-left: 10px; }
  .eventTeaser__startDate, .eventTeaser__endDate, .eventTeaser__downloadFileFormat {
    white-space: nowrap; }
  .eventTeaser__downloadText {
    position: relative;
    padding-left: 41px;
    word-break: break-all;
    cursor: pointer; }
    @media (min-width: 768px) {
      .eventTeaser__downloadText {
        position: absolute;
        right: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
        .col--medium-8 .eventTeaser__downloadText {
          position: relative;
          left: 0;
          top: 0;
          -webkit-transform: none;
                  transform: none; } }
    @media (min-width: 1024px) {
      .col--medium-8 .eventTeaser__downloadText {
        position: absolute;
        right: 20px;
        left: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); } }
    .col--medium-4 .eventTeaser__downloadText,
    .col--medium-6 .eventTeaser__downloadText {
      position: relative;
      left: 0;
      top: 0;
      -webkit-transform: none;
              transform: none; }
    .eventTeaser__downloadText:before {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      font-size: 167%;
      left: 0; }
  .eventTeaser__month, .eventTeaser__day {
    width: 100%;
    text-align: center; }
    @media (min-width: 768px) {
      .col--medium-4 .eventTeaser__month, .col--medium-4 .eventTeaser__day {
        text-align: left; } }
  .eventTeaser__month {
    font-family: "HelveticaNeue-Light", Arial, sans-serif;
    text-transform: uppercase; }
  .eventTeaser__day {
    font-family: "HelveticaNeue-Medium", Arial, sans-serif;
    font-size: 24px;
    margin-top: -5px; }

.flyoutNavigation {
  background: #4f4f4f;
  width: 100%;
  position: absolute;
  top: 85px;
  overflow: hidden;
  display: none; }
  .flyoutNavigation__content {
    margin-left: 10px;
    margin-right: 10px;
    position: relative; }
    .flyoutNavigation__content:after {
      content: " ";
      display: block;
      clear: both; }
    @media (min-width: 768px) {
      .flyoutNavigation__content {
        margin-left: 30px;
        margin-right: 30px; } }
    @media (min-width: 1300px) {
      .flyoutNavigation__content {
        max-width: 1260px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px; } }
  .flyoutNavigation__sites {
    overflow: hidden; }
    .flyoutNavigation__sites .flyoutNavigation__level {
      position: relative;
      width: 100%; }
    .flyoutNavigation__sites .flyoutNavigation__site {
      font-size: 15px;
      line-height: 1.33333;
      margin-bottom: -1px; }
      .flyoutNavigation__sites .flyoutNavigation__site a:not(.flyoutNavigation__backLink) {
        border-bottom: 1px solid #9c9c9c;
        border-top: 1px solid #9c9c9c; }
      .flyoutNavigation__sites .flyoutNavigation__site--overview {
        text-transform: uppercase; }
        .flyoutNavigation__sites .flyoutNavigation__site--overview a:before {
          position: relative;
          font-family: "Icons";
          font-size: 68%;
          line-height: 1;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          text-decoration: none;
          text-transform: none;
          speak: none;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          font-size: 100%;
          top: 2px;
          margin-right: 10px; }
      .flyoutNavigation__sites .flyoutNavigation__site--headline {
        position: relative; }
        .flyoutNavigation__sites .flyoutNavigation__site--headline > a {
          border-bottom: none;
          border-top: none !important; }
      .flyoutNavigation__sites .flyoutNavigation__site .flyoutNavigation__site > .flyoutNavigation__level {
        position: absolute;
        left: 100%;
        top: 0;
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
        display: none; }
        .flyoutNavigation__sites .flyoutNavigation__site .flyoutNavigation__site > .flyoutNavigation__level .flyoutNavigation__linkarea {
          width: 100%;
          left: 0;
          -webkit-column-count: 3;
                  column-count: 3;
          -webkit-column-gap: 40px;
                  column-gap: 40px;
          -webkit-column-fill: auto;
                  column-fill: auto;
          height: 399px;
          padding-left: 0;
          padding-bottom: 30px; }
      .flyoutNavigation__sites .flyoutNavigation__site a:not(.flyoutNavigation__backLink) {
        display: inline-block;
        padding: 12px 0 14px;
        color: #00e5e5 !important;
        width: 100%;
        position: relative; }
        .flyoutNavigation__sites .flyoutNavigation__site a:not(.flyoutNavigation__backLink):hover, .flyoutNavigation__sites .flyoutNavigation__site a:not(.flyoutNavigation__backLink):active {
          color: #fff !important; }
      .flyoutNavigation__sites .flyoutNavigation__site--hasChildren > a:after {
        position: relative;
        font-family: "Icons";
        font-size: 68%;
        line-height: 1;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        position: absolute;
        right: 0;
        top: 13px;
        font-size: 18px; }
  .flyoutNavigation__infoarea {
    width: 33.33333%;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-left: 0; }
    .flyoutNavigation__infoarea + .flyoutNavigation__linkarea {
      width: 66.66667%;
      float: left;
      padding-left: 20px;
      padding-right: 20px;
      -webkit-column-count: 2;
              column-count: 2;
      -webkit-column-gap: 40px;
              column-gap: 40px;
      -webkit-column-fill: auto;
              column-fill: auto;
      padding-left: 20px !important;
      padding-right: 0;
      padding-bottom: 30px;
      height: 287px; }
      .flyoutNavigation__infoarea + .flyoutNavigation__linkarea:before, .flyoutNavigation__infoarea + .flyoutNavigation__linkarea:after {
        content: " ";
        display: table; }
      .flyoutNavigation__infoarea + .flyoutNavigation__linkarea:after {
        clear: both; }
      .flyoutNavigation__infoarea + .flyoutNavigation__linkarea--medium {
        height: 373px; }
      .flyoutNavigation__infoarea + .flyoutNavigation__linkarea--large {
        height: 491px; }
  .flyoutNavigation__description {
    margin-top: -4px;
    padding-bottom: 26px;
    color: #fff;
    font-size: 18px;
    line-height: 1.55556;
    font-family: "HelveticaNeue-Light", Arial, sans-serif; }
  .flyoutNavigation__image {
    position: relative;
    /* set percentage padding on pseudo element to avoid conflicts with flexbox style */ }
    .flyoutNavigation__image:before {
      content: '' !important;
      padding: 56.25% 0 0 !important;
      height: 0 !important;
      display: block !important; }
    .flyoutNavigation__image img {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      font-family: "object-fit: cover"; }
    .flyoutNavigation__image + .flyoutNavigation__description {
      padding-top: 16px;
      margin-top: 0; }
  .flyoutNavigation__title {
    color: #fff;
    font-family: "HelveticaNeue-Medium", Arial, sans-serif;
    font-size: 25px;
    line-height: 1.4;
    padding: 17px 0 16px;
    display: block; }
  .flyoutNavigation__backLink {
    font-size: 25px;
    line-height: 1.2;
    font-family: "HelveticaNeue-Light", Arial, sans-serif;
    color: #dddddd !important;
    position: absolute !important;
    top: -49px;
    cursor: pointer; }
    .flyoutNavigation__backLink:before {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      position: relative;
      margin-right: 20px;
      font-size: 15px; }
  .flyoutNavigation__close {
    position: absolute;
    top: 22px;
    right: 0;
    width: 22px;
    height: 22px;
    z-index: 2;
    cursor: pointer; }
    .flyoutNavigation__close:before {
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      font-size: 22px;
      color: #dddddd; }
    @media (min-width: 1280px) {
      .flyoutNavigation__close {
        right: 22px; } }
  .flyoutNavigation .languageSelect {
    display: none; }

.contactList {
  padding-bottom: 30px;
  overflow: hidden;
  border-bottom: 1px solid #dddddd; }
  @media (min-width: 768px) {
    .contactList__item {
      width: calc(100% / 2 - 20px);
      float: left; }
      .contactList__item:nth-child(n) {
        clear: none; }
      .contactList__item:nth-child(2n+3) {
        clear: left; }
      .contactList__item:nth-child(odd) {
        margin-right: 40px; } }
  .contactList__item .contact {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #dddddd; }
  .contactList__item:nth-child(1) .contact {
    margin-top: 0;
    padding-top: 0;
    border-top: none; }
  @media (min-width: 768px) {
    .contactList__item:nth-child(2) .contact {
      margin-top: 0;
      padding-top: 0;
      border-top: none; } }

.reference {
  border: 1px solid #dddddd;
  padding: 32px 10px 32px;
  font-family: "HelveticaNeue-Medium", Arial, sans-serif;
  font-size: 18px;
  line-height: 1.55556;
  color: #6f6f6f; }
  .reference__headline {
    font-size: 25px;
    line-height: 1.4;
    color: #2d4275; }
  .reference__subheadline {
    margin-top: 10px; }
    .reference__subheadline + .reference__subheadline {
      margin-top: -4px; }
  .reference__propertyList {
    display: block;
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0; }
  .reference__propertyLabel {
    font-family: "HelveticaNeue-Light", Arial, sans-serif; }

.referenceList {
  margin-top: 40px;
  display: flex;
  flex-flow: row wrap; }
  .referenceList .reference {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 40px; }
    .referenceList .reference:nth-child(1) {
      margin-top: 0; }
    @media (min-width: 768px) {
      .referenceList .reference {
        width: calc(100% / 2 - 20px); }
        .referenceList .reference:nth-child(1), .referenceList .reference:nth-child(2) {
          margin-top: 0; }
        .referenceList .reference:nth-child(2n+1) {
          margin-right: 20px; }
        .referenceList .reference:nth-child(2n+2) {
          margin-left: 20px;
          /* workaround to fix rounding issues in ms edge and ie browser */ }
          .edge .referenceList .reference:nth-child(2n+2),
          .ie .referenceList .reference:nth-child(2n+2) {
            margin-left: calc(20px - 1px); } }
    @media (min-width: 1024px) {
      .referenceList .reference {
        width: calc(100% / 4 - 30px); }
        .referenceList .reference:nth-child(1), .referenceList .reference:nth-child(2), .referenceList .reference:nth-child(3), .referenceList .reference:nth-child(4) {
          margin-top: 0; }
        .referenceList .reference:nth-child(4n+2) {
          margin-right: 20px; }
        .referenceList .reference:nth-child(4n+3) {
          margin-left: 20px;
          /* workaround to fix rounding issues in ms edge and ie browser */ }
          .edge .referenceList .reference:nth-child(4n+3),
          .ie .referenceList .reference:nth-child(4n+3) {
            margin-left: calc(20px - 1px); } }

.figure__headline {
  font-family: "HelveticaNeue-Medium", Arial, sans-serif;
  color: #2d4275;
  line-height: 0.75;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 20px;
  font-size: 25px;
  visibility: hidden; }
  .figure__headline--visible,
  .no-js .figure__headline {
    visibility: visible; }

.figure__description {
  font-family: "HelveticaNeue-Light", Arial, sans-serif;
  color: #6f6f6f;
  font-size: 15px;
  line-height: 1.33333;
  margin-top: 16px;
  white-space: normal !important; }
  @media (min-width: 1024px) {
    .figure__description {
      font-size: 18px;
      line-height: 1.55556;
      margin-top: 13px; } }

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

.figure--voithBlue .figure__headline {
  color: #2d4275; }

.figure--fluorBlue .figure__headline {
  color: #00e5e5; }

.figure--fluorGreen .figure__headline {
  color: #00E500; }

.heroImage--1perrow .figure {
  text-align: center; }

@media (min-width: 768px) {
  .heroImage--2perrow .heroImage__figureCol--1percol .figure,
  .heroImage--3perrow .heroImage__figureCol--1percol .figure {
    height: 100%; }
  .heroImage--2perrow .heroImage__figureCol--1percol .figure__headlineWrap,
  .heroImage--3perrow .heroImage__figureCol--1percol .figure__headlineWrap {
    position: relative;
    height: 50%;
    border-bottom: 1px solid #dddddd; }
  .heroImage--2perrow .heroImage__figureCol--1percol .figure__headline,
  .heroImage--3perrow .heroImage__figureCol--1percol .figure__headline {
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: none; } }

.heroImage--figures .heroImage__figureCol:first-child .figure {
  margin-top: 0; }

.heroImage--figures .heroImage__figureCol:first-child .figure__description {
  color: #fff; }

@media (min-width: 768px) {
  .heroImage--figures .heroImage__figureCol .figure {
    margin-top: 0; }
  .heroImage--figures .heroImage__figureCol .figure__description {
    color: #fff; } }

.interactiveGraphic__contentWrap {
  position: relative;
  overflow: hidden; }

.interactiveGraphic__image--mobile {
  display: block; }
  @media (min-width: 768px) {
    .interactiveGraphic__image--mobile {
      display: none; } }

.interactiveGraphic__image--desktop {
  display: none; }
  @media (min-width: 768px) {
    .interactiveGraphic__image--desktop {
      display: block; } }

.interactiveGraphic__itemLine {
  display: none; }
  @media (min-width: 768px) {
    .interactiveGraphic__itemLine {
      display: block;
      background-color: #2d4275;
      height: 0.25vw;
      width: 102%; }
      .interactiveGraphic__itemLine:before {
        position: absolute;
        content: '';
        height: 0.25vw;
        background-color: #2d4275;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        width: 14vw;
        top: 237%; } }
    @media (min-width: 768px) and (min-width: 1280px) {
      .interactiveGraphic__itemLine:before {
        top: 225%;
        width: 177px;
        height: 3px; } }
  @media (min-width: 1280px) {
    .interactiveGraphic__itemLine {
      width: 100%;
      height: 3px; } }

.interactiveGraphic__item {
  position: absolute;
  display: table;
  width: 8vw;
  height: 8vw;
  z-index: 1; }
  @media (min-width: 768px) {
    .interactiveGraphic__item {
      width: auto;
      height: auto; }
      .interactiveGraphic__item--animationLeft {
        left: -40% !important; }
      .interactiveGraphic__item--animationRight {
        left: 115% !important; } }
  .interactiveGraphic__item--isActive .interactiveGraphic__itemInner:before {
    position: relative;
    font-family: "Icons";
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    font-size: 8vw;
    -webkit-animation: pulseActiveIcon 1.3s linear;
            animation: pulseActiveIcon 1.3s linear;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
    @media (min-width: 768px) {
      .interactiveGraphic__item--isActive .interactiveGraphic__itemInner:before {
        -webkit-animation: none;
                animation: none;
        position: relative;
        font-family: "Icons";
        font-size: 68%;
        line-height: 1;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        font-size: 2.2vw;
        position: absolute; } }
    @media (min-width: 1280px) {
      .interactiveGraphic__item--isActive .interactiveGraphic__itemInner:before {
        font-size: 30px; } }
  .interactiveGraphic__item--upsideDownTwoLines .interactiveGraphic__itemLine:before {
    top: 22%; }
    @media (min-width: 1280px) {
      .interactiveGraphic__item--upsideDownTwoLines .interactiveGraphic__itemLine:before {
        top: 29%; } }
  .interactiveGraphic__item--upsideDownTwoLines .interactiveGraphic__itemInner:before {
    top: -77%; }
    @media (min-width: 1280px) {
      .interactiveGraphic__item--upsideDownTwoLines .interactiveGraphic__itemInner:before {
        top: -64%; } }
  .interactiveGraphic__item--upsideDown .interactiveGraphic__itemLine:before {
    top: -52%; }
    @media (min-width: 1280px) {
      .interactiveGraphic__item--upsideDown .interactiveGraphic__itemLine:before {
        top: -38%; } }
  .interactiveGraphic__item--upsideDown .interactiveGraphic__itemInner:before {
    top: -248%; }
    @media (min-width: 1280px) {
      .interactiveGraphic__item--upsideDown .interactiveGraphic__itemInner:before {
        top: -221%; } }
  .interactiveGraphic__item--twoLines .interactiveGraphic__itemLine:before {
    top: 172%; }
    @media (min-width: 1280px) {
      .interactiveGraphic__item--twoLines .interactiveGraphic__itemLine:before {
        top: 164.9%; } }
  .interactiveGraphic__item--twoLines .interactiveGraphic__itemInner:before {
    top: 245%; }
    @media (min-width: 1280px) {
      .interactiveGraphic__item--twoLines .interactiveGraphic__itemInner:before {
        top: 210px; } }
  .interactiveGraphic__item--leftToRight .interactiveGraphic__itemLine:before {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .interactiveGraphic__item--noEdge .interactiveGraphic__itemLine {
    position: absolute;
    width: 160%;
    right: 0; }
    .interactiveGraphic__item--noEdge .interactiveGraphic__itemLine:before {
      display: none; }
  .interactiveGraphic__item--noEdge .interactiveGraphic__itemInner:before {
    top: 73%; }
  .interactiveGraphic__item--flourBlue .interactiveGraphic__itemTitle {
    color: #00e5e5; }
  .interactiveGraphic__item--flourBlue .interactiveGraphic__itemInner:before {
    color: #00e5e5; }
  .interactiveGraphic__item--flourBlue .interactiveGraphic__itemLine {
    background-color: #00e5e5; }
    .interactiveGraphic__item--flourBlue .interactiveGraphic__itemLine:before {
      background-color: #00e5e5; }
  .interactiveGraphic__item--1 {
    top: 44%;
    left: 27%;
    transition: left 2s; }
    @media (min-width: 768px) {
      .interactiveGraphic__item--1 {
        top: 0;
        left: 54%; }
        .interactiveGraphic--en .interactiveGraphic__item--1 {
          top: 7%;
          left: 54%; } }
    @media (min-width: 768px) {
      .interactiveGraphic__item--1 .interactiveGraphic__itemLine:before {
        left: -47%; }
        .interactiveGraphic--en .interactiveGraphic__item--1 .interactiveGraphic__itemLine:before {
          left: -44%; } }
    @media (min-width: 1280px) {
      .interactiveGraphic__item--1 .interactiveGraphic__itemLine:before {
        left: -42.3%; }
        .interactiveGraphic--en .interactiveGraphic__item--1 .interactiveGraphic__itemLine:before {
          left: -40%; } }
    @media (min-width: 768px) {
      .interactiveGraphic__item--1 .interactiveGraphic__itemInner:before {
        left: -46%; }
        .interactiveGraphic--en .interactiveGraphic__item--1 .interactiveGraphic__itemInner:before {
          left: -43%; } }
    @media (min-width: 1280px) {
      .interactiveGraphic__item--1 .interactiveGraphic__itemInner:before {
        left: -42%; }
        .interactiveGraphic--en .interactiveGraphic__item--1 .interactiveGraphic__itemInner:before {
          left: -39%; } }
  .interactiveGraphic__item--2 {
    top: 45%;
    left: 13%;
    transition: left 2s; }
    @media (min-width: 768px) {
      .interactiveGraphic__item--2 {
        top: 9%;
        left: 1.8%; }
        .interactiveGraphic--en .interactiveGraphic__item--2 {
          left: 8.4%; } }
    @media (min-width: 768px) {
      .interactiveGraphic__item--2 .interactiveGraphic__itemLine:before {
        left: 91%; }
        .interactiveGraphic--en .interactiveGraphic__item--2 .interactiveGraphic__itemLine:before {
          left: 86%; } }
    @media (min-width: 1280px) {
      .interactiveGraphic__item--2 .interactiveGraphic__itemLine:before {
        left: 90%; }
        .interactiveGraphic--en .interactiveGraphic__item--2 .interactiveGraphic__itemLine:before {
          left: 86%; } }
    @media (min-width: 768px) {
      .interactiveGraphic__item--2 .interactiveGraphic__itemInner:before {
        left: 152%; }
        .interactiveGraphic--en .interactiveGraphic__item--2 .interactiveGraphic__itemInner:before {
          left: 172%; } }
    @media (min-width: 1280px) {
      .interactiveGraphic__item--2 .interactiveGraphic__itemInner:before {
        left: 144%; }
        .interactiveGraphic--en .interactiveGraphic__item--2 .interactiveGraphic__itemInner:before {
          left: 163%; } }
  .interactiveGraphic__item--3 {
    top: 60%;
    left: 22%;
    transition: left 2s; }
    @media (min-width: 768px) {
      .interactiveGraphic__item--3 {
        top: 28%;
        left: 16.5%; } }
    @media (min-width: 768px) {
      .interactiveGraphic__item--3 .interactiveGraphic__itemLine:before {
        left: 83%; } }
    @media (min-width: 1280px) {
      .interactiveGraphic__item--3 .interactiveGraphic__itemLine:before {
        left: 83.4%; } }
    @media (min-width: 768px) {
      .interactiveGraphic__item--3 .interactiveGraphic__itemInner:before {
        left: 181%; } }
    @media (min-width: 1280px) {
      .interactiveGraphic__item--3 .interactiveGraphic__itemInner:before {
        left: 171%; } }
  .interactiveGraphic__item--4 {
    top: 86%;
    left: 14%;
    transition: left 2s; }
    @media (min-width: 768px) {
      .interactiveGraphic__item--4 {
        top: 56%;
        left: 2%; }
        .interactiveGraphic--en .interactiveGraphic__item--4 {
          top: 50%;
          left: 4%; } }
    @media (min-width: 768px) {
      .interactiveGraphic__item--4 .interactiveGraphic__itemLine:before {
        left: 90%; }
        .interactiveGraphic--en .interactiveGraphic__item--4 .interactiveGraphic__itemLine:before {
          left: 90%; } }
    @media (min-width: 1280px) {
      .interactiveGraphic__item--4 .interactiveGraphic__itemLine:before {
        left: 89.5%; }
        .interactiveGraphic--en .interactiveGraphic__item--4 .interactiveGraphic__itemLine:before {
          left: 88.5%; } }
    @media (min-width: 768px) {
      .interactiveGraphic__item--4 .interactiveGraphic__itemInner:before {
        left: 152%; }
        .interactiveGraphic--en .interactiveGraphic__item--4 .interactiveGraphic__itemInner:before {
          left: 156%; } }
    @media (min-width: 1280px) {
      .interactiveGraphic__item--4 .interactiveGraphic__itemInner:before {
        left: 146%; }
        .interactiveGraphic--en .interactiveGraphic__item--4 .interactiveGraphic__itemInner:before {
          left: 148%; } }
  .interactiveGraphic__item--5 {
    top: 49%;
    left: 46%;
    transition: left 2s; }
    @media (min-width: 768px) {
      .interactiveGraphic__item--5 {
        top: 43%;
        left: 64.3%; }
        .interactiveGraphic--en .interactiveGraphic__item--5 {
          top: 49%;
          left: 64.5%; } }
    @media (min-width: 768px) {
      .interactiveGraphic__item--5 .interactiveGraphic__itemLine:before {
        left: -47%; }
        .interactiveGraphic--en .interactiveGraphic__item--5 .interactiveGraphic__itemLine:before {
          left: -40%; } }
    @media (min-width: 1280px) {
      .interactiveGraphic__item--5 .interactiveGraphic__itemLine:before {
        left: -42.3%; }
        .interactiveGraphic--en .interactiveGraphic__item--5 .interactiveGraphic__itemLine:before {
          left: -36.6%; } }
    @media (min-width: 768px) {
      .interactiveGraphic__item--5 .interactiveGraphic__itemInner:before {
        left: -46%; }
        .interactiveGraphic--en .interactiveGraphic__item--5 .interactiveGraphic__itemInner:before {
          left: -39%; } }
    @media (min-width: 1280px) {
      .interactiveGraphic__item--5 .interactiveGraphic__itemInner:before {
        left: -41.5%; }
        .interactiveGraphic--en .interactiveGraphic__item--5 .interactiveGraphic__itemInner:before {
          left: -36%; } }
  .interactiveGraphic__item--6 {
    top: 78%;
    left: 62%;
    transition: left 2s; }
    @media (min-width: 768px) {
      .interactiveGraphic__item--6 {
        top: 67%;
        left: 75%; }
        .interactiveGraphic--en .interactiveGraphic__item--6 {
          top: 67%;
          left: 75%; } }
    @media (min-width: 768px) {
      .interactiveGraphic__item--6 .interactiveGraphic__itemLine:before {
        left: -75%; }
        .interactiveGraphic--en .interactiveGraphic__item--6 .interactiveGraphic__itemLine:before {
          left: -75%; } }
    @media (min-width: 768px) {
      .interactiveGraphic__item--6 .interactiveGraphic__itemInner:before {
        left: -73%; }
        .interactiveGraphic--en .interactiveGraphic__item--6 .interactiveGraphic__itemInner:before {
          left: -72%; } }
  .interactiveGraphic__item--7 {
    top: 78%;
    left: 52%;
    transition: left 2s; }
    @media (min-width: 768px) {
      .interactiveGraphic__item--7 {
        top: 87%;
        left: 69%; } }
    @media (min-width: 768px) {
      .interactiveGraphic__item--7 .interactiveGraphic__itemLine:before {
        left: -136%; } }
    @media (min-width: 1280px) {
      .interactiveGraphic__item--7 .interactiveGraphic__itemLine:before {
        left: -123%; } }
    @media (min-width: 768px) {
      .interactiveGraphic__item--7 .interactiveGraphic__itemInner:before {
        left: -133%; } }
    @media (min-width: 1280px) {
      .interactiveGraphic__item--7 .interactiveGraphic__itemInner:before {
        left: -122%; } }
  .interactiveGraphic__item--8 {
    top: 82%;
    left: 32%;
    transition: left 2s; }
    @media (min-width: 768px) {
      .interactiveGraphic__item--8 {
        top: 92%;
        left: 55%; } }
    @media (min-width: 768px) {
      .interactiveGraphic__item--8 .interactiveGraphic__itemLine:before {
        left: -102%; } }
    @media (min-width: 1280px) {
      .interactiveGraphic__item--8 .interactiveGraphic__itemLine:before {
        left: -92%; } }
    @media (min-width: 768px) {
      .interactiveGraphic__item--8 .interactiveGraphic__itemInner:before {
        left: -100%; } }
    @media (min-width: 1280px) {
      .interactiveGraphic__item--8 .interactiveGraphic__itemInner:before {
        left: -91%; } }
  .interactiveGraphic__item:hover {
    color: #2d4275; }
    @media (min-width: 768px) {
      .interactiveGraphic__item:hover:not(.interactiveGraphic__item--flourBlue) .interactiveGraphic__itemTitle {
        color: #266693; }
      .interactiveGraphic__item:hover:not(.interactiveGraphic__item--flourBlue) .interactiveGraphic__itemInner:before {
        color: #266693; }
      .interactiveGraphic__item:hover:not(.interactiveGraphic__item--flourBlue) .interactiveGraphic__itemLine {
        background-color: #266693; }
        .interactiveGraphic__item:hover:not(.interactiveGraphic__item--flourBlue) .interactiveGraphic__itemLine:before {
          background-color: #266693; }
      .interactiveGraphic__item:hover .interactiveGraphic__itemTitle {
        color: #15d4f1; }
      .interactiveGraphic__item:hover .interactiveGraphic__itemInner:before {
        color: #15d4f1; }
      .interactiveGraphic__item:hover .interactiveGraphic__itemLine {
        background-color: #15d4f1; }
        .interactiveGraphic__item:hover .interactiveGraphic__itemLine:before {
          background-color: #15d4f1; } }

.interactiveGraphic__itemTitle {
  display: none;
  width: 100%;
  white-space: nowrap; }
  @media (min-width: 768px) {
    .interactiveGraphic__itemTitle {
      display: block;
      position: relative;
      font-size: 2.5vw;
      color: #2d4275; } }
  @media (min-width: 1280px) {
    .interactiveGraphic__itemTitle {
      font-size: 35px;
      line-height: 44.8px; } }

.interactiveGraphic__itemInner {
  position: relative;
  width: 100%; }
  .interactiveGraphic__itemInner:before {
    position: relative;
    font-family: "Icons";
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    font-size: 8vw; }
    @media (min-width: 768px) {
      .interactiveGraphic__itemInner:before {
        top: 375%;
        font-size: 2.2vw; } }
    @media (min-width: 1280px) {
      .interactiveGraphic__itemInner:before {
        top: 166px;
        font-size: 30px; } }

.interactiveGraphic__description {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 20px 20px 10px;
  background-color: #ededed; }
  @media (min-width: 768px) {
    .interactiveGraphic__description {
      display: none; } }

.interactiveGraphic__next {
  align-self: center;
  margin-left: 20px; }
  .interactiveGraphic__next:before {
    font-size: 35px;
    color: #2d4275; }

.interactiveGraphic__descriptionTitle {
  color: #2d4275; }

.interactiveGraphic__hint {
  position: relative;
  font-size: 15px;
  line-height: 20px;
  color: #2d4275;
  align-self: flex-end; }

.interactiveGraphic .btn {
  display: none;
  margin-top: 20px; }

@-webkit-keyframes pulseActiveIcon {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    border-color: rgba(45, 66, 117, 0); }
  10% {
    border-color: rgba(45, 66, 117, 0.5); }
  70% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    border-color: rgba(45, 66, 117, 0.5); }
  90% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    border-color: rgba(45, 66, 117, 0); }
  100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    border-color: rgba(45, 66, 117, 0); } }

@keyframes pulseActiveIcon {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    border-color: rgba(45, 66, 117, 0); }
  10% {
    border-color: rgba(45, 66, 117, 0.5); }
  70% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    border-color: rgba(45, 66, 117, 0.5); }
  90% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    border-color: rgba(45, 66, 117, 0); }
  100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    border-color: rgba(45, 66, 117, 0); } }

html.i18nHint--visible,
html.i18nHint--visible body {
  overflow: hidden; }

.i18nHint {
  position: fixed;
  bottom: 20px;
  right: 25px;
  width: 40px;
  height: 40px;
  z-index: 20; }
  .i18nHint__button {
    width: 40px;
    height: 40px;
    position: relative;
    z-index: 1;
    font-size: 40px;
    cursor: pointer;
    -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5));
            filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5)); }
    .i18nHint__button:before {
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      display: block;
      color: #00e5e5;
      z-index: 1; }
    .i18nHint__button.icon-close:before {
      font-size: 20px; }
    .i18nHint__button:after {
      content: '';
      border-radius: 100%;
      position: absolute;
      top: 0;
      left: 0;
      width: 40px;
      height: 40px;
      background: #4f4f4f; }
  .i18nHint__layer {
    font-size: 18px;
    line-height: 28px;
    position: fixed;
    display: none;
    left: 0;
    bottom: 0;
    margin: 0;
    width: 100vw;
    height: 100%;
    background: #fff;
    overflow-y: auto;
    padding: 50px 0 25px; }
    @media (min-width: 768px) {
      .i18nHint__layer {
        position: absolute;
        width: 711.66667px;
        height: auto;
        bottom: 0;
        right: 0;
        left: auto;
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
        padding-top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out .1s, bottom .25s ease-in-out; } }
    .i18nHint__layer--show {
      opacity: 1; }
      @media (min-width: 768px) {
        .i18nHint__layer--show {
          bottom: 60px; } }
    .i18nHint__layer .col {
      margin-top: 30px; }
  .i18nHint__headline--blue {
    color: #2d4275; }
  .i18nHint__contact {
    border-top: 1px solid #dddddd;
    padding-top: 26px;
    margin-top: 26px; }
    .i18nHint__contact .contact {
      margin-top: 26px; }

.lfr-notification-container {
  position: fixed;
  top: calc(50px + 20px);
  z-index: 100;
  width: 100%;
  padding: 0 10px;
  left: 0; }
  @media (min-width: 768px) {
    .lfr-notification-container {
      top: calc(85px + 20px);
      width: 300px;
      right: 20px;
      left: auto; } }
  @media (min-width: 1024px) {
    .lfr-notification-container {
      width: 400px; } }

.lfr-notification-container .alert,
.lfr-alert-container .alert {
  border: 1px solid #2d4275;
  background-color: #fff;
  color: #6f6f6f;
  padding: 13px 40px 13px 65px;
  position: relative;
  margin-bottom: 10px;
  min-height: 65px; }
  .lfr-notification-container .alert::before,
  .lfr-alert-container .alert::before {
    content: "";
    position: relative;
    font-family: "Icons";
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 18px;
    top: 21px;
    color: #2d4275;
    font-size: 28px; }
  .lfr-notification-container .alert-info,
  .lfr-alert-container .alert-info {
    border: 1px solid #2d4275; }
    .lfr-notification-container .alert-info::before,
    .lfr-alert-container .alert-info::before {
      content: "";
      color: #2d4275; }
  .lfr-notification-container .alert-success,
  .lfr-alert-container .alert-success {
    border-color: #00d257; }
    .lfr-notification-container .alert-success::before,
    .lfr-alert-container .alert-success::before {
      content: "";
      color: #00d257;
      font-size: 19px; }
  .lfr-notification-container .alert-danger,
  .lfr-alert-container .alert-danger {
    border-color: #ffd200; }
    .lfr-notification-container .alert-danger::before,
    .lfr-alert-container .alert-danger::before {
      content: "";
      color: #ffd200; }
  .lfr-notification-container .alert-error,
  .lfr-alert-container .alert-error {
    border-color: #ff0032; }
    .lfr-notification-container .alert-error::before,
    .lfr-alert-container .alert-error::before {
      content: "";
      color: #ff0032; }
  .lfr-notification-container .alert .lead,
  .lfr-alert-container .alert .lead {
    display: block; }
  .lfr-notification-container .alert svg,
  .lfr-alert-container .alert svg {
    display: none; }
  .lfr-notification-container .alert .close,
  .lfr-alert-container .alert .close {
    position: absolute;
    cursor: pointer;
    top: 18px;
    right: 20px;
    line-height: 1;
    color: #2d4275;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    outline: 0;
    font-size: 18px; }
    .lfr-notification-container .alert .close::before,
    .lfr-alert-container .alert .close::before {
      content: "";
      position: relative;
      font-family: "Icons";
      font-size: 68%;
      line-height: 1;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .lfr-notification-container .alert .close:hover,
    .lfr-alert-container .alert .close:hover {
      color: #266693; }
    .lfr-notification-container .alert .close svg,
    .lfr-alert-container .alert .close svg {
      display: none; }
  .lfr-notification-container .alert a,
  .lfr-alert-container .alert a {
    color: #2d4275; }
    .lfr-notification-container .alert a:hover,
    .lfr-alert-container .alert a:hover {
      color: #266693; }

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