@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  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
   ========================================================================== */
/**
 * 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
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 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;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * 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;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

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

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

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
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 in Chrome and Safari on macOS.
 */
[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 Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

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

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

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
  	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  	calculation of the height of the owl-item that breaks page layouts
   */
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

/*! Lity - v2.4.1 - 2020-04-26
* http://sorgalla.com/lity/
* Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */
.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.9);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.lity.lity-opened {
  opacity: 1;
}

.lity.lity-closed {
  opacity: 0;
}

.lity * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}

.lity-wrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.lity-loading .lity-loader {
  opacity: 1;
}

.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}

.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}

.lity-loading .lity-content, .lity-closed .lity-content {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}

.lity-content:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.lity-close:active {
  top: 1px;
}

.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}

.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container {
  width: 100%;
  max-width: 964px;
}

.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}

.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

.lity-hide {
  display: none;
}

pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
}

code.hljs {
  padding: 3px 5px;
}

.hljs {
  background: #fff;
  color: #000;
}

.hljs-comment, .hljs-quote, .hljs-variable {
  color: green;
}

.hljs-built_in, .hljs-keyword, .hljs-name, .hljs-selector-tag, .hljs-tag {
  color: #00f;
}

.hljs-addition, .hljs-attribute, .hljs-literal, .hljs-section, .hljs-string, .hljs-template-tag, .hljs-template-variable, .hljs-title, .hljs-type {
  color: #a31515;
}

.hljs-deletion, .hljs-meta, .hljs-selector-attr, .hljs-selector-pseudo {
  color: #2b91af;
}

.hljs-doctag {
  color: grey;
}

.hljs-attr {
  color: red;
}

.hljs-bullet, .hljs-link, .hljs-symbol {
  color: #00b0e8;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: 700;
}

.blocker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 1;
  padding: 20px;
  box-sizing: border-box;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.75);
  text-align: center;
}

.blocker:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}

.blocker.behind {
  background-color: transparent;
}

.modal {
  display: none;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  max-width: 500px;
  box-sizing: border-box;
  width: 90%;
  background: #fff;
  padding: 15px 30px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
  text-align: left;
}

.modal a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==");
}

.modal-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 12px 16px;
  border-radius: 5px;
  background-color: #111;
  height: 20px;
}

.modal-spinner > div {
  border-radius: 100px;
  background-color: #fff;
  height: 20px;
  width: 2px;
  margin: 0 1px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.modal-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.modal-spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.modal-spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.5);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  left: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  right: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0 ;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}

.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}

.flatpickr-day.today {
  border-color: #959ea9;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7;
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.flatpickr-monthSelect-months {
  margin: 10px 1px 3px 1px;
  flex-wrap: wrap;
}

.flatpickr-monthSelect-month {
  background: none;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
  margin: 0.5px;
  justify-content: center;
  padding: 10px;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  text-align: center;
  width: 33%;
}

.flatpickr-monthSelect-month.flatpickr-disabled {
  color: #eee;
}

.flatpickr-monthSelect-month.flatpickr-disabled:hover,
.flatpickr-monthSelect-month.flatpickr-disabled:focus {
  cursor: not-allowed;
  background: none !important;
}

.flatpickr-monthSelect-theme-dark {
  background: #3f4458;
}

.flatpickr-monthSelect-theme-dark .flatpickr-current-month input.cur-year {
  color: #fff;
}

.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-prev-month,
.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-next-month {
  color: #fff;
  fill: #fff;
}

.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month {
  color: rgba(255, 255, 255, 0.95);
}

.flatpickr-monthSelect-month.today {
  border-color: #959ea9;
}

.flatpickr-monthSelect-month.inRange,
.flatpickr-monthSelect-month.inRange.today,
.flatpickr-monthSelect-month:hover,
.flatpickr-monthSelect-month:focus {
  background: #e6e6e6;
  cursor: pointer;
  outline: 0;
  border-color: #e6e6e6;
}

.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.inRange,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:hover,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:focus {
  background: #646c8c;
  border-color: #646c8c;
}

.flatpickr-monthSelect-month.today:hover,
.flatpickr-monthSelect-month.today:focus {
  background: #959ea9;
  border-color: #959ea9;
  color: #fff;
}

.flatpickr-monthSelect-month.selected,
.flatpickr-monthSelect-month.startRange,
.flatpickr-monthSelect-month.endRange {
  background-color: #569ff7;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}

.flatpickr-monthSelect-month.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-monthSelect-month.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-monthSelect-month.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-monthSelect-month.inRange {
  border-radius: 0;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.selected,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.startRange,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.endRange {
  background: #80cbc4;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #80cbc4;
}

.flatpickr-confirm {
  height: 40px;
  max-height: 0px;
  visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.06);
}

.flatpickr-confirm svg path {
  fill: inherit;
}

.flatpickr-confirm.darkTheme {
  color: white;
  fill: white;
}

.flatpickr-confirm.visible {
  max-height: 40px;
  visibility: visible;
}

.toast-title {
  font-weight: 700;
}

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.toast-message a, .toast-message label {
  color: #FFF;
}

.toast-message a:hover {
  color: #CCC;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: 700;
  color: #FFF;
  -webkit-text-shadow: 0 1px 0 #fff;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  line-height: 1;
}

.toast-close-button:focus, .toast-close-button:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

.rtl .toast-close-button {
  left: -0.3em;
  float: left;
  right: 0.3em;
}

button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
}

#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999;
  -webkit-box-shadow: 0 0 12px #999;
  box-shadow: 0 0 12px #999;
  color: #FFF;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

#toast-container > div.rtl {
  direction: rtl;
  padding: 15px 50px 15px 15px;
  background-position: right 15px center;
}

#toast-container > div:hover {
  -moz-box-shadow: 0 0 12px #000;
  -webkit-box-shadow: 0 0 12px #000;
  box-shadow: 0 0 12px #000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}

#toast-container > .toast-info {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important;
}

#toast-container > .toast-error {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important;
}

#toast-container > .toast-success {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important;
}

#toast-container > .toast-warning {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important;
}

#toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

#toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.toast {
  background-color: #030303;
}

.toast-success {
  background-color: #51A351;
}

.toast-error {
  background-color: #BD362F;
}

.toast-info {
  background-color: #2F96B4;
}

.toast-warning {
  background-color: #F89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
  #toast-container > div.rtl {
    padding: 15px 50px 15px 15px;
  }
}
.oo-text-left {
  text-align: left !important;
}

.oo-text-center {
  text-align: center !important;
}

.oo-text-right {
  text-align: right !important;
}

.oo-block {
  display: block;
}

.oo-clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.oo-float-left {
  float: left;
}

.oo-float-right {
  float: right;
}

.oo-no-break {
  white-space: nowrap;
}

.oo-hide-text-overflow {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.oo-bg-size-cover {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.oo-bg-size-contain {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.oo-hidden,
.hidden {
  display: none !important;
}

.oo-clearfix::after,
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.oo-sr-only,
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  display: block !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
}

.oo-mt-5 {
  margin-top: 5rem;
}

.oo-mb-5 {
  margin-bottom: 5rem !important;
}

.oo-mb-2 {
  margin-bottom: 2rem;
}

.oo-mt-2 {
  margin-top: 2rem;
}

.oo-mt-1 {
  margin-top: 1rem;
}

.oo-mr-1 {
  margin-right: 1rem;
}

.oo-ml-auto {
  margin-left: auto;
}

.oo-mr-auto {
  margin-right: auto;
}

body[debugmode] [data-debug-info]:hover:before {
  content: attr(data-debug-info);
  padding: 4px 8px;
  color: #333333;
  background-color: #f7f7f7;
  position: absolute;
  z-index: 10;
  border: 1px #315f96 dotted;
  box-shadow: 0 0 10px #ccc;
  font-family: monospace;
  font-size: 0.75rem;
  word-break: break-all;
  left: 1.25rem;
  transform: translateY(-1.25rem);
}

html {
  height: 100%;
  box-sizing: border-box;
}

body {
  position: relative;
  min-height: 100%;
  height: 100vh;
  background: white;
}

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

#sprite {
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

.page-wrapper {
  overflow-x: hidden;
}
.page-wrapper::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 68, 122, 0.5);
  content: "";
  z-index: 2;
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: opacity 250ms ease-out, visibility 250ms ease-out;
}
.page-wrapper.menu-visible {
  position: relative;
}
.page-wrapper.menu-visible::before {
  opacity: 1;
  visibility: visible;
  z-index: 10;
}
.page-wrapper.delayed::before {
  transition-delay: 350ms;
}

body.dragging--active {
  cursor: grabbing;
}

@media screen and (max-width: 39rem) {
  .page-wrapper.languages-visible, .page-wrapper.profile-visible, .page-wrapper.search-visible {
    position: relative;
  }
  .page-wrapper.languages-visible::before, .page-wrapper.profile-visible::before, .page-wrapper.search-visible::before {
    opacity: 1;
    visibility: visible;
    z-index: 10;
  }
}
@media (max-width: 61rem) {
  .page-wrapper.languages-visible, .page-wrapper.profile-visible, .page-wrapper.search-visible, .page-wrapper.menu-visible {
    cursor: pointer;
  }
}
@media (min-width: 80rem) {
  .content > .col-wrapper {
    display: flex;
    margin-top: 0;
  }
  .content > .col-wrapper .col-md-25 {
    width: 16.6%;
    min-width: 0;
    flex: 0 0 16.6%;
    padding-right: 1.5rem;
  }
  .content > .col-wrapper .col-md-75 {
    width: 83.4%;
    min-width: 0;
    flex: 1 1 83.4%;
    padding-left: 1rem;
    overflow-x: hidden;
  }
}
.colors-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.colors-wrapper > .color-item {
  width: 100%;
}
.colors-wrapper > .color-item > p {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.colors-wrapper > .color-item > .color-content {
  display: block;
  height: 100px;
  margin: auto;
  border: 1px solid #6f6f6f;
}
.colors-wrapper > .color-item > .color-name {
  text-align: center;
}
@media (min-width: 40rem) {
  .colors-wrapper > .color-item {
    width: 150px;
  }
  .colors-wrapper > .color-item > .color-content {
    width: 100px;
    border-radius: 50%;
  }
}
.colors-wrapper .color-white {
  background-color: #ffffff;
}
.colors-wrapper .color-black {
  background-color: #000000;
}
.colors-wrapper .color-lightgray {
  background-color: #f7f7f7;
}
.colors-wrapper .color-gray {
  background-color: #e2e2e2;
}
.colors-wrapper .color-darkgray {
  background-color: #999999;
}
.colors-wrapper .color-dimgray {
  background-color: #6f6f6f;
}
.colors-wrapper .color-headlines {
  background-color: #333333;
}
.colors-wrapper .color-primary {
  background-color: #315f96;
}
.colors-wrapper .color-accent {
  background-color: #a50034;
}
.colors-wrapper .color-accent-nav {
  background-color: #315f96;
}

.icon {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: inherit;
  fill: currentColor;
}
.icon:hover, .icon:active, .icon:focus {
  fill: #315f96;
}

.icons-wrapper > .icon {
  width: 3rem;
  height: 3rem;
  margin: 0.3125rem;
}

img {
  max-width: 100%;
}

img[src=""] {
  display: none;
}

figure {
  margin: 0;
}
figure > img {
  display: block;
}
figure > figcaption {
  margin-top: 0.5rem;
  font-size: 0.875rem;
}
figure > figcaption:empty {
  display: none;
}

.img-avatar {
  border: 2px solid #f7f7f7;
  border-radius: 50%;
}
.img-avatar:hover {
  border-color: #6f6f6f;
  transition: border-color 400ms ease-out;
}

.icon.filetype {
  display: inline-block;
  float: left;
  width: 1rem;
  height: 1rem;
  margin-right: 0.3125rem;
  transform: translateY(2px);
}

.teaser-pictograms {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  height: 3rem;
}

.product-logo.teaser-product-logo {
  display: block;
  height: 3rem;
  padding: 0.25rem;
}
.product-logo.teaser-product-logo > img {
  display: block;
  width: auto;
  height: 100%;
}

.teaser-content__image {
  position: relative;
  margin-bottom: 0.5rem;
}

img[data-srcZoom] {
  cursor: pointer;
  cursor: zoom-in;
}
img[data-srcZoom]:hover {
  box-shadow: 0 0 0 0.5rem #e2e2e2;
  background-color: #e2e2e2;
  transition: box-shadow 250ms ease-out, background-color 250ms ease-out;
}

.img-contentWide {
  max-width: 90rem;
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 67rem;
}
@media (min-width: 40rem) {
  .img-contentWide {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .img-contentWide {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (max-width: 62rem) {
  .img-contentWide {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 62rem) {
  .img-contentWide {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

.img-pageWide {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.lity-image .lity-container {
  background-color: #ffffff;
}

a[href*=".baidu.com"] {
  position: absolute;
  bottom: 0;
  z-index: 100;
  font-size: 10px;
  color: inherit;
}

a[href=""], a:not([href]):not([class*=js-]) {
  color: #6f6f6f;
  pointer-events: none;
  cursor: default;
}
a[href=""]:hover, a:not([href]):not([class*=js-]):hover {
  text-decoration: none;
}
a[href=""] *, a:not([href]):not([class*=js-]) * {
  color: #6f6f6f;
}
a[href=""] > .teaser-headline, a:not([href]):not([class*=js-]) > .teaser-headline {
  color: #6f6f6f;
}

.article-teaser-headline a:not([href]) {
  color: #333333;
  pointer-events: none;
  cursor: default;
}
.article-teaser-headline a:not([href]):hover {
  text-decoration: none;
}

ol {
  padding-left: 0;
  counter-reset: section;
}
ol > li {
  position: relative;
  padding-left: 1.875rem;
  list-style-type: none;
}
ol > li::before {
  position: absolute;
  top: 0;
  left: 0;
  line-height: inherit;
  counter-increment: section;
  content: counter(section) ".";
}

ul {
  padding-left: 0;
}
ul > li {
  position: relative;
  padding-left: 1rem;
  list-style-type: none;
}
ul > li::before {
  content: "■";
  position: absolute;
  top: 2px;
  left: 0;
  font-size: 70%;
  line-height: inherit;
  color: #315f96;
}

dl {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.875rem;
}
dl > dt,
dl > dd {
  width: 50%;
  margin: 0;
  padding: 0.25rem 0;
  border-bottom: 1px solid #e2e2e2;
}
dl > dt:last-of-type,
dl > dd:last-of-type {
  border-bottom: none;
}

h6.definitionlist-headline {
  margin-top: 2rem;
  margin-bottom: 1rem;
  padding: 0 0 0.25rem;
  border-bottom: 1px solid #e2e2e2;
}

.page-ServerErrorPage .header {
  padding-top: 1rem;
}
.page-ServerErrorPage .header .logo-baumer img {
  width: 200px;
}
.page-ServerErrorPage .error-msg-container {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 67rem;
  margin-top: 3rem;
  margin-bottom: 1.875rem;
  text-align: center;
}
@media (min-width: 40rem) {
  .page-ServerErrorPage .error-msg-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .page-ServerErrorPage .error-msg-container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.page-ServerErrorPage h1 {
  margin-bottom: 1.25rem;
}

html,
body {
  font-family: "Roboto Condensed", roboto, helvetica, sans-serif;
  font-size: 100%;
  line-height: 1.5625;
  color: #6f6f6f;
}
html.countryCN,
body.countryCN {
  font-family: Arial, Helvetica, "Microsoft YaHei", "微软雅黑体", "SimHei", "黑体", "Hiragino Sans GB", "冬青黑体", "STHeiti", "	华文黑体", sans-serif;
}

body {
  font-size: 1rem;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 400;
  text-decoration: none;
  color: #333333;
}

h1, .h1 {
  font-size: 3.0241935484vw;
  line-height: 1.2;
}
@media screen and (max-width: 0.07936px) {
  h1, .h1 {
    font-size: 24px;
  }
}
@media (min-width: 0.0062rem) {
  h1, .h1 {
    font-size: 1.875rem;
  }
}

h2, .h2 {
  font-size: 2.21774194vw;
  line-height: 1.136;
}
@media screen and (max-width: 0.0811636362px) {
  h2, .h2 {
    font-size: 18px;
  }
}
@media (min-width: 0.0062rem) {
  h2, .h2 {
    font-size: 1.375rem;
  }
}

h3, .h3 {
  font-size: 2.0161290323vw;
  line-height: 1.2;
}
@media screen and (max-width: 0.07936px) {
  h3, .h3 {
    font-size: 16px;
  }
}
@media (min-width: 0.0062rem) {
  h3, .h3 {
    font-size: 1.25rem;
  }
}

h4, .h4 {
  font-size: 1.125rem;
  line-height: 1.2222;
}

a {
  text-decoration: none;
  color: #315f96;
}
a:hover {
  text-decoration: underline;
}

p a {
  color: #6f6f6f;
  text-decoration: underline;
}

a:hover, a:active, a:focus {
  color: #315f96;
}

.header a:hover, .header a:active, .header a:focus {
  color: inherit;
}

h1:empty,
h2:empty,
h3:empty,
h4:empty,
p:empty,
a:empty,
ul:empty,
ol:empty,
div:empty,
span:empty {
  display: none;
}

sup {
  top: -0.35em;
}

.subheadline {
  font-size: 2.0161290323vw;
  line-height: 1.2;
  font-weight: 400;
  color: #315f96;
}
@media screen and (max-width: 0.07936px) {
  .subheadline {
    font-size: 16px;
  }
}
@media (min-width: 0.0062rem) {
  .subheadline {
    font-size: 1.25rem;
  }
}

.brand {
  font-style: italic;
}
.brand:not(:empty)::after {
  content: " ‒";
}
.brand sup {
  font-style: normal;
}
.brand sup::before {
  content: " ";
}

.version-info {
  position: fixed;
  bottom: 20px;
  right: 0;
  z-index: 100000;
  display: block;
  padding: 1px 2px 0 3px;
  background: rgba(255, 255, 255, 0.8);
  color: black;
  font-size: 10px;
}
.version-info [data-label] {
  display: inline-block;
  margin-right: 0.5rem;
}
.version-info [data-label]::before {
  content: attr(data-label);
}
.version-info .version-info__viewport {
  margin-right: 0;
}
.version-info .version-info__viewport::after {
  content: "mobile";
}
@media (min-width: 40rem) {
  .version-info .version-info__viewport::after {
    content: "XS";
  }
}
@media (min-width: 62rem) {
  .version-info .version-info__viewport::after {
    content: "SM";
  }
}
@media (min-width: 80rem) {
  .version-info .version-info__viewport::after {
    content: "MD";
  }
}
@media (min-width: 90rem) {
  .version-info .version-info__viewport::after {
    content: "LG";
  }
}
@media (min-width: 120rem) {
  .version-info .version-info__viewport::after {
    content: "XL";
  }
}

/* roboto-condensed-300 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff2") format("woff2"), url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff") format("woff"), url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.ttf") format("truetype"), url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.svg#RobotoCondensed") format("svg"); /* Legacy iOS */
}
/* roboto-condensed-regular - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2") format("woff2"), url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff") format("woff"), url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf") format("truetype"), url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg#RobotoCondensed") format("svg"); /* Legacy iOS */
}
/* roboto-condensed-300italic - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300italic.woff2") format("woff2"), url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300italic.woff") format("woff"), url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300italic.ttf") format("truetype"), url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300italic.svg#RobotoCondensed") format("svg"); /* Legacy iOS */
}
/* roboto-condensed-italic - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff2") format("woff2"), url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff") format("woff"), url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.ttf") format("truetype"), url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.svg#RobotoCondensed") format("svg"); /* Legacy iOS */
}
/* roboto-condensed-700 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2") format("woff2"), url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff") format("woff"), url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.ttf") format("truetype"), url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.svg#RobotoCondensed") format("svg"); /* Legacy iOS */
}
/* roboto-condensed-700italic - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff2") format("woff2"), url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff") format("woff"), url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.ttf") format("truetype"), url("../fonts/roboto-condensed-v25-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.svg#RobotoCondensed") format("svg"); /* Legacy iOS */
}
.info-flyout {
  position: relative;
  padding-right: 1.5rem;
  margin-right: 1rem;
}
.info-flyout--visible .info-flyout__text {
  display: block;
}
.info-flyout--hover .info-flyout__icon:hover ~ .info-flyout__text {
  display: block;
}

.info-flyout__text {
  position: absolute;
  z-index: 100;
  top: 100%;
  right: 0.6rem;
  display: none;
  width: 7.5rem;
  padding: 0.5rem;
  margin-top: 8px;
  font-size: 0.875rem;
  background: white;
  border: 1px solid #e2e2e2;
  box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.3);
  color: #6f6f6f;
  transform: translateX(3.75rem);
}
.info-flyout__text::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -10px;
  display: block;
  width: 9px;
  height: 9px;
  background: inherit;
  border: inherit;
  border-width: 1px 1px 0 0;
  transform: rotate(-45deg) translateX(-0.375rem);
}

.info-flyout__icon {
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  width: 1rem;
  height: 1rem;
  margin-top: -0.5rem;
  cursor: pointer;
  fill: #315f96;
}
.info-flyout__icon:hover + .info-flyout__text {
  display: block;
}

.active-filter {
  position: relative;
  display: inline-block;
  height: 1.5rem;
  padding: 0.25rem 2rem 0.25rem 0.5rem;
  background: #efefef;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25;
}

.active-filter__remove {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.5rem;
  width: 1.5rem;
}
.active-filter__remove > .icon {
  width: 0.5rem;
  height: 0.5rem;
  fill: #6f6f6f;
}
.active-filter__remove:hover > .icon {
  fill: #315f96;
}

.add-to-cart-form {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  margin-right: 16px;
}

.add-to-cart-form__price {
  margin: 4px 16px 4px 0;
}

.reference-price {
  display: block;
  font-size: 0.875rem;
  color: #333333;
}
.reference-price + .reference-price {
  margin-top: 6px;
}

.your-price {
  display: block;
  font-size: 1.375rem;
  color: #333333;
}
.your-price > a {
  color: #315f96;
  text-decoration: none;
}

.add-to-cart-form__button {
  margin: 4px 0;
  white-space: nowrap;
}
.add-to-cart-form__button > .btn-icn-inner > .icon {
  width: 20px;
  height: 20px;
  margin: -4px -4px -4px 4px;
}

.add-to-cart-form > .btn.accent {
  align-self: center;
  margin-top: inherit;
}

.archive {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 67rem;
  padding-bottom: 5rem;
}
@media (min-width: 40rem) {
  .archive {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .archive {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.archive__headline,
.archive__list {
  margin-top: 3rem;
  margin-bottom: 2rem;
}
@media (min-width: 90rem) {
  .archive__headline,
  .archive__list {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
}

.archive__headline {
  font-size: 1.875rem;
}

.archive-item {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #e2e2e2;
}

.archive-item__image {
  display: block;
  margin-bottom: 0.5rem;
}

.archive-item__longtext {
  font-size: 0.875rem;
}
@media (min-width: 62rem) {
  .archive-item__longtext {
    font-size: 1rem;
  }
}

@media (min-width: 40rem) {
  .archive-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .archive-item__image {
    order: 1;
    margin-left: 1rem;
    margin-bottom: 0;
    flex: 0 0 15rem;
  }
  .archive-item__text {
    margin-right: 1rem;
  }
}
@media (min-width: 62rem) {
  .archive-item__image {
    flex: 0 0 20rem;
  }
}
.article-component,
.article-date {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 67rem;
  margin-top: 3rem;
  margin-bottom: 2rem;
}
@media (min-width: 40rem) {
  .article-component,
  .article-date {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .article-component,
  .article-date {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 90rem) {
  .article-component,
  .article-date {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
}

.article-component > * {
  margin-top: 0;
}
.article-component > *:last-child {
  margin-bottom: 0;
}
.article-component > h5 {
  font-size: 3.0241935484vw;
  line-height: 1.2;
  margin-bottom: 3rem;
}
@media screen and (max-width: 0.07936px) {
  .article-component > h5 {
    font-size: 24px;
  }
}
@media (min-width: 0.0062rem) {
  .article-component > h5 {
    font-size: 1.875rem;
  }
}
.article-component > h6 {
  font-size: 2.21774194vw;
  line-height: 1.136;
  margin-bottom: 3rem;
}
@media screen and (max-width: 0.0811636362px) {
  .article-component > h6 {
    font-size: 18px;
  }
}
@media (min-width: 0.0062rem) {
  .article-component > h6 {
    font-size: 1.375rem;
  }
}
.article-component > figure {
  margin-left: 0;
  margin-right: 0;
}
.article-component > figure > img {
  margin-left: auto;
  margin-right: auto;
}
.article-component > figure > figcaption {
  max-width: 75%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.article-date {
  margin-bottom: 2.5rem;
  font-size: 1rem;
}
.article-date::after {
  content: "";
  display: table;
  clear: both;
}
.article-date .icon {
  float: left;
  width: 1rem;
  height: 1.5rem;
  margin-right: 0.5rem;
}
.article-date + .article-component,
.article-date + .content-section-with-img {
  margin-top: 2.5rem;
}

.article-image-grid {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 67rem;
  margin-top: 3rem;
  margin-bottom: 2rem;
}
@media (min-width: 40rem) {
  .article-image-grid {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .article-image-grid {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 90rem) {
  .article-image-grid {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
}
.article-image-grid > h2 {
  font-size: 3.0241935484vw;
  line-height: 1.2;
  margin-bottom: 3rem;
}
@media screen and (max-width: 0.07936px) {
  .article-image-grid > h2 {
    font-size: 24px;
  }
}
@media (min-width: 0.0062rem) {
  .article-image-grid > h2 {
    font-size: 1.875rem;
  }
}

.article-image-grid-images {
  justify-content: center;
  justify-content: flex-start;
}
.article-image-grid-images > figure {
  margin-bottom: 2rem;
}
@media (min-width: 40rem) {
  .article-image-grid-images {
    display: flex;
    flex-wrap: wrap;
  }
  .article-image-grid-images > figure {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    flex-shrink: 0;
    flex-grow: 0;
  }
  .article-image-grid-images > figure:nth-child(n) {
    margin-right: 2rem;
  }
  .article-image-grid-images > figure:last-child {
    margin-right: 0;
  }
  .article-image-grid-images > figure:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 90rem) {
  .article-image-grid-images > figure {
    flex-basis: calc(50% - 1.5rem);
    width: calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
    margin-bottom: 3rem;
  }
  .article-image-grid-images > figure:nth-child(n) {
    margin-right: 3rem;
  }
  .article-image-grid-images > figure:last-child {
    margin-right: 0;
  }
  .article-image-grid-images > figure:nth-child(2n) {
    margin-right: 0;
  }
}

[class^=article-teaser] + .separator-component,
[class^=article-teaser] + .teaser-icon-grid {
  margin-top: 0;
}
.pagination a{
  padding:.5rem .75rem;
  margin-left:-1px;
  line-height:1.25;
  border:1px solid #dee2e6;
}

.article-teaser {
  margin-bottom: 2rem;
}
.article-teaser.horizontal .article-teaser-text:only-child {
  margin-left: auto;
  margin-right: auto;
}

.article-teaser-text > .article-teaser-headline,
.article-teaser-text > .teaser-subheadline {
  margin-bottom: 1rem;
}
.article-teaser-text > a.btn:not(.selectorlink) {
  display: none;
}
.article-teaser-text .selectorlink {
  margin-top: 0.5rem;
  font-size: 0.875rem;
}

.article-teaser-longtext {
  font-size: 1rem;
  margin-bottom: 1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; 
  overflow: hidden; 
  text-overflow: ellipsis;
}
.article-teaser-longtext > * {
  margin: 0 0 0.25rem;
}
.article-teaser-longtext > *:first-child {
  margin-top: 0;
}
.article-teaser-longtext > *:last-child {
  margin-bottom: 0;
}

.article-teaser-image,
.article-teaser-video {
  display: block;
  margin-bottom: 0.5rem;
}
.article-teaser-image > img,
.article-teaser-video > img {
  display: block;
  width: 100%;
  height: auto;
  flex: 0 0 auto;
  max-height: 250px;
}

.article-teaser-call2action {
  margin-top: 0.25rem;
}

.article-teaser-container {
  margin-top: 3rem;
  margin-bottom: 2rem;
}
@media (min-width: 90rem) {
  .article-teaser-container {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
}
.article-teaser-container.vertical {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 67rem;
}
@media (min-width: 40rem) {
  .article-teaser-container.vertical {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .article-teaser-container.vertical {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.article-teaser-container.horizontal {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 40rem) {
  .article-teaser-container.horizontal {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .article-teaser-container.horizontal {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .article-teaser-container.horizontal {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .article-teaser-container.horizontal {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .article-teaser-container.horizontal {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}

.article-teaser-group,
.article-teaser-pair {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 40rem) {
  .article-teaser-group,
  .article-teaser-pair {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .article-teaser-group,
  .article-teaser-pair {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .article-teaser-group,
  .article-teaser-pair {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .article-teaser-group,
  .article-teaser-pair {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .article-teaser-group,
  .article-teaser-pair {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}

.article-teaser-pair {
  justify-content: center;
}
.article-teaser-pair > .article-teaser {
  margin-bottom: 2rem;
}
@media (min-width: 40rem) {
  .article-teaser-pair {
    display: flex;
    flex-wrap: wrap;
  }
  .article-teaser-pair > .article-teaser {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    flex-shrink: 0;
    flex-grow: 0;
  }
  .article-teaser-pair > .article-teaser:nth-child(n) {
    margin-right: 2rem;
  }
  .article-teaser-pair > .article-teaser:last-child {
    margin-right: 0;
  }
  .article-teaser-pair > .article-teaser:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 90rem) {
  .article-teaser-pair > .article-teaser {
    flex-basis: calc(50% - 1.5rem);
    width: calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
    margin-bottom: 3rem;
  }
  .article-teaser-pair > .article-teaser:nth-child(n) {
    margin-right: 3rem;
  }
  .article-teaser-pair > .article-teaser:last-child {
    margin-right: 0;
  }
  .article-teaser-pair > .article-teaser:nth-child(2n) {
    margin-right: 0;
  }
}

.article-teaser-group {
  justify-content: center;
}
.article-teaser-group > .article-teaser {
  margin-bottom: 2rem;
}
@media (min-width: 40rem) {
  .article-teaser-group {
    display: flex;
    flex-wrap: wrap;
  }
  .article-teaser-group > .article-teaser {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    flex-shrink: 0;
    flex-grow: 0;
  }
  .article-teaser-group > .article-teaser:nth-child(n) {
    margin-right: 2rem;
  }
  .article-teaser-group > .article-teaser:last-child {
    margin-right: 0;
  }
  .article-teaser-group > .article-teaser:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 80rem) {
  .article-teaser-group > .article-teaser {
    flex-basis: calc(33.33% - 1.34rem);
    width: calc(33.33% - 1.34rem);
    max-width: calc(33.33% - 1.34rem);
  }
  .article-teaser-group > .article-teaser:nth-child(n) {
    margin-right: 2rem;
  }
  .article-teaser-group > .article-teaser:last-child {
    margin-right: 0;
  }
  .article-teaser-group > .article-teaser:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 90rem) {
  .article-teaser-group > .article-teaser {
    flex-basis: calc(33.33% - 2rem);
    width: calc(33.33% - 2rem);
    max-width: calc(33.33% - 2rem);
    margin-bottom: 3rem;
  }
  .article-teaser-group > .article-teaser:nth-child(n) {
    margin-right: 3rem;
  }
  .article-teaser-group > .article-teaser:last-child {
    margin-right: 0;
  }
  .article-teaser-group > .article-teaser:nth-child(3n) {
    margin-right: 0;
  }
}
.article-teaser-group .btn {
  display: none;
}

.article-teaser-headline {
  font-size: 2.21774194vw;
  line-height: 1.136;
}
@media screen and (max-width: 0.0811636362px) {
  .article-teaser-headline {
    font-size: 18px;
  }
}
@media (min-width: 0.0062rem) {
  .article-teaser-headline {
    font-size: 1.375rem;
  }
}

@media (min-width: 62rem) {
  .article-teaser.horizontal {
    display: flex;
    justify-content: center;
  }
  .article-teaser.horizontal > * {
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 2rem;
  }
  .article-teaser.horizontal > *:last-child {
    margin-right: 0;
  }
  .article-teaser.horizontal > *:nth-child(1) {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
  }
  .article-teaser.horizontal > *:nth-child(2) {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
  }
  .article-teaser.horizontal .article-teaser-image,
  .article-teaser.horizontal .article-teaser-video {
    align-self: flex-start;
  }
  .article-teaser.horizontal .article-teaser-text {
    margin-bottom: 1rem;
  }
  .article-teaser.horizontal.right .article-teaser-text {
    margin-right: 2rem;
    order: -1;
  }
  .article-teaser.horizontal.right .article-teaser-image,
  .article-teaser.horizontal.right .article-teaser-video,
  .article-teaser.horizontal.right .videolink {
    margin-right: 0;
  }
  .article-teaser.vertical .article-teaser-image,
  .article-teaser.vertical .article-teaser-video,
  .article-teaser.vertical .videolink {
    margin-bottom: 1rem;
  }
}
@media (min-width: 90rem) {
  .article-teaser.horizontal {
    display: flex;
    justify-content: center;
  }
  .article-teaser.horizontal > * {
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 3rem;
  }
  .article-teaser.horizontal > *:last-child {
    margin-right: 0;
  }
  .article-teaser.horizontal > *:nth-child(1) {
    flex-basis: calc(50% - 1.5rem);
    width: calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
  }
  .article-teaser.horizontal > *:nth-child(2) {
    flex-basis: calc(50% - 1.5rem);
    width: calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
  }
  .article-teaser.horizontal.right .article-teaser-text {
    margin-right: 3rem;
  }
}
.availability__status, .productlifecycle__status {
  position: relative;
  padding-left: 1.25rem;
  white-space: nowrap;
}
.availability__status::before, .productlifecycle__status::before {
  content: "";
  position: absolute;
  left: 0;
  top: 25%;
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  margin-top: -0.125rem;
  background: #e2e2e2;
  border-radius: 2px;
}
.availability__status[data-status=high]::before, .productlifecycle__status[data-status=high]::before {
  background: #7ACD1F;
}
.availability__status[data-status=medium]::before, .availability__status[data-status=limitedTimeAvailable]::before, .productlifecycle__status[data-status=medium]::before, .productlifecycle__status[data-status=limitedTimeAvailable]::before {
  background: #FFEA00;
}
.availability__status[data-status=low]::before, .availability__status[data-status=currentlyNotAvailable]::before, .availability__status[data-status=notAvailableAnymore]::before, .productlifecycle__status[data-status=low]::before, .productlifecycle__status[data-status=currentlyNotAvailable]::before, .productlifecycle__status[data-status=notAvailableAnymore]::before {
  background: #ff6f00;
}

.productlifecycle {
  margin-top: -0.5rem;
  font-size: 0.875rem;
}
.productlifecycle .productlifecycle__status {
  padding-left: 1rem;
}
.productlifecycle .productlifecycle__status::before {
  height: 0.5rem;
  width: 0.5rem;
}

.page-wrapper > .banner {
  margin-bottom: 2rem;
}
.page-wrapper > .banner + .in-site-nav {
  margin-top: -2rem;
}
.page-wrapper > .banner + .map-container {
  margin-top: -3rem;
}
.page-wrapper > .banner ul > li > ul > li::before {
  content: "▶";
  top: 3px;
  font-size: 60%;
  color: #6f6f6f;
}

.banner-backdrop {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 3rem;
  padding-bottom: 3rem;
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0;
  padding-bottom: 2.25rem;
  padding-left: 0;
  padding-right: 0;
  background-color: white;
}
@media (min-width: 40rem) {
  .banner-backdrop {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 40rem) {
  .banner-backdrop {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .banner-backdrop {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .banner-backdrop {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .banner-backdrop {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .banner-backdrop {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
.banner-backdrop--no-image {
  background-color: #f7f7f7;
  display: block;
  min-width: 100%;
}
.banner-backdrop--no-image .banner-backdrop__content-no-image {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
}

.banner-backdrop__content {
  display: block;
  position: relative;
  background-size: 0 0;
}
.banner-backdrop__content > .videoplayer {
  display: none;
}
.banner-backdrop__content > .videoplayer > video {
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
}
.banner-backdrop__content > .videoplayer .videocontrols {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5rem;
  z-index: 1;
}
.banner-backdrop__content > .videoplayer .videocontrols .btn.naked.icn.button-volume .icon {
  color: #ffffff;
  width: 2rem;
  height: 2rem;
}
.banner-backdrop__content > .videoplayer .videocontrols.videocontrols__noaudio .button-volume {
  display: none;
}
.banner-backdrop__content .videoplayer, .banner-backdrop__content > img {
  position: relative;
  width: 100%;
  height: 100%;
}
@media (min-width: 40rem) {
  .banner-backdrop__content > .videoplayer {
    display: flex;
  }
  .banner-backdrop__content > .videoplayer + img {
    display: none;
  }
}
.banner-backdrop__content::before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  background-color: inherit;
  background-image: inherit;
  background-size: cover;
}
.banner-backdrop__content[data-backdrop-image]::before {
  padding-bottom: 31.25%;
}

.banner-backdrop__text {
  padding: 2rem 1rem;
  z-index: 2;
}
.banner-backdrop__text > * {
  margin-top: 0.75rem;
  margin-bottom: 1rem;
}
.banner-backdrop__text > *:first-child {
  margin-top: 0;
}
.banner-backdrop__text > *:last-child {
  margin-bottom: 0;
}

.banner-backdrop__text,
.banner-backdrop__buttons {
  background: white;
}

.banner-backdrop__buttons {
  padding: 0 1rem 1.5rem;
}
.banner-backdrop__buttons > .btn {
  margin: 0.25rem 0.5rem 0.25rem 0;
}

@media (min-width: 40rem) {
  .banner-backdrop {
    display: block;
    padding-left: 0;
    padding-right: 0;
  }
  .banner-backdrop__text {
    padding: 2rem;
  }
  .banner-backdrop__buttons {
    padding: 0 2rem 1.5rem;
    z-index: 2;
  }
}
@media (min-width: 80rem) {
  .banner-backdrop {
    position: relative;
    padding-bottom: 0;
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .banner-backdrop .banner-backdrop__content > img {
    height: 100%;
    object-fit: cover;
  }
  .banner-backdrop .banner-backdrop__content > img, .banner-backdrop .videoplayer {
    position: absolute;
    top: 0;
    left: 0;
  }
  .banner-backdrop__content {
    display: flex;
    background-position: center center;
    background-size: cover;
  }
  .banner-backdrop__content::before {
    flex: 0 0 1px;
    width: 1px;
    padding-bottom: 31.25%;
    background: none;
  }
  .banner-backdrop__content > .videoplayer ~ .banner-backdrop__textblock {
    opacity: 0.8;
  }
  .banner-backdrop__textblock {
    display: flex;
    flex-direction: column;
    width: calc(50% - 4rem);
    margin-left: 2rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    background-color: transparent;
  }
  .banner-backdrop--slider .banner-backdrop__buttons {
    align-self: flex-end;
  }
}
@media (min-width: 90rem) {
  .banner-backdrop {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .banner-backdrop__textblock {
    width: calc(50% - 3.5rem);
    max-width: 40rem;
    margin-left: 3.5rem;
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
}
@media (min-width: 120rem) {
  .banner-backdrop {
    max-width: 120rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12rem;
    padding-right: 12rem;
  }
  .banner-backdrop--no-image {
    padding-left: 0;
    padding-right: 0;
  }
  .banner-backdrop .banner-backdrop__content-no-image {
    position: relative;
    width: 100%;
    max-width: 120rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 120rem) and (min-width: 40rem) {
  .banner-backdrop .banner-backdrop__content-no-image {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 120rem) and (min-width: 62rem) {
  .banner-backdrop .banner-backdrop__content-no-image {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 120rem) and (min-width: 80rem) {
  .banner-backdrop .banner-backdrop__content-no-image {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 120rem) and (min-width: 90rem) {
  .banner-backdrop .banner-backdrop__content-no-image {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) and (min-width: 120rem) {
  .banner-backdrop .banner-backdrop__content-no-image {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
.banner-seal {
  display: none;
}

.banner-cart .banner-cart__buttons {
  display: block;
  margin-top: 2rem;
}
.banner-cart .banner-cart__buttons .banner-cart__button {
  display: flex;
  justify-content: flex-start;
  margin-top: 1rem;
  cursor: pointer;
}
.banner-cart .banner-cart__buttons .banner-cart__button > .icon {
  margin-left: 0;
  margin-right: 0.75rem;
  order: -1;
}

@media (min-width: 40rem) {
  .banner-cart .banner-cart__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .banner-cart .banner-cart__text {
    margin-right: 2rem;
  }
  .banner-cart .banner-cart__buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-top: 0;
  }
  .banner-cart .banner-cart__buttons .banner-cart__button {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    margin-left: 2rem;
  }
  .banner-cart .banner-cart__buttons .banner-cart__button:first-child {
    margin-left: 0;
  }
  .banner-cart .banner-cart__buttons .banner-cart__button > .icon {
    margin-left: 0.75rem;
    margin-right: 0;
    order: 0;
  }
}
.banner-headline-subtitle {
  background: #f7f7f7;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.banner-headline-subtitle-content {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 40rem) {
  .banner-headline-subtitle-content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .banner-headline-subtitle-content {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .banner-headline-subtitle-content {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .banner-headline-subtitle-content {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .banner-headline-subtitle-content {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}

.banner-headline-subtitle-text > h1 {
  margin: 0 0 0.25rem;
  color: #315f96;
}
.banner-headline-subtitle-text > h2 {
  color: #333333;
  font-size: 2.0161290323vw;
  line-height: 1.2;
  margin: 0 0 0.5rem;
  color: #315f96;
}
@media screen and (max-width: 0.07936px) {
  .banner-headline-subtitle-text > h2 {
    font-size: 16px;
  }
}
@media (min-width: 0.0062rem) {
  .banner-headline-subtitle-text > h2 {
    font-size: 1.25rem;
  }
}
.banner-headline-subtitle-text > p {
  margin: 0;
  color: #333333;
}

@media (min-width: 40rem) {
  .banner-headline-subtitle-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.bannerlist-home-wrapper,
.banner-home-wrapper {
  position: relative;
  overflow-x: visible;
}
.bannerlist-home-wrapper::after,
.banner-home-wrapper::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100vw;
  height: 1px;
  background-color: #e2e2e2;
  transform: translateX(-50%);
}

.banner-home-wrapper {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 67rem;
  margin-top: 3rem;
  margin-bottom: 2rem;
}
@media (min-width: 40rem) {
  .banner-home-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .banner-home-wrapper {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 90rem) {
  .banner-home-wrapper {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
}
.banner-home-wrapper .banner-home-item {
  padding-bottom: 2rem;
}

.bannerlist-home-wrapper {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 40rem) {
  .bannerlist-home-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .bannerlist-home-wrapper {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .bannerlist-home-wrapper {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .bannerlist-home-wrapper {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .bannerlist-home-wrapper {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
.bannerlist-home-wrapper .banner-home-item {
  padding: 1rem 0 1rem;
}
.bannerlist-home-wrapper .banner-home-item > h2 {
  font-size: 2.0161290323vw;
  line-height: 1.2;
}
@media screen and (max-width: 0.07936px) {
  .bannerlist-home-wrapper .banner-home-item > h2 {
    font-size: 16px;
  }
}
@media (min-width: 0.0062rem) {
  .bannerlist-home-wrapper .banner-home-item > h2 {
    font-size: 1.25rem;
  }
}
.bannerlist-home-wrapper .banner-home-item > h3 {
  font-size: 1rem;
}
.bannerlist-home-wrapper .banner-home-item:nth-child(odd):not(:last-child) {
  border-bottom: 1px solid #e2e2e2;
}
.bannerlist-home-wrapper .banner-home-textblock {
  font-size: 0.875rem;
}
.bannerlist-home-wrapper .banner-home-link {
  margin-top: 1rem;
}
.bannerlist-home-wrapper .banner-home-link .btn {
  outline: none;
  animation: none;
  padding: 0;
  color: #315f96;
  background: none;
}
.bannerlist-home-wrapper .banner-home-link .btn svg {
  display: none;
}
.bannerlist-home-wrapper .banner-home-link .btn:hover {
  text-decoration: underline;
}
.bannerlist-home-wrapper .banner-home-image {
  height: 120px;
}
.bannerlist-home-wrapper .banner-home-image > img {
  width: auto;
  max-height: 100%;
}

.banner-home-item > h2,
.banner-home-item > h3 {
  margin-bottom: 0;
}
.banner-home-item > h2 {
  font-size: 3.0241935484vw;
  line-height: 1.2;
  margin-top: 0;
  color: #315f96;
}
@media screen and (max-width: 0.07936px) {
  .banner-home-item > h2 {
    font-size: 24px;
  }
}
@media (min-width: 0.0062rem) {
  .banner-home-item > h2 {
    font-size: 1.875rem;
  }
}
.banner-home-item > h3 {
  font-size: 1.125rem;
  line-height: 1.2222;
  margin-top: 0.5rem;
}

.banner-home-textblock > *:not(.banner-home-link) {
  margin-top: 1rem;
  margin-bottom: 0;
}

.banner-home-link {
  display: block;
  margin-top: 2rem;
}

.banner-home-image {
  margin-top: 1rem;
}
.banner-home-image > img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

@media (min-width: 40rem) {
  .banner-home-item {
    position: relative;
    display: block;
  }
  .banner-home-item .banner-home-image {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: 0;
    transform: translateY(-50%);
  }
  .banner-home-item > h2,
  .banner-home-item > h3,
  .banner-home-item .banner-home-textblock {
    padding-right: 2rem;
  }
  .bannerlist-home-wrapper .banner-home-textblock,
  .bannerlist-home-wrapper h2,
  .bannerlist-home-wrapper h3 {
    max-width: calc(75% - 0.5rem);
  }
  .bannerlist-home-wrapper .banner-home-image {
    max-width: calc(25% - 0.5rem);
  }
  .banner-home-wrapper .banner-home-textblock,
  .banner-home-wrapper h2,
  .banner-home-wrapper h3 {
    max-width: calc(66% - 0.5rem);
  }
  .banner-home-wrapper .banner-home-image {
    max-width: calc(33% - 0.5rem);
  }
}
@media (min-width: 62rem) {
  .bannerlist-home-wrapper {
    display: flex;
  }
  .bannerlist-home-wrapper .banner-home-item {
    width: 50%;
    padding: 2.5rem 0 2rem;
  }
  .bannerlist-home-wrapper .banner-home-item:nth-child(odd):not(:last-child) {
    border: none;
    box-shadow: 25px 0 0 -1.5rem #e2e2e2;
  }
  .bannerlist-home-wrapper .banner-home-item:nth-child(even) {
    padding-left: 1.25rem;
  }
  .bannerlist-home-wrapper .banner-home-image {
    right: 1.25rem;
  }
  .bannerlist-home-wrapper .banner-home-textblock,
  .bannerlist-home-wrapper h2,
  .bannerlist-home-wrapper h3 {
    max-width: calc(66% - 0.5rem);
  }
  .bannerlist-home-wrapper .banner-home-image {
    max-width: calc(33% - 0.5rem);
  }
}
@media (min-width: 80rem) {
  .banner-home-item .banner-home-image {
    order: 1;
  }
  .banner-home-item .banner-home-image > img {
    margin-left: auto;
    margin-right: 0;
  }
  .banner-home-wrapper .banner-home-item {
    margin-left: auto;
    margin-right: auto;
  }
  .banner-home-wrapper .banner-home-item .banner-home-textblock,
  .banner-home-wrapper .banner-home-item > h2,
  .banner-home-wrapper .banner-home-item > h3 {
    flex-basis: calc(50% - 0.5rem);
    max-width: calc(50% - 0.5rem);
  }
  .banner-home-wrapper .banner-home-item .banner-home-image {
    flex-basis: calc(50% - 0.5rem);
    max-width: calc(50% - 0.5rem);
  }
}
.banner-onlyheadline-wrapper {
  background: #f7f7f7;
}
.banner-onlyheadline-wrapper h1 {
  color: #315f96;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.banner-onlyheadline-wrapper .banner-onlyheadline-text {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 40rem) {
  .banner-onlyheadline-wrapper .banner-onlyheadline-text {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .banner-onlyheadline-wrapper .banner-onlyheadline-text {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .banner-onlyheadline-wrapper .banner-onlyheadline-text {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .banner-onlyheadline-wrapper .banner-onlyheadline-text {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .banner-onlyheadline-wrapper .banner-onlyheadline-text {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}

@media (min-width: 62rem) {
  .banner-onlyheadline-wrapper {
    display: flex;
    align-items: center;
  }
  .banner-onlyheadline-text {
    flex: 1 0 50%;
    margin-right: 1.25rem;
  }
}
.banner-priceListFactors .banner-priceListFactors__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.banner-priceListFactors .banner-priceListFactors__text {
  margin-right: 2rem;
}
.banner-priceListFactors .banner-priceListFactors__buttons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: 0;
}
.banner-priceListFactors .banner-priceListFactors__buttons .banner-priceListFactors__button {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  margin-left: 2rem;
}
.banner-priceListFactors .banner-priceListFactors__buttons .banner-priceListFactors__button:first-child {
  margin-left: 0;
}
.banner-priceListFactors .banner-priceListFactors__buttons .banner-priceListFactors__button > .icon {
  margin-left: 0.75rem;
  margin-right: 0;
  order: 0;
}

.banner-productdetail {
  background: #f7f7f7;
}

.banner-productdetail-content {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 3rem;
  padding-bottom: 3rem;
  position: relative;
}
@media (min-width: 40rem) {
  .banner-productdetail-content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .banner-productdetail-content {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .banner-productdetail-content {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .banner-productdetail-content {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .banner-productdetail-content {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
@media (min-width: 40rem) {
  .banner-productdetail-content {
    display: flex;
    flex-wrap: wrap;
  }
}

.banner-productdetail-image {
  flex-basis: 100%;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
  object-fit: contain;
  overflow: hidden;
  overflow: visible;
}
.banner-productdetail-image > img {
  display: block;
  max-height: 32rem;
  margin: 0 auto;
}
@media (min-width: 40rem) {
  .banner-productdetail-image {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(50% - 1.5rem);
    width: calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
    display: block;
    align-self: center;
    margin: 0;
  }
}
.banner-productdetail-image .product-meta-links {
  position: absolute;
  bottom: 2rem;
  left: 1rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.banner-productdetail-image .product-meta-links .btn {
  margin-right: 1.5rem;
}

.banner-productdetail-text {
  flex-basis: 100%;
  color: #6f6f6f;
}
@media (min-width: 40rem) {
  .banner-productdetail-text {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(50% - 1.5rem);
    width: calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
    margin-right: 3rem;
  }
}
.banner-productdetail-text > * {
  margin-top: 0.75rem;
  margin-bottom: 1rem;
}
.banner-productdetail-text > *:first-child {
  margin-top: 0;
}
.banner-productdetail-text > *:last-child {
  margin-bottom: 0;
}

.banner-productdetail-subheadline {
  color: #333333;
  font-size: 2.0161290323vw;
  line-height: 1.2;
}
@media screen and (max-width: 0.07936px) {
  .banner-productdetail-subheadline {
    font-size: 16px;
  }
}
@media (min-width: 0.0062rem) {
  .banner-productdetail-subheadline {
    font-size: 1.25rem;
  }
}
.banner-productdetail-subheadline.category {
  margin-top: 0;
  color: #315f96;
}

.banner-productdetail-headline {
  color: #315f96;
}

.banner-productdetail-longtext > * {
  margin-top: 0.75rem;
  margin-bottom: 1rem;
}
.banner-productdetail-longtext > *:first-child {
  margin-top: 0;
}
.banner-productdetail-longtext > *:last-child {
  margin-bottom: 0;
}
.banner-buttongroups {
  display: flex;
  margin-top: 1rem;
}

.banner-configbutton,
.buttongroup-banner-productdetail > a {
  margin-right: 0.625rem;
}

.banner-configbutton {
  display: flex;
}

.banner-configbutton__base-price {
  margin-right: 0.5rem;
}
.banner-configbutton__base-price > span {
  display: block;
}
.banner-configbutton__base-price > span:first-child {
  color: #333333;
  font-size: 1rem;
  line-height: 1;
}
.banner-configbutton__base-price > span:last-child {
  font-size: 12px;
}

.js-end-config-group,
.btn.icn.js-end-config-group {
  display: none;
}

.banner-productdetail__additional-links {
  margin-top: 0;
}
.banner-productdetail__additional-links > *:not(:last-child) {
  margin-right: 1.5rem;
}

.banner-productdetail-price {
  margin-top: 1rem;
}

.banner-productdetail__config-links {
  margin-top: 1rem;
}

.product-image-caption {
  text-align: right;
  font-size: 0.75rem;
}

@media (min-width: 40rem) {
  .banner-productdetail-image .product-meta-links {
    position: static;
    left: auto;
    bottom: auto;
    top: 2rem;
    right: 5rem;
  }
  .banner-productdetail-image .product-meta-links .btn {
    margin-right: 0;
    margin-left: 2rem;
  }
}
@media (min-width: 62rem) {
  .banner-productdetail-headline {
    margin-top: 0;
  }
}
@media (min-width: 120rem) {
  .banner-productdetail-image {
    position: relative;
  }
  .banner-productdetail-image .product-meta-links {
    top: 0;
    right: 0;
  }
}
.banner-topic {
  background: #f7f7f7;
}

.banner-topic__content {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 40rem) {
  .banner-topic__content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .banner-topic__content {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .banner-topic__content {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .banner-topic__content {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .banner-topic__content {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
@media (min-width: 40rem) {
  .banner-topic__content {
    display: flex;
    flex-wrap: wrap;
  }
}

.banner-topic__text {
  flex-basis: 100%;
  color: #6f6f6f;
}
@media (min-width: 40rem) {
  .banner-topic__text {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(50% - 1.5rem);
    width: calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
    margin-right: 3rem;
  }
}

.banner-topic__buttons > a {
  margin-top: 1rem;
}
.banner-topic__buttons > a:not(:last-of-type) {
  margin-right: 1rem;
}
.banner-topic__buttons > a:last-of-type {
  margin-right: 1rem;
}

.banner-topic__headline {
  margin: 0 0 1rem;
  color: #315f96;
}

.banner-topic__subheadline {
  color: #333333;
  font-size: 2.0161290323vw;
  line-height: 1.2;
  margin-bottom: 1rem;
}
@media screen and (max-width: 0.07936px) {
  .banner-topic__subheadline {
    font-size: 16px;
  }
}
@media (min-width: 0.0062rem) {
  .banner-topic__subheadline {
    font-size: 1.25rem;
  }
}

.banner-topic__image {
  flex-basis: 100%;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
  object-fit: contain;
  overflow: hidden;
  margin-top: 2rem;
}
.banner-topic__image > img {
  display: block;
  max-height: 32rem;
  margin: 0 auto;
}
@media (min-width: 40rem) {
  .banner-topic__image {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(50% - 1.5rem);
    width: calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
    display: block;
    align-self: center;
    margin: 0;
  }
}

.banner-topic-selector-button,
.banner-call2action {
  margin-top: 1rem;
}

@media (min-width: 62rem) {
  .banner-topic__image {
    margin-top: 0;
  }
}
#main-nav-wrapper ~ .flyout + .breadcrumb-wrapper,
#main-nav-wrapper + .breadcrumb-wrapper {
  border-top: none;
}

.breadcrumb-wrapper {
  border-bottom: 1px solid #e2e2e2;
  border-top: 1px solid #e2e2e2;
  margin-bottom: 2rem;
}
.breadcrumb-wrapper + .banner,
.breadcrumb-wrapper + .in-site-nav {
  margin-top: -2rem;
}

.breadcrumb {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 40rem) {
  .breadcrumb {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .breadcrumb {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .breadcrumb {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .breadcrumb {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .breadcrumb {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}

.breadcrumb-wrapper + .content-wrapper {
  margin-top: -2rem;
}

.breadcrumb-item {
  position: relative;
  display: none;
  padding: 0;
  overflow: hidden;
}
.breadcrumb-item::before {
  content: none;
}
.breadcrumb-item.last-active {
  display: block;
}
.breadcrumb-item .icn-back {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  margin: 0 0.75rem 0.5rem -1.125rem;
  transform: scaleX(-1);
}
.breadcrumb-item > a,
.breadcrumb-item > span {
  display: flex;
  align-items: center;
  height: 2rem;
  padding: 0 0.75rem 0 1.0625rem;
  font-size: 0.875rem;
  line-height: 1;
  white-space: inherit;
}
.breadcrumb-item > span {
  cursor: default;
}
.breadcrumb-item.home .icon {
  width: 1.125rem;
  height: 1.125rem;
}
.breadcrumb-item:not(.home):not(.current):not(.inactive)::before, .breadcrumb-item:not(.home):not(.current):not(.inactive)::after {
  content: "";
  position: absolute;
  left: 100%;
  background-color: #e2e2e2;
  z-index: -1;
}
.breadcrumb-item:not(.home):not(.current):not(.inactive)::before {
  width: 2.5rem;
  height: 2.5rem;
  margin-left: 10px;
  transform: rotate(45deg);
}
.breadcrumb-item:not(.home):not(.current):not(.inactive)::after {
  top: 0;
  width: 100%;
  height: 2.5rem;
  margin-left: 32px;
}
.breadcrumb-item:not(.home):not(.current):not(.inactive):hover {
  text-decoration: underline;
}
.breadcrumb-item:not(.home):not(.current):not(.inactive):hover::before, .breadcrumb-item:not(.home):not(.current):not(.inactive):hover::after {
  left: 0;
  display: block;
  background-color: #ffffff;
  transition: left 400ms ease-out, background-color 300ms ease-out 100ms;
}

@media (min-width: 40rem) {
  .breadcrumb-item.home {
    display: block;
  }
  .breadcrumb-item.home > a {
    padding-top: 0;
    padding-left: 0;
  }
  .breadcrumb-item.last-active > a {
    padding-left: 1.0625rem;
  }
  .breadcrumb-item > a,
  .breadcrumb-item > span {
    height: 2.5rem;
    padding-top: 2px;
  }
}
@media (min-width: 62rem) {
  .breadcrumb-wrapper {
    border-bottom: none;
    border-top: none;
  }
  .breadcrumb-item .icn-back {
    display: none;
  }
  .breadcrumb-item.current {
    display: block;
    white-space: nowrap;
  }
  .breadcrumb-item:not(.home) > a,
  .breadcrumb-item:not(.home) > span {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='16px' viewBox='0 0 10 16'%3E%3Cpolygon fill='%23315f96' points='0 1.62 1.62 0 9.62 8 1.62 16 0 14.38 6.38 8 0 1.62'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 5px;
    background-position-y: 1.025rem;
  }
  .breadcrumb-item.current > span {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='16px' viewBox='0 0 10 16'%3E%3Cpolygon fill='%236f6f6f' points='0 1.62 1.62 0 9.62 8 1.62 16 0 14.38 6.38 8 0 1.62'/%3E%3C/svg%3E");
  }
}
@media (min-width: 80rem) {
  .breadcrumb-item {
    display: block;
  }
}
.btn {
  position: relative;
  display: inline-block;
  padding: 0.5625rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  border: 2px solid;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  color: #ffffff;
}
.btn:disabled, .btn.disabled {
  color: #ffffff;
  background-color: #e2e2e2;
  border-color: #e2e2e2;
}
.btn:disabled:hover, .btn.disabled:hover {
  outline: none;
  animation: none;
  color: #ffffff;
  background-color: #e2e2e2;
  border-color: #e2e2e2;
  cursor: default;
}
.btn:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.btn.icn,
.btn-icn-inner {
  display: inline-flex;
  align-items: center;
}
.btn.icn svg,
.btn-icn-inner svg {
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  width: 0.75rem;
  height: 0.75rem;
  margin-left: 1rem;
  fill: currentColor;
}
.btn.icn.inquire-btn svg,
.btn-icn-inner.inquire-btn svg {
  width: 22px;
  height: 16px;
}

.btn.dark {
  color: #ffffff;
  background-color: #6f6f6f;
  border-color: #6f6f6f;
}
.btn.dark:disabled, .btn.dark.disabled {
  color: #ffffff;
  background-color: #e2e2e2;
  border-color: #e2e2e2;
}
.btn.dark:disabled:hover, .btn.dark.disabled:hover {
  outline: none;
  animation: none;
  color: #ffffff;
  background-color: #e2e2e2;
  border-color: #e2e2e2;
  cursor: default;
}
.btn.dark:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.btn.dark:hover {
  outline: 3px solid transparent;
  animation: buttonoutline6f6f6f 0.5s ease-out;
}
@keyframes buttonoutline6f6f6f {
  0% {
    outline: 3px solid #6f6f6f;
  }
  100% {
    outline: 3px solid transparent;
  }
}

.btn.primary {
  color: #ffffff;
  background-color: #315f96;
  border-color: #315f96;
}
.btn.primary:disabled, .btn.primary.disabled {
  color: #ffffff;
  background-color: #e2e2e2;
  border-color: #e2e2e2;
}
.btn.primary:disabled:hover, .btn.primary.disabled:hover {
  outline: none;
  animation: none;
  color: #ffffff;
  background-color: #e2e2e2;
  border-color: #e2e2e2;
  cursor: default;
}
.btn.primary:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.btn.primary:hover {
  outline: 3px solid transparent;
  animation: buttonoutline315f96 0.5s ease-out;
}
@keyframes buttonoutline315f96 {
  0% {
    outline: 3px solid #315f96;
  }
  100% {
    outline: 3px solid transparent;
  }
}

.btn.accent {
  color: #ffffff;
  background-color: #a50034;
  border-color: #a50034;
}
.btn.accent:disabled, .btn.accent.disabled {
  color: #ffffff;
  background-color: #e2e2e2;
  border-color: #e2e2e2;
}
.btn.accent:disabled:hover, .btn.accent.disabled:hover {
  outline: none;
  animation: none;
  color: #ffffff;
  background-color: #e2e2e2;
  border-color: #e2e2e2;
  cursor: default;
}
.btn.accent:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.btn.accent:hover {
  outline: 3px solid transparent;
  animation: buttonoutlinea50034 0.5s ease-out;
}
@keyframes buttonoutlinea50034 {
  0% {
    outline: 3px solid #a50034;
  }
  100% {
    outline: 3px solid transparent;
  }
}

.btn.accentnav {
  color: #ffffff;
  background-color: #315f96;
  border-color: #315f96;
}
.btn.accentnav:disabled, .btn.accentnav.disabled {
  color: #ffffff;
  background-color: #e2e2e2;
  border-color: #e2e2e2;
}
.btn.accentnav:disabled:hover, .btn.accentnav.disabled:hover {
  outline: none;
  animation: none;
  color: #ffffff;
  background-color: #e2e2e2;
  border-color: #e2e2e2;
  cursor: default;
}
.btn.accentnav:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.btn.accentnav:hover {
  outline: 3px solid transparent;
  animation: buttonoutline315f96 0.5s ease-out;
}
@keyframes buttonoutline315f96 {
  0% {
    outline: 3px solid #315f96;
  }
  100% {
    outline: 3px solid transparent;
  }
}

.btn.negative {
  color: #ffffff;
  font-weight: inherit;
  color: #315f96;
  background-color: #ffffff;
  border-color: #315f96;
}
.btn.negative:disabled, .btn.negative.disabled {
  color: #ffffff;
  background-color: #e2e2e2;
  border-color: #e2e2e2;
}
.btn.negative:disabled:hover, .btn.negative.disabled:hover {
  outline: none;
  animation: none;
  color: #ffffff;
  background-color: #e2e2e2;
  border-color: #e2e2e2;
  cursor: default;
}
.btn.negative:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.btn.negative:hover {
  outline: 3px solid transparent;
  animation: buttonoutline315f96 0.5s ease-out;
}
@keyframes buttonoutline315f96 {
  0% {
    outline: 3px solid #315f96;
  }
  100% {
    outline: 3px solid transparent;
  }
}

.btn.negative.accent {
  color: #ffffff;
  color: #a50034;
  background-color: #ffffff;
  border-color: #a50034;
}
.btn.negative.accent:disabled, .btn.negative.accent.disabled {
  color: #ffffff;
  background-color: #e2e2e2;
  border-color: #e2e2e2;
}
.btn.negative.accent:disabled:hover, .btn.negative.accent.disabled:hover {
  outline: none;
  animation: none;
  color: #ffffff;
  background-color: #e2e2e2;
  border-color: #e2e2e2;
  cursor: default;
}
.btn.negative.accent:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.btn.secondary {
  font-weight: inherit;
  color: #315f96;
  background-color: transparent;
  border: 2px solid currentColor;
}
.btn.secondary:hover {
  outline: 3px solid transparent;
  animation: buttonoutline315f96 0.5s ease-out;
}
@keyframes buttonoutline315f96 {
  0% {
    outline: 3px solid #315f96;
  }
  100% {
    outline: 3px solid transparent;
  }
}

.btn.secondary.negative {
  color: #ffffff;
  background-color: transparent;
  border: 2px solid currentColor;
}

.btn.naked {
  padding: 0;
  font-weight: inherit;
  color: #315f96;
  background: none;
  border: none;
}
.btn.naked::after {
  margin-left: 1rem;
}
.btn.naked:focus, .btn.naked:active {
  color: #a50034;
  background: none;
}
.btn.naked:hover {
  outline: none;
  animation: none;
  text-decoration: underline;
}
.btn.naked svg {
  margin-left: 0.5rem;
}

.btn.naked.neutral {
  color: #6f6f6f;
  background: none;
}

.btn.naked.icn .icon {
  margin-left: 0.5rem;
  color: #315f96;
}

.btn.naked.neutral.icn {
  text-decoration: underline;
  color: #315f96;
}
.btn.naked.neutral.icn:hover {
  outline: none;
  animation: none;
}

.btn.naked.negative {
  color: #ffffff;
  background: none;
}

.btn.naked.socialMedia:focus, .btn.naked.socialMedia:active {
  color: #315f96;
}

.btn.block {
  display: block;
  width: 100%;
}
.btn.block .btn-icn-inner {
  display: flex;
  justify-content: space-between;
}

.buttongroup::after {
  content: "";
  display: table;
  clear: both;
}
.buttongroup .btn {
  float: left;
  margin-bottom: 0.625rem;
}
.buttongroup .btn:not(:last-child) {
  margin-right: 0.625rem;
}

.buttongroup.right::after {
  content: "";
  display: table;
  clear: both;
}

.buttongroup-wrapper {
  float: right;
}
.buttongroup-wrapper::after {
  content: "";
  display: table;
  clear: both;
}

.button-show-all-wrapper-naked {
  text-align: center;
}

.call2action-btn {
  margin: 1rem 0 2rem;
  display: flex;
  justify-content: center;
  width: 100%;
}

.grid + .call2action-btn {
  margin-top: 0;
}

.btn.icn.call2action svg, .btn.icn.banner-call2action svg, .btn.icn.backdrop-call2action svg {
  width: 22px;
  height: 16px;
}

@media (min-width: 40rem) {
  .call2action-btn .btn {
    max-width: 75%;
  }
}
.cart__quantity {
  width: 72px;
  margin: 4px 8px 4px 0;
}
.cart__quantity > input[type=number] {
  height: 36px;
  margin: 0;
  padding-right: 4px;
}

.cart .cart-table,
.cart .cart-buttons {
  margin: 2rem 0;
}
.cart .cart-button {
  display: inline-block;
}

.cart-table__show-all {
  padding: 1rem;
  vertical-align: top;
}
.cart-table__show-all > .btn {
  font-size: 0.75rem;
}

.cart-table tfoot tr.cart-price-fragment:first-child td, .cart-table tfoot tr.cart-price-fragment:first-child th {
  padding: 3rem 0 0 1rem;
}
.cart-table .primary-highlight {
  color: #315f96;
}

.cart-table__sum {
  font-size: 0.875rem;
  font-weight: 400;
  text-align: right;
  color: #333333;
  vertical-align: bottom;
}

.cart-table__freight {
  font-size: 0.875rem;
  font-weight: 400;
  text-align: right;
  vertical-align: bottom;
}

.cart-buttons {
  text-align: right;
}
.cart-buttons > .btn:not(:last-child) {
  margin-right: 1rem;
}

@media (min-width: 62rem) {
  .cart-page__content {
    display: flex;
    justify-content: center;
  }
  .cart-page__content > * {
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 2rem;
  }
  .cart-page__content > *:last-child {
    margin-right: 0;
  }
  .cart-page__content > *:nth-child(1) {
    flex-basis: calc(66% - 1rem);
    width: calc(66% - 1rem);
    max-width: calc(66% - 1rem);
  }
  .cart-page__content > *:nth-child(2) {
    flex-basis: calc(33% - 1rem);
    width: calc(33% - 1rem);
    max-width: calc(33% - 1rem);
  }
  .cart-page__content .cart-summary {
    margin-top: 0.5rem;
  }
}
@media (min-width: 90rem) {
  .cart-page__content {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
  }
  .cart-page__content > * {
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 3rem;
  }
  .cart-page__content > *:last-child {
    margin-right: 0;
  }
  .cart-page__content > *:nth-child(1) {
    flex-basis: calc(75% - 1.5rem);
    width: calc(75% - 1.5rem);
    max-width: calc(75% - 1.5rem);
  }
  .cart-page__content > *:nth-child(2) {
    flex-basis: calc(25% - 1.5rem);
    width: calc(25% - 1.5rem);
    max-width: calc(25% - 1.5rem);
  }
  .cart-page__content .cart-summary {
    margin-top: 2.75rem;
  }
}

.cart-page__table,
.cart-page__summary {
  margin-top: 2rem;
}

.cart-page__table .cart-table {
  margin-top: 0;
}

.cart-page__print,
.cart-page__contact {
  display: none;
}

.cart-quickorder {
  display: block;
}

input.cart-quickorder__input {
  height: 36px;
  margin: 0;
}

.cart-quickorder__headline {
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
}

.cart-quickorder__form {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.cart-quickorder__form > .btn {
  flex: 0 0 100%;
}

.cart-quickorder__product {
  flex: 1 1 auto;
  margin: 0 0.5rem 0.5rem 0;
}

.cart-quickorder__quantity {
  flex: 0 0 4rem;
  margin: 0 0 0.5rem 0;
}

@media (min-width: 40rem) {
  .cart-quickorder__form {
    flex-wrap: nowrap;
  }
  .cart-quickorder__form > .btn {
    flex: 0 0 auto;
  }
  .cart-quickorder__product {
    max-width: 20rem;
    margin: 0 0.5rem 0 0;
  }
  .cart-quickorder__quantity {
    margin: 0 0.5rem 0 0;
  }
}
@media (min-width: 80rem) {
  .cart-quickorder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .cart-quickorder .file-upload {
    margin-top: 0;
  }
  .cart-quickorder .file-upload__description {
    margin: 0 0 0 1rem;
  }
  .cart-quickorder__headline {
    flex: 0 0 100%;
  }
  .csv-import__upload {
    display: flex;
  }
}
.cart-summary {
  padding: 1rem;
  background: #f7f7f7;
}

.cart-summary__headline {
  font-size: 1.125rem;
  line-height: 1.2222;
  margin-bottom: 1.5rem;
}

.cart-summary__item,
.cart-summary__total {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1rem;
  padding-left: 0;
  font-size: 0.875rem;
}
.cart-summary__item::before,
.cart-summary__total::before {
  content: none;
}

.cart-summary__total {
  align-items: flex-start;
}

.cart-summary__value,
.cart-summary__total-value {
  margin-left: 1rem;
}

.cart-summary__total {
  padding-top: 0.75rem;
  border-top: 1px solid #e2e2e2;
  color: #333333;
}

.cart-summary__total-value {
  font-size: 1.125rem;
  line-height: 1.2222;
}

.cart-summary__vat-label {
  margin-left: 0.3rem;
  color: #6f6f6f;
  font-size: 0.75rem;
  text-align: right;
  white-space: nowrap;
}

.cart-summary__buttons {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}
.cart-summary__buttons > * {
  margin-left: 1rem;
}

.cart-table {
  width: 100%;
  margin: 2rem 0;
  border-collapse: collapse;
  text-align: left;
}

.cart-table__cell,
.cart-table__header {
  min-width: 0;
  border-top: none;
  font-weight: 400;
  font-size: 0.875rem;
  text-align: left;
  vertical-align: middle;
}

.cart-table__header {
  padding: 0.5rem 1rem;
  border-left: 1px solid #e2e2e2;
  border-bottom: 0.5rem solid white;
}
.cart-table__header--blank {
  border-left: none;
}

.cart-table__cell {
  padding: 1rem 1rem 1rem;
  border-top: 0.5rem solid white;
}
.cart-table__cell .cart__quantity {
  margin: 0;
  font-size: 0.875rem;
}

.cart-table__entry {
  background-color: #f7f7f7;
}

.cart-table__entry.errorEntry,
.cart-table__detail.errorEntry {
  background-color: rgba(165, 0, 52, 0.08);
}
.cart-table__entry.errorEntry .cart-table__cell,
.cart-table__entry.errorEntry .cart-table__detail-cell,
.cart-table__detail.errorEntry .cart-table__cell,
.cart-table__detail.errorEntry .cart-table__detail-cell {
  background-color: transparent;
}

.cart-table__name {
  display: inline-block;
  margin-bottom: 0.25rem;
  line-height: 1.3rem;
  font-size: 1.125rem;
  color: #315f96;
}

.cart-table__code {
  font-size: 0.875rem;
}

.cart-table__delete,
.cart-table__add {
  display: block;
  width: 20px;
  height: 20px;
  padding: 2px;
  color: inherit;
}
.cart-table__delete:hover,
.cart-table__add:hover {
  color: #315f96;
}
.cart-table__delete > .icon,
.cart-table__add > .icon {
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.cart-table__delete {
  margin-left: auto;
}

.cart-table__detail {
  background: #f7f7f7;
}

.cart-table__detail-cell {
  padding: 0 1rem;
}

td.noselect,
td.noselect *,
th.noselect,
th.noselect * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

td.noselect::selection,
td.noselect *::selection,
th.noselect::selection,
th.noselect *::selection {
  background: transparent;
}

@media screen and (max-width: 79rem) {
  .cart-table {
    display: block;
  }
  .cart-table thead {
    display: none;
  }
  .cart-table tbody,
  .cart-table tfoot {
    display: block;
  }
  .cart-table__cell {
    display: block;
  }
  .cart-table__detail,
  .cart-table__entry {
    display: flex;
    width: 100%;
  }
  .cart-table__entry {
    align-items: center;
    margin-top: 0.5rem;
  }
  .cart-table__pos {
    flex-grow: 0;
    flex-shrink: 0;
    width: 4rem;
  }
  .cart-table__product {
    margin-right: auto;
  }
  .cart-table__quantity {
    flex-grow: 0;
    flex-shrink: 0;
    width: 6.5rem;
  }
  .cart-table__price {
    flex-grow: 0;
    flex-shrink: 0;
    width: 6rem;
  }
  .cart-table__action {
    flex-grow: 0;
    flex-shrink: 0;
    width: 52px;
  }
  .cart-table__actions {
    margin-left: auto;
  }
  .cart-table__cell,
  .cart-table__detail-cell {
    background: #f7f7f7;
    border: none;
  }
  .cart-table__detail-cell {
    display: none;
  }
  .cart-table__detail-cell.cart-table__detail-container {
    display: block;
  }
  .cart-price {
    display: flex;
  }
  .cart-table__show-all {
    margin-right: auto;
  }
  [data-cart-table-header]::before {
    content: attr(data-cart-table-header) ": ";
    font-size: 0.75rem;
    color: #999999;
  }
}
@media screen and (max-width: 62rem) {
  .cart-table__entry,
  .cart-price {
    flex-wrap: wrap;
  }
  .cart-table__product {
    flex-grow: 0;
    flex-shrink: 0;
    width: calc(100% - 4rem);
  }
  .cart-table-config-detail__key {
    display: none;
  }
  .cart-table__action {
    margin-left: auto;
  }
  .cart-table__show-all {
    flex: 0 0 100%;
  }
  .cart-table__sum {
    padding-top: 1rem;
  }
  th.cart-table__sum {
    margin-left: auto;
  }
  .cart-price td:empty {
    display: none;
  }
}
.cart-table-config-detail__button.btn.icn {
  position: relative;
  margin-bottom: 1rem;
  margin-right: 1.5rem;
  padding-right: 1.2rem;
  color: #315f96;
  font-size: 0.875rem;
}
.cart-table-config-detail__button.btn.icn.js-order-schedule-lines {
  margin-bottom: 0rem !important;
}
.cart-table-config-detail__button.btn.icn > .icon {
  position: absolute;
  right: 0;
  top: 50%;
  margin: -6px 0 0;
}
.cart-table-config-detail__button.btn.icn.cart-table-config-detail__close {
  display: none;
}
.cart-table-config-detail__button.btn.icn.cart-table-config-detail__close > .icon {
  transform: rotate(180deg);
}

.button-configure-cart {
  margin-bottom: 1rem;
}

.cart-table-config-detail {
  height: 0;
  overflow: hidden;
}
.cart-table-config-detail.cart-table-config-detail--visible {
  height: auto;
}

.cart-table-config-detail__table {
  width: 100%;
  margin: 0.5rem 0;
  font-size: 0.875rem;
}

.cart-table-config-detail__cell {
  padding: 0 1rem 0.5rem;
  vertical-align: top;
}

.cart-table-config-detail__name {
  padding-left: 0;
}

.cart-table-config-detail__key {
  padding-right: 0;
  text-align: right;
}

.cart-table-config-detail__list-item {
  position: relative;
  display: block;
  padding-left: 1rem;
}
.cart-table-config-detail__list-item::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  width: 6px;
  height: 6px;
  background: #315f96;
}

span.bracketed {
  color: #999999;
  white-space: nowrap;
}
span.bracketed::before {
  content: "[";
  margin-right: -2px;
}
span.bracketed::after {
  content: "]";
  margin-left: -2px;
}

.cartbutton--solid {
  padding: 10px 48px 8px 16px;
  font-size: 0.875rem;
  color: white;
  background-color: #a50034;
  border-color: #a50034;
}
.cartbutton--solid > .icon {
  right: 14px;
  width: 21px;
  height: 21px;
  margin-top: -9px;
}
.cartbutton--solid > .icon.success {
  width: 14px;
  height: 14px;
  margin-top: -6px;
}
.cartbutton--solid:hover {
  outline: 3px solid transparent;
  animation: buttonoutlinea50034 0.5s ease-out;
  text-decoration: none;
}
@keyframes buttonoutlinea50034 {
  0% {
    outline: 3px solid #a50034;
  }
  100% {
    outline: 3px solid transparent;
  }
}

@media (min-width: 62rem) {
  .cartbutton {
    margin-top: 4px;
    margin-bottom: 0;
  }
}
.checkout__checkoutSection-actions .bold_highlight {
  font-size: 1rem;
  color: #000000;
  font-weight: bold;
}
.checkout__checkoutSection-actions input:checked + .checkout-address--container,
.checkout__checkoutSection-actions input:checked + .checkout-list-billingaddresses {
  border: solid #315f96 2px;
}

.checkout__paymentTermsSection {
  margin-top: 1rem;
}

.checkout__refNumber {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.checkout__summary-buttons {
  width: 100%;
  justify-content: space-between;
  margin-left: 0;
  display: flex;
}
.checkout__summary-buttons > a,
.checkout__summary-buttons > button {
  width: 8rem;
  text-align: center;
  justify-content: center;
}

.checkout__shippingConditionHelp,
.checkout__deliveryHelp,
.checkout__billingHelp {
  display: flex;
  flex-direction: column;
  margin-top: 2.25rem;
}
.checkout__shippingConditionHelp > a,
.checkout__deliveryHelp > a,
.checkout__billingHelp > a {
  margin-top: 6px;
}
@media (max-width: 90rem) {
  .checkout__shippingConditionHelp,
  .checkout__deliveryHelp,
  .checkout__billingHelp {
    margin-bottom: 2rem;
  }
}

.checkout__headline h3 {
  font-size: 1rem;
  color: #999999;
}
@media (min-width: 62rem) {
  .checkout__headline h3 {
    font-size: 1rem;
  }
}

.checkout__shippingConditionStep .checkout__deliveryDate {
  margin-top: 1rem;
}
.checkout__shippingConditionStep .checkout__shippingConditionHeadline {
  margin-top: 2rem;
}

.checkout__shippingConditionSection,
.checkout__paymentTermsSection__radiobtn {
  font-size: 0.875rem;
}

.checkout-address--container {
  width: 100%;
  border: solid #e2e2e2 2px;
  margin: 1rem 1rem 1rem 0;
  padding: 1rem;
}
.checkout-address--container > span {
  display: block;
}
.checkout-address--container::before {
  display: none !important;
}

.checkout-list-shipmentaddresses,
.checkout-list-billingaddresses {
  display: flex;
  flex-wrap: wrap;
}
.checkout-list-shipmentaddresses [type=radio]:checked + label,
.checkout-list-billingaddresses [type=radio]:checked + label {
  color: #6f6f6f;
}
.checkout-list-shipmentaddresses label,
.checkout-list-billingaddresses label {
  color: #6f6f6f;
}
.checkout-list-shipmentaddresses label:hover,
.checkout-list-billingaddresses label:hover {
  color: #6f6f6f;
}

.content-full.order-request-confirmation {
  margin-top: 4rem;
}
.content-full.order-request-confirmation .order-confirmation__headline {
  font-size: 1.375rem;
  color: #000000;
}
.content-full.order-request-confirmation .order-confirmation__headline .highlighted {
  color: #315f96;
}
.content-full.order-request-confirmation .order-confirmation__orders-link {
  margin-top: 2rem;
  margin-bottom: 3rem;
}
.content-full.order-request-confirmation .order-confirmation__help {
  display: flex;
  flex-direction: column;
}
.content-full.order-request-confirmation .order-confirmation__help > a {
  margin-top: 6px;
}

.checkout-page__step h2 {
  font-size: 1.375rem;
}
@media (min-width: 40rem) {
  .checkout-page__step h2 {
    font-size: 1.375rem;
  }
}
@media (min-width: 62rem) {
  .checkout-page__step h2 {
    font-size: 1.375rem;
  }
}
@media (min-width: 80rem) {
  .checkout-page__step h2 {
    font-size: 1.375rem;
  }
}
@media (min-width: 90rem) {
  .checkout-page__step h2 {
    font-size: 1.375rem;
  }
}
.checkout-page__step h3 {
  font-size: 1rem;
}
@media (min-width: 40rem) {
  .checkout-page__step h3 {
    font-size: 1rem;
  }
}
@media (min-width: 62rem) {
  .checkout-page__step h3 {
    font-size: 1rem;
  }
}
@media (min-width: 80rem) {
  .checkout-page__step h3 {
    font-size: 1rem;
  }
}
@media (min-width: 90rem) {
  .checkout-page__step h3 {
    font-size: 1rem;
  }
}

.checkout__overview h1 {
  font-size: 1.375rem;
}
.checkout__overview h2 {
  font-size: 1.125rem;
}
.checkout__overview h3 {
  font-size: 1rem;
}
.checkout__overview .checkout__headline {
  margin-bottom: 2rem;
}

.checkout__overview {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.checkout__overview .checkout__overviewItem {
  flex-basis: 100%;
  margin-bottom: 2rem;
}
@media (min-width: 40rem) {
  .checkout__overview .checkout__overviewItem {
    flex: 1;
    margin-bottom: 0;
  }
  .checkout__overview .checkout__overviewItem:not(:first-of-type) {
    padding-left: 1rem;
  }
}
@media (min-width: 90rem) {
  .checkout__overview {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .checkout__overview .checkout__overviewItem {
    flex-basis: 17%;
    flex-grow: 0;
    flex-shrink: 0;
  }
}

@media (min-width: 40rem) {
  .checkout__refNumber,
  .deliveryDate__input {
    max-width: 18.25rem;
  }
}
@media (min-width: 62rem) {
  .checkout-address--container {
    max-width: 25%;
  }
}
@media (min-width: 90rem) {
  .checkout-page__step {
    display: flex;
  }
  .checkout-page__stepWrapper {
    flex-basis: calc(73% - 1.5rem);
    width: calc(73% - 1.5rem);
    max-width: calc(73% - 1.5rem);
    margin-right: 3rem;
  }
  .checkout-page__stepWrapper > .cart-page__content {
    margin-top: 0;
  }
  .checkout-page__stepWrapper > .cart-page__content .cart-page__table {
    margin-top: 0;
  }
  .checkout__shippingConditionHelp {
    margin-top: 11rem;
  }
  .checkout-page__summary {
    flex-basis: calc(27% - 1.5rem);
    width: calc(27% - 1.5rem);
    max-width: calc(27% - 1.5rem);
    margin-top: 1rem;
  }
  .checkout__overview {
    margin-bottom: 6.25rem;
  }
  .checkout__summary-buttons > a, .checkout__summary-buttons > button {
    width: 10.5rem;
    font-size: 0.875rem;
  }
  .checkout__refNumber {
    margin-bottom: 4rem;
  }
  .checkout__overview .checkout__overviewItem {
    flex-basis: 20%;
  }
}
.btn.icn.checkoutDisabled {
  font-size: 0.875rem;
  background-color: #e2e2e2;
  border-color: #e2e2e2;
}
.btn.icn.checkoutDisabled svg {
  width: 1rem;
  height: 1rem;
}

.checkoutNav {
  top: -2rem;
  display: flex;
  width: 100%;
  position: relative;
  justify-content: space-between;
}
.checkoutNav .highlight {
  border-bottom: solid #315f96 5px;
  color: #000000;
}

.checkoutNav_steps {
  display: flex;
  width: 100%;
  position: relative;
  white-space: nowrap;
}

.checkoutNav_step {
  padding-right: 0.5rem;
  font-size: 1.125rem;
}
.checkoutNav_step:not(:first-child) > span {
  padding-left: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='16px' viewBox='0 0 10 16'%3E%3Cpolygon fill='%236f6f6f' points='0 1.62 1.62 0 9.62 8 1.62 16 0 14.38 6.38 8 0 1.62'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left;
  background-size: 7px;
  background-position-y: 5px;
}
.checkoutNav_step:not(:first-child).highlight > span {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='16px' viewBox='0 0 10 16'%3E%3Cpolygon fill='%23000000' points='0 1.62 1.62 0 9.62 8 1.62 16 0 14.38 6.38 8 0 1.62'/%3E%3C/svg%3E");
}

@media (min-width: 62rem) {
  .checkoutNav__carousel {
    display: none;
  }
}
@media (max-width: 62rem) {
  .checkoutNav__basic {
    display: none;
  }
}
.comparison-product {
  position: relative;
  padding: 2rem 1.5rem 1.5rem;
  font-size: 0.875rem;
}
.comparison-product .teaser-headline {
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
}
.comparison-product .teaser-subheadline {
  display: none;
}

.comparison-product__remove {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 2rem;
  height: 2rem;
  margin-left: auto;
  padding: 0.6rem;
}
.comparison-product__remove .icon {
  display: block;
  width: 100%;
  height: 100%;
}

.comparison .comparison-table {
  margin-bottom: 4rem;
}

.comparison-table__row.comparison-table__row--hidden {
  display: none;
}

.comparison-table {
  border-collapse: collapse;
  min-width: 100%;
}
.comparison-table th {
  font-weight: normal;
  text-align: left;
}
.comparison-table th.comparison-table__toggle {
  padding: 0 1rem 0.75rem;
}
.comparison-table td {
  background: #f7f7f7;
  border-right: 0.5rem solid white;
}
.comparison-table td:last-child {
  border-right: none;
}
.comparison-table .price-info-detail .price-info-detail__form {
  margin-right: 0;
}
.comparison-table .price-info-detail .cart__quantity {
  margin-right: 0;
}
.comparison-table .price-info-detail .add-to-cart-form__button > .btn-icn-inner > span {
  display: none;
}
.comparison-table .price-info-detail .add-to-cart-form__button > .btn-icn-inner > .icon {
  margin: -4px;
}
.comparison-table .price-info-detail__cart {
  flex-wrap: wrap;
  margin-bottom: -4px;
}
.comparison-table .price-info-detail__your-price {
  font-size: 1rem;
}
.comparison-table .info-flyout {
  display: flex;
  align-items: center;
  margin-right: 0;
  padding-right: 2rem;
}
.comparison-table .info-flyout .price-info-detail__vat {
  margin-left: auto;
}
.comparison-table .reference-price {
  font-size: 0.75rem;
}
@media screen and (max-width: 61.9375rem) {
  .comparison-table .price-info-detail {
    display: none;
  }
}

@media only screen {
  .comparison-table__thead {
    position: relative;
    width: 100%;
    max-width: 120rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    width: 100%;
    max-width: 120rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    display: none;
    width: 100%;
    max-width: 120rem;
  }
}
@media only screen and (min-width: 40rem) {
  .comparison-table__thead {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (min-width: 62rem) {
  .comparison-table__thead {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media only screen and (min-width: 40rem) {
  .comparison-table__thead {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (min-width: 62rem) {
  .comparison-table__thead {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media only screen and (min-width: 80rem) {
  .comparison-table__thead {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media only screen and (min-width: 90rem) {
  .comparison-table__thead {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media only screen and (min-width: 120rem) {
  .comparison-table__thead {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
@media only screen {
  .comparison-table__thead tr {
    display: flex;
    padding: 0.5rem 0;
    background: white;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  }
  .comparison-table__thead th,
  .comparison-table__thead td {
    flex-grow: 0;
    flex-shrink: 0;
  }
  .comparison-table__thead td {
    background: white;
    font-size: 0.875rem;
  }
  .comparison-table__thead td:not(:first-of-type) {
    border-left: 1px solid #e2e2e2;
  }
  .comparison-table__thead th {
    display: none;
  }
  .comparison-table__thead.comparison-table__thead--sticky {
    display: flex;
    justify-content: flex-end;
  }
}
.comparison-table__thead {
  padding: 0;
}
.comparison-table__thead th,
.comparison-table__thead td {
  padding: 0.25rem 1.5rem;
}
@media (min-width: 62rem) {
  .comparison-table__thead {
    padding: 0 2.5rem;
  }
}
@media (min-width: 80rem) {
  .comparison-table__thead {
    padding: 0 5rem;
  }
}
@media (min-width: 90rem) {
  .comparison-table__thead {
    padding: 0 6rem;
  }
}
@media (min-width: 120rem) {
  .comparison-table__thead {
    padding: 0 12rem;
  }
}

.comparison-table__toggle {
  vertical-align: bottom;
}

.comparison-table__product {
  padding: 0;
  vertical-align: top;
}

.comparison-table__headline > th {
  padding-top: 3rem;
  padding-bottom: 0.75rem;
  padding-right: 1.5rem;
  border-bottom: 1px solid #e2e2e2;
  border-top: none;
  font-size: 1.25rem;
}
.comparison-table__headline > td {
  border-top: none;
  border-bottom: 1px solid #e2e2e2;
}

.comparison-table__prices {
  vertical-align: bottom;
}
.comparison-table__prices .comparison-table__price {
  padding: 0 1.5rem 0.75rem;
}
.comparison-table__prices .comparison-table__price .price-info-detail__form {
  display: block;
}

.comparison-table__pictogram {
  padding: 0 1.5rem;
  border-top: 1px solid #e2e2e2;
}
.comparison-table__pictogram .product-detail-logos {
  justify-content: flex-start;
  padding-left: 0;
  padding-right: 0;
  border-top: none;
}
.comparison-table__pictogram .product-detail-logos .product-detail-logos__logo {
  display: flex !important;
  margin-left: 0;
}
.comparison-table__pictogram .product-detail-logos .product-detail-logos__logo:not(:last-child) {
  margin-right: 0.85rem;
}

.comparison-table__attribute {
  color: #6f6f6f;
  font-size: 0.875rem;
}
.comparison-table__attribute th,
.comparison-table__attribute td {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-right: 1.5rem;
  border-bottom: 1px solid #e2e2e2;
  vertical-align: top;
}
.comparison-table__attribute td {
  padding-left: 1.5rem;
}
.comparison-table__attribute:last-child th,
.comparison-table__attribute:last-child td {
  border-bottom: none;
}

@media (min-width: 62rem) {
  .comparison-table {
    width: 100%;
    table-layout: fixed;
  }
  .comparison-table__toggle {
    width: 12rem;
  }
  .comparison-table th.comparison-table__toggle {
    padding: 2.5rem 0 0.75rem;
  }
  .comparison-table__product:nth-child(2):nth-last-child(3), .comparison-table__product:nth-child(3):nth-last-child(2), .comparison-table__product:nth-child(4):nth-last-child(1) {
    width: calc(33% - 4rem);
  }
  .comparison-table__product:nth-child(2):nth-last-child(2), .comparison-table__product:nth-child(3):nth-last-child(1) {
    width: calc(50% - 6rem);
  }
  .comparison-table__prices {
    vertical-align: bottom;
  }
}
@media (min-width: 90rem) {
  .comparison-table__toggle {
    width: 18rem;
  }
  .comparison-table__product:nth-child(2):nth-last-child(3), .comparison-table__product:nth-child(3):nth-last-child(2), .comparison-table__product:nth-child(4):nth-last-child(1) {
    width: calc(33% - 6rem);
  }
  .comparison-table__product:nth-child(2):nth-last-child(2), .comparison-table__product:nth-child(3):nth-last-child(1) {
    width: calc(50% - 9rem);
  }
}
@media screen and (max-width: 61.9375rem) {
  .comparison-table {
    display: block;
    margin-left: -2rem;
    margin-right: -2rem;
  }
  .comparison-table tbody {
    display: block;
  }
  .comparison-table tr {
    position: relative;
    display: flex;
    width: 100%;
  }
  .comparison-table th {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4.5rem;
    padding: 2.5rem 0 0.75rem;
    border: none;
  }
  .comparison-table th.comparison-table__toggle {
    padding: 0 2rem 0.75rem;
  }
  .comparison-table td {
    border-bottom: none;
  }
  .comparison-table td {
    flex: 0 0 33.333%;
    border-right: 2px solid white;
    display: block;
    max-width: 33.333%;
  }
  .comparison-table td:nth-child(2):nth-last-child(2), .comparison-table td:nth-child(3):nth-last-child(1) {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .comparison-table .teaser-headline {
    font-size: 0.875rem;
  }
  .comparison-table .teaser__longtext,
  .comparison-table .teaser__action-button {
    display: none;
  }
  .comparison-table__header {
    position: relative;
    padding-top: 4.5rem;
  }
  .comparison-table__pictograms > th {
    display: none;
  }
  .comparison-table__pictograms > td {
    overflow: hidden;
  }
  .comparison-table__headline {
    position: relative;
    padding-top: 4.5rem;
  }
  .comparison-table__headline > th {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4.5rem;
    padding: 2.5rem 1.5rem 0.75rem;
    border: none;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .comparison-table__headline > td {
    display: none;
  }
  .comparison-table__attribute {
    position: relative;
    padding-top: 3rem;
  }
  .comparison-table__attribute > th {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3rem;
    padding: 1rem 1.5rem 0.75rem;
    border: none;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .comparison-table__prices {
    vertical-align: bottom;
    position: absolute !important;
    top: 0;
    margin: 0;
  }
  .comparison-table__prices > td {
    display: none;
  }
  .comparison-table__price {
    display: none;
  }
}
@media screen and (max-width: 39.9375rem) {
  .comparison-table {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .comparison-table th.comparison-table__toggle {
    padding: 0 1rem 0.75rem;
  }
  .comparison-table td {
    hyphens: auto;
    word-break: break-all;
  }
}
.comparison-overlay__container.content.content-full {
  position: relative;
  display: block;
}
.comparison-overlay__container.content.content-full .comparison-overlay {
  margin-bottom: 0;
}
.comparison-overlay__container.content.content-full.comparison-overlay__container--fixed {
  position: fixed;
  z-index: 100;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
}
.comparison-overlay__container.content.content-full.comparison-overlay__container--fixed .comparison-overlay {
  box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 61.9375rem) {
  .comparison-overlay__container.content.content-full.comparison-overlay__container--fixed.comparison-overlay__container--closed .comparison-overlay__toggle .icon {
    transform: rotate(180deg);
  }
  .comparison-overlay__container.content.content-full.comparison-overlay__container--fixed.comparison-overlay__container--closed .comparison-overlay__products {
    height: 0;
  }
  .comparison-overlay__container.content.content-full.comparison-overlay__container--fixed .comparison-overlay__toggle {
    display: block;
  }
  .comparison-overlay__container.content.content-full.comparison-overlay__container--fixed .comparison-overlay__products {
    height: auto;
    overflow: hidden;
  }
}
.comparison-overlay__container.content.content-full:not(.comparison-overlay__container--fixed) {
  margin-top: 3rem;
  padding: 0;
}

.comparison-overlay__toggle.btn.naked.icn {
  position: absolute;
  top: 50%;
  right: 0;
  display: none;
  margin-top: -0.85rem;
  padding: 0.5rem;
}
.comparison-overlay__toggle.btn.naked.icn .icon {
  margin: 0;
  transform: rotate(0);
  transition: transform 250ms ease-out;
}

.comparison-overlay {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 0.5rem 1rem;
  background: white;
  border: 1px solid #e2e2e2;
  box-shadow: 0 -2px 10px 0px rgba(0, 0, 0, 0);
  transition: box-shadow 250ms ease-out;
}

.comparison-overlay__headline {
  display: none;
  padding: 0.5rem 0;
  color: #333333;
  font-size: 1.375rem;
}

.comparison-overlay__counter {
  position: relative;
  margin-right: 2rem;
  padding: 0.5rem 2.25rem 0.5rem 0;
  font-size: 0.875rem;
}

.comparison-overlay__button {
  margin: 0.5rem 0 0.5rem auto;
  white-space: nowrap;
}
.comparison-overlay__button:not([href]) {
  outline: none;
  animation: none;
  background-color: #e2e2e2;
  border-color: #e2e2e2;
  pointer-events: none;
}

.comparison-overlay__products {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  order: 1;
}
.comparison-overlay__products .comparison-overlay-product {
  margin: 0.5rem 1rem 0.5rem 0;
}
.comparison-overlay__products .comparison-overlay-product:first-child {
  margin-left: 0;
}

.comparison-overlay-product {
  position: relative;
  display: block;
  height: 2rem;
  padding: 0.5rem 2rem 0.5rem 0.5rem;
  background: #efefef;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25;
}

.comparison-overlay-product__remove {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
  width: 2rem;
}
.comparison-overlay-product__remove > .icon {
  width: 0.75rem;
  height: 0.75rem;
  fill: #6f6f6f;
}
.comparison-overlay-product__remove:hover > .icon {
  fill: #315f96;
}

@media (min-width: 40rem) {
  .comparison-overlay__container--fixed .comparison-overlay {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .comparison-overlay__headline {
    display: block;
    margin-right: 1rem;
  }
}
@media (min-width: 62rem) {
  .comparison-overlay__container.content.content-full.comparison-overlay__container--fixed {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .comparison-overlay__container.content.content-full.comparison-overlay__container--fixed .comparison-overlay {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .comparison-overlay__products {
    width: auto;
    order: 0;
  }
  .comparison-overlay__products,
  .comparison-overlay__products.hide {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .comparison-overlay__showmore {
    display: none;
  }
}
@media (min-width: 80rem) {
  .comparison-overlay__container.content.content-full.comparison-overlay__container--fixed {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .comparison-overlay__container.content.content-full.comparison-overlay__container--fixed {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .comparison-overlay__container.content.content-full.comparison-overlay__container--fixed {
    padding-left: 12rem;
    padding-right: 12rem;
  }
  .comparison-overlay__container--fixed .comparison-overlay {
    width: calc(83.4% - 1.5rem);
    margin-left: auto;
  }
}
body[data-configuration-disabled=true] .btn.init-configuration,
body[data-configuration-disabled=true] .btn.button-configure-cart {
  display: none !important;
}

#usercentrics-root {
  display: block;
}

.notification-modal.consent {
  display: flex;
  visibility: hidden;
  opacity: 0;
}
.notification-modal.consent.initial, .notification-modal.consent.active {
  transition: 300ms ease-in-out;
  visibility: visible;
  opacity: 1;
}
.notification-modal.consent.initial {
  transition-delay: 1s;
}

.consent-modal__content {
  display: flex;
  flex-wrap: wrap;
  max-height: 90vh;
  min-height: 0;
  padding: 1.5rem 1.5rem 1rem 1.5rem;
  max-width: 750px;
  background-color: #f7f7f7;
  border: 5px solid white;
  border-radius: 0;
  box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.2);
  overflow: auto;
}
.consent-modal__content h2 {
  margin-right: auto;
}
.consent-modal__content .icon {
  width: 0.75rem;
  height: 0.75rem;
  margin-top: -0.75rem;
  margin-right: -0.75rem;
  cursor: pointer;
}
.consent-modal__content .icon:not(:hover) {
  fill: #999999;
}

.consent__text {
  width: 100%;
  margin: 0 0 1rem;
  text-align: left;
}

.consent__detail-checkbox {
  margin-bottom: 1rem;
}
.consent__detail-checkbox label {
  margin-bottom: 0.5rem;
}

.consent__info {
  margin-right: 1rem;
  color: inherit;
  text-decoration: underline;
}
.consent__info:hover {
  text-decoration: none;
}

.consent__actions {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.consent__actions .btn {
  width: 100%;
  margin: 0 0.5rem;
}
.consent__actions .consent__agree {
  margin-bottom: 0.5rem;
}

.consent__text a {
  color: inherit;
  text-decoration: underline;
}
.consent__text a:hover {
  text-decoration: none;
  color: inherit;
}

.consent__detail {
  margin-top: 1rem;
  width: 100%;
}
.consent__detail .consent__toggle-label {
  position: relative;
  display: inline-block;
  padding: 0 0.5rem 0 0;
}
.consent__detail .consent__toggle-label > .icon {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  margin-top: -0.4rem;
  fill: currentColor;
}
.consent__detail .consent__toggle-label::before {
  content: none !important;
}
.consent__detail #consent__toggle:checked + .consent__toggle-label .icon {
  transform: rotate(180deg);
}
.consent__detail .custom-checkbox[type=checkbox][disabled] + label {
  text-decoration: none;
}

.consent__form {
  display: none;
  flex-wrap: wrap;
  margin-top: 1rem;
}
.consent__form .consent__form-label {
  margin-bottom: 0;
}
.consent__form .consent__form-description {
  flex-basis: 100%;
  margin-top: 4px;
  margin-bottom: 1.5rem;
}

@media (min-width: 62rem) {
  .consent__detail-checkbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .consent__text {
    flex: 0 1 auto;
    margin: 0 2rem 0 0;
  }
  .consent__actions {
    justify-content: flex-end;
    align-items: center;
    margin: 0.5rem 0 0.5rem auto;
  }
  .consent__actions .btn {
    width: auto;
  }
  .consent__actions .consent__agree {
    margin-bottom: 0;
  }
}
@media (min-width: 80rem) {
  .consent__text {
    margin: 0 6rem 0 0;
  }
  .consent__info {
    margin-right: 2rem;
  }
}
.contact-form-citywrapper label,
.contact-form-streetwrapper label {
  display: block;
}

.this-input-should-not-appear {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  display: block !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
}

.contact-wrapper.content.content-not-full {
  max-width: 50rem;
}
.contact-wrapper .error-msgs {
  margin-top: 2rem;
}
.contact-wrapper .parsley-type,
.contact-wrapper .parsley-required,
.contact-wrapper .parsley-pattern {
  margin-top: -0.625rem;
  margin-bottom: 0.5rem;
}

.contact-form .recaptcha-wrapper {
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
}

.contact-form__buttons .secondary {
  margin-right: 1rem;
}

.monospace-font textarea {
  font-family: Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
  font-size: 0.875rem;
}

.contact-address-title {
  font-size: 2.21774194vw;
  line-height: 1.136;
  margin: 0 0 1.5rem;
  color: #333333;
}
@media screen and (max-width: 0.0811636362px) {
  .contact-address-title {
    font-size: 18px;
  }
}
@media (min-width: 0.0062rem) {
  .contact-address-title {
    font-size: 1.375rem;
  }
}

.contact-address-panel .footer-address-link {
  display: none;
}

@media (min-width: 40rem) {
  .contact-form > select {
    display: block;
  }
  .contact-form-citywrapper {
    display: flex;
  }
  .contact-form-citywrapper > .contact-form-postalcode {
    width: calc(25% - 0.5rem);
    margin-right: 0.5rem;
  }
  .contact-form-citywrapper > .contact-form-city {
    width: calc(75% - 0.5rem);
    margin-left: 0.5rem;
  }
  .contact-form-streetwrapper {
    display: flex;
  }
  .contact-form-streetwrapper > .contact-form-streetname {
    width: calc(75% - 0.5rem);
    margin-right: 0.5rem;
  }
  .contact-form-streetwrapper > .contact-form-streetnumber {
    width: calc(25% - 0.5rem);
    margin-left: 0.5rem;
  }
}
@media (min-width: 62rem) {
  .contact-page {
    display: flex;
    justify-content: space-between;
  }
  .contact-page .contact-form-panel {
    flex-shrink: 1;
    flex-grow: 0;
    flex-basis: calc(75% - 1rem);
    padding-right: 2rem;
  }
  .contact-page .contact-form-panel .contact-form {
    max-width: 45rem;
  }
  .contact-page .contact-address-panel {
    flex-shrink: 0;
    flex-grow: 1;
    flex-basis: calc(25% - 1rem);
  }
}
.contact-person {
  max-width: 26rem;
  border: 1px solid #e2e2e2;
}

.contact-person__logo {
  display: flex;
  justify-content: flex-end;
  padding: 1rem 1.25rem 3.5rem 2.25rem;
}
.contact-person__logo > img {
  width: 7.5rem;
}

.contact-person__details {
  padding: 0 2.25rem 1.5rem;
}

.contact-person__label {
  margin-bottom: 0.5rem;
  color: #6f6f6f;
  font-size: 1rem;
}

.contact-person__name {
  margin-bottom: 0.5rem;
  color: #315f96;
  font-size: 1.5rem;
  line-height: 1.1;
}

.contact-person__detail {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  color: #315f96;
  font-size: 1.25rem;
  line-height: 1.1;
}
.contact-person__detail > .icon {
  flex: 0 0 1.5rem;
  height: 1.5rem;
  margin-right: 1rem;
  fill: currentColor;
}

.contactTeaser .contactTeaser__header {
  text-align: center;
  width: 100%;
  font-size: 2.25rem;
  padding-top: 4rem;
}
.contactTeaser .contentTeaser__group {
  padding-top: 3rem;
  padding-bottom: 4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 1rem;
}
.contactTeaser .contentTeaser__group .contactTeaser-image {
  display: none;
}
.contactTeaser .contentTeaser__group .contactTeaser-teaser {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #f7f7f7;
  padding: 1.5rem 1.75rem 2rem 1.75rem;
  background: #ffffff;
  align-content: flex-start;
  margin-top: 1.5rem;
}
.contactTeaser .contentTeaser__group .contactTeaser-teaser .contactTeaser-teaser--text {
  width: 100%;
  margin-top: 1.5rem;
}
.contactTeaser .contentTeaser__group .contactTeaser-teaser .contactTeaser-phone {
  font-size: 1.375rem;
  width: 100%;
  margin-top: 0.5rem;
}
.contactTeaser .contentTeaser__group .contactTeaser-teaser .contactTeaser-teaser--action {
  margin-top: 2rem;
}
.contactTeaser .contentTeaser__group .contactTeaser-teaser .contactTeaser-teaser--headlineSection {
  display: inline-flex;
  width: 100%;
  align-items: center;
  align-self: flex-start;
}
.contactTeaser .contentTeaser__group .contactTeaser-teaser .contactTeaser-teaser--headlineSection > .icon {
  width: 3rem;
  height: 3rem;
  fill: #315f96;
}
.contactTeaser .contentTeaser__group .contactTeaser-teaser .contactTeaser-teaser--headlineSection .contactTeaser-teaser--headline {
  width: 100%;
  margin-bottom: 0;
  color: #315f96;
  font-size: 1.75rem;
  margin-right: 0.75rem;
}
.contactTeaser[data-inverted=true] {
  background: #f7f7f7;
}

@media (min-width: 40rem) {
  .contentTeaser__group {
    margin: 0 1rem;
  }
}
@media (min-width: 63rem) {
  .contactTeaser .contentTeaser__group {
    margin: 0;
  }
  .contactTeaser .contentTeaser__group .contactTeaser-image, .contactTeaser .contentTeaser__group .contactTeaser-teaser {
    flex-basis: 29rem;
    margin-top: 0;
  }
  .contactTeaser .contentTeaser__group .contactTeaser-image:not(:first-of-type), .contactTeaser .contentTeaser__group .contactTeaser-teaser:not(:first-of-type) {
    margin-left: 3rem;
  }
}
@media (min-width: 94.875rem) {
  .contactTeaser .contentTeaser__group .contactTeaser-image {
    display: block;
    background-size: cover;
  }
}
.content-wrapper {
  margin-top: 3rem;
  margin-bottom: 2rem;
}
@media (min-width: 90rem) {
  .content-wrapper {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
}

.content {
  max-width: 90rem;
  margin-top: 0;
}
.content > * {
  margin-top: 0;
  margin-bottom: 1rem;
}
.content > h2 {
  margin-bottom: 3rem;
}
.content.content-full {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 40rem) {
  .content.content-full {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .content.content-full {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .content.content-full {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .content.content-full {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .content.content-full {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
.content.content-not-full {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 67rem;
}
@media (min-width: 40rem) {
  .content.content-not-full {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .content.content-not-full {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.content > img {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.content-headline,
.content-subheadline {
  margin-bottom: 3rem;
  text-align: center;
}

.content-longtext > * {
  margin-top: 0;
  margin-bottom: 1rem;
}
.content-longtext > *:last-child {
  margin-bottom: 0;
}
.content-longtext > ul > li,
.content-longtext > ol > li {
  display: inline-block;
  width: 100%;
  margin-bottom: 0.5rem;
  padding-left: 1.5rem;
  color: #333333;
}
.content-longtext > ul > li::before,
.content-longtext > ol > li::before {
  top: 4px;
}
.content-longtext > ul ul,
.content-longtext > ul ol,
.content-longtext > ol ul,
.content-longtext > ol ol {
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
  padding-left: 0;
  list-style: none;
}
.content-longtext > ul ul > li,
.content-longtext > ul ol > li,
.content-longtext > ol ul > li,
.content-longtext > ol ol > li {
  margin-bottom: 0.25rem;
  padding-left: 0;
  font-size: 0.875rem;
  color: #6f6f6f;
}
.content-longtext > ul ul > li::before,
.content-longtext > ul ol > li::before,
.content-longtext > ol ul > li::before,
.content-longtext > ol ol > li::before {
  content: "";
}
.content-longtext > ul ul > li:last-child,
.content-longtext > ul ol > li:last-child,
.content-longtext > ol ul > li:last-child,
.content-longtext > ol ol > li:last-child {
  margin-bottom: -0.25rem;
}
.content-longtext > ol > li::before {
  top: 0;
}

.content-grid.hasTeaserLink {
  display: flex;
  flex-direction: column;
}
.content-grid.hasTeaserLink:hover, .content-grid.hasTeaserLink:focus, .content-grid.hasTeaserLink:active {
  box-shadow: 0 0 0 1rem #f7f7f7, 0 0 0 1rem #ffffff;
  background-color: #f7f7f7;
  transition: box-shadow 250ms ease-out, background-color 250ms ease-out;
}

.content-grid a > .subheadline:hover, .content-grid a > .subheadline:focus, .content-grid a > .subheadline:active {
  text-decoration: underline;
}
.content-grid a .selectorlink {
  opacity: 1;
}

@media (min-width: 40rem) {
  .content-longtext ul,
  .content-longtext ol {
    column-count: 2;
    column-gap: 2rem;
  }
  .content-longtext ul > li,
  .content-longtext ol > li {
    break-inside: avoid;
  }
  .content-longtext ul ul,
  .content-longtext ul ol,
  .content-longtext ol ul,
  .content-longtext ol ol {
    column-count: 1;
  }
}
.content-download-wrapper {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 67rem;
  padding-top: 3.5625rem;
  padding-bottom: 3.5625rem;
}
@media (min-width: 40rem) {
  .content-download-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .content-download-wrapper {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.content-download-wrapper > h2 {
  margin-top: 0;
  margin-bottom: 0;
}

.content-download-inner {
  padding-top: 2rem;
}

.content-download-textblock {
  width: 100%;
}
.content-download-textblock > h4 {
  margin-top: 0;
  margin-bottom: 0;
}
.content-download-textblock > *:not(:first-child) {
  margin-top: 1rem;
}
.content-download-textblock > *:not(:first-child).filetype {
  height: 1rem;
  width: 1rem;
}
.content-download-textblock .icon.filetype {
  float: none;
}

.fileinfo-type {
  text-transform: uppercase;
}

.file-downloadtext {
  margin-right: 0.5rem;
}

.content-download-image {
  display: none;
}

@media (min-width: 40rem) {
  .content-download-inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 2rem;
  }
  .content-download-textblock {
    width: calc(66% - 3rem / 2);
  }
  .content-download-image {
    display: block;
    width: calc(33% - 3rem / 2);
    text-align: left;
  }
  .content-download-image > img {
    height: auto;
    max-width: 200px;
  }
}
.gallery {
  justify-content: center;
  margin-top: 3rem;
  margin-bottom: 2rem;
}
.gallery > .gallery__item {
  margin-bottom: 2rem;
}
@media (min-width: 40rem) {
  .gallery {
    display: flex;
    flex-wrap: wrap;
  }
  .gallery > .gallery__item {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    flex-shrink: 0;
    flex-grow: 0;
  }
  .gallery > .gallery__item:nth-child(n) {
    margin-right: 2rem;
  }
  .gallery > .gallery__item:last-child {
    margin-right: 0;
  }
  .gallery > .gallery__item:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 80rem) {
  .gallery > .gallery__item {
    flex-basis: calc(33.33% - 1.34rem);
    width: calc(33.33% - 1.34rem);
    max-width: calc(33.33% - 1.34rem);
  }
  .gallery > .gallery__item:nth-child(n) {
    margin-right: 2rem;
  }
  .gallery > .gallery__item:last-child {
    margin-right: 0;
  }
  .gallery > .gallery__item:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 90rem) {
  .gallery > .gallery__item {
    flex-basis: calc(33.33% - 2rem);
    width: calc(33.33% - 2rem);
    max-width: calc(33.33% - 2rem);
    margin-bottom: 3rem;
  }
  .gallery > .gallery__item:nth-child(n) {
    margin-right: 3rem;
  }
  .gallery > .gallery__item:last-child {
    margin-right: 0;
  }
  .gallery > .gallery__item:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 90rem) {
  .gallery {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
}

.gallery__item > * {
  flex: 0 0 auto;
  margin-top: 0;
  margin-bottom: 0.25rem;
}
.gallery__item > *:last-child {
  margin-bottom: 0;
}
.gallery__item img {
  width: 100%;
  height: auto;
  flex: 0 0 auto;
  margin-bottom: 0.5rem;
}
.gallery__item p {
  margin-top: 0;
}
.gallery__item > .selectorlink,
.gallery__item > .call2action {
  align-self: flex-start;
  margin-top: 0.5rem;
  margin-bottom: 0;
}

.highlights-grid-wrapper > .gallery {
  padding-top: 2rem;
  border-top: 2px solid #f7f7f7;
}
.highlights-grid-wrapper > .gallery button {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.highlights-grid-wrapper .subheadline {
  font-size: 1rem;
  color: #333333;
  text-transform: uppercase;
}
.highlights-grid-wrapper .grid-title {
  margin-bottom: 0.5rem;
  color: #315f96;
}
.highlights-grid-wrapper .grid-title:hover {
  text-decoration: underline;
}

.content-section-with-img {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 67rem;
  margin-top: 3rem;
  margin-bottom: 2rem;
}
@media (min-width: 40rem) {
  .content-section-with-img {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .content-section-with-img {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 90rem) {
  .content-section-with-img {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
}
.content-section-with-img > h5,
.content-section-with-img > h6 {
  margin-bottom: 3rem;
}
.content-section-with-img > h5 {
  font-size: 3.0241935484vw;
  line-height: 1.2;
}
@media screen and (max-width: 0.07936px) {
  .content-section-with-img > h5 {
    font-size: 24px;
  }
}
@media (min-width: 0.0062rem) {
  .content-section-with-img > h5 {
    font-size: 1.875rem;
  }
}
.content-section-with-img > h6 {
  font-size: 2.21774194vw;
  line-height: 1.136;
}
@media screen and (max-width: 0.0811636362px) {
  .content-section-with-img > h6 {
    font-size: 18px;
  }
}
@media (min-width: 0.0062rem) {
  .content-section-with-img > h6 {
    font-size: 1.375rem;
  }
}

.content-section-with-img__inner > figure {
  margin-bottom: 2rem;
}

@media (min-width: 62rem) {
  .content-section-with-img__inner::after {
    content: "";
    display: table;
    clear: both;
  }
  .content-section-with-img__inner > figure {
    float: left;
    margin-right: 3rem;
    max-width: 50%;
  }
  .content-section-with-img__inner .figure-right {
    float: right;
    margin-right: 0;
    margin-left: 3rem;
  }
  .content-section-with-img__inner ul {
    display: table;
  }
}
@media (min-width: 90rem) {
  .content-section-with-img__inner > figure {
    margin-left: -11.71875rem;
    max-width: 28.4375rem;
  }
  .content-section-with-img__inner .figure-right {
    margin-right: -11.71875rem;
  }
}
.hasTeaserLink:hover, .hasTeaserLink:focus, .hasTeaserLink:active {
  box-shadow: 0 0 0 1rem #f7f7f7;
  background-color: #f7f7f7;
  transition: box-shadow 250ms ease-out, background-color 250ms ease-out;
}

.content-teaser-flexgrid-wrapper:not(.full-width) {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 67rem;
}
@media (min-width: 40rem) {
  .content-teaser-flexgrid-wrapper:not(.full-width) {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .content-teaser-flexgrid-wrapper:not(.full-width) {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.content-teaser-flexgrid-wrapper.full-width {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 40rem) {
  .content-teaser-flexgrid-wrapper.full-width {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .content-teaser-flexgrid-wrapper.full-width {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .content-teaser-flexgrid-wrapper.full-width {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .content-teaser-flexgrid-wrapper.full-width {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .content-teaser-flexgrid-wrapper.full-width {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}

.content-teaser-item {
  width: 100%;
  margin-bottom: 2rem;
}
.content-teaser-item > .article-teaser {
  margin: 0;
  padding: 0;
}
.content-teaser-item .article-teaser-headline {
  margin-top: 0.5rem;
}

.content-teaser-flexgrid-container.inverse-background {
  background-color: #f7f7f7;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.content-teaser-flexgrid-container .content-teaser-item {
  margin-bottom: 0;
}
.content-teaser-flexgrid-container > .content-headline {
  margin-bottom: 1.5rem;
}
.content-teaser-flexgrid-container + .content-teaser-flexgrid-container {
  margin-top: 4rem;
}

.content-teaser-flexgrid-wrapper[data-gridcols="3"] .btn, .content-teaser-flexgrid-wrapper[data-gridcols="4"] .btn {
  color: #333333;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  border: none;
  background: none;
}
.content-teaser-flexgrid-wrapper[data-gridcols="3"] .btn:hover, .content-teaser-flexgrid-wrapper[data-gridcols="4"] .btn:hover {
  color: #a50034;
  outline: none;
  animation: none;
  text-decoration: underline;
}
.content-teaser-flexgrid-wrapper[data-gridcols="3"] .btn:focus, .content-teaser-flexgrid-wrapper[data-gridcols="3"] .btn:active, .content-teaser-flexgrid-wrapper[data-gridcols="4"] .btn:focus, .content-teaser-flexgrid-wrapper[data-gridcols="4"] .btn:active {
  color: #a50034;
}
.content-teaser-flexgrid-wrapper[data-gridcols="3"] .btn::after, .content-teaser-flexgrid-wrapper[data-gridcols="4"] .btn::after {
  margin-left: 0.5rem;
}

.content-teaser-flexgrid-wrapper[data-gridcols="2"] {
  justify-content: center;
}
.content-teaser-flexgrid-wrapper[data-gridcols="2"] > .content-teaser-item {
  margin-bottom: 2rem;
}
@media (min-width: 40rem) {
  .content-teaser-flexgrid-wrapper[data-gridcols="2"] {
    display: flex;
    flex-wrap: wrap;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="2"] > .content-teaser-item {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    flex-shrink: 0;
    flex-grow: 0;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="2"] > .content-teaser-item:nth-child(n) {
    margin-right: 2rem;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="2"] > .content-teaser-item:last-child {
    margin-right: 0;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="2"] > .content-teaser-item:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 90rem) {
  .content-teaser-flexgrid-wrapper[data-gridcols="2"] > .content-teaser-item {
    flex-basis: calc(50% - 1.5rem);
    width: calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
    margin-bottom: 3rem;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="2"] > .content-teaser-item:nth-child(n) {
    margin-right: 3rem;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="2"] > .content-teaser-item:last-child {
    margin-right: 0;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="2"] > .content-teaser-item:nth-child(2n) {
    margin-right: 0;
  }
}
.content-teaser-flexgrid-wrapper[data-gridcols="3"] {
  justify-content: center;
}
.content-teaser-flexgrid-wrapper[data-gridcols="3"] > .content-teaser-item {
  margin-bottom: 2rem;
}
@media (min-width: 40rem) {
  .content-teaser-flexgrid-wrapper[data-gridcols="3"] {
    display: flex;
    flex-wrap: wrap;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="3"] > .content-teaser-item {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    flex-shrink: 0;
    flex-grow: 0;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="3"] > .content-teaser-item:nth-child(n) {
    margin-right: 2rem;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="3"] > .content-teaser-item:last-child {
    margin-right: 0;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="3"] > .content-teaser-item:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 80rem) {
  .content-teaser-flexgrid-wrapper[data-gridcols="3"] > .content-teaser-item {
    flex-basis: calc(33.33% - 1.34rem);
    width: calc(33.33% - 1.34rem);
    max-width: calc(33.33% - 1.34rem);
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="3"] > .content-teaser-item:nth-child(n) {
    margin-right: 2rem;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="3"] > .content-teaser-item:last-child {
    margin-right: 0;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="3"] > .content-teaser-item:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 90rem) {
  .content-teaser-flexgrid-wrapper[data-gridcols="3"] > .content-teaser-item {
    flex-basis: calc(33.33% - 2rem);
    width: calc(33.33% - 2rem);
    max-width: calc(33.33% - 2rem);
    margin-bottom: 3rem;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="3"] > .content-teaser-item:nth-child(n) {
    margin-right: 3rem;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="3"] > .content-teaser-item:last-child {
    margin-right: 0;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="3"] > .content-teaser-item:nth-child(3n) {
    margin-right: 0;
  }
}
.content-teaser-flexgrid-wrapper[data-gridcols="4"] {
  justify-content: center;
}
.content-teaser-flexgrid-wrapper[data-gridcols="4"] > .content-teaser-item {
  margin-bottom: 2rem;
}
@media (min-width: 40rem) {
  .content-teaser-flexgrid-wrapper[data-gridcols="4"] {
    display: flex;
    flex-wrap: wrap;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="4"] > .content-teaser-item {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    flex-shrink: 0;
    flex-grow: 0;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="4"] > .content-teaser-item:nth-child(n) {
    margin-right: 2rem;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="4"] > .content-teaser-item:last-child {
    margin-right: 0;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="4"] > .content-teaser-item:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 62rem) {
  .content-teaser-flexgrid-wrapper[data-gridcols="4"] > .content-teaser-item {
    flex-basis: calc(33.33% - 1.34rem);
    width: calc(33.33% - 1.34rem);
    max-width: calc(33.33% - 1.34rem);
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="4"] > .content-teaser-item:nth-child(n) {
    margin-right: 2rem;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="4"] > .content-teaser-item:last-child {
    margin-right: 0;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="4"] > .content-teaser-item:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 90rem) {
  .content-teaser-flexgrid-wrapper[data-gridcols="4"] > .content-teaser-item {
    flex-basis: calc(25% - 2.25rem);
    width: calc(25% - 2.25rem);
    max-width: calc(25% - 2.25rem);
    margin-bottom: 3rem;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="4"] > .content-teaser-item:nth-child(n) {
    margin-right: 3rem;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="4"] > .content-teaser-item:last-child {
    margin-right: 0;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="4"] > .content-teaser-item:nth-child(4n) {
    margin-right: 0;
  }
}

@media (min-width: 40rem) {
  .content-teaser-flexgrid-wrapper[data-gridcols="1"] .article-teaser {
    display: flex;
    justify-content: center;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="1"] .article-teaser > * {
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 2rem;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="1"] .article-teaser > *:last-child {
    margin-right: 0;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="1"] .article-teaser > *:nth-child(1) {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="1"] .article-teaser > *:nth-child(2) {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="1"] .article-teaser .article-teaser-image,
  .content-teaser-flexgrid-wrapper[data-gridcols="1"] .article-teaser .teaser-content__image,
  .content-teaser-flexgrid-wrapper[data-gridcols="1"] .article-teaser .article-teaser-video,
  .content-teaser-flexgrid-wrapper[data-gridcols="1"] .article-teaser .teaser-content__video {
    align-self: flex-start;
    height: auto;
    padding: 0;
    margin-bottom: 0;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="1"] .article-teaser .article-teaser-image > img,
  .content-teaser-flexgrid-wrapper[data-gridcols="1"] .article-teaser .teaser-content__image > img,
  .content-teaser-flexgrid-wrapper[data-gridcols="1"] .article-teaser .article-teaser-video > img,
  .content-teaser-flexgrid-wrapper[data-gridcols="1"] .article-teaser .teaser-content__video > img {
    position: static;
    margin-left: auto;
    margin-right: auto;
    transform: none;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="1"] .article-teaser .article-teaser-text:not(.vertical) {
    padding-bottom: 2rem;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="1"] .article-teaser .article-teaser-headline {
    margin-top: 0;
  }
}
@media (min-width: 90rem) {
  .content-teaser-flexgrid-wrapper[data-gridcols="1"] .article-teaser {
    display: flex;
    justify-content: center;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="1"] .article-teaser > * {
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 3rem;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="1"] .article-teaser > *:last-child {
    margin-right: 0;
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="1"] .article-teaser > *:nth-child(1) {
    flex-basis: calc(50% - 1.5rem);
    width: calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
  }
  .content-teaser-flexgrid-wrapper[data-gridcols="1"] .article-teaser > *:nth-child(2) {
    flex-basis: calc(50% - 1.5rem);
    width: calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
  }
}
@media screen and (max-width: 61.9375rem) {
  .content-teaser-flexgrid-container.inverse-background {
    display: inline-block;
    width: 100%;
  }
}
.crosssell-wrapper {
  border-top: 1px solid #e2e2e2;
}

.crosssell {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  flex-wrap: wrap;
  padding-top: 3.5625rem;
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 40rem) {
  .crosssell {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .crosssell {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .crosssell {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .crosssell {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .crosssell {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}

.crosssell-headline {
  margin: 0 0 1.875rem;
  text-align: center;
}
.crosssell-headline > * {
  margin-top: 0;
}
.crosssell-headline > *:not(:first-child) {
  padding-top: 1.875rem;
}

.crosssell-item {
  width: 50%;
  margin-bottom: 1.875rem;
  padding: 1rem;
  border: 1px solid #ffffff;
}
.crosssell-item:hover, .crosssell-item:focus, .crosssell-item:active {
  background-color: #f7f7f7;
  transition: background-color 250ms ease-out;
}
.crosssell-item > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.crosssell-item > *:not(:first-child) {
  margin-top: 1rem;
}
.crosssell-item .subheadline {
  text-align: center;
  font-size: inherit;
  hyphens: auto;
}

@media (min-width: 40rem) {
  .crosssell-item {
    max-width: 33%;
  }
}
@media (min-width: 80rem) {
  .crosssell-item {
    max-width: 16.66%;
  }
}
#curator-feed-mybaumer-website {
  font-family: "Roboto Condensed", roboto, helvetica, sans-serif;
}
#curator-feed-mybaumer-website a:hover {
  text-decoration: underline;
}
#curator-feed-mybaumer-website .crt-post {
  box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.15);
}
#curator-feed-mybaumer-website .crt-post:hover {
  box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.25);
}
#curator-feed-mybaumer-website.crt-widget-waterfall .crt-post {
  padding: 8px;
  margin: 14px 6px;
}
#curator-feed-mybaumer-website.crt-widget-waterfall .crt-post-header {
  font-size: 14px;
}
#curator-feed-mybaumer-website.crt-widget-waterfall .crt-post-text {
  font-size: 14px;
  line-height: 19px;
}
#curator-feed-mybaumer-website.crt-widget-waterfall .crt-post-text a {
  color: #315f96;
}
#curator-feed-mybaumer-website.crt-widget-waterfall .crt-post-footer {
  font-size: 14px;
}
#curator-feed-mybaumer-website.crt-widget-carousel .crt-post-c {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#curator-feed-mybaumer-website.crt-widget-carousel .crt-post-content {
  flex: 1 0 auto;
}

.curator-feed-wrapper {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 40rem) {
  .curator-feed-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .curator-feed-wrapper {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .curator-feed-wrapper {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .curator-feed-wrapper {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .curator-feed-wrapper {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}

.currencyrate:not(:first-child) > .cart-table__cell.currencyrate__currency {
  box-shadow: none;
}
.currencyrate:not(:first-child) > .cart-table__cell.currencyrate__currency > span {
  display: none;
}

@media screen and (max-width: 79rem) {
  .currencyrate__currency.pricelistfactor-entry__product {
    width: calc(50% - 3rem);
  }
  .currencyrate__currency--expired.pricelistfactor-entry__product {
    width: 50%;
  }
}
.customer-notification {
  max-width: 120rem;
  margin: 0 auto;
}
@media (min-width: 80rem) {
  .customer-notification {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .customer-notification {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .customer-notification {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}

.customer-notification__text {
  margin-bottom: 0;
  padding: 1.25rem 1rem;
  background: #efefef;
  color: #333333;
  border: 2px solid #315f96;
  text-align: center;
}
.customer-notification__text > * {
  max-width: 67rem;
  margin-left: auto;
  margin-right: auto;
}
.customer-notification__text h2 {
  font-size: 1.375rem;
  margin-bottom: 0.5rem;
}
.customer-notification__text p {
  font-size: 0.9375rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.customer-notification__text p:last-child {
  margin-bottom: 0;
}
.customer-notification__text a {
  color: inherit;
}
@media (min-width: 40rem) {
  .customer-notification__text {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .customer-notification__text {
    padding: 1.75rem 2.5rem;
  }
  .customer-notification__text h2 {
    font-size: 1.875rem;
  }
  .customer-notification__text p {
    font-size: 1.125rem;
  }
}

.document-downloads, .software-downloads {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 67rem;
  margin-top: 3rem;
  margin-bottom: 2rem;
}
@media (min-width: 40rem) {
  .document-downloads, .software-downloads {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .document-downloads, .software-downloads {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 90rem) {
  .document-downloads, .software-downloads {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
}

.product-document-group {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 0.875rem;
}

.product-documents {
  margin: 0;
}
.product-documents > li {
  padding: 0;
}
.product-documents > li::before {
  content: none;
}
.product-documents > li:nth-child(n+2) {
  border-top: 1px solid #e2e2e2;
}

.product-document {
  padding: 0.75rem 0 0.75rem;
}

.product-document-description {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 0.25rem;
  padding-right: 2rem;
  font-size: 1rem;
  color: #333333;
}
.product-document-description .icon-eplan {
  flex: 0 0 3rem;
  margin-left: 0.5rem;
  width: 3rem;
  height: 1rem;
}

.product-document-files > ul {
  margin: 0;
}
.product-document-files > ul > li {
  padding: 0;
}
.product-document-files > ul > li::before {
  content: none;
}
.product-document-files > ul > li:not(:last-child) {
  margin-bottom: 0.5rem;
}
.product-document-files a[data-filetype] {
  margin: 0;
}
.product-document-files a[data-filetype]:hover {
  text-decoration: underline;
}

@media (min-width: 40rem) {
  .product-document {
    display: flex;
  }
  .product-document-description {
    max-width: 50%;
    flex-basis: 50%;
    margin-bottom: 0;
  }
  .product-document-files {
    max-width: 50%;
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .product-document-files__line {
    display: flex;
  }
  .product-document-files__line div {
    flex-basis: 50%;
    max-width: 50%;
  }
  .product-document-files__line div:first-child {
    padding-right: 1rem;
  }
}
.editable {
  position: relative;
}

input.editable__input {
  width: 100%;
  height: 2.5rem;
  padding-right: 5rem;
}

.editable__button {
  position: absolute;
  top: 1px;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  cursor: pointer;
}

.editable__start {
  cursor: pointer;
}

.editable__apply {
  right: 1px;
  background: #315f96;
  padding: 0.75rem;
}
.editable__apply > .icon {
  fill: white;
}

.editable__cancel {
  right: calc(2.375rem + 1px);
  background: rgba(255, 255, 255, 0);
  padding: 0.8rem;
}
.editable__cancel > .icon {
  fill: #315f96;
}

.error-msgs {
  color: #A50034;
}
.error-msgs li {
  margin-top: 0.5rem;
}
.error-msgs li::before {
  color: #A50034;
}

.error-msg-help {
  display: block;
  font-size: 0.875rem;
  color: #6f6f6f;
}

.event-teaser-grid {
  justify-content: center;
}
.event-teaser-grid > .event-teaser {
  margin-bottom: 2rem;
}
@media (min-width: 40rem) {
  .event-teaser-grid {
    display: flex;
    flex-wrap: wrap;
  }
  .event-teaser-grid > .event-teaser {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    flex-shrink: 0;
    flex-grow: 0;
  }
  .event-teaser-grid > .event-teaser:nth-child(n) {
    margin-right: 2rem;
  }
  .event-teaser-grid > .event-teaser:last-child {
    margin-right: 0;
  }
  .event-teaser-grid > .event-teaser:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 62rem) {
  .event-teaser-grid > .event-teaser {
    flex-basis: calc(33.33% - 1.34rem);
    width: calc(33.33% - 1.34rem);
    max-width: calc(33.33% - 1.34rem);
  }
  .event-teaser-grid > .event-teaser:nth-child(n) {
    margin-right: 2rem;
  }
  .event-teaser-grid > .event-teaser:last-child {
    margin-right: 0;
  }
  .event-teaser-grid > .event-teaser:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 90rem) {
  .event-teaser-grid > .event-teaser {
    flex-basis: calc(25% - 2.25rem);
    width: calc(25% - 2.25rem);
    max-width: calc(25% - 2.25rem);
    margin-bottom: 3rem;
  }
  .event-teaser-grid > .event-teaser:nth-child(n) {
    margin-right: 3rem;
  }
  .event-teaser-grid > .event-teaser:last-child {
    margin-right: 0;
  }
  .event-teaser-grid > .event-teaser:nth-child(4n) {
    margin-right: 0;
  }
}

.event-teaser {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1rem;
  border: 1px solid #e2e2e2;
}
.event-teaser:hover {
  box-shadow: 0 0 0 0.625rem #f7f7f7;
  transition: box-shadow 250ms ease-out;
}

.event-teaser-headline {
  display: block;
  width: 100%;
  flex: 0 0 auto;
  height: auto;
}
.event-teaser-headline:hover > h3 {
  text-decoration: underline;
  color: #315f96;
}
.event-teaser-headline > h3 {
  margin: 0;
  color: #315f96;
}
.event-teaser-headline .icon {
  width: 1rem;
  height: 1rem;
  margin-left: 3px;
}
.event-teaser-headline > img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto 1rem;
}

.event-teaser-description {
  width: 100%;
  flex: 0 0 auto;
  margin-top: 0.5rem;
  margin-bottom: 0;
}
.event-teaser-description > * {
  margin: 0;
  padding: 0;
}

.event-teaser-meta {
  width: 100%;
  flex: 0 0 auto;
  margin-top: auto;
  padding-top: 2rem;
  font-size: 0.875rem;
}
.event-teaser-meta > p {
  position: relative;
  margin-top: 0;
  padding-left: 1.5rem;
}
.event-teaser-meta > p:not(:last-child) {
  margin-bottom: 0.5rem;
}
.event-teaser-meta > p:last-child {
  margin-bottom: 0;
}
.event-teaser-meta .icon {
  position: absolute;
  top: 2px;
  left: 0;
  width: 1rem;
  height: 1rem;
}

.events-upcoming-headline {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-top: 3rem;
  margin-bottom: 2rem;
}
@media (min-width: 40rem) {
  .events-upcoming-headline {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .events-upcoming-headline {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .events-upcoming-headline {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .events-upcoming-headline {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .events-upcoming-headline {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
@media (min-width: 90rem) {
  .events-upcoming-headline {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
}

.events-upcoming-wrapper {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 40rem) {
  .events-upcoming-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .events-upcoming-wrapper {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .events-upcoming-wrapper {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .events-upcoming-wrapper {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .events-upcoming-wrapper {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
.events-upcoming-wrapper .event-teaser-grid {
  margin-top: 0;
  margin-bottom: 0;
}

.exclusive-content {
  position: relative;
  display: block;
  margin: 0 0 0.5rem;
}
.exclusive-content > span {
  display: block;
}
.exclusive-content > a {
  display: inline-block;
  color: #315f96;
}
.exclusive-content > .icon {
  display: inline-block;
  float: left;
  width: 1rem;
  height: 1rem;
  margin-right: 0.3125rem;
  fill: #999999;
}
.exclusive-content > .profile-container {
  position: relative;
  display: block;
}
.exclusive-content > .profile-container > .login {
  position: fixed;
  top: 50%;
  left: 50%;
  bottom: auto;
  z-index: 1000;
  width: 17rem;
  box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.2);
  transform: translate(-50%, -50%);
}
.exclusive-content > .profile-container > .login::before, .exclusive-content > .profile-container > .login::after {
  content: none;
}

.product-document-files__locked .product-document-file-download span {
  color: #999999;
  cursor: default;
}
.product-document-files__locked .product-document-file-download .icon.filetype {
  fill-opacity: 0.5;
}

iframe {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
}

body.page-O200-beyond iframe {
  min-height: 67vw;
}
body.page-O200-beyond .main-nav-wrapper, body.page-O200-beyond .breadcrumb-wrapper, body.page-O200-beyond .searchbar, body.page-O200-beyond .metanav, body.page-O200-beyond .header-top {
  display: none;
}
body.page-O200-beyond .language-selector-selected,
body.page-O200-beyond .address-phone,
body.page-O200-beyond .header-profile {
  display: none !important;
}
body.page-O200-beyond .page-wrapper {
  max-width: 100%;
}
body.page-O200-beyond .header {
  background-color: transparent;
}
body.page-O200-beyond .header-main {
  position: absolute;
  left: 15%;
  background: white;
  width: 300px;
  height: 150px;
}
@media only screen and (max-width: 62rem) {
  body.page-O200-beyond .header-main {
    width: auto;
    height: auto;
    padding: 1rem;
  }
}
@media only screen and (min-width: 40rem) and (max-width: 62rem) {
  body.page-O200-beyond .header-main .logo-header {
    margin-left: 0;
  }
}
body.page-O200-beyond .banner-backdrop-item {
  height: 100vh;
}
body.page-O200-beyond .banner-backdrop-textblock {
  position: absolute;
  bottom: 0;
  min-height: 0;
  margin-bottom: 0;
}
body.page-O200-beyond .banner-backdrop-textblock .banner-backdrop-textblock-inner {
  padding: 1rem;
}
@media only screen and (min-width: 40rem) {
  body.page-O200-beyond .banner-backdrop-textblock {
    padding: 0;
  }
}
@media only screen and (min-width: 62rem) {
  body.page-O200-beyond .banner-backdrop-textblock {
    left: 15%;
    bottom: 3%;
  }
  body.page-O200-beyond .banner-backdrop-textblock .banner-backdrop-textblock-inner {
    float: left;
    padding: 2rem;
  }
}
body.page-O200-beyond .banner-backdrop-image {
  width: 100%;
  height: 100%;
  max-width: none;
  background-size: cover;
}
body.page-O200-beyond .banner-backdrop-image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.page-O200-beyond .article-component-image {
  max-width: none !important;
  padding: 0 !important;
}
body.page-O200-beyond .article-component-image figure img {
  max-width: none !important;
  margin: 0 !important;
  width: 100%;
}

.facet-list {
  margin-bottom: 2rem;
}

.facet-list-headline {
  display: none;
}

.facet-list-show-all {
  margin: 1rem 0 2rem;
  font-size: 0.875rem;
}

.facet {
  padding: 0.5rem 0 0;
  border-bottom: 1px solid #e2e2e2;
}

.facet-toggle-all {
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 1rem;
}

.facet-header {
  position: relative;
  display: flex;
  margin: 0 -0.5rem 0.5rem;
  padding: 0.5rem;
}
.facet-header::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.facet-name {
  flex: 1 1 100%;
  margin: 0 auto 0 0;
  line-height: 1.3;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.facet-toggle {
  position: relative;
  flex: 0 auto;
  margin-left: 1rem;
  padding-right: 2rem;
  color: #999999;
}

.facet-toggle-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 12px;
  height: 100%;
  fill: currentColor;
}

input[type=checkbox].facet-checkbox-input + label {
  display: flex;
  align-items: flex-start;
  font-size: 0.875rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
input[type=checkbox].facet-checkbox-input + label:last-child {
  margin-bottom: 1.5rem;
}

.facet-checkbox-name {
  flex: 1 1 auto;
  margin-right: 1rem;
  line-height: 1.3;
}

.facet-checkbox-count {
  margin-left: auto;
  flex: 0 0 auto;
  line-height: 1.3;
  white-space: nowrap;
}

@media (min-width: 80rem) {
  .facet-list {
    margin-top: 4px;
  }
  .facet-list-show-all {
    margin-top: 2rem;
  }
  .facet {
    width: 100%;
  }
}
.file-upload {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 2.25rem;
  margin-top: 1rem;
  padding-left: 1.5rem;
  color: #315f96;
  overflow: hidden;
}

.file-upload__icon,
.file-upload__label {
  pointer-events: none;
}

.file-upload__icon {
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 1rem;
  height: 1rem;
  margin-top: -0.5rem;
  fill: currentColor;
}

.file-upload__input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  opacity: 0;
  cursor: pointer;
}

.file-upload__description {
  margin-top: 0.5rem;
  font-size: 0.75rem;
}

.file-upload__info {
  display: none;
}

@media (min-width: 80rem) {
  .file-upload {
    padding: 0 0.5rem 0 2rem;
    border: 1px dashed #e2e2e2;
  }
  .file-upload:hover, .file-upload:focus {
    background: rgba(0, 98, 174, 0.1);
    border-color: #315f96;
  }
  .file-upload__icon {
    left: 0.5rem;
  }
  .file-upload__icon,
  .file-upload__label,
  .file-upload__input {
    cursor: pointer;
  }
  .file-upload__description {
    position: relative;
    padding-right: 1.5rem;
  }
  .file-upload__info {
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    width: 1rem;
    height: 1rem;
    margin-top: -0.5rem;
    cursor: pointer;
    fill: #315f96;
  }
  .file-upload__info:hover + .file-upload__text {
    display: block;
  }
  .file-upload__text {
    position: absolute;
    z-index: 100;
    top: 100%;
    right: 0.6rem;
    display: none;
    width: 7.5rem;
    padding: 0.5rem;
    margin-top: 8px;
    font-size: 0.875rem;
    background: white;
    border: 1px solid #e2e2e2;
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.3);
    color: #6f6f6f;
    transform: translateX(3.75rem);
    width: 15rem;
    right: -1rem;
    transform: none;
  }
  .file-upload__text::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -10px;
    display: block;
    width: 9px;
    height: 9px;
    background: inherit;
    border: inherit;
    border-width: 1px 1px 0 0;
    transform: rotate(-45deg) translateX(-0.375rem);
  }
  .file-upload__text::before {
    left: auto;
    right: 1rem;
  }
  .pricelist-detail__csv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    right: 0;
    position: absolute;
    margin-right: 1rem;
  }
  .pricelist-detail__csv .file-upload {
    margin-top: 0;
  }
  .pricelist-detail__csv .file-upload__description {
    margin: 0 0 0 1rem;
  }
}
@media (min-width: 80rem) and (min-width: 40rem) {
  .pricelist-detail__csv {
    margin-right: 2rem;
  }
}
@media (min-width: 80rem) and (min-width: 62rem) {
  .pricelist-detail__csv {
    margin-right: 2.5rem;
  }
}
@media (min-width: 80rem) and (min-width: 80rem) {
  .pricelist-detail__csv {
    margin-right: 5rem;
  }
}
@media (min-width: 80rem) and (min-width: 90rem) {
  .pricelist-detail__csv {
    margin-right: 6rem;
  }
}
@media (min-width: 80rem) and (min-width: 120rem) {
  .pricelist-detail__csv {
    margin-right: 12rem;
  }
}
@media (min-width: 80rem) {
  .csv-import__upload {
    display: flex;
  }
}
.select-country-ae {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10'%3E%3Cpath fill='%23315f96' d='M14.38 0L16 1.62l-8 8-8-8L1.62 0 8 6.38 14.38 0z'/%3E%3C/svg%3E") right 60% no-repeat, url("../images/svg/icn-lang-ae.svg?v=31109657") 0.5rem 55% no-repeat, white;
}

.select-country-be {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10'%3E%3Cpath fill='%23315f96' d='M14.38 0L16 1.62l-8 8-8-8L1.62 0 8 6.38 14.38 0z'/%3E%3C/svg%3E") right 60% no-repeat, url("../images/svg/icn-lang-be.svg?v=31109657") 0.5rem 55% no-repeat, white;
}

.select-country-br {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10'%3E%3Cpath fill='%23315f96' d='M14.38 0L16 1.62l-8 8-8-8L1.62 0 8 6.38 14.38 0z'/%3E%3C/svg%3E") right 60% no-repeat, url("../images/svg/icn-lang-br.svg?v=31109657") 0.5rem 55% no-repeat, white;
}

.select-country-ca {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10'%3E%3Cpath fill='%23315f96' d='M14.38 0L16 1.62l-8 8-8-8L1.62 0 8 6.38 14.38 0z'/%3E%3C/svg%3E") right 60% no-repeat, url("../images/svg/icn-lang-ca.svg?v=31109657") 0.5rem 55% no-repeat, white;
}

.select-country-ch {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10'%3E%3Cpath fill='%23315f96' d='M14.38 0L16 1.62l-8 8-8-8L1.62 0 8 6.38 14.38 0z'/%3E%3C/svg%3E") right 60% no-repeat, url("../images/svg/icn-lang-ch.svg?v=31109657") 0.5rem 55% no-repeat, white;
}

.select-country-cn {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10'%3E%3Cpath fill='%23315f96' d='M14.38 0L16 1.62l-8 8-8-8L1.62 0 8 6.38 14.38 0z'/%3E%3C/svg%3E") right 60% no-repeat, url("../images/svg/icn-lang-cn.svg?v=31109657") 0.5rem 55% no-repeat, white;
}

.select-country-de {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10'%3E%3Cpath fill='%23315f96' d='M14.38 0L16 1.62l-8 8-8-8L1.62 0 8 6.38 14.38 0z'/%3E%3C/svg%3E") right 60% no-repeat, url("../images/svg/icn-lang-de.svg?v=31109657") 0.5rem 55% no-repeat, white;
}

.select-country-dk {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10'%3E%3Cpath fill='%23315f96' d='M14.38 0L16 1.62l-8 8-8-8L1.62 0 8 6.38 14.38 0z'/%3E%3C/svg%3E") right 60% no-repeat, url("../images/svg/icn-lang-dk.svg?v=31109657") 0.5rem 55% no-repeat, white;
}

.select-country-es {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10'%3E%3Cpath fill='%23315f96' d='M14.38 0L16 1.62l-8 8-8-8L1.62 0 8 6.38 14.38 0z'/%3E%3C/svg%3E") right 60% no-repeat, url("../images/svg/icn-lang-es.svg?v=31109657") 0.5rem 55% no-repeat, white;
}

.select-country-fr {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10'%3E%3Cpath fill='%23315f96' d='M14.38 0L16 1.62l-8 8-8-8L1.62 0 8 6.38 14.38 0z'/%3E%3C/svg%3E") right 60% no-repeat, url("../images/svg/icn-lang-fr.svg?v=31109657") 0.5rem 55% no-repeat, white;
}

.select-country-gb {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10'%3E%3Cpath fill='%23315f96' d='M14.38 0L16 1.62l-8 8-8-8L1.62 0 8 6.38 14.38 0z'/%3E%3C/svg%3E") right 60% no-repeat, url("../images/svg/icn-lang-gb.svg?v=31109657") 0.5rem 55% no-repeat, white;
}

.select-country-in {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10'%3E%3Cpath fill='%23315f96' d='M14.38 0L16 1.62l-8 8-8-8L1.62 0 8 6.38 14.38 0z'/%3E%3C/svg%3E") right 60% no-repeat, url("../images/svg/icn-lang-in.svg?v=31109657") 0.5rem 55% no-repeat, white;
}

.select-country-it {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10'%3E%3Cpath fill='%23315f96' d='M14.38 0L16 1.62l-8 8-8-8L1.62 0 8 6.38 14.38 0z'/%3E%3C/svg%3E") right 60% no-repeat, url("../images/svg/icn-lang-it.svg?v=31109657") 0.5rem 55% no-repeat, white;
}

.select-country-nl {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10'%3E%3Cpath fill='%23315f96' d='M14.38 0L16 1.62l-8 8-8-8L1.62 0 8 6.38 14.38 0z'/%3E%3C/svg%3E") right 60% no-repeat, url("../images/svg/icn-lang-nl.svg?v=31109657") 0.5rem 55% no-repeat, white;
}

.select-country-pl {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10'%3E%3Cpath fill='%23315f96' d='M14.38 0L16 1.62l-8 8-8-8L1.62 0 8 6.38 14.38 0z'/%3E%3C/svg%3E") right 60% no-repeat, url("../images/svg/icn-lang-pl.svg?v=31109657") 0.5rem 55% no-repeat, white;
}

.select-country-se {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10'%3E%3Cpath fill='%23315f96' d='M14.38 0L16 1.62l-8 8-8-8L1.62 0 8 6.38 14.38 0z'/%3E%3C/svg%3E") right 60% no-repeat, url("../images/svg/icn-lang-se.svg?v=31109657") 0.5rem 55% no-repeat, white;
}

.select-country-sg {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10'%3E%3Cpath fill='%23315f96' d='M14.38 0L16 1.62l-8 8-8-8L1.62 0 8 6.38 14.38 0z'/%3E%3C/svg%3E") right 60% no-repeat, url("../images/svg/icn-lang-sg.svg?v=31109657") 0.5rem 55% no-repeat, white;
}

.select-country-us {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10'%3E%3Cpath fill='%23315f96' d='M14.38 0L16 1.62l-8 8-8-8L1.62 0 8 6.38 14.38 0z'/%3E%3C/svg%3E") right 60% no-repeat, url("../images/svg/icn-lang-us.svg?v=31109657") 0.5rem 55% no-repeat, white;
}

.select-country-ve {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10'%3E%3Cpath fill='%23315f96' d='M14.38 0L16 1.62l-8 8-8-8L1.62 0 8 6.38 14.38 0z'/%3E%3C/svg%3E") right 60% no-repeat, url("../images/svg/icn-lang-ve.svg?v=31109657") 0.5rem 55% no-repeat, white;
}

.select-country-kr {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10'%3E%3Cpath fill='%23315f96' d='M14.38 0L16 1.62l-8 8-8-8L1.62 0 8 6.38 14.38 0z'/%3E%3C/svg%3E") right 60% no-repeat, url("../images/svg/icn-lang-kr.svg?v=31109657") 0.5rem 55% no-repeat, white;
}

.select-country-ru {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10'%3E%3Cpath fill='%23315f96' d='M14.38 0L16 1.62l-8 8-8-8L1.62 0 8 6.38 14.38 0z'/%3E%3C/svg%3E") right 60% no-repeat, url("../images/svg/icn-lang-ru.svg?v=31109657") 0.5rem 55% no-repeat, white;
}

.select-country-at {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10'%3E%3Cpath fill='%23315f96' d='M14.38 0L16 1.62l-8 8-8-8L1.62 0 8 6.38 14.38 0z'/%3E%3C/svg%3E") right 60% no-repeat, url("../images/svg/icn-lang-at.svg?v=31109657") 0.5rem 55% no-repeat, white;
}

.select-country-mx {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10'%3E%3Cpath fill='%23315f96' d='M14.38 0L16 1.62l-8 8-8-8L1.62 0 8 6.38 14.38 0z'/%3E%3C/svg%3E") right 60% no-repeat, url("../images/svg/icn-lang-mx.svg?v=31109657") 0.5rem 55% no-repeat, white;
}

.flyout + .banner,
.flyout + .in-site-nav,
.flyout + .breadcrumb-wrapper {
  margin-top: -2rem;
}

.flyout {
  display: none;
  backface-visibility: hidden;
  position: relative;
  flex-basis: 100%;
  left: 0;
  top: 100%;
  opacity: 0;
  visibility: hidden;
  padding-left: 1.5rem;
  background-color: #ffffff;
  z-index: 5;
  transition: opacity 250ms ease-out 350ms, visibility 250ms ease-out 350ms;
  white-space: normal;
}
.flyout svg {
  pointer-events: none;
}
.flyout .grid-item {
  font-size: 1rem;
}

.expanded + .flyout {
  display: block;
  opacity: 1;
  visibility: visible;
  transition-delay: 0ms;
}

.page-wrapper {
  position: relative;
}

.flyout-nav {
  margin: 0;
}
.flyout-nav > li {
  position: static;
  padding: 0;
}
.flyout-nav > li::before {
  content: none;
}
.flyout-nav .main-nav-main-node-description {
  display: none;
}

.flyout-nav-headline {
  position: relative;
  display: block;
  padding: 0 1rem 0.5rem 0;
  color: #315f96;
  cursor: default;
  font-size: 1rem;
}
.flyout-nav-headline > .icon {
  top: 50%;
  transform: translateY(-50%);
  display: none;
  height: 0.75rem;
  margin-top: -0.125rem;
  position: absolute;
  right: 0;
  width: 0.75rem;
}
.flyout-nav-headline:hover, .flyout-nav-headline:active, .flyout-nav-headline:focus {
  text-decoration: underline;
  cursor: pointer;
}
.flyout-nav-headline.active > .icon {
  display: block;
}

.flyout-subnav {
  display: flex;
  opacity: 0;
  visibility: hidden;
  transition: opacity 250ms ease-out 350ms, visibility 250ms ease-out 350ms;
  position: absolute;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  top: 0;
  right: 1rem;
  bottom: auto;
  left: auto;
  height: auto;
  min-height: 100%;
  align-content: flex-start;
  padding: 0 1.5rem 1rem;
  background: #f7f7f7;
  border: 0.75rem solid white;
  border-top: none;
}
.flyout-subnav.visible {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
  transition-duration: 0s;
  z-index: 2;
}

.flyout-subnav-headline {
  font-size: 2.0161290323vw;
  line-height: 1.2;
  flex: 0 0 100%;
  margin: 0 0 0.5rem;
  padding-top: 1.25rem;
}
@media screen and (max-width: 0.07936px) {
  .flyout-subnav-headline {
    font-size: 16px;
  }
}
@media (min-width: 0.0062rem) {
  .flyout-subnav-headline {
    font-size: 1.25rem;
  }
}

.flyout-subnav-description {
  flex: 0 0 100%;
  font-size: 0.875rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  color: #6f6f6f;
}

.flyout-subnav-list {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 1rem;
}
.flyout-subnav-list > li {
  display: flex;
  align-items: center;
  padding: 0 0 0.25rem;
}
.flyout-subnav-list > li::before {
  content: none;
}

.flyout-subnav-link {
  display: inline-block;
}

.flyout-subnav-selector {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.5rem;
  width: 1.25rem;
  height: 1.25rem;
  color: #315f96;
  transition: color 150ms ease-out, background-color 150ms ease-out;
}
.flyout-subnav-selector .icon {
  width: 0.75rem;
  height: 0.75rem;
  fill: currentColor;
}
.flyout-subnav-selector:hover, .flyout-subnav-selector:active, .flyout-subnav-selector:focus {
  color: #ffffff;
  background-color: #315f96;
}

.flyout-continuative-link {
  font-size: 1rem;
  text-align: right;
  margin-top: 2rem;
  width: 100%;
}

@media (min-width: 62rem), (min-width: 62rem) and (-ms-high-contrast: none) {
  .main-nav-wrapper .main-nav-list .mainnav-item .flyout.visible {
    opacity: 1;
    visibility: visible;
  }
  .flyout {
    display: block;
    position: absolute;
    min-width: 18.75rem;
    padding: 0;
    box-shadow: 0 3px 7px 0 rgba(111, 111, 111, 0.25);
  }
  .default-flyout {
    white-space: nowrap;
  }
  .flyout-nav {
    padding-bottom: 0.75rem;
  }
  .flyout-nav > li:hover {
    background-color: #f7f7f7;
  }
  .flyout-nav .main-nav-main-node-description {
    display: block;
  }
  .flyout-nav .flyout-nav-headline {
    padding: 0.5rem 1.5rem 0.5rem 1.5rem;
  }
  .flyout-nav .main-nav-main-node-description {
    padding: 1rem 1.5rem 0 1.5rem;
    white-space: normal;
  }
  .flyout-subnav {
    border-right: 0.75rem solid white;
    border-bottom: 0.75rem solid white;
    right: 0;
  }
  .flyout-nav-headline:hover {
    background-color: #f7f7f7;
  }
}
.flyout.product-flyout {
  background: none;
  box-shadow: none;
}
.flyout.product-flyout > .flyout-nav {
  height: 100%;
  background: white;
}
.flyout.product-flyout .flyout-subnav {
  right: 0;
}
.flyout.product-flyout.white {
  background-color: white;
}

@media (min-width: 62rem), (min-width: 62rem) and (-ms-high-contrast: none) {
  .flyout.product-flyout {
    white-space: normal;
    width: 40.5rem;
    padding: 0;
  }
  .flyout.product-flyout .flyout-nav {
    width: 18.25rem;
    box-shadow: 0 3px 7px 0 rgba(111, 111, 111, 0.25);
  }
  .flyout.product-flyout .flyout-subnav {
    left: 18.25rem;
    width: 22.25rem;
    box-shadow: 7px 3px 7px 0 rgba(0, 0, 0, 0.15);
    padding: 0 2.25rem 1rem;
  }
  .flyout.product-flyout .flyout-subnav .flyout-subnav-description {
    margin-top: 0.25rem;
  }
  .flyout.product-flyout .flyout-nav-headline.activeSubNode {
    padding: 0.5rem 1.5rem 0.5rem 0.75rem;
    right: -0.75rem;
    z-index: 3;
  }
  .flyout.product-flyout .activeSubNode {
    background-color: #f7f7f7;
  }
  .flyout.product-flyout .flyout-subnav-list > li {
    padding: 0.5rem 1.5rem 0.5rem 0;
  }
}
@media (min-width: 80rem), (min-width: 80rem) and (-ms-high-contrast: none) {
  .flyout.product-flyout {
    width: 46.75rem;
  }
  .flyout.product-flyout .flyout-nav {
    width: 18.75rem;
  }
  .flyout.product-flyout .flyout-subnav {
    left: 18.75rem;
    width: 28rem;
  }
}
@media (min-width: 62rem), (min-width: 62rem) and (-ms-high-contrast: none) {
  .flyout.product-innovation-flyout {
    width: 90vw;
    left: -20%;
  }
  .flyout.product-innovation-flyout .grid-item {
    color: #6f6f6f;
  }
  .flyout.product-innovation-flyout .flyout-nav {
    flex-basis: calc(35% - 0rem);
    width: calc(35% - 0rem);
    max-width: calc(35% - 0rem);
  }
  .flyout.product-innovation-flyout .flyout-nav-headline.activeSubNode {
    padding: 0.5rem 1.5rem 0.5rem 0.75rem;
    right: -0.75rem;
    z-index: 3;
  }
  .flyout.product-innovation-flyout .activeSubNode {
    background-color: #f7f7f7;
  }
  .flyout.product-innovation-flyout .main-nav-main-node-description {
    padding: 1rem 1.5rem 0 1.5rem;
    position: relative;
    z-index: 3;
  }
  .flyout.product-innovation-flyout .flyout-subnav {
    flex-basis: calc(65% - 0rem);
    width: calc(65% - 0rem);
    max-width: calc(65% - 0rem);
    padding-top: 1rem;
  }
  .flyout.product-innovation-flyout .flyout-subnav[data-subnav-items="1"] .flyout-continuative-link, .flyout.product-innovation-flyout .flyout-subnav[data-subnav-items="2"] .flyout-continuative-link {
    display: none;
  }
  .flyout.product-innovation-flyout .grid-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: flex-start !important;
    padding: 0;
  }
  .flyout.product-innovation-flyout .grid-wrapper > .grid-item {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    flex-shrink: 0;
    flex-grow: 0;
    margin-bottom: 2rem;
  }
  .flyout.product-innovation-flyout .grid-wrapper > .grid-item:nth-child(n) {
    margin-right: 2rem;
  }
  .flyout.product-innovation-flyout .grid-wrapper > .grid-item:last-child {
    margin-right: 0;
  }
  .flyout.product-innovation-flyout .grid-wrapper > .grid-item:nth-child(2n) {
    margin-right: 0;
  }
  .flyout.product-innovation-flyout .grid-wrapper .grid-item {
    display: none;
    margin-bottom: 0;
  }
  .flyout.product-innovation-flyout .grid-wrapper .grid-item:first-child, .flyout.product-innovation-flyout .grid-wrapper .grid-item:nth-child(2) {
    display: block;
  }
}
@media (min-width: 80rem), (min-width: 80rem) and (-ms-high-contrast: none) {
  .flyout.product-innovation-flyout {
    width: 80vw;
    left: -30%;
  }
  .flyout.product-innovation-flyout .flyout-nav {
    flex-basis: calc(28% - 0rem);
    width: calc(28% - 0rem);
    max-width: calc(28% - 0rem);
  }
  .flyout.product-innovation-flyout .flyout-subnav {
    flex-basis: calc(72% - 0rem);
    width: calc(72% - 0rem);
    max-width: calc(72% - 0rem);
  }
}
@media (min-width: 90rem), (min-width: 90rem) and (-ms-high-contrast: none) {
  .flyout.product-innovation-flyout {
    width: 70vw;
    left: -50%;
  }
  .flyout.product-innovation-flyout .flyout-subnav[data-subnav-items="3"] .flyout-continuative-link {
    display: none;
  }
  .flyout.product-innovation-flyout .grid-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .flyout.product-innovation-flyout .grid-wrapper > .grid-item {
    flex-basis: calc(33.33% - 2rem);
    width: calc(33.33% - 2rem);
    max-width: calc(33.33% - 2rem);
    flex-shrink: 0;
    flex-grow: 0;
    margin-bottom: 3rem;
  }
  .flyout.product-innovation-flyout .grid-wrapper > .grid-item:nth-child(n) {
    margin-right: 3rem;
  }
  .flyout.product-innovation-flyout .grid-wrapper > .grid-item:last-child {
    margin-right: 0;
  }
  .flyout.product-innovation-flyout .grid-wrapper > .grid-item:nth-child(3n) {
    margin-right: 0;
  }
  .flyout.product-innovation-flyout .grid-wrapper .grid-item {
    margin-bottom: 0;
  }
  .flyout.product-innovation-flyout .grid-wrapper .grid-item:nth-child(3) {
    display: block;
  }
}
.footer {
  margin-top: 2rem;
  padding: 1rem 0;
  background-color: #f7f7f7;
}

.grid + .footer,
.grid + .separator-component + .footer {
  margin-top: 0;
}

.footer-main,
.footer-bottombar {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 40rem) {
  .footer-main,
  .footer-bottombar {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .footer-main,
  .footer-bottombar {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .footer-main,
  .footer-bottombar {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .footer-main,
  .footer-bottombar {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .footer-main,
  .footer-bottombar {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}

.footer-main {
  margin-top: 2.5rem;
}

.footer-navigation {
  width: 100%;
}

.footer-bottombar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 1rem;
}

.footer-copyright {
  order: 1;
  padding: 0.5rem 0;
}

.footer-socialbar {
  display: flex;
  align-items: center;
  width: 100%;
}
.footer-socialbar > .social-media-link:not(:last-child) {
  margin-right: 0.5rem;
}

.footer-contact {
  padding-top: 2rem;
}

.footer-address {
  font-style: normal;
}

.footer-address-title {
  font-size: 2.0161290323vw;
  line-height: 1.2;
  margin: 0 0 0.5rem;
  color: #333333;
}
@media screen and (max-width: 0.07936px) {
  .footer-address-title {
    font-size: 16px;
  }
}
@media (min-width: 0.0062rem) {
  .footer-address-title {
    font-size: 1.25rem;
  }
}

.footer-address-link {
  margin-top: 0.5rem;
  margin-bottom: 0;
}

.footer-address-location,
.footer-address-phone,
.footer-address-mail {
  position: relative;
  margin: 0;
  padding-left: 1.875rem;
}
.footer-address-location .icon,
.footer-address-phone .icon,
.footer-address-mail .icon {
  position: absolute;
  top: 3px;
  left: 0;
  width: 18px;
  height: 18px;
  color: #999999;
}

.footer-links-wrapper {
  margin: 0;
  padding: 0;
}
.footer-links-wrapper:not(:last-child) {
  margin-bottom: 1rem;
}

.footer-link {
  margin-right: 1.5rem;
  padding-left: 0;
  font-size: 0.875rem;
  line-height: 1.3;
}
.footer-link::before {
  content: none;
}
.footer-link > a {
  display: block;
  padding-bottom: 0.5rem;
  color: #6f6f6f;
}
.footer-link > a:hover, .footer-link > a:active, .footer-link > a:focus {
  color: #315f96;
}
.footer-link > a:hover {
  text-decoration: underline;
}

.footer-column.footer-contact {
  border: none;
}

.footer-column {
  margin-bottom: 0;
  border-bottom: 1px solid #e2e2e2;
}
.footer-column .footer-link, .footer-column .footer-address > p {
  font-size: 0.875rem;
  line-height: 1.5;
}
.footer-column .footer-headline {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  border-top: 1px solid #e2e2e2;
  align-items: center;
}
.footer-column .footer-headline > .icon {
  width: 1.5rem;
  height: 1.5rem;
  padding: 4px;
}
.footer-column .footer-headline, .footer-column .footer-address-title {
  margin-bottom: 1.25rem;
  font-size: 1rem;
  padding: 0.625rem 0;
}
.footer-column .footer-address-phone, .footer-column .footer-address-mail {
  margin-top: 0.625rem;
}

.footer-column > .footer-headline.js-toggle-control[data-openBoolean=false] {
  margin: 0;
}
.footer-column > .footer-headline.js-toggle-control[data-openBoolean=true] > .icon {
  transform: rotate(180deg);
}

.footer-bottombar .footer-bottombar--generalInfo {
  display: block;
  margin-top: 2.25rem;
  width: 100%;
}
.footer-bottombar .footer-bottombar--generalInfo .footer-links-wrapper {
  display: inline-flex;
  flex-wrap: wrap;
}
.footer-bottombar .footer-bottombar--generalInfo .footer-links-wrapper .footer-link {
  margin-right: 1.5rem;
}

.footer-china-seal {
  position: absolute;
  top: -100%;
  right: 10px;
  display: block;
}
.footer-china-seal > a > svg {
  display: block;
  width: 47px;
  height: 47px;
}

@media (min-width: 40rem) {
  .footer-contact {
    padding-top: 0;
  }
  .footer-column, .footer-contact {
    min-width: 16rem;
  }
  .footer-navigation {
    display: flex;
    flex-wrap: wrap;
  }
  .footer-navigation .footer-links-wrapper {
    display: block;
    flex: 0 0 33%;
    margin-bottom: 0;
    padding-right: 2rem;
  }
  .footer-navigation .footer-links-wrapper.js-toggle-element {
    display: block !important;
  }
  .footer-column {
    margin-bottom: 1rem;
    border-bottom: none;
  }
  .footer-column .footer-headline, .footer-column .footer-address-title {
    font-size: 1.25rem;
    padding-bottom: 0;
  }
  .footer-column .footer-headline {
    width: 100%;
    display: block;
    justify-content: normal;
    border-top: none;
  }
  .footer-column .footer-headline.js-toggle-control {
    cursor: default;
    pointer-events: none;
  }
  .footer-column .footer-headline > .icon {
    display: none;
  }
  .footer-column > .footer-headline.js-toggle-control[data-openBoolean] {
    margin-bottom: 1.25rem;
  }
  .footer-link {
    margin-right: 0;
  }
  .footer-china-seal {
    bottom: -8px;
    top: auto;
    right: 10px;
  }
  .footer-headline, .footer-address-title {
    margin-bottom: 1.25rem;
    font-size: 1rem;
  }
  .footer-address-phone, .footer-address-mail {
    margin-top: 0.625rem;
  }
}
@media (min-width: 62rem) {
  .footer-main {
    display: flex;
  }
  .footer-navigation {
    justify-content: space-between;
  }
  .footer-bottombar {
    padding-bottom: 0;
  }
  .footer-copyright {
    order: 0;
  }
  .footer-socialbar {
    padding-bottom: 0;
  }
  .footer-socialbar > .icon-social {
    margin-bottom: 0;
  }
  .footer-bottombar .footer-bottombar--generalInfo {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
  }
  .footer-bottombar .footer-bottombar--generalInfo .footer-bottombar--links .footer-links-wrapper .footer-link {
    margin-right: 1rem;
  }
}
.form-range {
  position: relative;
  height: 3rem;
}
.form-range::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.5rem;
  display: block;
  height: 1px;
  margin-bottom: -1px;
  background-color: #d8d8d8;
  user-select: none;
}

.form-range__sliders {
  position: absolute;
  z-index: 1;
  height: 100%;
  min-width: 2rem;
  max-width: 100%;
  overflow: visible;
}
.form-range__sliders::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.5rem;
  display: block;
  height: 1px;
  margin-bottom: -1px;
  background-color: #d8d8d8;
  user-select: none;
  background-color: #315f96;
}

.form-range__min-button,
.form-range__max-button {
  position: absolute;
  z-index: 10;
  bottom: 0;
  display: block !important;
  width: 1rem;
  height: 1rem;
  background-color: #315f96;
  border-radius: 50%;
  cursor: pointer;
}
.form-range__min-button.dragging--active,
.form-range__max-button.dragging--active {
  cursor: grabbing;
}
.form-range__min-button.active,
.form-range__max-button.active {
  box-shadow: 0 0 0 0.125rem rgba(0, 98, 174, 0.4);
}

.form-range__min-button {
  left: 0;
}

.form-range__max-button {
  right: 0;
}

.form-range__labels {
  display: flex;
  justify-content: space-between;
}

.form-range__min-label,
.form-range__max-label {
  white-space: nowrap;
  color: #315f96;
  user-select: none;
  width: 100%;
}

.form-range__min-label {
  text-align: left;
}

.form-range__max-label {
  text-align: right;
}

.form-range__description {
  font-size: 0.75rem;
  color: #333333;
}

.quick-entry__field--dualsliders > .form-range:first-child {
  margin-bottom: 1rem;
}

.form-range__steps {
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  display: flex !important;
  height: 100%;
  opacity: 0;
}
.form-range__steps > * {
  display: block !important;
  flex: 1 1 100%;
}

.form-steps {
  position: relative;
  user-select: none;
}
.form-steps::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.5rem;
  display: block;
  height: 1px;
  margin-bottom: -1px;
  background-color: #d8d8d8;
  user-select: none;
}

.form-steps__items {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  height: 3rem;
}

.form-steps__item {
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 1rem;
  height: 100%;
  padding: 0;
  font-size: 0.875rem;
  cursor: pointer;
  overflow: visible;
}
.form-steps__item .form-steps__button {
  display: block;
}
.form-steps__item:hover .form-steps__label {
  color: #315f96;
}
.form-steps__item:hover .form-steps__button {
  background-color: #999999;
}

.form-steps__label {
  display: block;
  text-align: center;
  white-space: nowrap;
}

.form-steps__button {
  position: relative;
  width: 15px;
  height: 15px;
  background: #ffffff;
  border: 3px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #6f6f6f;
}

.form-steps__input:checked ~ .form-steps__label {
  color: #315f96;
}
.form-steps__input:checked ~ .form-steps__button {
  background-color: #315f96;
}

.form-toggle {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 1.5rem;
  padding-left: 3.75rem;
  font-size: 0.875rem;
  user-select: none;
}

.form-toggle__button {
  cursor: pointer;
}

.form-toggle__button {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 3rem;
  height: 1.5rem;
  margin-top: -0.75rem;
  background-color: currentColor;
  border: 0.125rem solid currentColor;
  border-radius: 0.75rem;
  color: #999999;
}
.form-toggle__button::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block !important;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background-color: white;
  transition: left 150ms ease-out;
}

.form-toggle__label {
  color: #999999;
}

.form-toggle__input:checked + .form-toggle__button {
  color: #315f96;
}
.form-toggle__input:checked + .form-toggle__button::before {
  left: calc(100% - 1.25rem);
}
.form-toggle__input:checked ~ .form-toggle__label {
  color: #315f96;
}

.form-toggle__input:disabled + .form-toggle__button {
  cursor: default;
  background-color: #e2e2e2;
}
.form-toggle__input:disabled ~ .form-toggle__label {
  color: #e2e2e2;
}

[type=text],
[type=number],
[type=email],
[type=tel],
[type=password],
textarea,
select, .select {
  height: 2.5rem;
  width: 100%;
  margin-bottom: 1rem;
  padding: 0.625rem;
  line-height: 1;
  color: #999999;
  border: 1px solid #e2e2e2;
  appearance: none;
  outline: none;
}
[type=text]:focus, [type=text]:active,
[type=number]:focus,
[type=number]:active,
[type=email]:focus,
[type=email]:active,
[type=tel]:focus,
[type=tel]:active,
[type=password]:focus,
[type=password]:active,
textarea:focus,
textarea:active,
select:focus,
select:active, .select:focus, .select:active {
  color: #315f96;
  outline: 5px solid rgba(0, 98, 174, 0.2);
}
[type=text].parsley-error,
[type=number].parsley-error,
[type=email].parsley-error,
[type=tel].parsley-error,
[type=password].parsley-error,
textarea.parsley-error,
select.parsley-error, .select.parsley-error {
  color: #A50034 !important;
  outline: 5px solid rgba(165, 0, 52, 0.2) !important;
}
[type=text].inplace,
[type=number].inplace,
[type=email].inplace,
[type=tel].inplace,
[type=password].inplace,
textarea.inplace,
select.inplace, .select.inplace {
  width: auto;
  margin: 0;
}

label {
  display: block;
}

textarea {
  width: 100%;
  height: 240px;
}

select {
  width: 100%;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.25rem;
  color: #315f96;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10'%3E%3Cpath fill='%23315f96' d='M14.38 0L16 1.62l-8 8-8-8L1.62 0 8 6.38 14.38 0z'/%3E%3C/svg%3E") right 60% no-repeat, white;
  background-size: 18px;
  border-bottom: 5px solid #e2e2e2;
}
select::-ms-expand {
  display: none;
}
select[disabled] {
  color: #e2e2e2;
}

.radio-button-group,
.checkbox-button-group {
  margin-bottom: 1rem;
}
.radio-button-group [type=radio]:not(:last-of-type) + label,
.radio-button-group [type=checkbox]:not(:last-of-type) + label,
.checkbox-button-group [type=radio]:not(:last-of-type) + label,
.checkbox-button-group [type=checkbox]:not(:last-of-type) + label {
  margin-bottom: 0.5rem;
}

[type=submit],
.btn-submit {
  display: block;
  border: 2px solid #315f96;
}

.hidden-select-label {
  position: relative;
  display: block;
  overflow: hidden;
}
.hidden-select-label select {
  position: absolute;
  top: 0;
  bottom: 0;
  left: auto;
  right: 0;
  border: none;
  z-index: 0;
}
.hidden-select-label select:focus, .hidden-select-label select:active {
  color: inherit;
}
.hidden-select-label .select-labeltext {
  position: relative;
  padding: 0.625rem 1rem 0.625rem 0.625rem;
  background: #ffffff;
  z-index: 2;
  pointer-events: none;
}
.hidden-select-label .labeltext {
  display: block;
}
.hidden-select-label .icon {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  right: 0;
  width: 0.625rem;
  height: auto;
}

.AGB-checkbox[type=checkbox] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  display: block !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
}
.AGB-checkbox[type=checkbox] + label {
  position: relative;
  display: block;
  padding-left: 1.5rem;
  line-height: 1.3;
  user-select: none;
  cursor: default;
}
.AGB-checkbox[type=checkbox] + label > i {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  padding: 1px;
  border: 1px solid #999999;
}
.AGB-checkbox[type=checkbox] + label > i > svg {
  display: none;
}
.AGB-checkbox[type=checkbox] + label > i > svg > use {
  pointer-events: none;
}
.AGB-checkbox[type=checkbox] + label:hover {
  cursor: pointer;
}
.AGB-checkbox[type=checkbox] + label:hover > i > svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: #e2e2e2;
}
.AGB-checkbox[type=checkbox]:checked + label > i > svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: #315f96;
}
.AGB-checkbox[type=checkbox][disabled] + label > i {
  border-color: #e2e2e2;
}
.AGB-checkbox[type=checkbox][disabled] + label > i > svg {
  fill: #e2e2e2;
}
.AGB-checkbox[type=checkbox][disabled] + label:hover {
  color: #e2e2e2;
  cursor: default;
}
.AGB-checkbox[type=checkbox][disabled] + label:hover > i > svg {
  fill: #e2e2e2;
}

.custom-checkbox[type=checkbox] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  display: block !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
}
.custom-checkbox[type=checkbox] + label {
  position: relative;
  display: block;
  padding-left: 1.5rem;
  line-height: 1.3;
  color: #999999;
  user-select: none;
  cursor: default;
}
.custom-checkbox[type=checkbox] + label > i {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  padding: 1px;
  border: 1px solid #999999;
}
.custom-checkbox[type=checkbox] + label > i > svg {
  display: none;
}
.custom-checkbox[type=checkbox] + label > i > svg > use {
  pointer-events: none;
}
.custom-checkbox[type=checkbox] + label a {
  color: inherit;
  text-decoration: underline;
}
.custom-checkbox[type=checkbox] + label a:hover {
  text-decoration: none;
}
.custom-checkbox[type=checkbox] + label:hover {
  color: #315f96;
  cursor: pointer;
}
.custom-checkbox[type=checkbox] + label:hover > i > svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: #e2e2e2;
}
.custom-checkbox[type=checkbox]:checked + label {
  color: #315f96;
}
.custom-checkbox[type=checkbox]:checked + label > i > svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: #315f96;
}
.custom-checkbox[type=checkbox][disabled] + label {
  color: #e2e2e2;
  text-decoration: line-through;
}
.custom-checkbox[type=checkbox][disabled] + label > i {
  border-color: #e2e2e2;
}
.custom-checkbox[type=checkbox][disabled] + label > i > svg {
  fill: #e2e2e2;
}
.custom-checkbox[type=checkbox][disabled] + label:hover {
  color: #e2e2e2;
  cursor: default;
}
.custom-checkbox[type=checkbox][disabled] + label:hover > i > svg {
  fill: #e2e2e2;
}

[type=radio] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  display: block !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
}
[type=radio] + label {
  padding-left: 24px;
  line-height: 1.5625;
  color: #999999;
  user-select: none;
  cursor: pointer;
}
[type=radio] + label:hover {
  color: #315f96;
}
[type=radio] + label a {
  color: inherit;
  text-decoration: underline;
}
[type=radio] + label a:hover {
  text-decoration: none;
}
[type=radio]:checked + label {
  color: #315f96;
}
[type=radio] + label::before {
  content: "";
  position: relative;
  top: 2px;
  left: -23px;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: -15px;
  background: #ffffff;
  border: 3px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #6f6f6f;
}
[type=radio]:checked + label::before {
  background-color: #315f96;
}
[type=radio]:not(:checked):hover + label::before {
  background-color: #999999;
}
[type=radio][disabled] + label {
  color: #e2e2e2;
  text-decoration: line-through;
}
[type=radio][disabled] + label::before {
  box-shadow: 0 0 0 1px #e2e2e2;
}
[type=radio][disabled] + label:hover {
  color: #e2e2e2;
  cursor: default;
}
[type=radio][disabled] + label:hover::before {
  background: #ffffff;
}

.parsley-required,
.parsley-type,
.parsley-pattern {
  display: block;
  margin-top: 0.5rem;
  color: #A50034;
}

.radio-button-group.parsley-error [type=radio] + label {
  color: #A50034;
}
.radio-button-group.parsley-error [type=radio] + label::before {
  box-shadow: 0 0 0 4px rgba(165, 0, 52, 0.2), 0 0 0 1px #A50034 !important;
}

.form-search-group {
  margin-bottom: 3rem;
}
.form-search-group > label {
  margin: 0;
  width: 100%;
  max-width: 300px;
}

.global-information {
  position: relative;
  margin: 0;
  padding: 1rem 3rem 1rem 1rem;
  line-height: 1.5;
  color: #315f96;
  background-color: rgba(0, 98, 174, 0.1);
  border: 1px solid currentColor;
}
.global-information--error {
  color: #A50034;
  background-color: rgba(165, 0, 52, 0.05);
}
.global-information--success {
  color: #00AE3F;
  background-color: rgba(0, 174, 63, 0.05);
}
.global-information .global-information__close {
  position: absolute;
  right: 0;
  top: 0;
  width: 36px;
  height: 36px;
  padding: 13px 14px 12px 12px;
  color: inherit;
}
.global-information .global-information__close > .icon {
  fill: currentColor;
}
.global-information .global-information__close:hover, .global-information .global-information__close:focus, .global-information .global-information__close:active {
  color: inherit;
}
.global-information .global-information__close:hover > .icon, .global-information .global-information__close:focus > .icon, .global-information .global-information__close:active > .icon {
  fill: currentColor;
}

.global-information__wrapper {
  padding-bottom: 3rem;
  opacity: 1;
  transition: opacity 400ms;
}
.global-information__wrapper.slide-up {
  transition-delay: 350ms;
}
.global-information__wrapper.remove {
  opacity: 0;
}

.global-information__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin: -1px 8px 2px -3px;
  float: left;
  background-color: currentColor;
  border-radius: 50%;
}
.global-information__icon > .icon {
  width: 10px;
  height: 10px;
  fill: white;
}

.glossary-section {
  padding-top: 3rem;
}
.glossary-section::before {
  content: "";
  display: block;
  width: 100%;
  height: 1rem;
  background: #f7f7f7;
}
.glossary-section:first-child {
  margin-top: -2rem;
  padding-top: 2rem;
}
.glossary-section:first-child::before {
  content: none;
}
.glossary-section:first-child .glossary-section__header {
  margin-top: 0;
}

.glossary-section__header {
  position: relative;
  margin-top: 1.5rem;
  margin-bottom: 0;
  font-size: 2.5rem;
  line-height: 1;
}

.glossary-entry.content {
  padding-top: 6.5rem;
}
.glossary-entry.content:first-of-type {
  margin-top: -1rem;
}
.glossary-entry.content > img {
  margin-top: 1rem;
  margin-bottom: 0;
}

.glossary-entry__header {
  margin-top: -4rem;
  padding-top: 2rem;
  border-top: 1px solid #e2e2e2;
}

.glossary-entry__text {
  margin-bottom: 0;
}

@media (min-width: 80rem) {
  .glossary-section::before {
    height: 1.25rem;
  }
  .glossary-section__header {
    position: relative;
    height: 1px;
    margin-bottom: 0;
    font-size: 3rem;
    overflow: visible;
  }
  .glossary-section__header > span {
    position: absolute;
    display: block;
    width: 3rem;
    margin-top: 1.5rem;
    margin-bottom: 0;
    margin-left: -2rem;
    overflow: hidden;
  }
  .glossary-section__header.content {
    max-width: 120rem;
  }
  .glossary-entry:first-of-type .glossary-entry__header {
    padding-top: 0;
    border-top: none;
  }
  .glossary-entry__header {
    padding-top: 2rem;
  }
}
@media (min-width: 90rem) {
  .glossary-section__header > span {
    margin-left: 0;
  }
}
.glossary-link {
  border-bottom: 2px dotted;
  cursor: pointer;
}

.glossary-link__overlay {
  position: absolute;
  z-index: 10000;
  display: block;
  width: 20rem;
  max-width: 80vw;
  margin-top: 1rem;
  padding: 1.5rem;
  background: #f7f7f7;
  border: 5px solid white;
  box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.2);
}
@media (min-width: 62rem) {
  .glossary-link__overlay {
    width: 25rem;
  }
}

.glossary-link__headline {
  margin: 0 0 0.5rem;
  color: #333333;
  font-size: 1.25rem;
}

.glossary-link__text {
  margin: 0 0 1rem;
  font-size: 0.875rem;
}

.grid-textelements {
  margin-top: 3rem;
  margin-bottom: 2rem;
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 67rem;
}
@media (min-width: 90rem) {
  .grid-textelements {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
}
@media (min-width: 40rem) {
  .grid-textelements {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .grid-textelements {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.grid-textelements > * {
  margin-top: 0;
  margin-bottom: 1rem;
}
.grid-textelements > h2 {
  margin-bottom: 3rem;
}
.grid-textelements .content-headline,
.grid-textelements .content-subheadline {
  margin-bottom: 3rem;
}

.grid + .grid {
  margin-top: 0;
}

.grid-wrapper {
  margin-top: 3rem;
  margin-bottom: 2rem;
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  justify-content: center;
}
@media (min-width: 90rem) {
  .grid-wrapper {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
}
@media (min-width: 40rem) {
  .grid-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .grid-wrapper {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .grid-wrapper {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .grid-wrapper {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .grid-wrapper {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
.grid-wrapper > .grid-item {
  margin-bottom: 2rem;
}
@media (min-width: 40rem) {
  .grid-wrapper {
    display: flex;
    flex-wrap: wrap;
  }
  .grid-wrapper > .grid-item {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    flex-shrink: 0;
    flex-grow: 0;
  }
  .grid-wrapper > .grid-item:nth-child(n) {
    margin-right: 2rem;
  }
  .grid-wrapper > .grid-item:last-child {
    margin-right: 0;
  }
  .grid-wrapper > .grid-item:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 62rem) {
  .grid-wrapper > .grid-item {
    flex-basis: calc(33.33% - 1.34rem);
    width: calc(33.33% - 1.34rem);
    max-width: calc(33.33% - 1.34rem);
  }
  .grid-wrapper > .grid-item:nth-child(n) {
    margin-right: 2rem;
  }
  .grid-wrapper > .grid-item:last-child {
    margin-right: 0;
  }
  .grid-wrapper > .grid-item:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 90rem) {
  .grid-wrapper > .grid-item {
    flex-basis: calc(25% - 2.25rem);
    width: calc(25% - 2.25rem);
    max-width: calc(25% - 2.25rem);
    margin-bottom: 3rem;
  }
  .grid-wrapper > .grid-item:nth-child(n) {
    margin-right: 3rem;
  }
  .grid-wrapper > .grid-item:last-child {
    margin-right: 0;
  }
  .grid-wrapper > .grid-item:nth-child(4n) {
    margin-right: 0;
  }
}
.grid-wrapper + .call2action-btn {
  margin-top: 1rem;
}
.grid-wrapper + .separator-component,
.grid-wrapper + .grid {
  margin-top: -2rem;
}

.grid-item {
  display: flex;
  flex-direction: column;
  flex: 1 1 100%;
  width: 100%;
  margin-bottom: 1rem;
}
.grid-item > * {
  flex: 0 0 auto;
  margin-top: 0;
  margin-bottom: 0.25rem;
  word-wrap: break-word;
}
.grid-item > *:last-child:not(:first-child) {
  margin-bottom: 0;
}
.grid-item > img {
  margin-bottom: 1rem;
}
.grid-item > .selectorlink,
.grid-item > .btn.accent {
  align-self: flex-start;
  margin-top: 1rem;
  margin-bottom: 0;
}
.grid-item:hover .selectorlink, .grid-item:focus .selectorlink, .grid-item:active .selectorlink {
  opacity: 1;
}
.grid-item a.headline:hover, .grid-item a.headline:focus, .grid-item a.headline:active {
  text-decoration: underline;
}
.grid-item img {
  width: 100%;
  height: auto;
  flex: 0 0 auto;
}

.grid-title {
  font-size: 2.0161290323vw;
  line-height: 1.2;
  line-height: 1.3;
  color: #333333;
}
@media screen and (max-width: 0.07936px) {
  .grid-title {
    font-size: 16px;
  }
}
@media (min-width: 0.0062rem) {
  .grid-title {
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 39rem) {
  .scalable-image .img-scale-container > img {
    display: block;
    margin: 0 auto;
  }
}
@media (min-width: 40rem) {
  .scalable-image .img-scale-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
  }
  .scalable-image .img-scale-container > img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
.scalable-image .scale-1 > img {
  width: 1%;
}
.scalable-image .scale-2 > img {
  width: 2%;
}
.scalable-image .scale-3 > img {
  width: 3%;
}
.scalable-image .scale-4 > img {
  width: 4%;
}
.scalable-image .scale-5 > img {
  width: 5%;
}
.scalable-image .scale-6 > img {
  width: 6%;
}
.scalable-image .scale-7 > img {
  width: 7%;
}
.scalable-image .scale-8 > img {
  width: 8%;
}
.scalable-image .scale-9 > img {
  width: 9%;
}
.scalable-image .scale-10 > img {
  width: 10%;
}
.scalable-image .scale-11 > img {
  width: 11%;
}
.scalable-image .scale-12 > img {
  width: 12%;
}
.scalable-image .scale-13 > img {
  width: 13%;
}
.scalable-image .scale-14 > img {
  width: 14%;
}
.scalable-image .scale-15 > img {
  width: 15%;
}
.scalable-image .scale-16 > img {
  width: 16%;
}
.scalable-image .scale-17 > img {
  width: 17%;
}
.scalable-image .scale-18 > img {
  width: 18%;
}
.scalable-image .scale-19 > img {
  width: 19%;
}
.scalable-image .scale-20 > img {
  width: 20%;
}
.scalable-image .scale-21 > img {
  width: 21%;
}
.scalable-image .scale-22 > img {
  width: 22%;
}
.scalable-image .scale-23 > img {
  width: 23%;
}
.scalable-image .scale-24 > img {
  width: 24%;
}
.scalable-image .scale-25 > img {
  width: 25%;
}
.scalable-image .scale-26 > img {
  width: 26%;
}
.scalable-image .scale-27 > img {
  width: 27%;
}
.scalable-image .scale-28 > img {
  width: 28%;
}
.scalable-image .scale-29 > img {
  width: 29%;
}
.scalable-image .scale-30 > img {
  width: 30%;
}
.scalable-image .scale-31 > img {
  width: 31%;
}
.scalable-image .scale-32 > img {
  width: 32%;
}
.scalable-image .scale-33 > img {
  width: 33%;
}
.scalable-image .scale-34 > img {
  width: 34%;
}
.scalable-image .scale-35 > img {
  width: 35%;
}
.scalable-image .scale-36 > img {
  width: 36%;
}
.scalable-image .scale-37 > img {
  width: 37%;
}
.scalable-image .scale-38 > img {
  width: 38%;
}
.scalable-image .scale-39 > img {
  width: 39%;
}
.scalable-image .scale-40 > img {
  width: 40%;
}
.scalable-image .scale-41 > img {
  width: 41%;
}
.scalable-image .scale-42 > img {
  width: 42%;
}
.scalable-image .scale-43 > img {
  width: 43%;
}
.scalable-image .scale-44 > img {
  width: 44%;
}
.scalable-image .scale-45 > img {
  width: 45%;
}
.scalable-image .scale-46 > img {
  width: 46%;
}
.scalable-image .scale-47 > img {
  width: 47%;
}
.scalable-image .scale-48 > img {
  width: 48%;
}
.scalable-image .scale-49 > img {
  width: 49%;
}
.scalable-image .scale-50 > img {
  width: 50%;
}
.scalable-image .scale-51 > img {
  width: 51%;
}
.scalable-image .scale-52 > img {
  width: 52%;
}
.scalable-image .scale-53 > img {
  width: 53%;
}
.scalable-image .scale-54 > img {
  width: 54%;
}
.scalable-image .scale-55 > img {
  width: 55%;
}
.scalable-image .scale-56 > img {
  width: 56%;
}
.scalable-image .scale-57 > img {
  width: 57%;
}
.scalable-image .scale-58 > img {
  width: 58%;
}
.scalable-image .scale-59 > img {
  width: 59%;
}
.scalable-image .scale-60 > img {
  width: 60%;
}
.scalable-image .scale-61 > img {
  width: 61%;
}
.scalable-image .scale-62 > img {
  width: 62%;
}
.scalable-image .scale-63 > img {
  width: 63%;
}
.scalable-image .scale-64 > img {
  width: 64%;
}
.scalable-image .scale-65 > img {
  width: 65%;
}
.scalable-image .scale-66 > img {
  width: 66%;
}
.scalable-image .scale-67 > img {
  width: 67%;
}
.scalable-image .scale-68 > img {
  width: 68%;
}
.scalable-image .scale-69 > img {
  width: 69%;
}
.scalable-image .scale-70 > img {
  width: 70%;
}
.scalable-image .scale-71 > img {
  width: 71%;
}
.scalable-image .scale-72 > img {
  width: 72%;
}
.scalable-image .scale-73 > img {
  width: 73%;
}
.scalable-image .scale-74 > img {
  width: 74%;
}
.scalable-image .scale-75 > img {
  width: 75%;
}
.scalable-image .scale-76 > img {
  width: 76%;
}
.scalable-image .scale-77 > img {
  width: 77%;
}
.scalable-image .scale-78 > img {
  width: 78%;
}
.scalable-image .scale-79 > img {
  width: 79%;
}
.scalable-image .scale-80 > img {
  width: 80%;
}
.scalable-image .scale-81 > img {
  width: 81%;
}
.scalable-image .scale-82 > img {
  width: 82%;
}
.scalable-image .scale-83 > img {
  width: 83%;
}
.scalable-image .scale-84 > img {
  width: 84%;
}
.scalable-image .scale-85 > img {
  width: 85%;
}
.scalable-image .scale-86 > img {
  width: 86%;
}
.scalable-image .scale-87 > img {
  width: 87%;
}
.scalable-image .scale-88 > img {
  width: 88%;
}
.scalable-image .scale-89 > img {
  width: 89%;
}
.scalable-image .scale-90 > img {
  width: 90%;
}
.scalable-image .scale-91 > img {
  width: 91%;
}
.scalable-image .scale-92 > img {
  width: 92%;
}
.scalable-image .scale-93 > img {
  width: 93%;
}
.scalable-image .scale-94 > img {
  width: 94%;
}
.scalable-image .scale-95 > img {
  width: 95%;
}
.scalable-image .scale-96 > img {
  width: 96%;
}
.scalable-image .scale-97 > img {
  width: 97%;
}
.scalable-image .scale-98 > img {
  width: 98%;
}
.scalable-image .scale-99 > img {
  width: 99%;
}
.scalable-image .scale-100 > img {
  width: 100%;
}

.header {
  position: relative;
  z-index: 150;
  height: 3.625rem;
  background: white;
  overflow: visible;
}

.header-main,
.header-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  overflow: visible;
}

.header-main .logo-header {
  position: absolute;
  left: 1rem;
  top: 5px;
  display: block;
  width: 7.5rem;
  height: 3rem;
}
.header-main .searchbar {
  position: absolute;
  right: 2.4rem;
  top: 0.75rem;
  width: 2rem;
}

.header-top .main-nav-menu-toggle {
  position: absolute;
  top: 18px;
}
.header-top .header-top-mobile {
  display: flex;
  flex-direction: row;
}
.header-top .address-phone .icon,
.header-top .header-profile__link .icon,
.header-top .header-cart .icon {
  fill: #315f96;
}
.header-top .header-profile {
  right: 7.5rem;
  top: 20px;
}
.header-top .header-cart {
  right: 5.15rem;
}
.header-top .main-nav-menu-toggle {
  display: flex;
  justify-content: space-around;
  align-items: center;
  right: 4px;
  top: 14px;
  width: 2rem;
  height: 2rem;
}
.header-top .address-phone {
  right: 9.25rem;
}
.header-top .address-phone .icon {
  width: 16px;
  height: 16px;
}
.header-top .address-phone .phone-number {
  display: none;
}
.header-top .language-selector {
  right: 11.25rem;
}

@media (min-width: 40rem) {
  .header {
    height: 7.5rem;
    padding-bottom: 10px;
  }
  .header-top,
  .header-main {
    position: relative;
    width: 100%;
    max-width: 120rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
  }
}
@media (min-width: 40rem) and (min-width: 40rem) {
  .header-top,
  .header-main {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 40rem) and (min-width: 62rem) {
  .header-top,
  .header-main {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 40rem) and (min-width: 80rem) {
  .header-top,
  .header-main {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 40rem) and (min-width: 90rem) {
  .header-top,
  .header-main {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 40rem) and (min-width: 120rem) {
  .header-top,
  .header-main {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
@media (min-width: 40rem) {
  .header-top {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    height: 30px;
    padding-top: 0.5rem;
  }
  .header-top .language-selector,
  .header-top .address-phone,
  .header-top .header-profile,
  .header-top .header-cart,
  .header-top .main-nav-menu-toggle {
    position: relative;
    top: auto;
    right: auto;
  }
  .header-top .address-phone .icon,
  .header-top .header-profile__link .icon,
  .header-top .header-cart .icon {
    fill: #999999;
  }
  .header-top .language-selector,
  .header-top .header-profile,
  .header-top .header-cart,
  .header-top .main-nav-menu-toggle {
    margin-left: 1.5rem;
  }
  .header-top .main-nav-menu-toggle {
    top: 7px;
    width: auto;
    margin-left: 2.25rem;
  }
  .header-top .address-phone {
    order: -1;
  }
  .header-top .address-phone > a {
    display: flex;
    align-items: center;
    color: #999999;
    font-size: 0.875rem;
  }
  .header-top .address-phone .icon {
    margin-right: 4px;
  }
  .header-top .address-phone .phone-number {
    display: block;
  }
  .header-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
  }
  .header-main .searchbar {
    position: relative;
    right: auto;
    top: auto;
    width: auto;
  }
  .header-main .logo-header {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    flex: 0 0 150px;
    width: 150px;
    height: 60px;
    margin-right: 2rem;
  }
}
@media (min-width: 62rem), (min-width: 62rem) and (-ms-high-contrast: none) {
  .header-top .header-top-mobile .language-selector,
  .header-top .header-top-mobile .header-profile,
  .header-top .header-top-mobile .header-cart {
    margin-left: 2rem;
  }
  .header-top .main-nav-menu-toggle {
    display: none;
  }
  .header-main .logo-header {
    flex: 0 0 200px;
    width: 200px;
    height: 80px;
  }
}
@media (min-width: 80rem) {
}
@media (max-width: 39.9375rem) {
  .header-top .header-top-mobile {
    position: absolute;
    top: 19px;
    right: 4.7rem;
  }
  .header-top .header-top-mobile .header-profile,
  .header-top .header-top-mobile .language-selector,
  .header-top .header-top-mobile .header-cart {
    position: static;
    margin-left: 1rem;
  }
  .header-top .header-top-mobile .header-profile {
    margin-top: 1px;
  }
  .header-top .header-top-mobile .language-selector {
    margin-left: 0.7rem;
  }
}
@media (max-width: 62rem), (max-width: 62rem) and (-ms-high-contrast: none) {
  .header-top .header-top-mobile .address-phone {
    display: none;
  }
  .header-top .header-profile__link .icon,
  .header-top .header-cart .icon {
    fill: #315f96;
  }
}
@media (min-width: 40rem) and (max-width: 62rem), (min-width: 40rem) and (max-width: 62rem) and (-ms-high-contrast: none) {
  .header {
    height: 9.5em;
  }
  .header .header-main {
    display: block;
  }
  .header .header-main .searchbar {
    margin-top: 0.5em;
  }
  .header .header-main .logo-header {
    top: -0.5em;
  }
  .header .header-top {
    position: relative;
    z-index: 150;
  }
  .header .header-top .main-nav-menu-toggle {
    position: absolute;
    top: 3.2em;
  }
}
@media (min-width: 40rem) and (max-width: 62rem) and (min-width: 40rem) and (max-width: 62rem) and (-ms-high-contrast: none), (min-width: 40rem) and (max-width: 62rem) and (-ms-high-contrast: none) and (min-width: 40rem) and (max-width: 62rem) and (-ms-high-contrast: none) {
  .header .header-top .main-nav-menu-toggle {
    position: relative;
  }
}
@media (min-width: 40rem) and (max-width: 62rem), (min-width: 40rem) and (max-width: 62rem) and (-ms-high-contrast: none) {
  .header .header-top .header-top-mobile {
    top: 3.5em;
    position: absolute;
    right: 8em;
  }
  .header .header-top .header-top-mobile .language-selector {
    position: absolute;
    top: -3em;
    right: -6.8em;
  }
}
.header-cart {
  position: relative;
}

.header-cart__link {
  display: block;
  font-size: 0.875rem;
  color: #999999;
}

.header-cart__text {
  display: none;
}

.header-cart__icon {
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  margin-bottom: -3px;
}

.header-cart__quantity {
  position: absolute;
  left: 18px;
  bottom: -6px;
  display: block;
  padding: 2px 2px 0;
  font-size: 11px;
  font-style: normal;
  line-height: 1;
  color: white;
  background-color: #6f6f6f;
  border-radius: 2px;
}
.header-cart__quantity.feedback {
  outline: 3px solid transparent;
  animation: buttonoutline6f6f6f 0.5s ease-out;
}
@keyframes buttonoutline6f6f6f {
  0% {
    outline: 3px solid #6f6f6f;
  }
  100% {
    outline: 3px solid transparent;
  }
}

@media (min-width: 40rem) {
  .header-cart__link {
    display: flex;
    align-items: center;
  }
  .header-cart__text {
    display: block;
  }
}
@media (max-width: 39.9375rem) {
  .header-cart__quantity {
    right: 2px;
    left: auto;
  }
}
@media (min-width: 40rem) and (max-width: 62rem) {
  .header-cart__text {
    color: #315f96;
  }
}
.header-profile {
  position: relative;
}

.header-profile__link {
  display: block;
  font-size: 0.875rem;
  color: #999999;
}
.header-profile__link .icon {
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.header-profile__text {
  display: none;
}

.header-profile__container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  height: 1px;
  overflow: visible;
}

.page-wrapper.profile-visible .header-profile__container {
  display: block;
}

@media (min-width: 40rem) {
  .header-profile__container > .login {
    width: 240px;
    margin-right: -29px;
  }
}
@media screen and (max-width: 39rem) {
  .header-profile__container > .login {
    position: fixed;
    top: 55px;
    left: 0;
    right: 0;
    z-index: 1111;
  }
}
@media (min-width: 40rem) {
  .header-profile__link {
    display: flex;
    align-items: center;
  }
  .header-profile__text {
    display: block;
  }
}
@media (min-width: 40rem) and (max-width: 62rem) {
  .header-profile__text {
    color: #315f96;
  }
}
.history-content__headline {
  margin-top: 2rem;
  margin-bottom: 3rem;
  font-size: 1.875rem;
  text-align: center;
}

.history-content__items.history-navigation--sticky {
  padding-top: 7rem;
}

.history-item {
  margin-bottom: 3rem;
}
.history-item > img {
  display: block;
  margin: 0 auto 1rem auto;
  object-fit: cover;
  object-position: center;
}

.history-item__date {
  margin-bottom: 1rem;
  color: #333333;
  font-size: 1.875rem;
  line-height: 1;
}

.history-item__headline {
  font-size: 1.125rem;
  margin-bottom: 1rem;
}

.history-item__text {
  font-size: 1rem;
  line-height: 1.5625;
}

@media (min-width: 40rem) {
  .history-content__items {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .history-item > img,
  .history-item__content {
    width: 48%;
    margin-bottom: 0;
    align-items: center;
  }
  .history-item__date {
    font-size: 3rem;
  }
  .history-item__headline {
    font-size: 1.375rem;
  }
  .history-item {
    display: flex;
    align-items: center;
    margin-bottom: 4rem;
  }
  .history-item > img {
    max-height: 40vh;
  }
  .history-item:nth-child(even) > img {
    order: 1;
    margin-right: 0;
  }
  .history-item:nth-child(even) .history-item__content {
    margin-right: auto;
  }
  .history-item:nth-child(odd) > img {
    margin-left: 0;
  }
  .history-item:nth-child(odd) .history-item__content {
    margin-left: auto;
  }
}
@media (min-width: 90rem) {
  .history-content__items {
    padding-left: 9rem;
    padding-right: 9rem;
  }
  .history-item {
    margin-bottom: 7.5rem;
  }
  .history-item__date {
    margin-bottom: 2rem;
  }
  .history-item__headline {
    margin-bottom: 1.5rem;
  }
}
.history-navigation {
  position: relative;
  height: 4rem;
  margin-bottom: 3rem;
  overflow: visible;
}
.history-navigation:not(.history-navigation--sticky) {
  padding: 0 1rem;
}
@media (min-width: 40rem) {
  .history-navigation:not(.history-navigation--sticky) {
    padding: 0;
  }
}

.history-navigation__container {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 2.5rem;
  padding: 1rem 2.5rem;
}

.history-navigation__link {
  position: relative;
  display: block;
  height: 3.25rem;
  color: #999999;
  font-size: 1.125rem;
  text-align: center;
}
.history-navigation__link::before, .history-navigation__link::after {
  content: "";
  position: absolute;
  display: block;
  background: #e2e2e2;
}
.history-navigation__link::before {
  z-index: 1;
  bottom: 0;
  left: 50%;
  width: 1rem;
  height: 1rem;
  margin-left: -0.5rem;
  border-radius: 50%;
}
.history-navigation__link::after {
  bottom: 0.45rem;
  left: 0;
  right: 0;
  height: 0.125rem;
}
.history-navigation__link:hover {
  cursor: pointer;
  text-decoration: none;
}
.history-navigation__link--active {
  color: #315f96;
}
.history-navigation__link--active::before {
  background: currentColor;
}

.history-navigation .owl-item:last-child .history-navigation__link::after {
  right: 50%;
}
.history-navigation .owl-item:first-child .history-navigation__link::after {
  left: 50%;
}
.history-navigation .owl-nav {
  z-index: -1;
  position: absolute;
  top: 50%;
  left: -1.75rem;
  right: -1.75rem;
  display: flex;
  justify-content: space-between;
  height: 1rem;
  margin-top: 0.6rem;
}
.history-navigation .owl-nav button.owl-prev,
.history-navigation .owl-nav button.owl-next {
  outline: none;
  animation: none;
  width: 1.5rem;
  height: 1rem;
  margin: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='16px' viewBox='0 0 10 16'%3E%3Cpolygon fill='%23315f96' points='0 1.62 1.62 0 9.62 8 1.62 16 0 14.38 6.38 8 0 1.62'/%3E%3C/svg%3E") 75% center no-repeat content-box;
  background-size: contain;
  opacity: 1;
}
.history-navigation .owl-nav button.owl-prev:hover,
.history-navigation .owl-nav button.owl-next:hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='16px' viewBox='0 0 10 16'%3E%3Cpolygon fill='%23315f96' points='0 1.62 1.62 0 9.62 8 1.62 16 0 14.38 6.38 8 0 1.62'/%3E%3C/svg%3E") 75% center no-repeat content-box;
  background-size: contain;
}
.history-navigation .owl-nav button.owl-prev.disabled,
.history-navigation .owl-nav button.owl-next.disabled {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='16px' viewBox='0 0 10 16'%3E%3Cpolygon fill='%236f6f6f' points='0 1.62 1.62 0 9.62 8 1.62 16 0 14.38 6.38 8 0 1.62'/%3E%3C/svg%3E") 75% center no-repeat content-box;
  opacity: 0.5;
}
.history-navigation .owl-nav button.owl-prev {
  left: 1rem;
  transform: scaleX(-1);
}
.history-navigation .owl-nav button.owl-next {
  right: 1rem;
}
.history-navigation .owl-carousel .owl-stage {
  margin: 0 auto;
}
.history-navigation.history-navigation--sticky .owl-nav {
  left: 0.25rem;
  right: 0.25rem;
  margin-top: -0.45rem;
}
@media (min-width: 80rem) {
  .history-navigation.history-navigation--sticky .owl-nav {
    left: 3rem;
    right: 3rem;
  }
}
@media (min-width: 90rem) {
  .history-navigation.history-navigation--sticky .owl-nav {
    left: 4rem;
    right: 4rem;
  }
}
@media (min-width: 120rem) {
  .history-navigation.history-navigation--sticky .owl-nav {
    left: 10rem;
    right: 10rem;
  }
}
@media screen and (max-width: 39.9375rem) {
  .history-navigation.history-navigation--sticky .owl-nav {
    display: none;
  }
}

.history-navigation.history-navigation--sticky {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  max-width: 120rem;
  height: 3.5rem;
  margin: 0 auto;
}
.history-navigation.history-navigation--sticky::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 100vw;
  height: 3.5rem;
  background: white;
  box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.2);
  transform: translateX(-50%);
}
.history-navigation.history-navigation--sticky .history-navigation__timeline {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-top: 0.5rem;
}
@media (min-width: 40rem) {
  .history-navigation.history-navigation--sticky .history-navigation__timeline {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .history-navigation.history-navigation--sticky .history-navigation__timeline {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 40rem) {
  .history-navigation.history-navigation--sticky .history-navigation__timeline {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .history-navigation.history-navigation--sticky .history-navigation__timeline {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .history-navigation.history-navigation--sticky .history-navigation__timeline {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .history-navigation.history-navigation--sticky .history-navigation__timeline {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .history-navigation.history-navigation--sticky .history-navigation__timeline {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
.history-navigation.history-navigation--sticky .history-navigation__link {
  height: 2.5rem;
  font-size: 0.875rem;
}
.history-navigation.history-navigation--sticky .history-navigation__link::before {
  width: 0.75rem;
  height: 0.75rem;
  margin-left: -0.35rem;
}
.history-navigation.history-navigation--sticky .history-navigation__link::after {
  bottom: 0.28rem;
}
@media screen and (max-width: 39.9375rem) {
  .history-navigation.history-navigation--sticky .history-navigation__timeline {
    padding-left: 0;
    padding-right: 0;
  }
}

.icon-social,
.icon-social > svg,
.social-media-selector-item,
.social-media-selector-item > svg {
  width: 2rem;
  height: 2rem;
}

.interactive-image {
  position: relative;
  width: fit-content;
  display: table;
  margin: auto;
}
.interactive-image img {
  width: 100%;
}

.interactive-image__hotspot {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  transform: translateX(-50%) translateY(-50%);
  cursor: pointer;
  z-index: 1000;
}
.interactive-image__hotspot:hover .interactive-image_hotspot_pulse {
  background-color: #315f96;
}

.interactive-image_hotspot_pulse {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 1px solid #6f6f6f;
  background-color: #ffffff;
  animation: fadein 1s, pulse 2.5s infinite;
}
.interactive-image_hotspot_pulse:empty {
  display: inline-block;
}

.interactive-image__layer {
  position: absolute;
  display: none;
  width: 20rem;
  padding: 1rem;
  background-color: #ffffff;
  box-shadow: 0 3px 7px 0 rgba(111, 111, 111, 0.25);
  transform: translateX(1.5rem) translateY(-3.5rem);
  z-index: 1001;
}
.interactive-image__layer.open {
  display: block;
  animation: fadein 1s;
}
.interactive-image__layer::before {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  background: #f7f7f7;
  transform: rotate(-45deg);
  background: #ffffff;
  left: -0.5rem;
  top: 3rem;
}
.interactive-image__layer.open--left {
  transform: translateX(-21.5rem) translateY(-3.5rem);
}
.interactive-image__layer.open--left::before {
  left: 19.5rem;
}
.interactive-image__layer.open--bottom {
  transform: translateX(1.5rem) translateY(-85%);
}
.interactive-image__layer.open--bottom::before {
  bottom: 3rem;
  top: 83%;
}
.interactive-image__layer.open--left.open--bottom {
  transform: translateX(-21.5rem) translateY(-85%);
}
.interactive-image__layer.open--left.open--bottom::before {
  left: 19.5rem;
  top: 83%;
}

.interactive-image__header {
  display: flex;
  justify-content: space-between;
}
.interactive-image__header .icon {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  display: none;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes pulse {
  from {
    box-shadow: 0 0 0 0 #315f96;
  }
  to {
    box-shadow: 0 0 0 1rem transparent;
  }
}
@media (max-width: 40rem) {
  .interactive-image__layer {
    top: 1rem !important;
    left: 50% !important;
    transform: translateX(-50%);
    width: 95%;
  }
  .interactive-image__layer.open--left, .interactive-image__layer.open--bottom, .interactive-image__layer.open--left.open--bottom {
    transform: translateX(-50%);
  }
  .interactive-image__layer::before {
    display: none;
  }
  .interactive-image__header .icon {
    display: inline-block;
  }
}
.image-download {
  margin-top: 3rem;
  margin-bottom: 2rem;
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 67rem;
}
@media (min-width: 90rem) {
  .image-download {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
}
@media (min-width: 40rem) {
  .image-download {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .image-download {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.image-download__content {
  justify-content: center;
}
.image-download__content > .image-download__item {
  margin-bottom: 2rem;
}
@media (min-width: 40rem) {
  .image-download__content {
    display: flex;
    flex-wrap: wrap;
  }
  .image-download__content > .image-download__item {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    flex-shrink: 0;
    flex-grow: 0;
  }
  .image-download__content > .image-download__item:nth-child(n) {
    margin-right: 2rem;
  }
  .image-download__content > .image-download__item:last-child {
    margin-right: 0;
  }
  .image-download__content > .image-download__item:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 90rem) {
  .image-download__content > .image-download__item {
    flex-basis: calc(50% - 1.5rem);
    width: calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
    margin-bottom: 3rem;
  }
  .image-download__content > .image-download__item:nth-child(n) {
    margin-right: 3rem;
  }
  .image-download__content > .image-download__item:last-child {
    margin-right: 0;
  }
  .image-download__content > .image-download__item:nth-child(2n) {
    margin-right: 0;
  }
}

.image-download__item {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.image-download__item > p {
  margin-top: 0;
  margin-bottom: 0.25rem;
}

.image-download__img {
  flex: 0 0 auto;
  margin-bottom: 0.5rem;
}
.image-download__img > img {
  display: block;
  width: 100%;
}

.image-list {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 67rem;
  margin-top: 3rem;
  margin-bottom: 2rem;
}
@media (min-width: 40rem) {
  .image-list {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .image-list {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 90rem) {
  .image-list {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
}

.image-list-item-image {
  margin-bottom: 1rem;
}
.image-list-item-image figcaption {
  display: none;
}

.image-list-item-text > * {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.image-list-item-text > *:last-child {
  margin-bottom: 0;
}

.image-list .image-list-items > * {
  margin-bottom: 2rem;
}
.image-list > .content-headline {
  font-size: 3.0241935484vw;
  line-height: 1.2;
  margin-bottom: 3rem;
}
@media screen and (max-width: 0.07936px) {
  .image-list > .content-headline {
    font-size: 24px;
  }
}
@media (min-width: 0.0062rem) {
  .image-list > .content-headline {
    font-size: 1.875rem;
  }
}

@media (min-width: 40rem) {
  .image-list.list .image-list-item, .image-list.alternatingList .image-list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .image-list.list .image-list-item-image, .image-list.alternatingList .image-list-item-image {
    margin-bottom: 0;
  }
  .image-list.list .image-list-item-image,
  .image-list.list .image-list-item-text:not(:first-child), .image-list.alternatingList .image-list-item-image,
  .image-list.alternatingList .image-list-item-text:not(:first-child) {
    flex-basis: calc(50% - 2rem);
    width: calc(50% - 2rem);
    max-width: calc(50% - 2rem);
  }
  .image-list.alternatingList .image-list-item:nth-child(even) .image-list-item-text {
    margin-right: 2rem;
  }
  .image-list.alternatingList .image-list-item:nth-child(even) .image-list-item-image {
    order: 1;
  }
  .image-list.alternatingList .image-list-item:nth-child(odd) .image-list-item-image {
    margin-right: 2rem;
  }
  .image-list.grid {
    margin-bottom: 0;
  }
  .image-list.grid .image-list-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: flex-start;
  }
  .image-list.grid .image-list-items > .image-list-item {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    flex-shrink: 0;
    flex-grow: 0;
    margin-bottom: 2rem;
  }
  .image-list.grid .image-list-items > .image-list-item:nth-child(n) {
    margin-right: 2rem;
  }
  .image-list.grid .image-list-items > .image-list-item:last-child {
    margin-right: 0;
  }
  .image-list.grid .image-list-items > .image-list-item:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 62rem) {
  .image-list.list .image-list-item-image, .image-list.alternatingList .image-list-item-image {
    flex-basis: calc(33.33% - 1.34rem);
    width: calc(33.33% - 1.34rem);
    max-width: calc(33.33% - 1.34rem);
  }
  .image-list.list .image-list-item-text:not(:first-child), .image-list.alternatingList .image-list-item-text:not(:first-child) {
    flex-basis: calc(66.66% - 0.67rem);
    width: calc(66.66% - 0.67rem);
    max-width: calc(66.66% - 0.67rem);
  }
}
@media (min-width: 90rem) {
  .image-list.list .image-list-item-image, .image-list.alternatingList .image-list-item-image {
    flex-basis: calc(33.33% - 2rem);
    width: calc(33.33% - 2rem);
    max-width: calc(33.33% - 2rem);
  }
  .image-list.list .image-list-item-text:not(:first-child), .image-list.alternatingList .image-list-item-text:not(:first-child) {
    flex-basis: calc(66.66% - 1rem);
    width: calc(66.66% - 1rem);
    max-width: calc(66.66% - 1rem);
  }
  .image-list.list .image-list-items > *, .image-list.alternatingList .image-list-items > * {
    margin-bottom: 3rem;
  }
  .image-list.grid .image-list-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .image-list.grid .image-list-items > .image-list-item {
    flex-basis: calc(50% - 1.5rem);
    width: calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
    flex-shrink: 0;
    flex-grow: 0;
    margin-bottom: 3rem;
  }
  .image-list.grid .image-list-items > .image-list-item:nth-child(n) {
    margin-right: 3rem;
  }
  .image-list.grid .image-list-items > .image-list-item:last-child {
    margin-right: 0;
  }
  .image-list.grid .image-list-items > .image-list-item:nth-child(2n) {
    margin-right: 0;
  }
  .image-list.grid .image-list-items > * {
    margin-bottom: 3rem;
  }
}
.in-site-nav {
  margin-bottom: 2rem;
  font-size: 0.875rem;
  border-bottom: 1px solid #e2e2e2;
  padding-right: 2rem;
  padding-left: 2rem;
}
@media (max-width: 40rem) {
  .in-site-nav {
    display: flex;
    align-items: center;
    min-height: 40px;
  }
}
.in-site-nav.in-site-nav--sticky {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  max-height: 0;
  margin-bottom: 0;
  background: white;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0);
  opacity: 0;
  overflow: hidden;
  transition: opacity 150ms ease-out, box-shadow 150ms ease-out;
}
.in-site-nav.in-site-nav--sticky.in-site-nav--is-sticky {
  max-height: none;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1);
  opacity: 1;
}
.in-site-nav .owl-carousel {
  min-height: 2rem;
  display: flex;
  justify-content: center;
}
@media (min-width: 80rem) {
  .in-site-nav .owl-carousel {
    display: none;
  }
}
.in-site-nav .owl-item {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  flex-shrink: 0;
  flex-grow: 0;
  align-self: stretch;
  padding-bottom: 0.313rem;
  align-content: center;
  flex-direction: column;
  min-height: 2.75rem;
  border-bottom: 0.125rem solid #ffffff;
}
.in-site-nav .owl-stage {
  display: flex;
  padding-top: 0.5rem;
  min-height: 100%;
  align-content: stretch;
}
.in-site-nav .owl-stage::after {
  content: "";
}
.in-site-nav .owl-nav {
  z-index: -1;
  position: absolute;
  left: -1.75rem;
  right: -1.75rem;
  display: flex;
  justify-content: space-between;
  height: 1rem;
  margin-top: 0.6rem;
}
.in-site-nav .owl-nav button.owl-prev,
.in-site-nav .owl-nav button.owl-next {
  outline: none;
  animation: none;
  width: 1.5rem;
  height: 1rem;
  margin: inherit;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='16px' viewBox='0 0 10 16'%3E%3Cpolygon fill='%23315f96' points='0 1.62 1.62 0 9.62 8 1.62 16 0 14.38 6.38 8 0 1.62'/%3E%3C/svg%3E") 75% center no-repeat content-box;
  background-size: contain;
  opacity: 1;
}
.in-site-nav .owl-nav button.owl-prev:hover,
.in-site-nav .owl-nav button.owl-next:hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='16px' viewBox='0 0 10 16'%3E%3Cpolygon fill='%23315f96' points='0 1.62 1.62 0 9.62 8 1.62 16 0 14.38 6.38 8 0 1.62'/%3E%3C/svg%3E") 75% center no-repeat content-box;
  background-size: contain;
}
.in-site-nav .owl-nav button.owl-prev.disabled,
.in-site-nav .owl-nav button.owl-next.disabled {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='16px' viewBox='0 0 10 16'%3E%3Cpolygon fill='%236f6f6f' points='0 1.62 1.62 0 9.62 8 1.62 16 0 14.38 6.38 8 0 1.62'/%3E%3C/svg%3E") 75% center no-repeat content-box;
  opacity: 0.1;
  pointer-events: none;
}
.in-site-nav .owl-nav button.owl-prev {
  left: 1rem;
  transform: scaleX(-1);
}
.in-site-nav .owl-nav button.owl-next {
  right: 1rem;
}
.in-site-nav .owl-item.active a:focus, .in-site-nav .owl-item.active a:active, .in-site-nav .owl-item.active a:hover,
.in-site-nav .owl-item.active .in-site-nav-link:focus,
.in-site-nav .owl-item.active .in-site-nav-link:active,
.in-site-nav .owl-item.active .in-site-nav-link:hover {
  text-decoration: none;
}
.in-site-nav .owl-item.active:focus, .in-site-nav .owl-item.active:active, .in-site-nav .owl-item.active:hover {
  border-bottom: 0.125rem solid #315f96;
  padding-bottom: 0.313rem;
  line-height: 1;
}
.in-site-nav .owl-item.active.in-site-nav__point-of-view,
.in-site-nav .in-site-nav-item.in-site-nav__point-of-view {
  border-bottom: 0.125rem solid #315f96;
  padding-bottom: 0.313rem;
  line-height: 1;
}
@media (min-width: 80rem) {
  .in-site-nav .owl-item.active.in-site-nav__point-of-view,
  .in-site-nav .in-site-nav-item.in-site-nav__point-of-view {
    padding: 0.75rem 0 0 0;
  }
}

.in-site-nav-list {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: none;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}
@media (min-width: 40rem) {
  .in-site-nav-list {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .in-site-nav-list {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .in-site-nav-list {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .in-site-nav-list {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .in-site-nav-list {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
@media (min-width: 80rem) {
  .in-site-nav-list {
    display: flex;
    min-height: 2rem;
    padding-top: 0;
    padding-bottom: 0;
  }
}

.in-site-nav-item {
  padding: 0.75rem 0 0 0;
}
@media (min-width: 80rem) {
  .in-site-nav-item {
    border-bottom: 0.125rem solid #ffffff;
    padding-bottom: 0.313rem;
    min-height: 2.5rem;
  }
  .in-site-nav-item:nth-last-child(n+8):first-child, .in-site-nav-item:nth-last-child(n+8):first-child ~ .in-site-nav-item {
    min-height: 2rem;
  }
}
.in-site-nav-item::before {
  content: none;
}
.in-site-nav-item:hover, .in-site-nav-item:focus, .in-site-nav-item:active {
  border-bottom: 0.125rem solid #315f96;
  padding-bottom: 0.313rem;
  line-height: 1;
}
.in-site-nav-item:last-child {
  padding-bottom: 0.313rem;
}

.in-site-nav-link {
  display: block;
  margin: 0 1rem;
  line-height: 1;
}
.in-site-nav-link:hover, .in-site-nav-link:focus, .in-site-nav-link:active {
  text-decoration: none;
}

.pageType-LandingPage hr {
  margin: 2.5rem -100% 2.5rem;
  box-sizing: border-box;
  height: 1rem;
  background: #f7f7f7;
  border: none;
}
@media (min-width: 40rem) {
  .pageType-LandingPage hr {
    margin: 5rem -100% 5rem;
    box-sizing: border-box;
    height: 1rem;
    background: #f7f7f7;
    border: none;
  }
}

.landingpage-content-element {
  position: relative;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.pageType-LandingPage,
.pageType-LandingPage .page-wrapper {
  max-width: none;
  background: white;
  box-shadow: none;
}
.pageType-LandingPage .in-site-nav,
.pageType-LandingPage .page-wrapper .in-site-nav {
  border-top: 1px solid #e2e2e2;
}

.landingpage-header {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
  height: 4rem;
  padding-top: 0.5rem;
  background: white;
  overflow: visible;
  z-index: 1;
}
@media (min-width: 40rem) {
  .landingpage-header {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.landingpage-header .logo-header {
  display: inline-block;
  width: 7.5rem;
  height: 3rem;
}
@media (min-width: 40rem) {
  .landingpage-header {
    height: 6rem;
    padding-top: 0.75rem;
  }
  .landingpage-header .logo-header {
    display: inline-block;
    width: 11.5625rem;
    height: 4.625rem;
  }
}
@media (min-width: 80rem) {
  .landingpage-header {
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    width: 100%;
    max-width: 83rem;
    background: linear-gradient(to right, white 25%, rgba(255, 255, 255, 0.8) 50%);
    box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.1);
  }
  .landingpage-header .logo-header {
    margin-left: -1.05rem;
  }
}

.landingpage-footer {
  padding-top: 2rem;
  padding-bottom: 2.5rem;
  background: #f7f7f7;
}

.landingpage-content-element + .landingpage-footer {
  margin-top: -5rem;
}

.landingpage-footer__content {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 40rem) {
  .landingpage-footer__content {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.landingpage-footer__link {
  padding: 0.25rem 0.75rem;
  color: #315f96;
  font-size: 0.875rem;
  text-decoration: none;
}

.landingpage__language-selector {
  display: inline-block;
  float: right;
}
.landingpage__language-selector .icon {
  width: 10px;
  margin-left: 0.3125rem;
}

@media (max-width: 40rem) {
  .landingpage-header {
    z-index: 200;
  }
}
.landingpage-animated-bars {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 45rem;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 40rem) {
  .landingpage-animated-bars {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.landingpage-animated-bars__text {
  margin-top: 2rem;
}

.landingpage-animated-bars__label {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.landingpage-animated-bars__description {
  flex: 1 1 auto;
  margin-right: 2rem;
}

.landingpage-animated-bars__count {
  flex: 0 0 auto;
}

.landingpage-animated-bars__item {
  margin-top: 2rem;
}
.landingpage-animated-bars__item:first-child {
  margin-top: 0;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="1"] .landingpage-animated-bars__bar::before {
  width: 1%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="2"] .landingpage-animated-bars__bar::before {
  width: 2%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="3"] .landingpage-animated-bars__bar::before {
  width: 3%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="4"] .landingpage-animated-bars__bar::before {
  width: 4%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="5"] .landingpage-animated-bars__bar::before {
  width: 5%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="6"] .landingpage-animated-bars__bar::before {
  width: 6%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="7"] .landingpage-animated-bars__bar::before {
  width: 7%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="8"] .landingpage-animated-bars__bar::before {
  width: 8%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="9"] .landingpage-animated-bars__bar::before {
  width: 9%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="10"] .landingpage-animated-bars__bar::before {
  width: 10%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="11"] .landingpage-animated-bars__bar::before {
  width: 11%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="12"] .landingpage-animated-bars__bar::before {
  width: 12%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="13"] .landingpage-animated-bars__bar::before {
  width: 13%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="14"] .landingpage-animated-bars__bar::before {
  width: 14%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="15"] .landingpage-animated-bars__bar::before {
  width: 15%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="16"] .landingpage-animated-bars__bar::before {
  width: 16%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="17"] .landingpage-animated-bars__bar::before {
  width: 17%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="18"] .landingpage-animated-bars__bar::before {
  width: 18%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="19"] .landingpage-animated-bars__bar::before {
  width: 19%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="20"] .landingpage-animated-bars__bar::before {
  width: 20%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="21"] .landingpage-animated-bars__bar::before {
  width: 21%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="22"] .landingpage-animated-bars__bar::before {
  width: 22%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="23"] .landingpage-animated-bars__bar::before {
  width: 23%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="24"] .landingpage-animated-bars__bar::before {
  width: 24%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="25"] .landingpage-animated-bars__bar::before {
  width: 25%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="26"] .landingpage-animated-bars__bar::before {
  width: 26%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="27"] .landingpage-animated-bars__bar::before {
  width: 27%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="28"] .landingpage-animated-bars__bar::before {
  width: 28%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="29"] .landingpage-animated-bars__bar::before {
  width: 29%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="30"] .landingpage-animated-bars__bar::before {
  width: 30%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="31"] .landingpage-animated-bars__bar::before {
  width: 31%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="32"] .landingpage-animated-bars__bar::before {
  width: 32%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="33"] .landingpage-animated-bars__bar::before {
  width: 33%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="34"] .landingpage-animated-bars__bar::before {
  width: 34%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="35"] .landingpage-animated-bars__bar::before {
  width: 35%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="36"] .landingpage-animated-bars__bar::before {
  width: 36%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="37"] .landingpage-animated-bars__bar::before {
  width: 37%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="38"] .landingpage-animated-bars__bar::before {
  width: 38%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="39"] .landingpage-animated-bars__bar::before {
  width: 39%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="40"] .landingpage-animated-bars__bar::before {
  width: 40%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="41"] .landingpage-animated-bars__bar::before {
  width: 41%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="42"] .landingpage-animated-bars__bar::before {
  width: 42%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="43"] .landingpage-animated-bars__bar::before {
  width: 43%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="44"] .landingpage-animated-bars__bar::before {
  width: 44%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="45"] .landingpage-animated-bars__bar::before {
  width: 45%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="46"] .landingpage-animated-bars__bar::before {
  width: 46%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="47"] .landingpage-animated-bars__bar::before {
  width: 47%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="48"] .landingpage-animated-bars__bar::before {
  width: 48%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="49"] .landingpage-animated-bars__bar::before {
  width: 49%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="50"] .landingpage-animated-bars__bar::before {
  width: 50%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="51"] .landingpage-animated-bars__bar::before {
  width: 51%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="52"] .landingpage-animated-bars__bar::before {
  width: 52%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="53"] .landingpage-animated-bars__bar::before {
  width: 53%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="54"] .landingpage-animated-bars__bar::before {
  width: 54%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="55"] .landingpage-animated-bars__bar::before {
  width: 55%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="56"] .landingpage-animated-bars__bar::before {
  width: 56%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="57"] .landingpage-animated-bars__bar::before {
  width: 57%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="58"] .landingpage-animated-bars__bar::before {
  width: 58%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="59"] .landingpage-animated-bars__bar::before {
  width: 59%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="60"] .landingpage-animated-bars__bar::before {
  width: 60%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="61"] .landingpage-animated-bars__bar::before {
  width: 61%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="62"] .landingpage-animated-bars__bar::before {
  width: 62%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="63"] .landingpage-animated-bars__bar::before {
  width: 63%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="64"] .landingpage-animated-bars__bar::before {
  width: 64%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="65"] .landingpage-animated-bars__bar::before {
  width: 65%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="66"] .landingpage-animated-bars__bar::before {
  width: 66%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="67"] .landingpage-animated-bars__bar::before {
  width: 67%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="68"] .landingpage-animated-bars__bar::before {
  width: 68%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="69"] .landingpage-animated-bars__bar::before {
  width: 69%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="70"] .landingpage-animated-bars__bar::before {
  width: 70%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="71"] .landingpage-animated-bars__bar::before {
  width: 71%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="72"] .landingpage-animated-bars__bar::before {
  width: 72%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="73"] .landingpage-animated-bars__bar::before {
  width: 73%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="74"] .landingpage-animated-bars__bar::before {
  width: 74%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="75"] .landingpage-animated-bars__bar::before {
  width: 75%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="76"] .landingpage-animated-bars__bar::before {
  width: 76%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="77"] .landingpage-animated-bars__bar::before {
  width: 77%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="78"] .landingpage-animated-bars__bar::before {
  width: 78%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="79"] .landingpage-animated-bars__bar::before {
  width: 79%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="80"] .landingpage-animated-bars__bar::before {
  width: 80%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="81"] .landingpage-animated-bars__bar::before {
  width: 81%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="82"] .landingpage-animated-bars__bar::before {
  width: 82%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="83"] .landingpage-animated-bars__bar::before {
  width: 83%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="84"] .landingpage-animated-bars__bar::before {
  width: 84%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="85"] .landingpage-animated-bars__bar::before {
  width: 85%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="86"] .landingpage-animated-bars__bar::before {
  width: 86%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="87"] .landingpage-animated-bars__bar::before {
  width: 87%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="88"] .landingpage-animated-bars__bar::before {
  width: 88%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="89"] .landingpage-animated-bars__bar::before {
  width: 89%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="90"] .landingpage-animated-bars__bar::before {
  width: 90%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="91"] .landingpage-animated-bars__bar::before {
  width: 91%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="92"] .landingpage-animated-bars__bar::before {
  width: 92%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="93"] .landingpage-animated-bars__bar::before {
  width: 93%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="94"] .landingpage-animated-bars__bar::before {
  width: 94%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="95"] .landingpage-animated-bars__bar::before {
  width: 95%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="96"] .landingpage-animated-bars__bar::before {
  width: 96%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="97"] .landingpage-animated-bars__bar::before {
  width: 97%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="98"] .landingpage-animated-bars__bar::before {
  width: 98%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="99"] .landingpage-animated-bars__bar::before {
  width: 99%;
}
.landingpage-animated-bars__item.landingpage-animation__element--animate[data-animation-value="100"] .landingpage-animated-bars__bar::before {
  width: 100%;
}

.landingpage-animated-bars__bar {
  position: relative;
  display: block !important;
  width: 100%;
  height: 1.5rem;
  margin-top: 0.5rem;
  margin-bottom: 2rem;
  background: #ecf3fc;
  transition-duration: inherit;
}
.landingpage-animated-bars__bar::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background: #315f96;
  transition: width 600ms ease-out;
  transition-duration: inherit;
}

.landingpage-animated-bars__description,
.landingpage-animated-bars__count {
  overflow: hidden;
  color: #315f96;
  font-size: 0.875rem;
  line-height: 1.5rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 62rem) {
  .landingpage-animated-bars__description,
  .landingpage-animated-bars__count {
    font-size: 1rem;
  }
}
.landingpage-animated-circles {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 40rem) {
  .landingpage-animated-circles {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.landingpage-animated-circles__text {
  margin-bottom: 2rem;
  text-align: center;
}

.landingpage-animated-circles__circles {
  justify-content: center;
}
.landingpage-animated-circles__circles > .landingpage-animated-circles__item {
  margin-bottom: 2rem;
}
@media (min-width: 40rem) {
  .landingpage-animated-circles__circles {
    display: flex;
    flex-wrap: wrap;
  }
  .landingpage-animated-circles__circles > .landingpage-animated-circles__item {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    flex-shrink: 0;
    flex-grow: 0;
  }
  .landingpage-animated-circles__circles > .landingpage-animated-circles__item:nth-child(n) {
    margin-right: 2rem;
  }
  .landingpage-animated-circles__circles > .landingpage-animated-circles__item:last-child {
    margin-right: 0;
  }
  .landingpage-animated-circles__circles > .landingpage-animated-circles__item:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 62rem) {
  .landingpage-animated-circles__circles > .landingpage-animated-circles__item {
    flex-basis: calc(33.33% - 1.34rem);
    width: calc(33.33% - 1.34rem);
    max-width: calc(33.33% - 1.34rem);
  }
  .landingpage-animated-circles__circles > .landingpage-animated-circles__item:nth-child(n) {
    margin-right: 2rem;
  }
  .landingpage-animated-circles__circles > .landingpage-animated-circles__item:last-child {
    margin-right: 0;
  }
  .landingpage-animated-circles__circles > .landingpage-animated-circles__item:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 90rem) {
  .landingpage-animated-circles__circles > .landingpage-animated-circles__item {
    flex-basis: calc(25% - 2.25rem);
    width: calc(25% - 2.25rem);
    max-width: calc(25% - 2.25rem);
    margin-bottom: 3rem;
  }
  .landingpage-animated-circles__circles > .landingpage-animated-circles__item:nth-child(n) {
    margin-right: 3rem;
  }
  .landingpage-animated-circles__circles > .landingpage-animated-circles__item:last-child {
    margin-right: 0;
  }
  .landingpage-animated-circles__circles > .landingpage-animated-circles__item:nth-child(4n) {
    margin-right: 0;
  }
}
.landingpage-animated-circles__circles:first-child {
  margin-left: 0;
}
.landingpage-animated-circles__circles::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background: #315f96;
  transition: width 600ms ease-out;
}

.landingpage-animated-circles__circle {
  width: 12rem;
  height: 12rem;
  margin: 0 auto 1.5rem;
  background-color: #ecf3fc;
  border-radius: 50%;
}
.landingpage-animated-circles__circle .circle {
  transition-duration: inherit;
}
.landingpage-animated-circles__circle .circle .mask,
.landingpage-animated-circles__circle .circle .fill {
  position: absolute;
  width: 12rem;
  height: 12rem;
  border-radius: 50%;
  transition: transform;
  transition-duration: inherit;
  -webkit-backface-visibility: hidden;
}
.landingpage-animated-circles__circle .circle .mask {
  clip: rect(0, 12rem, 12rem, 6rem);
}
.landingpage-animated-circles__circle .circle .mask .fill {
  display: block;
  background-color: #315f96;
  clip: rect(0, 6rem, 12rem, 0);
}
.landingpage-animated-circles__circle .inset {
  position: absolute;
  width: 10rem;
  height: 10rem;
  margin-left: 1rem;
  margin-top: 1rem;
  background-color: #ffffff;
  border-radius: 50%;
}
.landingpage-animated-circles__circle .inset .label {
  overflow: hidden;
  position: absolute;
  top: 4.25rem;
  width: 100%;
  height: 1.5rem;
  color: #315f96;
  font-size: 1.5rem;
  line-height: 1;
  text-align: center;
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="0"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="0"] .circle .fill {
  transform: rotate(0deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="0"] .circle .fill.fix {
  transform: rotate(0deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="1"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="1"] .circle .fill {
  transform: rotate(1.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="1"] .circle .fill.fix {
  transform: rotate(3.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="2"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="2"] .circle .fill {
  transform: rotate(3.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="2"] .circle .fill.fix {
  transform: rotate(7.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="3"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="3"] .circle .fill {
  transform: rotate(5.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="3"] .circle .fill.fix {
  transform: rotate(10.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="4"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="4"] .circle .fill {
  transform: rotate(7.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="4"] .circle .fill.fix {
  transform: rotate(14.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="5"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="5"] .circle .fill {
  transform: rotate(9deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="5"] .circle .fill.fix {
  transform: rotate(18deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="6"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="6"] .circle .fill {
  transform: rotate(10.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="6"] .circle .fill.fix {
  transform: rotate(21.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="7"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="7"] .circle .fill {
  transform: rotate(12.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="7"] .circle .fill.fix {
  transform: rotate(25.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="8"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="8"] .circle .fill {
  transform: rotate(14.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="8"] .circle .fill.fix {
  transform: rotate(28.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="9"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="9"] .circle .fill {
  transform: rotate(16.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="9"] .circle .fill.fix {
  transform: rotate(32.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="10"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="10"] .circle .fill {
  transform: rotate(18deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="10"] .circle .fill.fix {
  transform: rotate(36deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="11"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="11"] .circle .fill {
  transform: rotate(19.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="11"] .circle .fill.fix {
  transform: rotate(39.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="12"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="12"] .circle .fill {
  transform: rotate(21.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="12"] .circle .fill.fix {
  transform: rotate(43.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="13"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="13"] .circle .fill {
  transform: rotate(23.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="13"] .circle .fill.fix {
  transform: rotate(46.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="14"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="14"] .circle .fill {
  transform: rotate(25.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="14"] .circle .fill.fix {
  transform: rotate(50.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="15"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="15"] .circle .fill {
  transform: rotate(27deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="15"] .circle .fill.fix {
  transform: rotate(54deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="16"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="16"] .circle .fill {
  transform: rotate(28.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="16"] .circle .fill.fix {
  transform: rotate(57.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="17"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="17"] .circle .fill {
  transform: rotate(30.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="17"] .circle .fill.fix {
  transform: rotate(61.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="18"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="18"] .circle .fill {
  transform: rotate(32.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="18"] .circle .fill.fix {
  transform: rotate(64.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="19"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="19"] .circle .fill {
  transform: rotate(34.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="19"] .circle .fill.fix {
  transform: rotate(68.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="20"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="20"] .circle .fill {
  transform: rotate(36deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="20"] .circle .fill.fix {
  transform: rotate(72deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="21"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="21"] .circle .fill {
  transform: rotate(37.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="21"] .circle .fill.fix {
  transform: rotate(75.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="22"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="22"] .circle .fill {
  transform: rotate(39.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="22"] .circle .fill.fix {
  transform: rotate(79.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="23"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="23"] .circle .fill {
  transform: rotate(41.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="23"] .circle .fill.fix {
  transform: rotate(82.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="24"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="24"] .circle .fill {
  transform: rotate(43.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="24"] .circle .fill.fix {
  transform: rotate(86.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="25"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="25"] .circle .fill {
  transform: rotate(45deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="25"] .circle .fill.fix {
  transform: rotate(90deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="26"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="26"] .circle .fill {
  transform: rotate(46.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="26"] .circle .fill.fix {
  transform: rotate(93.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="27"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="27"] .circle .fill {
  transform: rotate(48.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="27"] .circle .fill.fix {
  transform: rotate(97.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="28"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="28"] .circle .fill {
  transform: rotate(50.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="28"] .circle .fill.fix {
  transform: rotate(100.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="29"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="29"] .circle .fill {
  transform: rotate(52.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="29"] .circle .fill.fix {
  transform: rotate(104.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="30"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="30"] .circle .fill {
  transform: rotate(54deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="30"] .circle .fill.fix {
  transform: rotate(108deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="31"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="31"] .circle .fill {
  transform: rotate(55.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="31"] .circle .fill.fix {
  transform: rotate(111.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="32"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="32"] .circle .fill {
  transform: rotate(57.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="32"] .circle .fill.fix {
  transform: rotate(115.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="33"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="33"] .circle .fill {
  transform: rotate(59.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="33"] .circle .fill.fix {
  transform: rotate(118.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="34"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="34"] .circle .fill {
  transform: rotate(61.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="34"] .circle .fill.fix {
  transform: rotate(122.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="35"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="35"] .circle .fill {
  transform: rotate(63deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="35"] .circle .fill.fix {
  transform: rotate(126deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="36"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="36"] .circle .fill {
  transform: rotate(64.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="36"] .circle .fill.fix {
  transform: rotate(129.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="37"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="37"] .circle .fill {
  transform: rotate(66.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="37"] .circle .fill.fix {
  transform: rotate(133.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="38"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="38"] .circle .fill {
  transform: rotate(68.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="38"] .circle .fill.fix {
  transform: rotate(136.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="39"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="39"] .circle .fill {
  transform: rotate(70.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="39"] .circle .fill.fix {
  transform: rotate(140.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="40"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="40"] .circle .fill {
  transform: rotate(72deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="40"] .circle .fill.fix {
  transform: rotate(144deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="41"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="41"] .circle .fill {
  transform: rotate(73.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="41"] .circle .fill.fix {
  transform: rotate(147.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="42"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="42"] .circle .fill {
  transform: rotate(75.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="42"] .circle .fill.fix {
  transform: rotate(151.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="43"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="43"] .circle .fill {
  transform: rotate(77.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="43"] .circle .fill.fix {
  transform: rotate(154.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="44"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="44"] .circle .fill {
  transform: rotate(79.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="44"] .circle .fill.fix {
  transform: rotate(158.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="45"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="45"] .circle .fill {
  transform: rotate(81deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="45"] .circle .fill.fix {
  transform: rotate(162deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="46"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="46"] .circle .fill {
  transform: rotate(82.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="46"] .circle .fill.fix {
  transform: rotate(165.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="47"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="47"] .circle .fill {
  transform: rotate(84.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="47"] .circle .fill.fix {
  transform: rotate(169.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="48"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="48"] .circle .fill {
  transform: rotate(86.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="48"] .circle .fill.fix {
  transform: rotate(172.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="49"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="49"] .circle .fill {
  transform: rotate(88.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="49"] .circle .fill.fix {
  transform: rotate(176.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="50"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="50"] .circle .fill {
  transform: rotate(90deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="50"] .circle .fill.fix {
  transform: rotate(180deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="51"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="51"] .circle .fill {
  transform: rotate(91.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="51"] .circle .fill.fix {
  transform: rotate(183.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="52"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="52"] .circle .fill {
  transform: rotate(93.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="52"] .circle .fill.fix {
  transform: rotate(187.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="53"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="53"] .circle .fill {
  transform: rotate(95.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="53"] .circle .fill.fix {
  transform: rotate(190.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="54"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="54"] .circle .fill {
  transform: rotate(97.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="54"] .circle .fill.fix {
  transform: rotate(194.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="55"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="55"] .circle .fill {
  transform: rotate(99deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="55"] .circle .fill.fix {
  transform: rotate(198deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="56"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="56"] .circle .fill {
  transform: rotate(100.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="56"] .circle .fill.fix {
  transform: rotate(201.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="57"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="57"] .circle .fill {
  transform: rotate(102.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="57"] .circle .fill.fix {
  transform: rotate(205.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="58"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="58"] .circle .fill {
  transform: rotate(104.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="58"] .circle .fill.fix {
  transform: rotate(208.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="59"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="59"] .circle .fill {
  transform: rotate(106.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="59"] .circle .fill.fix {
  transform: rotate(212.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="60"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="60"] .circle .fill {
  transform: rotate(108deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="60"] .circle .fill.fix {
  transform: rotate(216deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="61"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="61"] .circle .fill {
  transform: rotate(109.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="61"] .circle .fill.fix {
  transform: rotate(219.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="62"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="62"] .circle .fill {
  transform: rotate(111.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="62"] .circle .fill.fix {
  transform: rotate(223.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="63"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="63"] .circle .fill {
  transform: rotate(113.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="63"] .circle .fill.fix {
  transform: rotate(226.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="64"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="64"] .circle .fill {
  transform: rotate(115.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="64"] .circle .fill.fix {
  transform: rotate(230.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="65"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="65"] .circle .fill {
  transform: rotate(117deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="65"] .circle .fill.fix {
  transform: rotate(234deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="66"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="66"] .circle .fill {
  transform: rotate(118.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="66"] .circle .fill.fix {
  transform: rotate(237.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="67"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="67"] .circle .fill {
  transform: rotate(120.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="67"] .circle .fill.fix {
  transform: rotate(241.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="68"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="68"] .circle .fill {
  transform: rotate(122.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="68"] .circle .fill.fix {
  transform: rotate(244.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="69"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="69"] .circle .fill {
  transform: rotate(124.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="69"] .circle .fill.fix {
  transform: rotate(248.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="70"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="70"] .circle .fill {
  transform: rotate(126deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="70"] .circle .fill.fix {
  transform: rotate(252deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="71"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="71"] .circle .fill {
  transform: rotate(127.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="71"] .circle .fill.fix {
  transform: rotate(255.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="72"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="72"] .circle .fill {
  transform: rotate(129.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="72"] .circle .fill.fix {
  transform: rotate(259.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="73"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="73"] .circle .fill {
  transform: rotate(131.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="73"] .circle .fill.fix {
  transform: rotate(262.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="74"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="74"] .circle .fill {
  transform: rotate(133.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="74"] .circle .fill.fix {
  transform: rotate(266.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="75"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="75"] .circle .fill {
  transform: rotate(135deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="75"] .circle .fill.fix {
  transform: rotate(270deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="76"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="76"] .circle .fill {
  transform: rotate(136.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="76"] .circle .fill.fix {
  transform: rotate(273.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="77"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="77"] .circle .fill {
  transform: rotate(138.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="77"] .circle .fill.fix {
  transform: rotate(277.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="78"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="78"] .circle .fill {
  transform: rotate(140.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="78"] .circle .fill.fix {
  transform: rotate(280.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="79"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="79"] .circle .fill {
  transform: rotate(142.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="79"] .circle .fill.fix {
  transform: rotate(284.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="80"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="80"] .circle .fill {
  transform: rotate(144deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="80"] .circle .fill.fix {
  transform: rotate(288deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="81"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="81"] .circle .fill {
  transform: rotate(145.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="81"] .circle .fill.fix {
  transform: rotate(291.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="82"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="82"] .circle .fill {
  transform: rotate(147.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="82"] .circle .fill.fix {
  transform: rotate(295.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="83"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="83"] .circle .fill {
  transform: rotate(149.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="83"] .circle .fill.fix {
  transform: rotate(298.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="84"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="84"] .circle .fill {
  transform: rotate(151.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="84"] .circle .fill.fix {
  transform: rotate(302.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="85"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="85"] .circle .fill {
  transform: rotate(153deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="85"] .circle .fill.fix {
  transform: rotate(306deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="86"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="86"] .circle .fill {
  transform: rotate(154.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="86"] .circle .fill.fix {
  transform: rotate(309.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="87"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="87"] .circle .fill {
  transform: rotate(156.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="87"] .circle .fill.fix {
  transform: rotate(313.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="88"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="88"] .circle .fill {
  transform: rotate(158.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="88"] .circle .fill.fix {
  transform: rotate(316.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="89"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="89"] .circle .fill {
  transform: rotate(160.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="89"] .circle .fill.fix {
  transform: rotate(320.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="90"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="90"] .circle .fill {
  transform: rotate(162deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="90"] .circle .fill.fix {
  transform: rotate(324deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="91"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="91"] .circle .fill {
  transform: rotate(163.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="91"] .circle .fill.fix {
  transform: rotate(327.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="92"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="92"] .circle .fill {
  transform: rotate(165.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="92"] .circle .fill.fix {
  transform: rotate(331.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="93"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="93"] .circle .fill {
  transform: rotate(167.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="93"] .circle .fill.fix {
  transform: rotate(334.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="94"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="94"] .circle .fill {
  transform: rotate(169.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="94"] .circle .fill.fix {
  transform: rotate(338.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="95"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="95"] .circle .fill {
  transform: rotate(171deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="95"] .circle .fill.fix {
  transform: rotate(342deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="96"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="96"] .circle .fill {
  transform: rotate(172.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="96"] .circle .fill.fix {
  transform: rotate(345.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="97"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="97"] .circle .fill {
  transform: rotate(174.6deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="97"] .circle .fill.fix {
  transform: rotate(349.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="98"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="98"] .circle .fill {
  transform: rotate(176.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="98"] .circle .fill.fix {
  transform: rotate(352.8deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="99"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="99"] .circle .fill {
  transform: rotate(178.2deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="99"] .circle .fill.fix {
  transform: rotate(356.4deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="100"] .circle .mask.full,
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="100"] .circle .fill {
  transform: rotate(180deg);
}
.landingpage-animated-circles__circle.landingpage-animation__element--animate[data-animation-value="100"] .circle .fill.fix {
  transform: rotate(360deg);
}

.landingpage-animated-number__top,
.landingpage-animated-number__number,
.landingpage-animated-number__bottom {
  display: block;
  text-align: inherit;
}

.landingpage-animated-number__top,
.landingpage-animated-number__bottom {
  font-size: 0.9375rem;
}
@media (min-width: 40rem) {
  .landingpage-animated-number__top,
  .landingpage-animated-number__bottom {
    font-size: 1.125rem;
  }
}

.landingpage-animated-number__top {
  margin-bottom: 0.5rem;
}

.landingpage-animated-number__bottom {
  margin-top: 0.5rem;
}

.landingpage-animated-number__number {
  margin: 0.5rem 0;
  color: #315f96;
  font-size: 2rem;
}
@media (min-width: 40rem) {
  .landingpage-animated-number__number {
    font-size: 3rem;
  }
}

.landingpage-animated-numbers .landingpage-component-header {
  margin-bottom: 1rem;
}

.landingpage-animated-numbers--grid {
  background: #f7f7f7;
}
.landingpage-animated-numbers--grid .landingpage-animated-numbers__content {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 40rem) {
  .landingpage-animated-numbers--grid .landingpage-animated-numbers__content {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 40rem) {
  .landingpage-animated-numbers--grid .landingpage-animated-numbers__content {
    padding-top: 2rem;
    padding-bottom: 1.5rem;
  }
}
@media (min-width: 80rem) {
  .landingpage-animated-numbers--grid .landingpage-animated-numbers__content {
    padding-top: 3rem;
    padding-bottom: 2.5rem;
  }
}

.landingpage-animated-numbers--teaser {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 40rem) {
  .landingpage-animated-numbers--teaser {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.landingpage-animated-numbers--teaser .landingpage-animated-numbers__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  justify-content: flex-start;
}
.landingpage-animated-numbers--teaser .landingpage-animated-numbers__items > .landingpage-animated-number {
  flex-basis: calc(50% - 1rem);
  width: calc(50% - 1rem);
  max-width: calc(50% - 1rem);
  flex-shrink: 0;
  flex-grow: 0;
  margin-bottom: 2rem;
}
.landingpage-animated-numbers--teaser .landingpage-animated-numbers__items > .landingpage-animated-number:nth-child(n) {
  margin-right: 2rem;
}
.landingpage-animated-numbers--teaser .landingpage-animated-numbers__items > .landingpage-animated-number:last-child {
  margin-right: 0;
}
.landingpage-animated-numbers--teaser .landingpage-animated-numbers__items > .landingpage-animated-number:nth-child(2n) {
  margin-right: 0;
}
@media (min-width: 90rem) {
  .landingpage-animated-numbers--teaser .landingpage-animated-numbers__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .landingpage-animated-numbers--teaser .landingpage-animated-numbers__items > .landingpage-animated-number {
    flex-basis: calc(50% - 1.5rem);
    width: calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
    flex-shrink: 0;
    flex-grow: 0;
    margin-bottom: 3rem;
  }
  .landingpage-animated-numbers--teaser .landingpage-animated-numbers__items > .landingpage-animated-number:nth-child(n) {
    margin-right: 3rem;
  }
  .landingpage-animated-numbers--teaser .landingpage-animated-numbers__items > .landingpage-animated-number:last-child {
    margin-right: 0;
  }
  .landingpage-animated-numbers--teaser .landingpage-animated-numbers__items > .landingpage-animated-number:nth-child(2n) {
    margin-right: 0;
  }
}
.landingpage-animated-numbers--teaser .landingpage-animated-numbers__items .landingpage-animated-number:nth-last-child(1), .landingpage-animated-numbers--teaser .landingpage-animated-numbers__items .landingpage-animated-number:nth-last-child(2) {
  margin-bottom: 0;
}
.landingpage-animated-numbers--teaser .landingpage-animated-number:only-child {
  flex-basis: 100%;
  width: 100%;
  max-width: 100%;
  text-align: center;
}
@media (min-width: 62rem) {
  .landingpage-animated-numbers--teaser {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .landingpage-animated-numbers--teaser .landingpage-textblock,
  .landingpage-animated-numbers--teaser .landingpage-animated-numbers__items {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    flex-shrink: 0;
    flex-grow: 0;
  }
  .landingpage-animated-numbers--teaser .landingpage-textblock:nth-child(n),
  .landingpage-animated-numbers--teaser .landingpage-animated-numbers__items:nth-child(n) {
    margin-right: 2rem;
  }
  .landingpage-animated-numbers--teaser .landingpage-textblock:last-child,
  .landingpage-animated-numbers--teaser .landingpage-animated-numbers__items:last-child {
    margin-right: 0;
  }
  .landingpage-animated-numbers--teaser .landingpage-textblock:nth-child(2n),
  .landingpage-animated-numbers--teaser .landingpage-animated-numbers__items:nth-child(2n) {
    margin-right: 0;
  }
  .landingpage-animated-numbers--teaser .landingpage-textblock {
    padding-right: 2rem;
  }
}
@media (min-width: 90rem) {
  .landingpage-animated-numbers--teaser .landingpage-textblock,
  .landingpage-animated-numbers--teaser .landingpage-animated-numbers__items {
    flex-basis: calc(50% - 1.5rem);
    width: calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
  }
  .landingpage-animated-numbers--teaser .landingpage-textblock:nth-child(n),
  .landingpage-animated-numbers--teaser .landingpage-animated-numbers__items:nth-child(n) {
    margin-right: 3rem;
  }
  .landingpage-animated-numbers--teaser .landingpage-textblock:last-child,
  .landingpage-animated-numbers--teaser .landingpage-animated-numbers__items:last-child {
    margin-right: 0;
  }
  .landingpage-animated-numbers--teaser .landingpage-textblock:nth-child(2n),
  .landingpage-animated-numbers--teaser .landingpage-animated-numbers__items:nth-child(2n) {
    margin-right: 0;
  }
}

.landingpage-animated-numbers__grid {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 67rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 40rem) {
  .landingpage-animated-numbers__grid {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .landingpage-animated-numbers__grid {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.landingpage-animated-numbers__grid > .landingpage-animated-number {
  flex-basis: calc(50% - 1rem);
  width: calc(50% - 1rem);
  max-width: calc(50% - 1rem);
  flex-shrink: 0;
  flex-grow: 0;
  margin-bottom: 2rem;
}
.landingpage-animated-numbers__grid > .landingpage-animated-number:nth-child(n) {
  margin-right: 2rem;
}
.landingpage-animated-numbers__grid > .landingpage-animated-number:last-child {
  margin-right: 0;
}
.landingpage-animated-numbers__grid > .landingpage-animated-number:nth-child(2n) {
  margin-right: 0;
}
.landingpage-animated-numbers__grid .landingpage-animated-number {
  margin-bottom: 0 !important;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
}
@media (min-width: 80rem) {
  .landingpage-animated-numbers__grid {
    position: relative;
    width: 100%;
    max-width: 120rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (min-width: 80rem) and (min-width: 40rem) {
  .landingpage-animated-numbers__grid {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 80rem) and (min-width: 62rem) {
  .landingpage-animated-numbers__grid {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) and (min-width: 80rem) {
  .landingpage-animated-numbers__grid {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 80rem) and (min-width: 90rem) {
  .landingpage-animated-numbers__grid {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 80rem) and (min-width: 120rem) {
  .landingpage-animated-numbers__grid {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
@media (min-width: 80rem) {
  .landingpage-animated-numbers__grid > .landingpage-animated-number {
    flex-basis: calc(25% - 1.5rem);
    width: calc(25% - 1.5rem);
    max-width: calc(25% - 1.5rem);
    flex-shrink: 0;
    flex-grow: 0;
    margin-bottom: 2rem;
  }
  .landingpage-animated-numbers__grid > .landingpage-animated-number:nth-child(n) {
    margin-right: 2rem;
  }
  .landingpage-animated-numbers__grid > .landingpage-animated-number:last-child {
    margin-right: 0;
  }
  .landingpage-animated-numbers__grid > .landingpage-animated-number:nth-child(4n) {
    margin-right: 0;
  }
}
@media (min-width: 90rem) {
  .landingpage-animated-numbers__grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .landingpage-animated-numbers__grid > .landingpage-animated-number {
    flex-basis: calc(25% - 2.25rem);
    width: calc(25% - 2.25rem);
    max-width: calc(25% - 2.25rem);
    flex-shrink: 0;
    flex-grow: 0;
    margin-bottom: 3rem;
  }
  .landingpage-animated-numbers__grid > .landingpage-animated-number:nth-child(n) {
    margin-right: 3rem;
  }
  .landingpage-animated-numbers__grid > .landingpage-animated-number:last-child {
    margin-right: 0;
  }
  .landingpage-animated-numbers__grid > .landingpage-animated-number:nth-child(4n) {
    margin-right: 0;
  }
}

.landingpage-component-header {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 45rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  margin-bottom: 3rem;
  text-align: center;
}
@media (min-width: 40rem) {
  .landingpage-component-header {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.landingpage-component-header__headline {
  margin: 0;
  font-size: 1.5rem;
}

.landingpage-component-header__subheadline {
  margin-top: 2rem;
  margin-bottom: 0;
  font-size: 1.125rem;
}

@media (min-width: 90rem) {
  .landingpage-component-header__headline {
    font-size: 1.875rem;
  }
  .landingpage-component-header__subheadline {
    font-size: 1.25rem;
  }
}
.landingpage-centerimageparagraph__headline,
.landingpage-centerimageparagraph__subheadline,
.landingpage-centerimageparagraph__text,
.landingpage-centerimageparagraph .landingpage-cta {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 45rem;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 40rem) {
  .landingpage-centerimageparagraph__headline,
  .landingpage-centerimageparagraph__subheadline,
  .landingpage-centerimageparagraph__text,
  .landingpage-centerimageparagraph .landingpage-cta {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.landingpage-centerimageparagraph__image > img {
  display: block;
  width: 100%;
}

.landingpage-centerimageparagraph__text {
  margin-top: 2rem;
  margin-bottom: 2rem;
  color: #6f6f6f;
}

@media (min-width: 62rem) {
  .landingpage-centerimageparagraph[data-fullwidth=false] .landingpage-centerimageparagraph__image {
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 62rem) and (min-width: 40rem) {
  .landingpage-centerimageparagraph[data-fullwidth=false] .landingpage-centerimageparagraph__image {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.landingpage-contactform {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  justify-content: center;
}
@media (min-width: 40rem) {
  .landingpage-contactform {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.landingpage-contactform > .landingpage-contactform__column {
  margin-bottom: 2rem;
}
@media (min-width: 40rem) {
  .landingpage-contactform {
    display: flex;
    flex-wrap: wrap;
  }
  .landingpage-contactform > .landingpage-contactform__column {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    flex-shrink: 0;
    flex-grow: 0;
  }
  .landingpage-contactform > .landingpage-contactform__column:nth-child(n) {
    margin-right: 2rem;
  }
  .landingpage-contactform > .landingpage-contactform__column:last-child {
    margin-right: 0;
  }
  .landingpage-contactform > .landingpage-contactform__column:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 90rem) {
  .landingpage-contactform > .landingpage-contactform__column {
    flex-basis: calc(50% - 1.5rem);
    width: calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
    margin-bottom: 3rem;
  }
  .landingpage-contactform > .landingpage-contactform__column:nth-child(n) {
    margin-right: 3rem;
  }
  .landingpage-contactform > .landingpage-contactform__column:last-child {
    margin-right: 0;
  }
  .landingpage-contactform > .landingpage-contactform__column:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 40rem) {
  .landingpage-contactform .landingpage-contactform__column {
    margin-bottom: 0;
  }
}

@media (min-width: 90rem) {
  .landingpage-contactform__text {
    padding-right: 5rem;
  }
}

.landingpage-contactform__send {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (min-width: 80rem) {
  .landingpage-contactform__send {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.landingpage-contactform__input > span {
  display: inline-block;
  margin-bottom: 0.25rem;
  font-size: 0.9375rem;
}
.landingpage-contactform__input > input {
  border-width: 2px;
}
.landingpage-contactform__input > input + [id^=parsley-] {
  margin-top: -1rem;
  margin-bottom: 0.75rem;
}

.landingpage-contactform__headline {
  margin-bottom: 1.5rem;
}

.landingpage-contactform__hotline {
  display: inline-block;
  margin-bottom: 1.5rem;
  font-size: 1.25rem;
}

.landingpage-contactform__description {
  margin: 0;
}

.landingpage-contactform__submit > .landingpage-cta__button {
  margin-top: 1rem;
  margin-right: 0;
  margin-left: 0;
}

.landingpage-cta {
  margin-top: 2rem;
  text-align: center;
}

.landingpage-cta__button {
  display: block;
  width: 100%;
  margin: 0 0 1rem;
  padding: 0.5rem 3rem;
  font-size: 0.875rem;
  white-space: nowrap;
}

@media (min-width: 40rem) {
  .landingpage-cta {
    text-align: center;
  }
  .landingpage-cta__button {
    display: inline-block;
    width: auto;
    margin: 0 0.5rem 1rem;
  }
}
.landingpage-hero > .videoplayer {
  display: none;
}
.landingpage-hero > .videoplayer > video {
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
}
.landingpage-hero > .videoplayer .videocontrols {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5rem;
  z-index: 1;
}
.landingpage-hero > .videoplayer .videocontrols .btn.naked.icn.button-volume .icon {
  color: #ffffff;
  width: 2rem;
  height: 2rem;
}
.landingpage-hero > .videoplayer .videocontrols.videocontrols__noaudio .button-volume {
  display: none;
}
.landingpage-hero .videoplayer, .landingpage-hero > img {
  position: relative;
  width: 100%;
  height: 100%;
}
@media (min-width: 40rem) {
  .landingpage-hero > .videoplayer {
    display: flex;
  }
  .landingpage-hero > .videoplayer + img {
    display: none;
  }
}

.pageType-LandingPage .landingpage-hero {
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
}

.landingpage-hero__content {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 1rem;
  padding-bottom: 1.5rem;
  background: white;
}
@media (min-width: 40rem) {
  .landingpage-hero__content {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 40rem) {
  .landingpage-hero__content .landingpage-cta {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .landingpage-hero__content .landingpage-cta .landingpage-cta__button {
    margin-left: 0;
    margin-right: 1rem;
    text-align: left;
  }
}

.landingpage-hero__textblock > *:last-child {
  margin-bottom: 0;
}

.landingpage-hero__headline {
  margin: 0 0 1rem;
  color: #315f96;
  font-size: 1.625rem;
}

.landingpage-hero__text {
  margin: 0 0 1rem;
  font-size: 1rem;
}

@media (min-width: 40rem) {
  .landingpage-hero__content {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .landingpage-hero__content .landingpage-cta__button {
    padding: 0.625rem 2rem;
    font-size: 1rem;
  }
  .landingpage-hero__headline {
    margin: 0 0 1.5rem;
  }
  .landingpage-hero__text {
    margin: 0 0 1.5rem;
  }
}
@media (min-width: 80rem) {
  .landingpage-hero {
    background-size: cover;
    display: flex;
  }
  .landingpage-hero__content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: none;
  }
  .pageType-LandingPage .landingpage-hero__content {
    left: 50%;
    transform: translateX(-50%);
  }
  .landingpage-hero__textblock {
    width: 50%;
    padding-right: 3rem;
  }
  .landingpage-hero__text {
    margin: 0 0 2rem;
  }
}
@media (min-width: 90rem) {
  .landingpage-hero__text {
    font-size: 1.125rem;
  }
  .landingpage-hero__content .landingpage-cta__button {
    font-size: 1.125rem;
  }
}
@media (min-width: 80rem) {
  .landingpage-header + .landingpage-hero .landingpage-hero__content {
    padding-top: 9rem;
    padding-bottom: 3rem;
  }
  .landingpage-hero__headline {
    font-size: 2.25rem;
  }
  .landingpage-hero__headline .landingpage-cta__button {
    padding: 0.625rem 3rem;
  }
}
@media (min-width: 87.5rem) {
  .landingpage-hero__text {
    font-size: 1.25rem;
  }
}
@media (min-width: 80rem) {
  .landingpage-hero[data-inverted=true] .landingpage-hero__headline,
  .landingpage-hero[data-inverted=true] .landingpage-hero__text {
    color: white;
  }
  .landingpage-hero[data-inverted=true] .landingpage-hero__content .landingpage-cta__button:hover {
    outline: 3px solid transparent;
    animation: buttonoutlineffffff 0.5s ease-out;
  }
  @keyframes buttonoutlineffffff {
    0% {
      outline: 3px solid #ffffff;
    }
    100% {
      outline: 3px solid transparent;
    }
  }
  .landingpage-hero[data-inverted=true] .landingpage-hero__content .landingpage-cta__button--primary {
    color: #315f96;
    background-color: #ffffff;
    border-color: #ffffff;
  }
  .landingpage-hero[data-inverted=true] .landingpage-hero__content .landingpage-cta__button--secondary {
    color: #ffffff;
    background-color: transparent;
    border: 2px solid currentColor;
  }
}

@media (min-width: 80rem) {
  .landingpage-hero[data-alignment=right] .landingpage-hero__textblock {
    margin-left: 50%;
    padding-left: 3rem;
    padding-right: 0;
  }
}

.landingpage-icon-list {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 40rem) {
  .landingpage-icon-list {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.landingpage-icon-list .landingpage-cta {
  margin-top: 0;
}

@media (min-width: 62rem) {
  .landingpage-icon-list__content[data-text-position=left], .landingpage-icon-list__content[data-text-position=right] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 4rem;
  }
  .landingpage-icon-list__content[data-text-position=left] > .landingpage-icon-list__column, .landingpage-icon-list__content[data-text-position=right] > .landingpage-icon-list__column {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    flex-shrink: 0;
    flex-grow: 0;
  }
  .landingpage-icon-list__content[data-text-position=left] > .landingpage-icon-list__column:nth-child(n), .landingpage-icon-list__content[data-text-position=right] > .landingpage-icon-list__column:nth-child(n) {
    margin-right: 2rem;
  }
  .landingpage-icon-list__content[data-text-position=left] > .landingpage-icon-list__column:last-child, .landingpage-icon-list__content[data-text-position=right] > .landingpage-icon-list__column:last-child {
    margin-right: 0;
  }
  .landingpage-icon-list__content[data-text-position=left] > .landingpage-icon-list__column:nth-child(2n), .landingpage-icon-list__content[data-text-position=right] > .landingpage-icon-list__column:nth-child(2n) {
    margin-right: 0;
  }
  .landingpage-icon-list__content[data-text-position=left] .landingpage-icon-list-paragraph:last-child, .landingpage-icon-list__content[data-text-position=right] .landingpage-icon-list-paragraph:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 90rem) {
  .landingpage-icon-list__content[data-text-position=left] > .landingpage-icon-list__column, .landingpage-icon-list__content[data-text-position=right] > .landingpage-icon-list__column {
    flex-basis: calc(50% - 1.5rem);
    width: calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
  }
  .landingpage-icon-list__content[data-text-position=left] > .landingpage-icon-list__column:nth-child(n), .landingpage-icon-list__content[data-text-position=right] > .landingpage-icon-list__column:nth-child(n) {
    margin-right: 3rem;
  }
  .landingpage-icon-list__content[data-text-position=left] > .landingpage-icon-list__column:last-child, .landingpage-icon-list__content[data-text-position=right] > .landingpage-icon-list__column:last-child {
    margin-right: 0;
  }
  .landingpage-icon-list__content[data-text-position=left] > .landingpage-icon-list__column:nth-child(2n), .landingpage-icon-list__content[data-text-position=right] > .landingpage-icon-list__column:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 62rem) {
  .landingpage-icon-list__content[data-text-position=right] .landingpage-icon-list-paragraph__text {
    padding-right: 0;
  }
}
@media (min-width: 62rem) {
  .landingpage-icon-list__content[data-text-position=left] .landingpage-icon-list__column.landingpage-icon-list__image {
    margin-right: 0;
  }
  .landingpage-icon-list__content[data-text-position=left] .landingpage-icon-list__column.landingpage-icon-list__text {
    order: -1;
    margin-right: 2rem;
  }
}
@media (min-width: 90rem) {
  .landingpage-icon-list__content[data-text-position=left] .landingpage-icon-list__column.landingpage-icon-list__text {
    margin-right: 3rem;
  }
}

.landingpage-icon-list__image {
  margin-bottom: 4rem;
}
@media (min-width: 62rem) {
  .landingpage-icon-list__image {
    margin-bottom: 0;
  }
}

.landingpage-icon-list__text {
  margin: 0;
  padding: 0;
  list-style: none;
}
.landingpage-icon-list__text:only-child {
  justify-content: center;
}
.landingpage-icon-list__text:only-child > .landingpage-icon-list-paragraph {
  margin-bottom: 2rem;
}
@media (min-width: 40rem) {
  .landingpage-icon-list__text:only-child {
    display: flex;
    flex-wrap: wrap;
  }
  .landingpage-icon-list__text:only-child > .landingpage-icon-list-paragraph {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    flex-shrink: 0;
    flex-grow: 0;
  }
  .landingpage-icon-list__text:only-child > .landingpage-icon-list-paragraph:nth-child(n) {
    margin-right: 2rem;
  }
  .landingpage-icon-list__text:only-child > .landingpage-icon-list-paragraph:last-child {
    margin-right: 0;
  }
  .landingpage-icon-list__text:only-child > .landingpage-icon-list-paragraph:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 90rem) {
  .landingpage-icon-list__text:only-child > .landingpage-icon-list-paragraph {
    flex-basis: calc(50% - 1.5rem);
    width: calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
    margin-bottom: 3rem;
  }
  .landingpage-icon-list__text:only-child > .landingpage-icon-list-paragraph:nth-child(n) {
    margin-right: 3rem;
  }
  .landingpage-icon-list__text:only-child > .landingpage-icon-list-paragraph:last-child {
    margin-right: 0;
  }
  .landingpage-icon-list__text:only-child > .landingpage-icon-list-paragraph:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 40rem) {
  .landingpage-icon-list__text:only-child {
    justify-content: flex-start;
  }
}
.landingpage-icon-list__text:only-child .landingpage-icon-list-paragraph {
  margin-bottom: 4rem;
}
.landingpage-icon-list__text:only-child .landingpage-icon-list-paragraph:last-child:nth-child(odd) {
  margin-right: auto;
}
@media (min-width: 90rem) {
  .landingpage-icon-list__text:only-child {
    justify-content: center;
  }
  .landingpage-icon-list__text:only-child > .landingpage-icon-list-paragraph {
    margin-bottom: 2rem;
  }
}
@media (min-width: 90rem) and (min-width: 40rem) {
  .landingpage-icon-list__text:only-child {
    display: flex;
    flex-wrap: wrap;
  }
  .landingpage-icon-list__text:only-child > .landingpage-icon-list-paragraph {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    flex-shrink: 0;
    flex-grow: 0;
  }
  .landingpage-icon-list__text:only-child > .landingpage-icon-list-paragraph:nth-child(n) {
    margin-right: 2rem;
  }
  .landingpage-icon-list__text:only-child > .landingpage-icon-list-paragraph:last-child {
    margin-right: 0;
  }
  .landingpage-icon-list__text:only-child > .landingpage-icon-list-paragraph:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 90rem) and (min-width: 90rem) {
  .landingpage-icon-list__text:only-child > .landingpage-icon-list-paragraph {
    flex-basis: calc(50% - 1.5rem);
    width: calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
    margin-bottom: 3rem;
  }
  .landingpage-icon-list__text:only-child > .landingpage-icon-list-paragraph:nth-child(n) {
    margin-right: 3rem;
  }
  .landingpage-icon-list__text:only-child > .landingpage-icon-list-paragraph:last-child {
    margin-right: 0;
  }
  .landingpage-icon-list__text:only-child > .landingpage-icon-list-paragraph:nth-child(2n) {
    margin-right: 0;
  }
}

.landingpage-icon-list-paragraph {
  min-height: 2rem;
  margin-bottom: 4rem;
  padding: 0 0 0 3rem;
}
.landingpage-icon-list-paragraph::before {
  content: none;
}

.landingpage-icon-list-paragraph__icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
}
.landingpage-icon-list-paragraph__icon > svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: #315f96;
}
@media (min-width: 90rem) {
  .landingpage-icon-list-paragraph__icon {
    width: 2rem;
    height: 2rem;
  }
}

.landingpage-icon-list-paragraph__text {
  padding-right: 2rem;
}
.landingpage-icon-list-paragraph__text > *:first-child {
  margin-bottom: 1rem;
}

.landingpage-icon-list-paragraph__headline {
  margin: 0;
  font-size: 1.25rem;
}
@media (min-width: 90rem) {
  .landingpage-icon-list-paragraph__headline {
    font-size: 1.375rem;
  }
}

.landingpage-icon-list-paragraph__description {
  margin: 0;
  color: #6f6f6f;
  font-size: 1rem;
}

.landingpage-imagegrid {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 40rem) {
  .landingpage-imagegrid {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.landingpage-imagegrid .landingpage-cta {
  margin-top: 0;
}

.landingpage-imagegrid__textwrapper {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 67rem;
  text-align: center;
}
@media (min-width: 40rem) {
  .landingpage-imagegrid__textwrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .landingpage-imagegrid__textwrapper {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.landingpage-imagegrid__headline {
  margin-bottom: 1rem;
  font-size: 2rem;
}
@media (min-width: 80rem) {
  .landingpage-imagegrid__headline {
    margin-bottom: 2rem;
  }
}

.landingpage-imagegrid__subheadline {
  margin-bottom: 1rem;
  color: #6f6f6f;
}
@media (min-width: 80rem) {
  .landingpage-imagegrid__subheadline {
    margin-bottom: 4rem;
  }
}

.landingpage-imagegrid__grid {
  justify-content: center;
  margin-bottom: 0;
}
.landingpage-imagegrid__grid > .landingpage-imagegrid-item {
  margin-bottom: 2rem;
}
@media (min-width: 40rem) {
  .landingpage-imagegrid__grid {
    display: flex;
    flex-wrap: wrap;
  }
  .landingpage-imagegrid__grid > .landingpage-imagegrid-item {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    flex-shrink: 0;
    flex-grow: 0;
  }
  .landingpage-imagegrid__grid > .landingpage-imagegrid-item:nth-child(n) {
    margin-right: 2rem;
  }
  .landingpage-imagegrid__grid > .landingpage-imagegrid-item:last-child {
    margin-right: 0;
  }
  .landingpage-imagegrid__grid > .landingpage-imagegrid-item:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 80rem) {
  .landingpage-imagegrid__grid > .landingpage-imagegrid-item {
    flex-basis: calc(33.33% - 1.34rem);
    width: calc(33.33% - 1.34rem);
    max-width: calc(33.33% - 1.34rem);
  }
  .landingpage-imagegrid__grid > .landingpage-imagegrid-item:nth-child(n) {
    margin-right: 2rem;
  }
  .landingpage-imagegrid__grid > .landingpage-imagegrid-item:last-child {
    margin-right: 0;
  }
  .landingpage-imagegrid__grid > .landingpage-imagegrid-item:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 90rem) {
  .landingpage-imagegrid__grid > .landingpage-imagegrid-item {
    flex-basis: calc(33.33% - 2rem);
    width: calc(33.33% - 2rem);
    max-width: calc(33.33% - 2rem);
    margin-bottom: 3rem;
  }
  .landingpage-imagegrid__grid > .landingpage-imagegrid-item:nth-child(n) {
    margin-right: 3rem;
  }
  .landingpage-imagegrid__grid > .landingpage-imagegrid-item:last-child {
    margin-right: 0;
  }
  .landingpage-imagegrid__grid > .landingpage-imagegrid-item:nth-child(3n) {
    margin-right: 0;
  }
}
.landingpage-imagegrid__grid > .landingpage-imagegrid-item {
  margin-bottom: 4rem;
}

.landingpage-imagegrid-item__image {
  margin-bottom: 1rem;
}

.landingpage-imagegrid-item__title {
  margin-bottom: 1rem;
}

.landingpage-imageparagraph {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 40rem) {
  .landingpage-imageparagraph {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 40rem) {
  .landingpage-imageparagraph .landingpage-cta {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .landingpage-imageparagraph .landingpage-cta .landingpage-cta__button {
    margin-left: 0;
    margin-right: 1rem;
    text-align: left;
  }
}

.landingpage-imageparagraph__image {
  margin-bottom: 1rem;
  text-align: center;
}

@media (min-width: 62rem) {
  .landingpage-imageparagraph__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .landingpage-imageparagraph__content .landingpage-textblock,
  .landingpage-imageparagraph__content .landingpage-imageparagraph__image {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    flex-shrink: 0;
    flex-grow: 0;
  }
  .landingpage-imageparagraph__content .landingpage-textblock:nth-child(n),
  .landingpage-imageparagraph__content .landingpage-imageparagraph__image:nth-child(n) {
    margin-right: 2rem;
  }
  .landingpage-imageparagraph__content .landingpage-textblock:last-child,
  .landingpage-imageparagraph__content .landingpage-imageparagraph__image:last-child {
    margin-right: 0;
  }
  .landingpage-imageparagraph__content .landingpage-textblock:nth-child(2n),
  .landingpage-imageparagraph__content .landingpage-imageparagraph__image:nth-child(2n) {
    margin-right: 0;
  }
  .landingpage-imageparagraph[data-alignment=left] .landingpage-textblock {
    order: -1;
    margin-right: 2rem;
  }
  .landingpage-imageparagraph[data-alignment=left] .landingpage-imageparagraph__image {
    margin-right: 0;
  }
}
@media (min-width: 62rem) {
  .landingpage-imageparagraph__content .landingpage-textblock,
  .landingpage-imageparagraph__content .landingpage-imageparagraph__image {
    flex-basis: calc(50% - 1.5rem);
    width: calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
  }
  .landingpage-imageparagraph__content .landingpage-textblock:nth-child(n),
  .landingpage-imageparagraph__content .landingpage-imageparagraph__image:nth-child(n) {
    margin-right: 3rem;
  }
  .landingpage-imageparagraph__content .landingpage-textblock:last-child,
  .landingpage-imageparagraph__content .landingpage-imageparagraph__image:last-child {
    margin-right: 0;
  }
  .landingpage-imageparagraph__content .landingpage-textblock:nth-child(2n),
  .landingpage-imageparagraph__content .landingpage-imageparagraph__image:nth-child(2n) {
    margin-right: 0;
  }
  .landingpage-imageparagraph[data-alignment=left] .landingpage-textblock {
    margin-right: 3rem;
  }
}
.landingpage-quotation .owl-nav {
  margin-top: -2.5rem;
}
.landingpage-quotation .quotation {
  margin-top: 0;
  margin-bottom: 4rem;
}
.landingpage-quotation .quotation-text > blockquote {
  font-style: normal;
}
.landingpage-quotation .quotation-text > blockquote > cite {
  margin-top: 1rem;
}

.landingpage-savings-calculator > .savings-calculator {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 40rem) {
  .landingpage-savings-calculator > .savings-calculator {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.landingpage-standalone-call2action {
  position: relative;
  margin-top: 0;
  background: #f7f7f7;
}
.landingpage-standalone-call2action h2 {
  color: #315f96;
}

.in-site-nav + .landingpage-standalone-call2action {
  margin-top: -2rem;
}

.landingpage-standalone-call2action__content {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}
@media (min-width: 40rem) {
  .landingpage-standalone-call2action__content {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.landingpage-standalone-call2action__headline {
  max-width: 45rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
  color: #315f96;
  font-size: 1.5rem;
  text-align: center;
}

@media (min-width: 40rem) {
  .landingpage-standalone-call2action__content {
    padding-top: 2rem;
    padding-bottom: 1.5rem;
  }
  .landingpage-standalone-call2action__headline {
    margin-bottom: 2rem;
  }
}
@media (min-width: 80rem) {
  .landingpage-standalone-call2action__content {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .landingpage-standalone-call2action__headline {
    font-size: 2rem;
  }
}
.landingpage-standalone-call2action[data-inverted=true] {
  background: #315f96;
  color: #ffffff;
}
.landingpage-standalone-call2action[data-inverted=true] h2 {
  background: #315f96;
  color: #ffffff;
}
.landingpage-standalone-call2action[data-inverted=true] .landingpage-standalone-call2action__headline {
  color: inherit;
}
.landingpage-standalone-call2action[data-inverted=true] .landingpage-standalone-call2action__textblock .landingpage-cta__button:hover {
  outline: 3px solid transparent;
  animation: buttonoutlineffffff 0.5s ease-out;
}
@keyframes buttonoutlineffffff {
  0% {
    outline: 3px solid #ffffff;
  }
  100% {
    outline: 3px solid transparent;
  }
}
.landingpage-standalone-call2action[data-inverted=true] .landingpage-standalone-call2action__textblock .landingpage-cta__button.landingpage-cta__button--primary, .landingpage-standalone-call2action[data-inverted=true] .landingpage-standalone-call2action__textblock .landingpage-cta__button.landingpage-cta__button--primary:hover {
  background-color: white;
  border: 2px solid white;
  color: #315f96;
}
.landingpage-standalone-call2action[data-inverted=true] .landingpage-standalone-call2action__textblock .landingpage-cta__button.landingpage-cta__button--secondary, .landingpage-standalone-call2action[data-inverted=true] .landingpage-standalone-call2action__textblock .landingpage-cta__button.landingpage-cta__button--secondary:hover {
  background-color: transparent;
  border: 2px solid currentColor;
  color: #ffffff;
}

.landingpage-table {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 40rem) {
  .landingpage-table {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.landingpage-table__headline,
.landingpage-table__subheadline {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 67rem;
  margin-bottom: 2rem;
  text-align: center;
}
@media (min-width: 40rem) {
  .landingpage-table__headline,
  .landingpage-table__subheadline {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .landingpage-table__headline,
  .landingpage-table__subheadline {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.landingpage-table__headline {
  font-size: 2rem;
}

.landingpage-table__subheadline {
  color: #6f6f6f;
  font-size: 1.25rem;
}

.landingpage-table__table {
  margin: 0 0 3rem;
  overflow: auto;
}
.landingpage-table__table > .table {
  margin: 0;
}
.landingpage-table__table > .table > .table-head > tr > th,
.landingpage-table__table > .table > .table-body > tr > td {
  padding: 0.75rem 0;
  border: 1px solid #e2e2e2;
  border-width: 0 0 1px 0;
}
@media (min-width: 62rem) {
  .landingpage-table__table > .table > .table-head > tr > th,
  .landingpage-table__table > .table > .table-body > tr > td {
    padding: 1rem;
  }
}

@media (min-width: 40rem) {
  .landingpage-textblock .landingpage-cta {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .landingpage-textblock .landingpage-cta .landingpage-cta__button {
    margin-left: 0;
    margin-right: 1rem;
    text-align: left;
  }
}

.landingpage-textblock__headline {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.5rem;
}
@media (min-width: 90rem) {
  .landingpage-textblock__headline {
    font-size: 1.875rem;
  }
}

.landingpage-textblock__subheadline {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.landingpage-textblock__text {
  margin-bottom: 0.5rem;
  color: #6f6f6f;
}

.landingpage-video {
  position: relative;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.landingpage-video__video,
.landingpage-video__text,
.landingpage-video > .landingpage-cta {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 40rem) {
  .landingpage-video__video,
  .landingpage-video__text,
  .landingpage-video > .landingpage-cta {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.landingpage-video__text,
.landingpage-video > .landingpage-cta {
  max-width: 45rem;
  margin-left: auto;
  margin-right: auto;
}

.landingpage-video__text {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.landingpage-video__container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}
.landingpage-video__container > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.language-selector {
  position: relative;
  width: auto;
  font-size: 0.875rem;
}

.language-selector-list__headline {
  color: #315f96;
}

.language-selector-selected {
  display: flex;
  font-size: 0.875rem;
  color: #999999;
  height: 1.3rem;
}
.language-selector-selected .flag {
  width: 18px;
  height: 12px;
  margin-right: 0.3125rem;
}
.language-selector-selected:hover {
  outline: none;
  animation: none;
  cursor: pointer;
}

.language-selector-selected__country {
  padding-right: 4px;
  border-right: 1px solid #e2e2e2;
}

.language-selector-list__cartWarning {
  padding-top: 1rem;
  font-size: 0.75rem;
  display: none;
  color: #C85804;
}

.language-selector-selected__language {
  padding-left: 4px;
}

.language-selector-selected__country--iso {
  text-transform: uppercase;
}

.language-selector-list {
  position: absolute;
  right: 0;
  left: auto;
  display: none;
  margin: 0.5rem 0 0;
  padding: 1rem 0;
  z-index: 11111;
}
.language-selector-list label {
  margin-bottom: 0.25rem;
}
.language-selector-list .language-selector-language-section {
  margin-top: 1.125rem;
}
.language-selector-list .language-selector-language-section .language-selector-language-section__languages {
  margin-top: 0.5rem;
}
.language-selector-list .language-selector-list__btns {
  margin-top: 1.25rem;
  display: flex;
  justify-content: flex-end;
}
.language-selector-list .language-selector-list__btns .cancel-selector {
  margin-right: 0.75rem;
}
.language-selector-list select {
  padding-left: 2rem;
  background-size: 18px !important;
  margin-bottom: 0;
}

.page-wrapper.languages-visible .language-selector-list {
  display: block;
}

.language-selector-list-item {
  padding: 0 0 0.5rem;
}
.language-selector-list-item::before {
  content: none;
}
.language-selector-list-item:last-child {
  padding-bottom: 0;
}

.language-selector-language {
  display: flex;
  align-items: center;
  padding: 0;
}
.language-selector-language::before {
  content: none;
}
.language-selector-language:not(:last-child) {
  padding-right: 0.5rem;
}
.language-selector-language > .icon {
  width: 7px;
  height: 7px;
  margin-right: 3px;
}
.language-selector-language:hover {
  cursor: pointer;
}

.language-selector-selected__language--long,
.language-selector-selected__country--long {
  display: none;
}

.language-selector-selected .flag {
  display: none;
}

@media (min-width: 40rem) {
  .language-selector-list {
    position: absolute;
    bottom: 0;
    padding: 1rem;
    background: #f7f7f7;
    border: 10px solid #ffffff;
    box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.2);
    z-index: 11111;
    transform: translateY(100%) translateY(1rem);
    left: auto;
    right: 0;
    right: 50%;
    width: auto;
    transform: translateY(100%) translateY(1rem) translateX(50%);
    min-width: 19.25rem;
  }
  .language-selector-list::before, .language-selector-list::after {
    content: "";
    position: absolute;
    top: -0.5rem;
    width: 1rem;
    height: 1rem;
    background: #f7f7f7;
    transform: rotate(-45deg);
  }
  .language-selector-list::before {
    top: -18px;
    background: #ffffff;
  }
  .language-selector-list::before, .language-selector-list::after {
    left: auto;
    right: 1.25rem;
  }
  .language-selector-list::before, .language-selector-list::after {
    right: 50%;
    margin-right: -0.5rem;
  }
  .landingpage__language-selector .language-selector-list {
    right: 25%;
    transform: translateY(100%) translateY(1rem) translateX(12.5%);
  }
  .landingpage__language-selector .language-selector-list::before, .landingpage__language-selector .language-selector-list::after {
    right: 1.25rem;
    margin-right: 0;
  }
  .language-selector-list-item {
    display: flex;
    align-items: flex-start;
  }
  .language-selector-languages {
    flex-wrap: nowrap;
  }
  .language-selector-selected__language--long,
  .language-selector-selected__country--long {
    display: inline-block;
  }
  .language-selector-selected__language--iso,
  .language-selector-selected__country--iso {
    display: none;
  }
  .language-selector-selected:hover .language-selector-selected__language--long,
  .language-selector-selected:hover .language-selector-selected__country--long {
    text-decoration: underline;
  }
}
@media (min-width: 62rem) {
  .language-selector-list {
    right: 0;
    transform: translateY(100%) translateY(1rem);
  }
  .language-selector-list::before, .language-selector-list::after {
    right: 1.25rem;
    margin-right: 0;
  }
  .language-selector-selected__country {
    display: flex;
    align-items: center;
  }
  .language-selector-selected__country .flag {
    display: inline-block;
  }
}
@media screen and (max-width: 39rem) {
  .language-selector-list {
    position: fixed;
    top: 55px;
    left: 0;
    right: 0;
    max-height: 400px;
    margin-top: 0;
    padding: 1rem;
    background: white;
    overflow: auto;
  }
  .language-selector-list-item {
    display: block;
  }
  .language-selector-list-item:not(:last-child) {
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e2e2e2;
  }
  .language-selector-list-item .language-selector-language .icon {
    fill: currentColor;
  }
  .language-selector-languages {
    margin-left: 1rem;
    padding-left: 21px;
  }
}
@media (max-width: 39.9375rem) {
  .language-selector-selected__country {
    border-right: none;
    padding: 0;
  }
  .language-selector-selected__country .language-selector-selected__country--iso {
    color: #315f96;
  }
}
@media (min-width: 40rem) and (max-width: 62rem) {
  .language-selector-selected {
    font-size: 0.75rem;
  }
  .language-selector-list {
    transform: translateY(100%) translateY(1rem) translateX(15%);
  }
  .language-selector-list::after, .language-selector-list::before {
    right: 0;
    margin-right: 0.5rem;
  }
}
.circleChatBubble {
  display: inline-block !important;
}

.circleChatDot {
  display: inline-block !important;
}

.offlineChatButtonWrapper {
  cursor: pointer;
  visibility: visible;
}

.offlineChatButtonContentWrapper,
.onlineChatButtonContentWrapper {
  display: inline-block !important;
  right: 0;
  bottom: 11rem;
  margin-top: -32px;
  transform-origin: 100% 50%;
  z-index: 100;
  position: fixed;
}

.circleChatButtonWrap {
  display: inline-block !important;
  padding: 21px 13px;
  position: relative;
  background: #315f96;
  background: -moz-linear-gradient(-45deg, #315f96 0%, #315f96 100%);
  background: -webkit-linear-gradient(-45deg, #315f96 0%, #315f96 100%);
  background: linear-gradient(135deg, #315f96 0%, #315f96 100%);
  width: 65px;
  height: 65px;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all ease 1s;
  -moz-transition: all ease 1s;
  -o-transition: all ease 1s;
  transition: all ease 1s;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}
.circleChatButtonWrap:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) !important;
  outline: 3px solid transparent;
  animation: buttonoutline315f96 0.5s ease-out;
  text-decoration: none;
  color: #fff;
}
.circleChatButtonWrap:hover .circleChatBubbleContent {
  -webkit-transform: rotate(-45deg) !important;
  -moz-transform: rotate(-45deg) !important;
  -o-transform: rotate(-45deg) !important;
  transform: rotate(-45deg) !important;
}
.circleChatButtonWrap:hover .circleChatDot1 {
  border-radius: 0 !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
  border-style: solid !important;
  border-width: 2.5px 4px 2.5px 0 !important;
  border-color: transparent #315f96 transparent transparent !important;
  left: 3px !important;
}
.circleChatButtonWrap:hover .circleChatDot2 {
  border-radius: 0 !important;
  width: 14px !important;
  left: 8px !important;
  height: 5px !important;
}
.circleChatButtonWrap:hover .circleChatDot3 {
  border-radius: 0 1px 1px 0 !important;
  width: 4px !important;
  height: 5px !important;
  left: 23px !important;
}
.circleChatButtonWrap:hover .circleContactLetter {
  height: 36px !important;
  margin-top: -16px !important;
  z-index: 3 !important;
  -webkit-transition-delay: 0.2s !important;
  -moz-transition-delay: 0.2s !important;
  -o-transition-delay: 0.2s !important;
  transition-delay: 0.2s !important;
}
.circleChatButtonWrap:hover .circleContactTop {
  -webkit-transform: rotateX(180deg) !important;
  -moz-transform: rotateX(180deg) !important;
  -o-transform: rotateX(180deg) !important;
  transform: rotateX(180deg) !important;
  -webkit-transition: z-index 0.8s ease, -webkit-transform 0.8s ease, border-top-color 0.8s ease !important;
  -moz-transition: z-index 0.8s ease, -moz-transform 0.8s ease, border-top-color 0.8s ease !important;
  -o-transition: z-index 0.8s ease, -o-transform 0.8s ease, border-top-color 0.8s ease !important;
  transition: z-index 0.8s ease, transform 0.8s ease, border-top-color 0.8s ease !important;
  border-top: 20px solid #dddddd !important;
  z-index: 2 !important;
}

.circleContactBack {
  background: #DDDDDD;
  position: absolute;
  display: block !important;
  width: 40px;
  height: 24px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.circleContactLetter {
  background-color: #FFFFFF;
  position: absolute;
  display: block !important;
  width: 32px;
  height: 20px;
  margin: 2px 4px;
  z-index: 3;
  text-align: center;
  -webkit-transition: all ease 0.7s;
  -moz-transition: all ease 0.7s;
  -o-transition: all ease 0.7s;
  transition: all ease 0.7s;
}

.circleContactPenIcon {
  background: url("../images/svg/logo-baumer.svg?v=31109657") right no-repeat content-box;
  height: 20px;
  width: 25px;
  display: inline-block !important;
}

.circleContactBottom {
  border-bottom: 22px solid #D4D4D4;
  width: 0;
  height: 0;
  position: absolute;
  display: block !important;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid transparent;
  bottom: 20px;
  z-index: 3;
}

.circleContactLeft {
  border-left: 12px solid #EAEAEA;
  width: 0;
  height: 0;
  position: absolute;
  display: block !important;
  border-right: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-top: 12px solid transparent;
  z-index: 3;
  left: 13px;
}

.circleContactRight {
  border-right: 12px solid #EAEAEA;
  width: 0;
  height: 0;
  position: absolute;
  display: block !important;
  border-left: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-top: 12px solid transparent;
  z-index: 3;
  right: 13px;
}

.circleContactTop {
  border-top: 22px solid #FFFFFF;
  display: block !important;
  width: 0;
  height: 0;
  position: absolute;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid transparent;
  z-index: 4;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: z-index 0.5s ease 0.4s, -webkit-transform 0.5s ease 0.4s, border-top-color 0.5s ease 0.4s;
  -moz-transition: z-index 0.5s ease 0.4s, -moz-transform 0.5s ease 0.4s, border-top-color 0.5s ease 0.4s;
  -o-transition: z-index 0.5s ease 0.4s, -o-transform 0.5s ease 0.4s, border-top-color 0.5s ease 0.4s;
  transition: z-index 0.5s ease 0.4s, transform 0.5s ease 0.4s, border-top-color 0.5s ease 0.4s;
}

.circleChatBubble {
  display: inline-block !important;
  background: #FFFFFF;
  border-radius: 7px 7px 0 7px;
  width: 31px;
  height: 31px;
  position: absolute;
  top: 17px;
  left: 17px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.circleChatBubbleTriangle {
  border-color: transparent transparent transparent #FFFFFF;
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 10px 10px;
  margin-top: 22px;
  margin-left: 25px;
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.circleChatBubbleContent {
  display: inline-block !important;
  transform-origin: 50% 50%;
  width: 31px;
  height: 5px;
  position: absolute;
  top: 31px;
  left: 17px;
  overflow: hidden;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.circleChatBubbleContent:hover {
  -webkit-transform: rotate(-45deg) !important;
  -moz-transform: rotate(-45deg) !important;
  -o-transform: rotate(-45deg) !important;
  transform: rotate(-45deg) !important;
}

.circleChatDot {
  width: 4px;
  height: 4px;
  top: 0;
  background: #315f96;
  border-radius: 50%;
  position: absolute;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

.circleChatDot1 {
  left: 7px;
}

.circleChatDot2 {
  left: 14px;
}

.circleChatDot3 {
  left: 21px;
}

@media print {
  .offlineChatButtonWrapper {
    display: none;
  }
}
.location {
  display: block;
}

.location__country {
  margin-bottom: 1rem;
  font-size: 1.375rem;
  line-height: 1.5rem;
  color: #333333;
}

.location__image {
  display: block;
  height: auto;
  margin-bottom: 1rem;
  object-fit: contain;
}
.location__image.location__image--empty {
  display: block;
  padding-bottom: 56.3333333%;
  background-position: center;
  background-size: cover;
}

.location__headline {
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
}

.location__address {
  margin-bottom: 0.5rem;
  font-size: 0.9375rem;
}

.location__link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
}
.location__link > .icon {
  flex: 0 0 1rem;
  width: 1rem;
  height: 1rem;
  margin-right: 0.25rem;
  color: inherit;
  fill: currentColor;
}
.location__link > a {
  text-decoration: none;
  color: inherit;
}
.location__link > a:hover {
  text-decoration: underline;
}
.location__link.ext {
  color: #315f96;
}

.location__categories {
  margin: 0.5rem 0 0;
  padding: 0;
  list-style: none;
  font-size: 0.875rem;
}
.location__categories > li {
  display: inline-block;
  margin-right: 0.5rem;
  margin-bottom: 0.75rem;
  padding: 0.25rem 0.5rem;
  background-color: #efefef;
  border-radius: 0.25rem;
}
.location__categories > li::before {
  content: none;
}

.locations-filter {
  margin-bottom: 2rem;
  border-bottom: 1px solid #e2e2e2;
}

.locations-filter__headline {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin: 0 0 1rem;
}
.locations-filter__headline > span {
  color: #333333;
  font-size: 1.375rem;
  line-height: 1.5rem;
}
.locations-filter__headline > .btn {
  margin-left: 1.5rem;
  font-size: 0.875rem;
}

.locations-filter__header {
  color: #333333;
  font-size: 1.125rem;
}

.locations-filter__search {
  position: relative;
  margin-top: 0.5rem;
}
.locations-filter__search > input[type=text] {
  display: block;
  margin: 0;
  padding-right: 2rem;
}
.locations-filter__search > .icon {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  height: 1rem;
  width: 1rem;
  margin-top: -0.5rem;
  pointer-events: none;
}
.locations-filter__search + .locations-filter__values {
  margin: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

input[type=checkbox].locations-filter__input + label.locations-filter__label {
  display: flex;
}

.locations-filter__values {
  list-style-type: none;
  margin-bottom: 1.5rem;
  margin-top: 0.5rem;
}
.locations-filter__values > li {
  position: relative;
  padding-left: 0;
  list-style-type: none;
}
.locations-filter__values > li::before {
  content: none;
  position: absolute;
  top: inherit;
  left: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.locations-filter__label {
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.875rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.locations-filter__name {
  flex: 1 1 auto;
  margin-right: 1rem;
  line-height: 1.3;
}

.locations-filter__count {
  margin-left: auto;
  margin-right: 0.5rem;
  flex: 0 0 auto;
  line-height: 1.3;
  white-space: nowrap;
}

.locations-filter__countries .locations-filter__values {
  max-height: 31vh;
  overflow: auto;
}

@media screen and (max-width: 80rem) {
  .locations-filter-countries .locations-filter__values {
    max-height: 20vh;
  }
}
.map-container {
  position: relative;
  max-width: 100vw;
  max-height: 100vh;
  background-color: #f7f7f7;
}
.map-container > svg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.map-container .continent {
  fill: #e2e2e2;
  stroke: none;
  transition: 400ms ease-out;
  cursor: pointer;
}
.map-container .continent:hover, .map-container .continent.active {
  fill: #315f96;
}
.map-container .continent > .disabled {
  fill: #efefef;
  pointer-events: none;
}
.map-container::before {
  content: "";
  display: block;
  width: 1px;
  height: 0;
  padding-bottom: 44.9%;
}

.locations-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  justify-content: flex-start;
  background-color: white;
}
.locations-wrapper > .location {
  flex-basis: calc(100% - 0rem);
  width: calc(100% - 0rem);
  max-width: calc(100% - 0rem);
  flex-shrink: 0;
  flex-grow: 0;
  margin-bottom: 2rem;
}
.locations-wrapper > .location:nth-child(n) {
  margin-right: 2rem;
}
.locations-wrapper > .location:last-child {
  margin-right: 0;
}
.locations-wrapper > .location:nth-child(1n) {
  margin-right: 0;
}

.locations-wrapper {
  margin-top: 1rem;
}

.locations-wrapper__filter {
  width: 100%;
}

.locations-wrapper__locations .location {
  margin-bottom: 2rem;
}

@media (min-width: 40rem) {
  .locations-wrapper__locations {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: flex-start;
  }
  .locations-wrapper__locations > .location {
    flex-basis: calc(100% - 0rem);
    width: calc(100% - 0rem);
    max-width: calc(100% - 0rem);
    flex-shrink: 0;
    flex-grow: 0;
    margin-bottom: 2rem;
  }
  .locations-wrapper__locations > .location:nth-child(n) {
    margin-right: 2rem;
  }
  .locations-wrapper__locations > .location:last-child {
    margin-right: 0;
  }
  .locations-wrapper__locations > .location:nth-child(1n) {
    margin-right: 0;
  }
  .locations-wrapper__locations-only {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: flex-start;
    min-width: 100%;
  }
  .locations-wrapper__locations-only > .location {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    flex-shrink: 0;
    flex-grow: 0;
    margin-bottom: 2rem;
  }
  .locations-wrapper__locations-only > .location:nth-child(n) {
    margin-right: 2rem;
  }
  .locations-wrapper__locations-only > .location:last-child {
    margin-right: 0;
  }
  .locations-wrapper__locations-only > .location:nth-child(2n) {
    margin-right: 0;
  }
  .locations-wrapper {
    display: flex;
    justify-content: center;
  }
  .locations-wrapper > * {
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 2rem;
  }
  .locations-wrapper > *:last-child {
    margin-right: 0;
  }
  .locations-wrapper > *:nth-child(1) {
    flex-basis: calc(33% - 1rem);
    width: calc(33% - 1rem);
    max-width: calc(33% - 1rem);
  }
  .locations-wrapper > *:nth-child(2) {
    flex-basis: calc(66% - 1rem);
    width: calc(66% - 1rem);
    max-width: calc(66% - 1rem);
  }
}
@media (min-width: 62rem) {
  .locations-wrapper__locations {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: flex-start;
  }
  .locations-wrapper__locations > .location {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    flex-shrink: 0;
    flex-grow: 0;
    margin-bottom: 2rem;
  }
  .locations-wrapper__locations > .location:nth-child(n) {
    margin-right: 2rem;
  }
  .locations-wrapper__locations > .location:last-child {
    margin-right: 0;
  }
  .locations-wrapper__locations > .location:nth-child(2n) {
    margin-right: 0;
  }
  .locations-wrapper__locations-only {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: flex-start;
    min-width: 100%;
  }
  .locations-wrapper__locations-only > .location {
    flex-basis: calc(33.33% - 1.34rem);
    width: calc(33.33% - 1.34rem);
    max-width: calc(33.33% - 1.34rem);
    flex-shrink: 0;
    flex-grow: 0;
    margin-bottom: 2rem;
  }
  .locations-wrapper__locations-only > .location:nth-child(n) {
    margin-right: 2rem;
  }
  .locations-wrapper__locations-only > .location:last-child {
    margin-right: 0;
  }
  .locations-wrapper__locations-only > .location:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 90rem) {
  .locations-wrapper__locations {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: flex-start;
  }
  .locations-wrapper__locations > .location {
    flex-basis: calc(33.33% - 1.34rem);
    width: calc(33.33% - 1.34rem);
    max-width: calc(33.33% - 1.34rem);
    flex-shrink: 0;
    flex-grow: 0;
    margin-bottom: 2rem;
  }
  .locations-wrapper__locations > .location:nth-child(n) {
    margin-right: 2rem;
  }
  .locations-wrapper__locations > .location:last-child {
    margin-right: 0;
  }
  .locations-wrapper__locations > .location:nth-child(3n) {
    margin-right: 0;
  }
  .locations-wrapper__locations-only {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: flex-start;
    min-width: 100%;
  }
  .locations-wrapper__locations-only > .location {
    flex-basis: calc(25% - 1.5rem);
    width: calc(25% - 1.5rem);
    max-width: calc(25% - 1.5rem);
    flex-shrink: 0;
    flex-grow: 0;
    margin-bottom: 2rem;
  }
  .locations-wrapper__locations-only > .location:nth-child(n) {
    margin-right: 2rem;
  }
  .locations-wrapper__locations-only > .location:last-child {
    margin-right: 0;
  }
  .locations-wrapper__locations-only > .location:nth-child(4n) {
    margin-right: 0;
  }
  .locations-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
  }
  .locations-wrapper > * {
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 2rem;
  }
  .locations-wrapper > *:last-child {
    margin-right: 0;
  }
  .locations-wrapper > *:nth-child(1) {
    flex-basis: calc(25% - 1rem);
    width: calc(25% - 1rem);
    max-width: calc(25% - 1rem);
  }
  .locations-wrapper > *:nth-child(2) {
    flex-basis: calc(75% - 1rem);
    width: calc(75% - 1rem);
    max-width: calc(75% - 1rem);
  }
}
.login__form {
  margin-bottom: 16px;
  background-color: #f7f7f7;
}

.login__headline {
  margin: 0 0 16px;
  font-size: 1.25rem;
  color: #315f96;
}

.login__input {
  font-size: 0.875rem;
  color: #6f6f6f;
}
.login__input > span {
  display: block;
  margin-bottom: 4px;
}

.login__submit {
  margin-bottom: 8px;
  background-color: #315f96;
}

.login__forgotten {
  font-size: 0.875rem;
}

.login__links {
  margin: 0;
  padding: 0;
  background-color: #f7f7f7;
}
.login__links > span {
  display: block;
  margin-bottom: 16px;
  font-size: 0.875rem;
}
.login__links > .btn + .btn {
  margin-top: 16px;
}

.login__vkorg {
  margin-top: 1rem;
}
.login__vkorg label {
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
}
.login__vkorg label:not(:first-child) {
  margin-top: 0.5rem;
}
.login__vkorg select {
  padding-top: 6px;
  font-size: 0.875rem;
  border-bottom-color: #e2e2e2;
}
.login__vkorg .btn {
  margin-top: 1rem;
}

.login__activation {
  margin-top: 16px;
  background-color: #315f96;
  color: white;
  padding: 0.5rem;
}

.login__error {
  display: none;
  font-size: 0.875rem;
  color: #A50034;
}
.login__error.true {
  display: block;
}
.login__error.true::before {
  content: attr(data-error);
  display: block;
}

.login--modal {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 68, 122, 0.5);
  z-index: 999;
}

@media (min-width: 40rem) {
  .login {
    position: absolute;
    bottom: 0;
    padding: 1rem;
    background: #f7f7f7;
    border: 10px solid #ffffff;
    box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.2);
    z-index: 11111;
    transform: translateY(100%) translateY(1rem);
    left: auto;
    right: 0;
  }
  .login::before, .login::after {
    content: "";
    position: absolute;
    top: -0.5rem;
    width: 1rem;
    height: 1rem;
    background: #f7f7f7;
    transform: rotate(-45deg);
  }
  .login::before {
    top: -18px;
    background: #ffffff;
  }
  .login::before, .login::after {
    left: auto;
    right: 1.25rem;
  }
}
@media screen and (max-width: 39rem) {
  .login {
    padding: 1rem;
    background: #ffffff;
  }
  .login__form,
  .login__links {
    background: none;
  }
  .login__links:not(:first-child) {
    padding-top: 1rem;
    border-top: 1px solid #e2e2e2;
  }
  .login__links:not(:last-child) {
    margin-bottom: 1rem;
  }
  .login__input > span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    display: block !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
  }
}
.main-nav-wrapper {
  position: relative;
  display: flex;
  justify-content: flex-start;
  font-size: 1rem;
  background-color: #ffffff;
  z-index: 3;
}
.main-nav-wrapper + .banner,
.main-nav-wrapper + .in-site-nav,
.main-nav-wrapper + .breadcrumb-wrapper {
  margin-top: -2rem;
}

.main-nav {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 40rem) {
  .main-nav {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .main-nav {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .main-nav {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .main-nav {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .main-nav {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
.main-nav > ul {
  margin-top: 0;
  margin-bottom: 0;
}
.main-nav > ul > li[data-flyout=product-innovation] {
  position: relative;
}
.main-nav > ul > li::before {
  content: none;
}

.main-nav-list {
  background: #ffffff;
  position: absolute;
  max-height: 0;
  opacity: 0;
  right: 0;
  top: 100%;
  width: 100%;
  z-index: 100;
  overflow: visible;
  display: none;
}
.main-nav-list > li {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  border-top: 1px solid #e2e2e2;
  position: relative;
  width: 100%;
  padding-left: 1rem;
}
.main-nav-list > li > a {
  display: inline-block;
  overflow-wrap: break-spaces;
  padding: 0.625rem 0.5rem 0.25rem 0;
  border-bottom: 6px solid transparent;
}
.main-nav-list > li > .main-nav-main-node, .main-nav-list > li > .main-nav-main-node-link {
  display: none;
}
.main-nav-list > li > .main-nav-collapser {
  display: block;
  cursor: pointer;
  min-height: 45px;
  min-width: 45px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='16px' viewBox='0 0 10 16'%3E%3Cpolygon fill='%23315f96' points='0 1.62 1.62 0 9.62 8 1.62 16 0 14.38 6.38 8 0 1.62'/%3E%3C/svg%3E") center center no-repeat content-box;
  transform: rotate(90deg);
  border-bottom: 1px solid #e2e2e2;
  font-size: 0.85rem;
}
.main-nav-list > li > .main-nav-collapser.expanded {
  transform: rotate(-90deg);
  border-bottom: none;
  border-top: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
}
.main-nav-list .header-top-item > :first-child {
  padding: 0.625rem 0.5rem 0.25rem 0;
  border-bottom: 6px solid transparent;
}
.main-nav-list .header-top-item .address-phone .icon {
  width: 16px;
  height: 16px;
  margin-right: 1rem;
}
.main-nav-list .header-top-item .address-phone .main-nav-mobile-items {
  display: none;
}
@media (max-width: 40rem) {
  .main-nav-list .header-top-item .address-phone .main-nav-mobile-items {
    display: block;
  }
}

.page-wrapper.menu-visible .main-nav-wrapper {
  z-index: 150;
}
.page-wrapper.menu-visible .main-nav-list {
  opacity: 1;
  max-height: none;
  display: block;
}

@media (min-width: 40rem) {
  .main-nav-wrapper {
    font-size: 1.15rem;
  }
  .main-nav-list {
    width: 45%;
  }
}
@media (min-width: 62rem), (min-width: 62rem) and (-ms-high-contrast: none) {
  .main-nav-wrapper {
    font-size: 1.25rem;
    min-height: 3rem;
  }
  .main-nav-list {
    display: flex !important;
    opacity: 1;
    max-height: none;
    position: unset;
    justify-content: center;
    width: calc(100% - 20px);
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
    white-space: nowrap;
  }
  .main-nav-list > li {
    display: inline-block;
    width: auto;
    border: none;
    margin: 0;
    padding: 0;
    color: #315f96;
  }
  .main-nav-list > li > .main-nav-collapser {
    display: none;
  }
  .main-nav-list > li > .mainnav-item-link {
    display: none;
  }
  .main-nav-list > li > a, .main-nav-list > li > .main-nav-main-node, .main-nav-list > li > .main-nav-main-node-link {
    display: inline-block;
    padding: 6px 1rem 3px 1rem;
    color: inherit;
    border-bottom: 6px solid transparent;
    transition: border-bottom-color 250ms ease-out;
    cursor: pointer;
  }
  .main-nav-list > li > .main-nav-main-node.activeNode {
    text-decoration: none;
    border-bottom-color: #315f96;
  }
  .main-nav-list > li:hover > a, .main-nav-list > li:hover > .main-nav-main-node {
    text-decoration: none;
    border-bottom-color: #315f96;
  }
  .main-nav-list > .metanav-item {
    display: none;
  }
  .main-nav-list > .header-top-item {
    display: none;
  }
}
.main-nav-menu-toggle {
  cursor: pointer;
}
.main-nav-menu-toggle .main-nav-menu-toggle__label {
  display: none;
  margin-left: 0.5rem;
  color: #315f96;
}
@media (min-width: 40rem) {
  .main-nav-menu-toggle .main-nav-menu-toggle__label {
    display: block;
  }
}

.page-wrapper.menu-visible .main-nav-menu-toggle .main-nav-menu-toggle__icon > span:nth-child(1), .page-wrapper.menu-visible .main-nav-menu-toggle .main-nav-menu-toggle__icon > span:nth-child(4) {
  top: 16px;
  width: 0;
  left: 50%;
}
.page-wrapper.menu-visible .main-nav-menu-toggle .main-nav-menu-toggle__icon > span:nth-child(2) {
  transform: rotate(45deg);
}
.page-wrapper.menu-visible .main-nav-menu-toggle .main-nav-menu-toggle__icon > span:nth-child(3) {
  transform: rotate(-45deg);
}

.main-nav-menu-toggle__icon {
  width: 20px;
  height: 24px;
  position: relative;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
}
.main-nav-menu-toggle__icon > span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #315f96;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
.main-nav-menu-toggle__icon > span:nth-child(1) {
  top: 4px;
}
.main-nav-menu-toggle__icon > span:nth-child(2), .main-nav-menu-toggle__icon > span:nth-child(3) {
  top: 10px;
}
.main-nav-menu-toggle__icon > span:nth-child(4) {
  top: 16px;
}

.content-matrix__wrapper {
  margin-top: -2rem;
}
.content-matrix__wrapper > .banner {
  margin-bottom: 2rem;
}

.matrix-active-filters .active-filter,
.matrix-active-filters .reset-facets {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.matrix-active-filters .active-filter {
  margin-right: 1rem;
}
.matrix-active-filters .active-filter:last-of-type {
  margin-right: 1.5rem;
}

.matrix-active-filters__filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 2rem;
}

.matrix-active-filters__sort {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

@media (min-width: 90rem) {
  .matrix-active-filters {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .matrix-active-filters__filter {
    flex: 1 1 auto;
    margin-bottom: 0;
  }
}
.matrix-table__item {
  box-shadow: none;
  transition: box-shadow 150ms ease-out;
}
.matrix-table__item .cart-table__entry:not(:first-child) {
  margin-top: 0;
}
.matrix-table__item:last-child {
  border-bottom: 0.5rem solid white;
}
.matrix-table__item.matrix-table__item--details {
  box-shadow: 1rem 0 0 -0.25rem #f7f7f7, -1rem 0 0 -0.25rem #f7f7f7;
}

.matrix-table__entry .cart-table__name {
  margin-bottom: 0;
  padding-top: 1rem;
}
.matrix-table__entry .cart-table__name:hover {
  text-decoration: underline;
}

.matrix-table__item--details .matrix-table__details-container {
  display: flex;
  flex-flow: wrap;
}

.matrix-table__details-container {
  display: none;
}

.matrix-table__product, .matrix-table__content {
  padding: 0 1rem 0.875rem 1rem;
}

.matrix-table__details-container {
  padding-top: 0.25rem;
  padding-bottom: 0.5rem;
}

.matrix-table-detail {
  width: 100%;
  margin-top: 1.5rem;
}

.matrix-table__options-cell {
  width: 100%;
  padding: 0;
  border-top: none;
}
@media screen and (max-width: 89rem) {
  .matrix-table__options-cell {
    display: block;
  }
}

.matrix-table__cart {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}
.matrix-table__cart .matrix-table__entry-container {
  margin: 0.5rem 0 0.5rem 0;
  height: 2rem;
}
.matrix-table__cart .add-to-cart-form {
  margin: 0;
  padding: 0 0 0.5rem;
}

.matrix-table__cart-quantity.cart__quantity {
  flex: 0 0 4rem;
  height: 2rem;
  margin-top: -0.25rem;
}

.matrix-table__cart-button.btn.icn {
  display: inline-flex;
  flex: 0 0 11rem;
  justify-content: space-between;
  padding: 0.4rem 0.6rem 0.3rem;
  margin-left: 0.6rem;
  margin-right: 0.25rem;
  height: 2rem;
  font-size: 0.875rem;
}
.matrix-table__cart-button.btn.icn > .icon {
  width: 1.25rem;
  height: 1.25rem;
  margin: 0;
}

.matrix-table__content {
  padding: 0 1rem;
  border-top: none;
}

.cart-table__cell.matrix-table__content.matrix-table__options-link_large {
  display: none;
}

.matrix-table__content.matrix-table__options-link {
  display: flex;
}

.matrix-table-detail__family {
  display: block;
}
.matrix-table-detail__family span {
  font-size: 0.875rem;
}

@media screen and (max-width: 79.9375rem) {
  .cart-table__cell.matrix-table__content {
    display: flex;
    justify-content: space-between;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    line-height: 1.3;
    text-align: right;
    width: 100%;
  }
  .cart-table__cell.matrix-table__content:nth-last-child(2) {
    padding-bottom: 0.75rem;
  }
  .cart-table__cell.matrix-table__content[data-has-price-action=""] {
    display: none;
  }
  .matrix-table__entry-container[data-cart-table-header]::before {
    content: attr(data-cart-table-header);
    font-size: 0.875rem;
    color: #999999;
  }
  .matrix-table__entry-container {
    width: 100%;
    justify-content: space-between;
    display: flex;
  }
  .matrix-table__item--details .cart-table__entry.matrix-table__entry:nth-child(2) {
    display: none;
  }
}
@media screen and (min-width: 80rem) and (max-width: 89.9375rem) {
  .matrix-table__item .cart-table__entry:not(:first-child) {
    align-items: flex-end;
  }
  .matrix-table__entry-container {
    display: grid;
  }
  .matrix-table__content.matrix-table__options-link {
    margin-top: 1rem;
  }
  .matrix-table__item.matrix-table__item--details .cart-table__product.matrix-table__product {
    padding-bottom: 0;
  }
  .matrix-table__item.matrix-table__item--details .matrix-table__content.matrix-table__options-link {
    margin-top: 0;
  }
}
@media screen and (max-width: 89.9375rem) {
  .matrix-table__entry {
    flex-wrap: wrap;
  }
  .matrix-table__entry .availability__label {
    color: #999999;
    font-size: 0.75rem;
  }
  .matrix-table__options-link {
    flex: 1 1 100%;
  }
  .matrix-table__item.matrix-table__item--details {
    box-shadow: 1rem 0 0 0 #f7f7f7, -1rem 0 0 0 #f7f7f7;
  }
  .matrix-table__cart {
    justify-content: flex-start;
    margin-top: 1rem;
  }
  .matrix-table-detail__family {
    margin-bottom: 0.5rem;
  }
}
@media screen and (max-width: 89.9375rem) {
  .cart-table {
    display: block;
  }
  .cart-table thead {
    display: none;
  }
  .cart-table tbody,
  .cart-table tfoot {
    display: block;
  }
  .cart-table__cell {
    display: block;
  }
  .cart-table__detail,
  .cart-table__entry {
    display: flex;
    width: 100%;
  }
  .cart-table__entry {
    align-items: center;
    margin-top: 0.5rem;
  }
  .cart-table__pos {
    flex-grow: 0;
    flex-shrink: 0;
    width: 4rem;
  }
  .cart-table__product {
    margin-right: auto;
  }
  .cart-table__quantity {
    flex-grow: 0;
    flex-shrink: 0;
    width: 6.5rem;
  }
  .cart-table__price {
    flex-grow: 0;
    flex-shrink: 0;
    width: 6rem;
  }
  .cart-table__action {
    flex-grow: 0;
    flex-shrink: 0;
    width: 52px;
  }
  .cart-table__actions {
    margin-left: auto;
  }
  .cart-table__cell,
  .cart-table__detail-cell {
    background: #f7f7f7;
    border: none;
  }
  .cart-table__detail-cell {
    display: none;
  }
  .cart-table__detail-cell.cart-table__detail-container {
    display: block;
  }
  .cart-price {
    display: flex;
  }
  .cart-table__show-all {
    margin-right: auto;
  }
  [data-cart-table-header]::before {
    content: attr(data-cart-table-header) ": ";
    font-size: 0.75rem;
    color: #999999;
  }
}
@media screen and (min-width: 80rem) {
  .matrix-table__content {
    justify-content: flex-start;
    flex: 1 0 0;
  }
  .matrix-table__content.matrix-table__cart {
    justify-content: flex-end;
    padding-bottom: 1rem;
    padding-top: 0.5rem;
  }
  .matrix-table__content.matrix-table__options-link {
    flex: 1 1 100%;
  }
  .matrix-table__cart-button.btn.icn {
    display: block;
    flex: 0 0 2rem;
    margin-left: 0.5rem;
    justify-content: flex-end;
  }
  .matrix-table__cart-button span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    display: block !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
  }
  .matrix-table__cart.add-to-cart-form {
    justify-content: flex-end;
    flex-wrap: nowrap;
  }
  .matrix-table__entry .cart-table__name {
    padding-top: 0;
  }
}
@media screen and (min-width: 90rem) {
  .cart-table__cell.matrix-table__content.matrix-table__options-link_large {
    display: table-cell;
  }
  .matrix-table__content.matrix-table__options-link {
    display: none;
  }
  .matrix-table-detail {
    margin-top: 3rem;
  }
  .matrix-table__item--details .matrix-table__details-container {
    display: initial;
  }
  .matrix-table__product {
    padding: 0 1rem 0 1rem;
  }
  .matrix-table__content {
    margin-bottom: -0.5rem;
  }
  .matrix-table__entry {
    border-bottom: 0.5rem solid white;
  }
}
.matrix-filter {
  display: none;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}

.matrix-filter__element {
  min-width: 14rem;
  margin-right: 2.1rem;
}
.matrix-filter__element:last-child {
  margin-right: 0;
}

.matrix-filter.visible {
  display: flex;
}

.content-matrix__wrapper .btn-open-filters + .matrix-filter {
  margin-top: 1.5rem;
}

@media screen and (min-width: 90rem) {
  .matrix-filter {
    display: flex;
  }
  .content-matrix__wrapper .btn-open-filters {
    display: none;
  }
}
.metanav {
  display: none;
  padding-left: 20px;
  flex: 0 0 auto;
}
@media (min-width: 62rem), (min-width: 62rem) and (-ms-high-contrast: none) {
  .metanav {
    display: flex;
  }
}
.metanav .metanav-item {
  padding: 0;
  color: #315f96;
  transition: color 250ms ease-out;
}
.metanav .metanav-item > a {
  color: inherit;
}
.metanav .metanav-item::before {
  content: none;
}
.metanav .metanav-item:not(:last-child) {
  margin-right: 1.5rem;
}
.metanav .metanav-item:hover {
  color: #333333;
}

.jquery-modal.blocker {
  z-index: 999;
}

.modal-error {
  float: left;
  margin-right: 10px;
}
.modal-error .modal-error__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background-color: #A50034;
  border-radius: 50%;
}
.modal-error .modal-error__icon > .icon {
  width: 12px;
  height: 12px;
  fill: white;
}

.notification-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 68, 122, 0.5);
}
.notification-modal::before {
  content: none;
}

.notification-modal__content {
  display: block;
  max-height: 90vh;
  min-height: 0;
  padding: 2.5rem 2rem 2rem 4.5rem;
  background-color: #f7f7f7;
  border: 5px solid white;
  border-radius: 0;
  box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.2);
  overflow: auto;
}
.notification-modal__content > .icon {
  position: absolute;
  top: 2.5rem;
  left: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}
@media screen and (max-width: 39rem) {
  .notification-modal__content {
    padding: 1.5rem;
  }
  .notification-modal__content > .icon {
    display: none;
  }
}

.notification-modal__body {
  margin-top: 1rem;
}
.notification-modal__body > table {
  border-collapse: collapse;
}
@media screen and (max-width: 39rem) {
  .notification-modal__body table,
  .notification-modal__body tr,
  .notification-modal__body td {
    display: block;
  }
  .notification-modal__body .notification-modal__title {
    padding-bottom: 0;
  }
  .notification-modal__body .notification-modal__description {
    padding-top: 0;
  }
}

.notification-modal__title,
.notification-modal__description {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
}

.notification-modal__title {
  padding-right: 2rem;
  color: #333333;
}

.notification-modal__action {
  margin-top: 2rem;
}
.notification-modal__action .h4 {
  margin-bottom: 1rem;
  font-size: 1rem;
}
.notification-modal__action .csv-import__upload {
  display: block;
}
.notification-modal__action .file-upload,
.notification-modal__action .file-upload__description {
  margin: 0;
}
.notification-modal__action .file-upload {
  display: inline-flex;
}
@media (min-width: 80rem) {
  .notification-modal__action .file-upload__info {
    display: none;
  }
  .notification-modal__action .file-upload__text {
    position: relative;
    right: auto;
    display: block;
    width: auto;
    margin-top: 1rem;
    padding: 0;
    background: none;
    border: none;
    box-shadow: none;
    font-size: 0.75rem;
    transform: none;
  }
  .notification-modal__action .file-upload__text::before {
    content: none;
  }
}

.notification-modal__footer {
  margin-top: 1rem;
  text-align: right;
}
.notification-modal__footer > .icon {
  position: absolute;
  top: 2.5rem;
  left: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}
@media screen and (max-width: 39rem) {
  .notification-modal__footer {
    padding: 1.5rem;
  }
  .notification-modal__footer > .icon {
    display: none;
  }
}

.news-press-headline,
.news-press-wrapper {
  margin-top: 3rem;
  margin-bottom: 2rem;
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 90rem) {
  .news-press-headline,
  .news-press-wrapper {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
}
@media (min-width: 40rem) {
  .news-press-headline,
  .news-press-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .news-press-headline,
  .news-press-wrapper {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .news-press-headline,
  .news-press-wrapper {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .news-press-headline,
  .news-press-wrapper {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .news-press-headline,
  .news-press-wrapper {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}

.news-press-headline {
  font-size: 3.0241935484vw;
  line-height: 1.2;
}
@media screen and (max-width: 0.07936px) {
  .news-press-headline {
    font-size: 24px;
  }
}
@media (min-width: 0.0062rem) {
  .news-press-headline {
    font-size: 1.875rem;
  }
}
.news-press-headline + .news-press-wrapper {
  margin-top: 3rem;
}

.news-highlightteaser-item {
  margin-bottom: 2rem;
}
.news-highlightteaser-item:hover, .news-highlightteaser-item:focus, .news-highlightteaser-item:active {
  box-shadow: 0 0 0 1rem #f7f7f7;
  background-color: #f7f7f7;
  transition: box-shadow 250ms ease-out, background-color 250ms ease-out;
}

.news-highlightteaser-image {
  display: block;
  margin-bottom: 1rem;
}
.news-highlightteaser-image > img {
  display: block;
}

.news-highlightteaser-content > .btn.icn svg {
  width: 0.75rem;
  height: 0.75rem;
  margin-top: 4px;
  margin-left: 0.625rem;
}

.news-list-wrapper {
  margin-bottom: 2rem;
}
.news-list-wrapper .button-show-all-wrapper-naked {
  text-align: left;
}

.news-list {
  margin-top: 0;
  margin-bottom: 0;
}

.news-listteaser-text {
  margin-bottom: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.75rem;
  padding-left: 0;
  border-bottom: 1px solid #e2e2e2;
}
.news-listteaser-text:hover, .news-listteaser-text:focus, .news-listteaser-text:active {
  box-shadow: 0 0 0 1rem #f7f7f7;
  background-color: #f7f7f7;
  transition: box-shadow 250ms ease-out, background-color 250ms ease-out;
}
.news-listteaser-text:hover, .news-listteaser-text:focus, .news-listteaser-text:active {
  box-shadow: -0.3125rem -0.25rem 0 0.3125rem #f7f7f7;
  border-bottom-color: transparent;
}
.news-listteaser-text::before {
  content: "";
}
.news-listteaser-text > p:last-of-type {
  display: inline;
}

.news-highlightteaser-date,
.news-upcoming-date {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.3;
}
.news-highlightteaser-date > .icon,
.news-upcoming-date > .icon {
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.3125rem;
}

@media (min-width: 40rem) {
  .news-highlightteaser-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .news-highlightteaser-items > .news-highlightteaser-item {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    flex-shrink: 0;
    flex-grow: 0;
    margin-bottom: 2rem;
  }
  .news-highlightteaser-items > .news-highlightteaser-item:nth-child(n) {
    margin-right: 2rem;
  }
  .news-highlightteaser-items > .news-highlightteaser-item:last-child {
    margin-right: 0;
  }
  .news-highlightteaser-items > .news-highlightteaser-item:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 80rem) {
  .news-press-wrapper.list-view {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 2rem;
  }
  .news-press-wrapper.list-view > .news-press-column {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    flex-shrink: 0;
    flex-grow: 0;
    margin-bottom: 2rem;
  }
  .news-press-wrapper.list-view > .news-press-column:nth-child(n) {
    margin-right: 2rem;
  }
  .news-press-wrapper.list-view > .news-press-column:last-child {
    margin-right: 0;
  }
  .news-press-wrapper.list-view > .news-press-column:nth-child(2n) {
    margin-right: 0;
  }
  .news-press-wrapper.list-view .news-press-column,
  .news-press-wrapper.list-view .news-highlightteaser-item {
    margin-bottom: 0;
  }
}
@media (min-width: 90rem) {
  .news-highlightteaser-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .news-highlightteaser-items > .news-highlightteaser-item {
    flex-basis: calc(50% - 1.5rem);
    width: calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
    flex-shrink: 0;
    flex-grow: 0;
    margin-bottom: 3rem;
  }
  .news-highlightteaser-items > .news-highlightteaser-item:nth-child(n) {
    margin-right: 3rem;
  }
  .news-highlightteaser-items > .news-highlightteaser-item:last-child {
    margin-right: 0;
  }
  .news-highlightteaser-items > .news-highlightteaser-item:nth-child(2n) {
    margin-right: 0;
  }
  .news-press-wrapper.list-view {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .news-press-wrapper.list-view > .news-press-column {
    flex-basis: calc(50% - 1.5rem);
    width: calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
    flex-shrink: 0;
    flex-grow: 0;
    margin-bottom: 3rem;
  }
  .news-press-wrapper.list-view > .news-press-column:nth-child(n) {
    margin-right: 3rem;
  }
  .news-press-wrapper.list-view > .news-press-column:last-child {
    margin-right: 0;
  }
  .news-press-wrapper.list-view > .news-press-column:nth-child(2n) {
    margin-right: 0;
  }
}
.news-teaser:hover:hover, .news-teaser:hover:focus, .news-teaser:hover:active, .news-teaser:active:hover, .news-teaser:active:focus, .news-teaser:active:active, .news-teaser:focus:hover, .news-teaser:focus:focus, .news-teaser:focus:active {
  box-shadow: 0 0 0 1rem #f7f7f7;
  background-color: #f7f7f7;
  transition: box-shadow 250ms ease-out, background-color 250ms ease-out;
}

.news-teaser__image {
  display: block;
  margin-bottom: 1rem;
}
.news-teaser__image > img {
  display: block;
}

.news-teaser__text > * {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.news-teaser__headline {
  font-size: 1.375rem;
}

.news-teaser__longtext {
  font-size: 0.875rem;
}
@media (min-width: 62rem) {
  .news-teaser__longtext {
    font-size: 1rem;
  }
}
.news-teaser__longtext > * {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.news-teaser__grid {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-top: 3rem;
  margin-bottom: 2rem;
  justify-content: center;
}
@media (min-width: 40rem) {
  .news-teaser__grid {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .news-teaser__grid {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .news-teaser__grid {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .news-teaser__grid {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .news-teaser__grid {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
@media (min-width: 90rem) {
  .news-teaser__grid {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
}
.news-teaser__grid > .news-teaser {
  margin-bottom: 2rem;
}
@media (min-width: 40rem) {
  .news-teaser__grid {
    display: flex;
    flex-wrap: wrap;
  }
  .news-teaser__grid > .news-teaser {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    flex-shrink: 0;
    flex-grow: 0;
  }
  .news-teaser__grid > .news-teaser:nth-child(n) {
    margin-right: 2rem;
  }
  .news-teaser__grid > .news-teaser:last-child {
    margin-right: 0;
  }
  .news-teaser__grid > .news-teaser:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 80rem) {
  .news-teaser__grid > .news-teaser {
    flex-basis: calc(33.33% - 1.34rem);
    width: calc(33.33% - 1.34rem);
    max-width: calc(33.33% - 1.34rem);
  }
  .news-teaser__grid > .news-teaser:nth-child(n) {
    margin-right: 2rem;
  }
  .news-teaser__grid > .news-teaser:last-child {
    margin-right: 0;
  }
  .news-teaser__grid > .news-teaser:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 90rem) {
  .news-teaser__grid > .news-teaser {
    flex-basis: calc(33.33% - 2rem);
    width: calc(33.33% - 2rem);
    max-width: calc(33.33% - 2rem);
    margin-bottom: 3rem;
  }
  .news-teaser__grid > .news-teaser:nth-child(n) {
    margin-right: 3rem;
  }
  .news-teaser__grid > .news-teaser:last-child {
    margin-right: 0;
  }
  .news-teaser__grid > .news-teaser:nth-child(3n) {
    margin-right: 0;
  }
}

.table-product + .not-found {
  width: calc(100% - 5px);
}

.not-found {
  margin-top: 3rem;
  padding: 0;
}
.not-found .contact-form {
  display: none;
}

.not-found-headline {
  margin: 0 0 0.5rem;
}

.not-found-button {
  padding: 1rem 0;
}

.notifications-wrapper {
  display: none;
}

.order-details .order-information h2 {
  font-size: 18px;
  margin-bottom: 1.5rem;
}
.order-details .primary-highlight {
  color: #315f96;
}
.order-details .checkout__overview {
  display: flex;
}
.order-details .order-information__status {
  margin-bottom: 4rem;
}
.order-details .order-information__status .order-information__status-row td:last-child {
  padding-left: 1rem;
}
.order-details .cart-table__product {
  margin-right: 0;
}
.order-details .order-page__content {
  display: block;
}
@media (min-width: 80rem) {
  .order-details .order-page__content {
    display: flex;
    justify-content: center;
  }
  .order-details .order-page__content > * {
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 2rem;
  }
  .order-details .order-page__content > *:last-child {
    margin-right: 0;
  }
  .order-details .order-page__content > *:nth-child(1) {
    flex-basis: calc(66% - 1rem);
    width: calc(66% - 1rem);
    max-width: calc(66% - 1rem);
  }
  .order-details .order-page__content > *:nth-child(2) {
    flex-basis: calc(33% - 1rem);
    width: calc(33% - 1rem);
    max-width: calc(33% - 1rem);
  }
  .order-details .order-page__content .cart-summary {
    margin-top: 0.5rem;
  }
}
@media (min-width: 90rem) {
  .order-details .order-page__content {
    display: flex;
    justify-content: center;
    margin-top: 3rem;
  }
  .order-details .order-page__content > * {
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 3rem;
  }
  .order-details .order-page__content > *:last-child {
    margin-right: 0;
  }
  .order-details .order-page__content > *:nth-child(1) {
    flex-basis: calc(75% - 1.5rem);
    width: calc(75% - 1.5rem);
    max-width: calc(75% - 1.5rem);
  }
  .order-details .order-page__content > *:nth-child(2) {
    flex-basis: calc(25% - 1.5rem);
    width: calc(25% - 1.5rem);
    max-width: calc(25% - 1.5rem);
  }
  .order-details .order-page__content .cart-summary {
    margin-top: 2.75rem;
  }
}
.order-details .cart-page__table,
.order-details .cart-page__summary {
  margin-top: 2rem;
}
.order-details .cart-page__table .cart-table {
  margin-top: 0;
}

@media (min-width: 40rem) {
  .order-details .cart-table__cell, .order-details .cart-table__detail-cell {
    flex-grow: 1;
  }
  .mobile-schedule-lines {
    display: none;
  }
}
@media (max-width: 40rem) {
  .schedule-Lines {
    display: none !important;
  }
  .order-table td {
    min-width: 100%;
    padding-bottom: 0.2rem;
    padding-top: 0.2rem;
  }
  .order-table-mobile-cell {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 80rem) {
  .order-details .cart-table__cell,
  .order-details .cart-table__detail-cell {
    padding: 0.5rem 0.5rem 0.5rem;
    flex-grow: 0;
  }
}
@media (max-width: 80rem) {
  .schedule-Lines {
    display: flex;
    margin-top: 0.5rem;
  }
}
.schedule-Lines.invisible-row {
  display: none;
}

.order-status__open {
  color: #333333;
}

.order-status__inProgress {
  color: #315f96;
}

.order-status__finished {
  color: #00AE3F;
}

.order-table {
  width: 100%;
  margin: 2rem 0;
  border-collapse: collapse;
  text-align: left;
}

.order-table__cell,
.order-table__header {
  min-width: 0;
  border-top: none;
  font-weight: 400;
  font-size: 0.875rem;
  text-align: left;
  vertical-align: middle;
}

.order-table__header {
  padding: 0.5rem 1rem;
  border-left: 1px solid #e2e2e2;
  border-bottom: 0.5rem solid white;
}
.order-table__header--blank {
  border-left: none;
}

.order-table__cell {
  padding: 1rem 1rem 1rem;
  border-top: 0.5rem solid white;
}
.order-table__cell .order__quantity {
  margin: 0;
  font-size: 0.875rem;
}

.order-table__entry {
  background-color: #f7f7f7;
}

.schedule-Lines {
  background-color: rgba(247, 247, 247, 0.65);
  width: 100%;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}

.schedule-cell {
  border: none;
  background-color: transparent;
  padding: 1rem 1rem 1rem;
  border-top: 0.5rem solid white;
  min-width: 0;
  font-weight: 400;
  font-size: 0.875rem;
  text-align: left;
  vertical-align: middle;
}

.order-table__entry.errorEntry,
.order-table__detail.errorEntry {
  background-color: rgba(165, 0, 52, 0.08);
}
.order-table__entry.errorEntry .order-table__cell,
.order-table__entry.errorEntry .order-table__detail-cell,
.order-table__detail.errorEntry .order-table__cell,
.order-table__detail.errorEntry .order-table__detail-cell {
  background-color: transparent;
}

.order-table__code {
  font-size: 0.875rem;
}

td.noselect,
td.noselect *,
th.noselect,
th.noselect * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

td.noselect::selection,
td.noselect *::selection,
th.noselect::selection,
th.noselect *::selection {
  background: transparent;
}

@media screen and (max-width: 79rem) {
  .order-table {
    display: block;
  }
  .order-table thead {
    display: none;
  }
  .order-table tbody,
  .order-table tfoot {
    display: block;
  }
  .order-table__cell {
    display: block;
  }
  .order-table__detail,
  .order-table__entry {
    display: flex;
    width: 100%;
  }
  .order-table__entry {
    align-items: center;
    margin-top: 0.5rem;
  }
  .order-table__pos {
    flex-grow: 0;
    flex-shrink: 0;
    width: 4rem;
  }
  .scheduleLine__posCell {
    flex-grow: 0;
    flex-shrink: 0;
    width: 4rem;
  }
  .order-table__product {
    margin-right: auto;
  }
  .scheduleLine__productCell {
    margin-right: auto;
  }
  .order-table__quantity {
    flex-grow: 0;
    flex-shrink: 0;
    width: 6.5rem;
  }
  .order-table__price {
    flex-grow: 0;
    flex-shrink: 0;
    width: 6rem;
  }
  .order-table__cell,
  .order-table__detail-cell {
    background: #f7f7f7;
    border: none;
  }
  .schedule-cell {
    border: none;
  }
  .order-price {
    display: flex;
  }
  [data-order-table-header]::before {
    content: attr(data-order-table-header) ": ";
    font-size: 0.75rem;
    color: #999999;
  }
}
.order-table__shipping {
  min-width: 9rem;
}

@media screen and (max-width: 62rem) {
  .order-table__entry,
  .order-price {
    flex-wrap: wrap;
  }
  .order-table__product {
    flex-grow: 0;
    flex-shrink: 0;
    width: calc(100% - 4rem);
  }
  .scheduleLine__productCell,
  .scheduleLine__posCell {
    width: 0rem;
    margin-right: 0;
    padding: 0;
  }
  .order-table__sum {
    padding-top: 1rem;
  }
  th.order-table__sum {
    margin-left: auto;
  }
  .order-price td:empty {
    display: none;
  }
}
.order-table tfoot tr.order-price-fragment:first-child td, .order-table tfoot tr.order-price-fragment:first-child th {
  padding: 3rem 0 0 1rem;
}
.order-table .primary-highlight {
  color: #315f96;
}

.order-table__sum {
  font-size: 0.875rem;
  font-weight: 400;
  text-align: right;
  color: #333333;
  vertical-align: bottom;
}

.order-table__freight {
  font-size: 0.875rem;
  font-weight: 400;
  text-align: right;
  vertical-align: bottom;
}

.order-table-partialdelivery__button.btn.icn {
  position: relative;
  margin-bottom: 1rem;
  margin-right: 1.5rem;
  padding-right: 1.2rem;
  color: #315f96;
  font-size: 0.875rem;
}
.order-table-partialdelivery__button.btn.icn.js-order-schedule-lines {
  margin-bottom: 0rem !important;
}
.order-table-partialdelivery__button.btn.icn > .icon {
  position: absolute;
  right: 0;
  top: 50%;
  margin: -6px 0 0;
}
.order-table-partialdelivery__button.btn.icn.order-table-partialdelivery__close {
  display: none;
}
.order-table-partialdelivery__button.btn.icn.order-table-partialdelivery__close > .icon {
  transform: rotate(180deg);
}

.password-info {
  position: relative;
  display: none;
  width: 240px;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  border: 1px solid #e2e2e2;
  background: white;
  box-shadow: 0 2px 16px -5px rgba(51, 51, 51, 0.4);
  opacity: 0;
  transition: opacity 400ms;
}
.password-info::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 20px;
  display: block;
  width: 10px;
  height: 10px;
  background: white;
  border-top: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  transform: rotate(-45deg);
}
.password-info.visible {
  opacity: 1;
}

.password-info__headline {
  margin: 0.5rem;
}

.password-info__rules {
  position: relative;
  margin: 0 0.5rem 0.5rem;
}

.phone-info__text {
  margin: 0.75rem 0.75rem 0.5rem;
}

.price-info-detail {
  margin-top: 1rem;
}
.price-info-detail .add-to-cart-form {
  gap: 1rem;
  margin: 2rem 0;
}
.price-info-detail .add-to-cart-form:last-child {
  margin-bottom: 0;
}
.price-info-detail .cart__quantity {
  margin-right: 1rem;
}
.price-info-detail .info-flyout {
  margin: 0 1rem 0 0;
}

.price-info-detail__your-price {
  margin: 0.5rem 0.3rem 0.5rem 0;
  font-size: 1.375rem;
  color: #333333;
}

.price-info-detail__vat {
  display: inline-block;
  margin-right: 0.3rem;
  font-size: 0.75rem;
  white-space: nowrap;
}

.price-info-detail__reference-price {
  color: #333333;
  font-size: 0.875rem;
}
.price-info-detail__reference-price + .price-info-detail__reference-price {
  margin-top: 0.275rem;
}

.price-info-detail__cart {
  display: flex;
  align-items: center;
}

.pricelist__cell {
  background: #f7f7f7;
}

.pricelist-detail__new {
  font-size: 0.875rem;
}

.pricelist__buttons {
  display: flex;
  justify-content: flex-end;
}
.pricelist__buttons > .btn:not(:last-child) {
  margin-right: 0.5rem;
}

.pricelistfactor__input > span {
  display: block;
  margin-bottom: 0.5rem;
}
.pricelistfactor__input > input,
.pricelistfactor__input > select {
  margin-bottom: 0;
}

.pricelistfactor__factor {
  width: 3.5rem;
}
.pricelistfactor__factor.pricelistfactor__factor--large {
  width: auto;
}

.pricelistfactor__date {
  width: 10rem;
}

.pricelistfactor > .cart-table__cell {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: none;
}
.pricelistfactor:not(:first-child) > .cart-table__cell {
  padding-top: 1rem;
  border-top: none;
  box-shadow: inset 0 2px 0 0 white;
}
.pricelistfactor:not(:first-child) > .cart-table__cell:first-child {
  box-shadow: none;
}
.pricelistfactor:not(:first-child) > .cart-table__cell:last-child {
  box-shadow: inset -16px 0 0 0 #f7f7f7, inset 0 2px 0 0 white;
}
.pricelistfactor:not(:first-child) .pricelistfactor__id,
.pricelistfactor:not(:first-child) .pricelistfactor__edit {
  display: none;
}

.pricelistfactor__actions {
  text-align: right;
}
.pricelistfactor__actions > .btn {
  margin-right: 1rem;
}
.pricelistfactor__actions > .btn:last-child {
  margin-left: 0;
  margin-right: 0;
}
.pricelistfactor__actions > .btn .icon {
  width: 1rem;
  height: 1rem;
  fill: #6f6f6f;
}
.pricelistfactor__actions > .btn:hover .icon {
  fill: #315f96;
}

.pricelistfactor-new-entry__save,
.pricelistfactor-new-entry,
.pricelistfactor-new-entry__headline {
  display: none;
}
.pricelistfactor-new-entry__save .cart-table__cell,
.pricelistfactor-new-entry .cart-table__cell,
.pricelistfactor-new-entry__headline .cart-table__cell {
  padding-bottom: 1rem;
  vertical-align: bottom;
}
.pricelistfactor-new-entry__save input,
.pricelistfactor-new-entry input,
.pricelistfactor-new-entry__headline input {
  margin-bottom: 0;
}

.pricelistfactor-new-entry > .cart-table__cell {
  border-top: none;
}

.pricelistfactor-new-entry__headline > .cart-table__cell {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: none;
  font-size: 1rem;
}

.pricelistfactor__new-factor {
  display: none;
}
.pricelistfactor__new-factor input {
  margin-bottom: 0;
}
.pricelistfactor__new-factor > .cart-table__cell {
  padding-top: 1rem;
  padding-bottom: 0.75rem;
  border-top: none;
  box-shadow: inset 0 2px 0 0 white;
}
.pricelistfactor__new-factor > .cart-table__cell:first-child {
  color: #999999;
  box-shadow: inset 16px 0 0 0 #f7f7f7, inset 0 2px 0 0 white;
}
.pricelistfactor__new-factor > .cart-table__cell:last-child {
  box-shadow: inset -16px 0 0 0 #f7f7f7, inset 0 2px 0 0 white;
}

.pricelist-detail__edit-all {
  align-items: flex-start;
  height: 3rem;
}
.pricelist-detail__edit-all [type=reset],
.pricelist-detail__edit-all [type=submit] {
  display: none;
}
@media (min-width: 80rem) {
  .pricelist-detail__edit-all > .btn {
    margin-left: 1rem;
  }
}

.pricelist-table__name {
  color: inherit;
  margin-bottom: 0;
}

.priceListFactors__buttons {
  margin-left: 2rem;
}

.pricelist-detail--edit-all .pricelist-detail__edit-all-btn,
.pricelist-detail--edit-all .pricelistfactor__edit,
.pricelist-detail--edit-all .pricelistfactor__delete,
.pricelist-detail--edit-all .pricelist__buttons,
.pricelist-detail--edit-all .pricelistfactor-new-entry,
.pricelist-detail--edit-all .pricelistfactor-new-entry__headline,
.pricelist-detail--edit-all .pricelist-detail__new {
  display: none;
}
.pricelist-detail--edit-all .pricelist-detail__edit-all [type=reset],
.pricelist-detail--edit-all .pricelist-detail__edit-all [type=submit] {
  display: inline-flex;
}
.pricelist-detail--edit-all .pricelistfactor__new-factor {
  display: table-row;
}

.pricelist-detail--edit-entry .pricelist-detail__edit-all > .btn,
.pricelist-detail--edit-entry .pricelistfactor__edit,
.pricelist-detail--edit-entry .pricelistfactor__delete {
  display: none;
}

.pricelistfactor-entry--edit .pricelistfactor__new-factor {
  display: table-row;
}

.pricelist-detail--new-entry .pricelist-detail__edit-all-btn,
.pricelist-detail--new-entry .pricelistfactor__edit,
.pricelist-detail--new-entry .pricelistfactor__delete,
.pricelist-detail--new-entry .pricelist-detail__new {
  display: none;
}
.pricelist-detail--new-entry .pricelistfactor-new-entry,
.pricelist-detail--new-entry .pricelistfactor-new-entry__headline {
  display: table-row;
}

@media (min-width: 90rem) {
  .pricelistfactor__new-factor .pricelistfactor__input > span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    display: block !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
  }
}
@media screen and (max-width: 89rem) {
  .pricelistfactor {
    position: relative;
    flex-wrap: wrap;
  }
  .pricelistfactor__actions {
    margin-left: auto;
  }
  .pricelistfactor-entry__product {
    flex-shrink: 0;
    flex-grow: 0;
    width: calc(100% - 6rem);
    order: -2;
  }
  .pricelistfactor-entry .pricelistfactor .cart-table__cell:nth-child(1n) {
    box-shadow: none;
  }
  .pricelistfactor-entry .pricelistfactor:not(:first-child) {
    margin-top: 2px;
  }
  .pricelistfactor-entry .pricelistfactor:not(:first-child) .pricelistfactor-entry__product {
    display: none;
  }
  .pricelistfactor-entry .pricelistfactor:first-child .pricelistfactor__actions {
    display: flex;
    width: 6rem;
    order: -1;
  }
  .pricelist-detail--new-entry .pricelistfactor-new-entry {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
  }
  .pricelist-detail--new-entry .pricelistfactor-new-entry__headline {
    display: flex;
    margin-top: 0.5rem;
  }
  .pricelist-detail--new-entry .pricelistfactor-new-entry__product,
  .pricelist-detail--new-entry .pricelistfactor-new-entry__actions {
    flex: 0 0 100%;
  }
  .pricelist-detail--new-entry .pricelistfactor-new-entry__product {
    padding-bottom: 0;
  }
  .pricelist-detail--new-entry .pricelistfactor-new-entry__product input {
    margin-bottom: 0;
  }
  .pricelist-detail--new-entry .pricelistfactor-new-entry__actions {
    padding-bottom: 1rem;
  }
  .pricelistfactor-entry--edit .pricelistfactor__new-factor,
  .pricelist-detail--edit-all .pricelistfactor__new-factor {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-top: 2px;
    background: #f7f7f7;
  }
  .pricelistfactor-entry--edit .pricelistfactor__new-factor .cart-table__cell:nth-child(1n),
  .pricelist-detail--edit-all .pricelistfactor__new-factor .cart-table__cell:nth-child(1n) {
    display: block;
    box-shadow: none;
  }
  .pricelistfactor-entry--edit .pricelistfactor__new-factor .pricelistfactor__new-factor__actions,
  .pricelist-detail--edit-all .pricelistfactor__new-factor .pricelistfactor__new-factor__actions {
    margin-left: auto;
  }
  .pricelistfactor-entry--edit .pricelistfactor__new-factor .pricelistfactor__new-factor__headline,
  .pricelist-detail--edit-all .pricelistfactor__new-factor .pricelistfactor__new-factor__headline {
    flex: 0 0 100%;
  }
  .pricelistfactor-entry--edit .pricelistfactor__input > span,
  .pricelist-detail--edit-all .pricelistfactor__input > span {
    color: #999999;
    font-size: 0.75rem;
  }
}
.print__header {
  padding-left: -2.75rem;
}

.print__header-logo,
.print__header-logo-slogan {
  flex: 0 0 200px;
  height: 80px;
}

.print__header-logo-slogan {
  flex: 0 0 150px;
}

@media print {
  .print__header {
    position: fixed;
    break-inside: avoid;
    max-height: 2rem;
    top: 0;
    width: 99%;
  }
}
.print-product-table {
  width: 100%;
  margin: 1rem 0;
  border-collapse: collapse;
  text-align: left;
  line-height: 1.2;
}
.print-product-table td,
.print-product-table th {
  vertical-align: top;
}
.print-product-table .cart-table-config-detail {
  padding: 1rem 0.5rem 1.5rem;
}
.print-product-table .cart-table-config-detail__list-item {
  padding-left: 0;
}
.print-product-table .cart-table-config-detail__list-item::before {
  content: none;
}
.print-product-table .cart-table-config-detail__key {
  text-align: right;
}
.print-product-table .cart-table-config-detail__key .bracketed {
  color: #000;
}

.print-product-table__th {
  padding: 0.5rem;
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.print-product-table__cell {
  padding: 0.5rem 0.5rem;
}

.print-table__sum > td {
  padding: 0.5rem;
  border-top: 1px solid;
}

@media print {
  .print-product-table {
    break-inside: avoid-column;
  }
  .print-table__sum {
    break-inside: avoid;
  }
}
.print-template__wrapper {
  color: #000;
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}
.print-template__wrapper .cart-page__contact {
  display: flex;
}
.print-template__wrapper .cart-table-config-detail {
  height: auto;
}
.print-template__wrapper .print__header {
  display: flex;
  justify-content: space-between;
  left: 0.25rem;
  right: 2.75rem;
}
.print-template__wrapper .print__contact {
  display: grid;
  grid-template-columns: 1fr 1fr;
  text-align: left;
  width: 100%;
  margin-bottom: 3rem;
}
.print-template__wrapper .print__contact > h1 {
  grid-column-start: 2;
  grid-column-end: 3;
  margin: 0 0 0.5rem;
}
.print-template__wrapper .print__contact > p {
  margin: 0;
}
.print-template__wrapper .print__information {
  display: grid;
  align-self: start;
  grid-template-columns: 4fr 6fr;
  grid-column-gap: 1rem;
}
.print-template__wrapper .print__information > dt,
.print-template__wrapper .print__information > dd {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
}
.print-template__wrapper .print__information > dt {
  font-weight: 700;
}

.print-contact-table {
  width: 100%;
}

.print-contact-table__cell {
  width: 33%;
}

.print-product-table__entries tr:not(.print-table__sum):last-child td {
  border-bottom: 1px solid;
}
.print-product-table__entries .cart-table-config-detail__table td {
  border: none !important;
}

.page-PrintTemplatePage #header,
.page-PrintTemplatePage .footer-address-link {
  display: none;
}
.page-PrintTemplatePage .footer {
  background: none;
}

@media print {
  .print-template__wrapper {
    font-size: 12pt;
  }
  .print-template__wrapper .cart-table-config-detail {
    font-size: 10pt;
  }
  .print-layout-placeholder {
    width: 100%;
  }
  .print-layout-placeholder thead {
    display: table-header-group;
  }
  .print-layout-placeholder .print-layout-placeholder__header {
    height: 2.5cm;
  }
  .page-PrintTemplatePage .footer,
  .page-PrintTemplatePage .footer-main {
    margin: 0;
    padding: 0;
  }
  .page-PrintTemplatePage .footer-contact {
    position: relative;
    padding: 2.75rem 2.75rem 0;
    page-break-inside: avoid;
  }
  .page-PrintTemplatePage .footer-contact::before {
    content: "";
    display: block;
    height: 2rem;
  }
  .page-PrintTemplatePage .footer-contact .footer-address-title,
  .page-PrintTemplatePage .footer-contact .footer-address-location,
  .page-PrintTemplatePage .footer-contact .footer-address-mail,
  .page-PrintTemplatePage .footer-contact .footer-address-phone {
    color: #9c9c9d !important;
    font-size: 12pt !important;
  }
  .page-PrintTemplatePage .footer-contact .footer-address-link,
  .page-PrintTemplatePage .footer-contact .icon {
    display: none !important;
  }
  .page-PrintTemplatePage .footer-contact a {
    color: #9c9c9d !important;
    text-decoration: none !important;
  }
}
.product-accessories {
  margin-top: 3rem;
  margin-bottom: 2rem;
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 67rem;
}
@media (min-width: 90rem) {
  .product-accessories {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
}
@media (min-width: 40rem) {
  .product-accessories {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .product-accessories {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.product-accessories > .content-headline {
  margin-bottom: 3rem;
}
.product-accessories .table .table-product-image {
  width: 136px;
}

@media (min-width: 62rem) {
  .product-accessories .table.table-product.card-layout .table-product-name {
    width: 35%;
  }
  .product-accessories .table.table-product.card-layout .table-product-description {
    padding-left: 2rem;
  }
}
.cadenas-container {
  margin-top: 3rem;
  margin-bottom: 2rem;
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 67rem;
}
@media (min-width: 90rem) {
  .cadenas-container {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
}
@media (min-width: 40rem) {
  .cadenas-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .cadenas-container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.cadenas-container > .content-headline {
  margin-bottom: 3rem;
}
.cadenas-container .cadenas-container__content iframe {
  min-height: 55vh;
}
@media only screen and (max-width: 40rem) and (any-hover: hover) {
  .cadenas-container .cadenas-container__content iframe {
    min-height: 30rem;
  }
}
@media only screen and (min-width: 40rem) {
  .cadenas-container .cadenas-container__content iframe {
    min-height: 50rem;
  }
}
@media only screen and (min-width: 62rem) {
  .cadenas-container .cadenas-container__content iframe {
    min-height: 60rem;
  }
}

.banner-productdetail.config-mode {
  margin-bottom: 0;
}

.banner-productdetail.config-mode .banner-productdetail-image {
  display: none;
}

.product-config-wrapper {
  margin-top: 3rem;
  margin-bottom: 2rem;
  background-color: #f7f7f7;
  margin-top: 0;
}
@media (min-width: 90rem) {
  .product-config-wrapper {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
}
@media (min-width: 90rem) {
  .product-config-wrapper {
    margin-top: 0;
  }
}

#product-config {
  margin-bottom: 2rem;
}
#product-config + .in-site-nav {
  margin-top: -2rem;
}

.product-config {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 40rem) {
  .product-config {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .product-config {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .product-config {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .product-config {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .product-config {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
.product-config .buttongroup {
  margin-top: 1rem;
}
.product-config .buttongroup .btn:last-child {
  margin-bottom: 2rem;
}

.product-config__result {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  padding: 1rem 0 0;
}
.product-config__result > .product-config-key {
  width: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
}
.product-config__result > .additional-info-detail {
  margin-top: 1rem;
}
.product-config__result > .additional-info-detail > .sapAvailabilitySection {
  margin-top: 0;
}
.product-config__result > .additional-info-detail > .sapAvailabilitySection:last-child() {
  margin-bottom: 1.5rem;
}
.product-config__result > .additional-info-detail > .sapAvailabilitySection + .price-info-detail {
  margin-top: 3px;
}
.product-config__result > .additional-info-detail > .sapAvailabilitySection + .price-info-detail .price-info-detail__form:first-child {
  margin-top: -10px;
}
.product-config__result > .additional-info-detail > .price-info-detail {
  display: block;
  margin-bottom: 1rem;
  margin-top: 0;
}
.product-config__result .price-info-detail__reference-price + .price-info-detail__form {
  margin-right: 0;
  margin-top: -0.275rem;
}
.product-config__result .info-flyout {
  display: inline-block;
  margin-bottom: 0;
  margin-top: 0;
}
.product-config__result .price-info-detail__cart {
  display: inline-flex;
}
.product-config__result.clone {
  position: fixed;
  top: -300px;
  display: none;
  z-index: 1000;
  transition: top 1s;
}
.product-config__result.clone::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  display: block;
  width: 10000px;
  margin-left: -5000px;
  background: white;
  box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.6);
  z-index: -1;
}
.product-config__result.clone.sticky {
  top: 0;
}

.product-config-key {
  flex: 0 0 100%;
  margin: 0;
  line-height: 1;
  width: auto;
  margin-right: auto;
}
.product-config-key > .config-key-value {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 14px;
  margin-right: 0;
  line-height: 1;
  font-size: 0.875rem;
  color: #315f96;
}
.product-config-key > .config-key-substitutedMaterial {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 6px;
  margin-bottom: 4px;
  margin-right: 0;
  line-height: 1;
  font-size: 0.75rem;
  color: #999999;
}
.product-config-key > .config-key-label {
  display: block;
  font-size: 0.875rem;
  color: #333333;
}
.product-config-key .editable__input {
  font-size: 1.125rem;
  margin-bottom: 0;
  border: none;
}
.product-config-key .editable__start {
  width: 1rem;
  height: 1rem;
  margin-left: 1rem;
}

.product-config__complete {
  display: block;
  flex: 0 0 1.125rem;
  width: 1.125rem;
  height: 1.125rem;
  margin-left: 0.5rem;
  color: #315f96;
}

.product-config-group {
  min-height: 46px;
  background-color: #ffffff;
}
.product-config-group:not(:last-child) {
  margin-bottom: 0.5rem;
}

.config-title {
  position: relative;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  color: #333333;
}

.config-selected,
.config-values {
  font-size: 0.875rem;
}

.config-selected {
  position: relative;
  display: none;
  height: 100%;
  min-height: 1rem;
  padding: 0.75rem 3rem 0.5rem 1rem;
  color: #315f96;
  cursor: pointer;
}
.config-selected > svg {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  right: 1rem;
  width: 1rem;
  height: 1rem;
  fill: currentColor;
}
.config-selected > span {
  display: block;
}
.config-selected:hover {
  cursor: pointer;
}

.config-values-wrapper {
  width: 100%;
}
.config-values-wrapper .numeric-selector {
  padding: 0.5rem 1rem;
}
.config-values-wrapper .numeric-selector > input[type=text] {
  border-color: #999999;
}
.config-values-wrapper .numeric-selector > input[type=text]:focus, .config-values-wrapper .numeric-selector > input[type=text]:active {
  border-color: #315f96;
  outline: none;
}

.config-values {
  width: 100%;
  margin-top: 1rem;
  padding: 0.75rem 1rem 0.5rem;
}

.config-value {
  padding-bottom: 0.5rem;
  break-inside: avoid;
}
.config-value > label {
  margin-top: 0;
}

.numeric-input-wrapper {
  padding: 0.75rem 1rem 0.5rem 1rem;
}

.numeric-input-label {
  margin: 0 0 0.3125rem;
  font-size: 0.875rem;
}

.numeric-editable-wrapper {
  display: flex;
  max-width: 20rem;
  line-height: 1;
}

@media (min-width: 40rem) {
  .product-config__result.clone {
    display: block;
  }
  .config-values:not(.boxes) {
    display: flex;
    flex-wrap: wrap;
  }
  .config-values:not(.boxes) .config-value {
    flex: 0 0 50%;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .product-config__result.clone {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .product-config-key {
    flex: 1 1 auto;
  }
  .product-config-key > span.config-key-value {
    max-width: 400px;
    margin-right: 3rem;
  }
  .product-config__price {
    margin-top: 0;
  }
  .product-config__price {
    margin-top: -24px;
    line-height: 1.5625;
  }
  .product-config__result {
    padding-top: 2rem;
  }
  .product-config__actions {
    margin-top: 0;
  }
  .product-config__actions {
    margin-left: 0;
  }
  .banner-productdetail.config-mode .banner-productdetail-image {
    display: block;
  }
  .product-config-group {
    display: flex;
  }
  .config-characteristic-content {
    width: 100%;
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: calc(66% - 1rem);
    max-width: calc(66% - 1rem);
  }
  .config-title {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: calc(33% - 1rem);
    width: calc(33% - 1rem);
    max-width: calc(33% - 1rem);
    margin-right: 2rem;
  }
  .config-values {
    margin-top: 0;
  }
  .product-config__result > .additional-info-detail {
    margin-top: 1rem;
  }
  .product-config__result > .additional-info-detail > .sapAvailabilitySection {
    padding-right: 23.75rem;
  }
  .product-config__result > .additional-info-detail > .sapAvailabilitySection:last-child() {
    margin-top: 0;
    display: block;
    margin-bottom: 2.75rem;
  }
}
@media (min-width: 80rem) {
  .config-title {
    flex-basis: calc(25% - 1rem);
    width: calc(25% - 1rem);
    max-width: calc(25% - 1rem);
    margin-right: 2rem;
  }
  .config-characteristic-content {
    flex-basis: calc(75% - 1rem);
    width: calc(75% - 1rem);
    max-width: calc(75% - 1rem);
  }
  .config-values:not(.boxes) .config-value {
    flex: 0 0 33%;
  }
}
.product-detail-logos {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-top: 2px solid white;
}
@media (min-width: 40rem) {
  .product-detail-logos {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .product-detail-logos {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .product-detail-logos {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .product-detail-logos {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .product-detail-logos {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
.product-detail-logos--minimized .product-detail-logos__logo:nth-child(5) ~ .product-detail-logos__logo {
  display: none;
}
.product-detail-logos--minimized .product-detail-logos__show-all {
  display: block;
}

.product-detail-logos__logo,
.product-detail-logos__show-all {
  padding: 0;
}
.product-detail-logos__logo::before,
.product-detail-logos__show-all::before {
  content: none;
}

.product-detail-logos__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 auto;
  height: 2.5rem;
  margin: 0.5rem 0 0.5rem 1rem;
}
.product-detail-logos__logo > img {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  max-width: 4rem;
  max-height: 100%;
}

.product-detail-logos__show-all {
  display: none;
}
.product-detail-logos__show-all .product-detail-logos__button.btn {
  margin-left: 1rem;
  padding: 0.5rem;
}
.product-detail-logos__show-all .product-detail-logos__button.btn > .icon {
  margin: 0;
  width: 1rem;
  height: 1rem;
}

.product-discount {
  margin: 0 0 2rem;
  line-height: 1;
}
.product-discount .product-discount__list {
  display: inline-grid;
  grid-template-rows: auto;
  border-left: 1px solid #999999;
  font-size: 0.875rem;
  text-align: center;
}
.product-discount .product-discount__list > dt {
  grid-row: 1/2;
  width: auto;
  padding: 0.35rem 0.5rem 0;
  border: 1px solid #999999;
  border-left-width: 0;
  border-bottom-width: 0;
}
.product-discount .product-discount__list > dd {
  grid-row: 2/3;
  width: auto;
  padding: 0.25rem 0.5rem;
  border: 1px solid #999999;
  border-left-width: 0;
  border-top-width: 0;
}

.product-discount__headline {
  margin: 0 0 0.5rem;
  font-size: 0.875rem;
}

.productPhaseOut_headline {
  display: inline-flex;
  height: 1.5rem;
}
.productPhaseOut_headline h2 {
  font-size: 1rem;
}

.phaseoutWarning {
  width: 1.5rem;
  margin-right: 1.375rem;
}

.searchresult-card-text .productPhaseOut_headline,
.product-selector-results .productPhaseOut_headline {
  margin-top: 1rem;
  align-items: center;
}
.searchresult-card-text .productPhaseOut_headline .phaseoutWarning,
.product-selector-results .productPhaseOut_headline .phaseoutWarning {
  width: 1rem;
  margin-right: 0.5rem;
}
.searchresult-card-text .productPhaseOut_headline h2,
.product-selector-results .productPhaseOut_headline h2 {
  margin: auto;
  font-size: 0.875rem;
}

.productPhaseOutContainer {
  border: 5px solid #FFFFFF;
  padding: 1.25rem;
  margin-top: 1.75rem;
  width: 100%;
}
@media (min-width: 40rem) {
  .productPhaseOutContainer {
    width: 29rem;
  }
}
.productPhaseOutContainer .lifecycleAlternativeContainer,
.productPhaseOutContainer .lifecycleAlternativeInfoTextContainer {
  margin-left: 2.875rem;
  font-size: 14px;
  display: block;
}
.productPhaseOutContainer .lifecycleDateContainer,
.productPhaseOutContainer .lifecycleDatePhaseOutStartedContainer {
  display: flex;
  margin-left: 2.875rem;
  font-size: 14px;
}
.productPhaseOutContainer .lifecycleDateContainer span + span,
.productPhaseOutContainer .lifecycleDatePhaseOutStartedContainer span + span {
  margin-left: 5px;
}
.productPhaseOutContainer .compareAlternativeProductBtn {
  margin-left: 2.875rem;
  margin-top: 1rem;
  font-size: 14px;
}
.productPhaseOutContainer .compareAlternativeProductBtn .product-comparison {
  width: 15px;
  height: 15px;
}

.sapAvailabilitySection {
  display: flex;
  height: 1.5rem;
  margin-top: 1.5rem;
  font-size: 0.875rem;
}
.sapAvailabilitySection .availability {
  display: flex;
  width: 100%;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
}
.sapAvailabilitySection .availability .icon {
  width: 1rem;
  flex: 0 0 1rem;
  margin-right: 0.5rem;
  margin-top: -0.125rem;
}
.sapAvailabilitySection .availability span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.selectorSapAvailability .sapAvailabilitySection,
.cart-table__availability .sapAvailabilitySection,
.matrix-table__item .sapAvailabilitySection {
  margin-top: 0;
}

.product-selector-labels-overlay.content.content-full {
  position: fixed;
  top: -100px;
  left: 0;
  right: 0;
  z-index: 999;
  opacity: 0;
  transition: all 400ms ease-out;
  visibility: hidden;
}
.product-selector-labels-overlay.content.content-full > .col-wrapper {
  margin: 0;
  padding: 0.5rem 0;
  background: white;
  box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.6);
}
.product-selector-labels-overlay.content.content-full > .col-wrapper > .product-selector-filters {
  padding-left: 1.5rem;
}
.product-selector-labels-overlay.content.content-full > .col-wrapper > .col-md-75 {
  overflow-x: visible;
}
.product-selector-labels-overlay.content.content-full .overlay-labels {
  margin: 0;
  white-space: nowrap;
  display: flex;
}
.product-selector-labels-overlay.content.content-full .overlay-labels li {
  border-left: 1px solid #e2e2e2;
  display: inline-block;
  flex-shrink: 0;
  font-size: 0.875rem;
  padding: 0 0.5rem;
  white-space: normal;
}
.product-selector-labels-overlay.content.content-full .overlay-labels li::before {
  display: none;
}
.product-selector-labels-overlay.content.content-full .overlay-labels li:first-of-type {
  border-left: none;
}
.product-selector-labels-overlay.content.content-full .priceLabel {
  text-align: right;
  padding-right: 1rem !important;
}
.product-selector-labels-overlay.content.content-full .reset-facets-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 0;
}

@media (min-width: 62rem) {
  .product-selector-labels-overlay.content.content-full.product-selector-labels-overlay.visible {
    opacity: 1;
    top: 0;
    visibility: visible;
    position: fixed;
  }
}
@media screen and (max-width: 79.9375rem) {
  .product-selector-labels-overlay > .col-wrapper > .col-md-25 {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: 100%;
    padding: 0;
  }
  .product-selector-labels-overlay .reset-facets {
    height: 1rem;
  }
  .product-selector-labels-overlay .reset-facets > .icon {
    width: 1rem;
    height: 1rem;
  }
  .product-selector-labels-overlay .reset-facets > span {
    display: none;
  }
}
@media (min-width: 80rem) {
  .product-selector-labels-overlay > .col-wrapper > .col-md-25 {
    display: block;
  }
  .product-selector-labels-overlay .reset-facets > span {
    display: inline-block;
  }
}
.productportfolio {
  margin-top: 3rem;
  margin-bottom: 2rem;
}
@media (min-width: 90rem) {
  .productportfolio {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
}

.productportfolio-group {
  border-bottom: 1px solid #e2e2e2;
  margin-top: 1.5rem;
}

.productportfolio-group-text .h2,
.productportfolio-group-text .productportfolio-group-title > .h2 {
  margin: 0 0 1rem;
  text-align: left;
}
.productportfolio-group-text > p {
  margin: 0 0 0.5rem;
}

.productportfolio-group-title > .h2 {
  color: inherit;
}

.productportfolio-group-image {
  float: left;
  width: 100%;
  margin-bottom: 1.5rem;
}
.productportfolio-group-image > img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 12rem;
}

.content-link-list {
  padding-top: 0;
  padding-bottom: 1rem;
  margin-top: 1rem;
}
.content-link-list ul {
  margin-top: 0;
  margin-bottom: 0;
}

.list-link-wrapper {
  position: relative;
  display: block;
  min-height: 1.5rem;
  margin-bottom: 0.5rem;
}
.list-link-wrapper .list-link-text {
  display: block;
}

.list-link-text:hover, .list-link-text:focus, .list-link-text:active {
  text-decoration: underline;
}

@media (min-width: 40rem) {
  .productportfolio-group {
    display: flex;
    flex-wrap: wrap;
  }
  .productportfolio-group-image,
  .productportfolio-group-image + .productportfolio-group-text {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
  }
  .productportfolio-group-image + .productportfolio-group-text {
    align-self: flex-start;
    margin-left: 2rem;
    order: 2;
  }
  .productportfolio-group-image {
    float: none;
    order: 1;
  }
  .productportfolio-group-image > img {
    width: auto;
    max-width: 100%;
    max-height: 12rem;
  }
  .content-link-list {
    flex: 0 0 100%;
    order: 3;
  }
  .content-link-list > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .list-link-wrapper {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 0;
  }
  .list-link-wrapper:nth-child(odd) {
    margin-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .productportfolio-group-image {
    flex-basis: calc(33% - 1rem);
    width: calc(33% - 1rem);
    max-width: calc(33% - 1rem);
  }
  .productportfolio-group-image + .productportfolio-group-text {
    flex-basis: calc(66% - 1rem);
    width: calc(66% - 1rem);
    max-width: calc(66% - 1rem);
  }
  .list-link-wrapper {
    flex-basis: calc(33% - 1.34rem);
    width: calc(33% - 1.34rem);
    max-width: calc(33% - 1.34rem);
  }
  .list-link-wrapper:nth-child(n) {
    margin-right: 2rem;
  }
  .list-link-wrapper:last-child {
    margin-right: 0;
  }
  .list-link-wrapper:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 80rem) {
  .productportfolio-group {
    display: block;
  }
  .productportfolio-group-text {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
    margin-left: 0;
  }
  .productportfolio-group-image {
    flex-basis: calc(25% - 1rem);
    width: calc(25% - 1rem);
    max-width: calc(25% - 1rem);
    float: left;
    margin-top: 0;
    margin-bottom: 1.5rem;
    margin-right: 2rem;
  }
  .productportfolio-group-image > img {
    width: 100%;
    height: auto;
    max-height: none;
  }
  .list-link-wrapper {
    flex-basis: calc(25% - 1.5rem);
    width: calc(25% - 1.5rem);
    max-width: calc(25% - 1.5rem);
  }
  .list-link-wrapper:nth-child(n) {
    margin-right: 2rem;
  }
  .list-link-wrapper:last-child {
    margin-right: 0;
  }
  .list-link-wrapper:nth-child(4n) {
    margin-right: 0;
  }
  .productportfolio-group-image ~ .content-link-list,
  .productportfolio-group-image ~ .productportfolio-group-text {
    flex-basis: calc(75% - 2rem);
    width: calc(75% - 2rem);
    max-width: calc(75% - 2rem);
    float: right;
    margin-left: 0;
  }
  .productportfolio-group-image ~ .content-link-list {
    padding-bottom: 0.5rem;
  }
  .productportfolio-group-image ~ .content-link-list .list-link-wrapper {
    flex-basis: calc(33% - 1.34rem);
    width: calc(33% - 1.34rem);
    max-width: calc(33% - 1.34rem);
  }
  .productportfolio-group-image ~ .content-link-list .list-link-wrapper:nth-child(n) {
    margin-right: 2rem;
  }
  .productportfolio-group-image ~ .content-link-list .list-link-wrapper:last-child {
    margin-right: 0;
  }
  .productportfolio-group-image ~ .content-link-list .list-link-wrapper:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 90rem) {
  .list-link-wrapper {
    flex-basis: calc(25% - 2.25rem);
    width: calc(25% - 2.25rem);
    max-width: calc(25% - 2.25rem);
  }
  .list-link-wrapper:nth-child(n) {
    margin-right: 3rem;
  }
  .list-link-wrapper:last-child {
    margin-right: 0;
  }
  .productportfolio-group-image ~ .content-link-list,
  .productportfolio-group-image ~ .productportfolio-group-text {
    flex-basis: calc(75% - 3rem);
    width: calc(75% - 3rem);
    max-width: calc(75% - 3rem);
  }
  .productportfolio-group-image ~ .content-link-list .list-link-wrapper {
    flex-basis: calc(33% - 2rem);
    width: calc(33% - 2rem);
    max-width: calc(33% - 2rem);
  }
}
.profile__headline {
  margin-bottom: 3rem;
}

.profile__details {
  width: 100%;
  margin-bottom: 5rem;
  border-collapse: collapse;
}
.profile__details .js-edit-block__input {
  padding: 0.25rem 0 0.25rem 0;
}
.profile__details .js-edit-block__input input {
  height: 2.25rem;
  padding: 0.5rem;
}
.profile__details .profile__input > label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  display: block !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
}
.profile__details th, .profile__details td {
  width: 50%;
  padding: 0.75rem 2rem 0.75rem 0;
  border-top: 1px solid #e2e2e2;
  font-size: 1rem;
  font-weight: 400;
  text-align: left;
}
.profile__details tr:first-child th, .profile__details tr:first-child td {
  border-top: none;
}
.profile__details th {
  color: #999999;
}
.profile__details td {
  color: #6f6f6f;
}
.profile__details td input[type=text] {
  margin-bottom: 0;
}
.profile__details td .radio-button-group {
  margin-bottom: 0;
}
.profile__details td .parsley-required {
  margin-top: 0.25rem;
  font-size: 0.875rem;
}
.profile__details .no-permission {
  color: #999999;
}

.profile__actions th, .profile__actions td {
  padding: 1.25rem 0 1rem;
  border-top: none;
}

@media screen and (max-width: 39rem) {
  .profile.login .login__links > a {
    margin-top: 0;
    margin-bottom: 0;
  }
  .profile.login .login__links > a:not(:last-child) {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e2e2e2;
  }
  .profile.login .login__links > a:not(:first-child) {
    padding-top: 1rem;
  }
}
.profile-page {
  display: flex;
  column-gap: 4rem;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 5rem;
}
@media (min-width: 62rem) {
  .profile-page {
    flex-wrap: nowrap;
  }
}

.profile-page__content {
  width: 100%;
  min-width: 17rem;
  max-width: 35rem;
}

.profile-page__contact {
  width: 100%;
  min-width: 17rem;
  max-width: 26rem;
}

.profile-page__title {
  margin-bottom: 1.5rem;
  font-size: 1.75rem;
}

.quick-entry {
  display: block;
  flex-direction: column;
}

.quick-entry__col {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}

.quick-entry__row {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.quick-entry__row:last-of-type {
  justify-content: flex-end;
}

.form-range__labels {
  white-space: nowrap;
}

.quick-entry__col-field {
  display: flex;
  flex-direction: column;
}

.matrix-filter__element > .quick-entry__field {
  min-height: 145px;
}

.btn.accent {
  align-self: flex-end;
  margin-top: auto;
}

.quick-entry__headline,
.quick-entry__field,
.quick-entry__result {
  flex: 0 0 auto;
  user-select: none;
  white-space: nowrap;
}

.quick-entry__headline {
  margin-bottom: 0.75rem;
  font-size: 0.9375rem;
  color: #333333;
}

.quick-entry__main-headline {
  margin-bottom: 1.5rem;
  font-size: 1.125rem;
  color: #333333;
}

.quick-entry__field {
  margin-bottom: 2rem;
  font-size: 0.875rem;
  background-color: #f7f7f7;
  padding: 1rem;
  min-height: 90px;
}
.quick-entry__field--radio > label:not(:last-child) {
  margin-bottom: 0.75rem;
}
.quick-entry__field--left {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

@media (min-width: 62rem) {
  .quick-entry {
    display: flex;
  }
  .quick-entry__col {
    flex: 1 1 50%;
  }
  .quick-entry__col .quick-entry__field:last-of-type {
    min-height: 145px;
    margin-bottom: 1rem;
  }
  .quick-entry__col .quick-entry__col-field:first-of-type .quick-entry__field {
    min-height: 90px;
  }
  .quick-entry__col:first-child {
    padding-right: 1.5rem;
  }
  .quick-entry__col:last-child {
    padding-left: 1.5rem;
  }
}
@media (min-width: 40rem) {
  .quick-entry--manometer .quick-entry__col:nth-child(3) .quick-entry__col-field {
    padding-left: 0;
  }
  .quick-entry-container__headline-mobile {
    display: none;
  }
  .quick-entry__mobile-header {
    display: none;
  }
}
@media (max-width: 62rem) {
  .quick-entry__row {
    flex-direction: column;
  }
  .quick-entry__col {
    flex-direction: row;
  }
  .quick-entry__col:nth-child(1) .quick-entry__field {
    min-height: 145px;
  }
  .quick-entry--thermometer .quick-entry__col:nth-child(2) .quick-entry__field {
    min-height: 145px;
  }
  .quick-entry__col-field {
    width: 50%;
  }
  .quick-entry__col-field:first-of-type {
    padding-right: 1rem;
  }
  .quick-entry__col-field:last-of-type {
    padding-left: 1rem;
  }
}
@media (max-width: 40rem) {
  .quick-entry__col {
    flex-direction: column;
  }
  .quick-entry__col:nth-child(1) .quick-entry__field {
    min-height: 90px;
  }
  .quick-entry--thermometer .quick-entry__col:nth-child(2) .quick-entry__field {
    min-height: 90px;
  }
  .quick-entry__col-field {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .quick-entry__main-headline {
    padding-left: 1rem;
    padding-top: 1.5rem;
  }
  .btn.accent.quickentry-button {
    width: 100%;
  }
  .quick-entry__row .icon {
    position: absolute;
    right: 1rem;
    width: 1rem;
    height: 1rem;
  }
  .quick-entry__row:last-of-type {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .quick-entry__mobile-header-wrapper {
    height: 100%;
  }
  .quick-entry__mobile-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 4rem;
    width: 100%;
    background-color: #f7f7f7;
    display: flex;
    z-index: 200;
    justify-content: space-between;
  }
  .quick-entry__mobile-header h4 {
    line-height: 4rem;
    font-size: 20px;
    padding-left: 1rem;
  }
  .quick-entry__mobile-header .quick-entry__close-mobile {
    padding-right: 1rem;
  }
  .quick-entry__mobile-header .quick-entry__close-mobile .icon {
    width: 20px;
    color: #315f96;
    z-index: 300;
  }
  .quick-entry__mobile-header .quick-entry__close-mobile .icon:hover {
    cursor: pointer;
  }
  .quick-entry-container__show-mobile-form {
    display: block;
  }
}
.quick-entry-container {
  padding-top: 2rem;
  padding-bottom: 1rem;
  background-position: center center;
  background-size: cover;
}
.quick-entry-container .quick-entry-container__content {
  margin-bottom: 0;
}

.quick-entry-container__content {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.quick-entry-container__radio + .quick-entry-container__tab {
  display: block;
  flex: 0 0 auto;
  padding: 0.5rem 1.5rem;
  background: #315f96;
  color: white;
}
.quick-entry-container__radio + .quick-entry-container__tab::before {
  content: none;
}
.quick-entry-container__radio + .quick-entry-container__tab:hover, .quick-entry-container__radio + .quick-entry-container__tab:focus, .quick-entry-container__radio + .quick-entry-container__tab:active {
  color: white;
}
.quick-entry-container__radio:checked + .quick-entry-container__tab {
  background: white;
  color: #315f96;
  cursor: default;
}
.quick-entry-container__radio:checked + .quick-entry-container__tab:hover, .quick-entry-container__radio:checked + .quick-entry-container__tab:focus, .quick-entry-container__radio:checked + .quick-entry-container__tab:active {
  color: #315f96;
}

.quick-entry-container__forms {
  flex: 0 0 100%;
}

.quick-entry-container__form {
  display: none;
  padding: 1rem;
  background: white;
}

@media (min-width: 40rem) {
  #quick-entry-manometer:checked ~ .quick-entry-container__forms #quick-entry-container__form--manometer {
    display: block;
  }
  #quick-entry-thermometer:checked ~ .quick-entry-container__forms #quick-entry-container__form--thermometer {
    display: block;
  }
  .quick-entry-container {
    padding-bottom: 2.5rem;
  }
  .quick-entry-container__form {
    padding: 2rem;
  }
  .quick-entry-container__tab-mobile {
    display: none;
  }
  .quick-entry-container__form-mobile {
    display: none;
  }
}
@media (min-width: 62rem) {
  .quick-entry-container {
    height: 591px;
  }
  .quick-entry-container__content {
    height: 479px;
  }
  .quick-entry-container__forms {
    height: 100%;
  }
  .quick-entry-container__form {
    height: 100%;
    width: 66%;
  }
  .quick-entry-container__form > form {
    height: 100%;
  }
}
@media (min-width: 80rem) {
  .quick-entry-container__form {
    width: 66%;
  }
}
@media (max-width: 62rem) {
  .quick-entry-container {
    background-size: 0;
    padding-top: 0;
  }
  .quick-entry-container__mobile-banner {
    height: 240px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .quick-entry-container__form {
    width: 100%;
  }
  .quick-entry-container__form .content.content-full {
    padding-left: 0;
    padding-right: 0;
  }
  .quick-entry-container__content {
    margin-top: -45px;
    margin-left: -2rem;
    margin-right: -2rem;
  }
  .quick-entry-container__tab:first-of-type {
    margin-left: 2rem;
  }
}
@media (max-width: 40rem) {
  .quick-entry-container__mobile-banner {
    height: 115px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .quick-entry-container__content {
    margin-top: 0;
    margin-left: -2rem;
    margin-right: -2rem;
  }
  .quick-entry-container__radio + .quick-entry-container__tab {
    display: none;
  }
  .quick-entry-container__tab-mobile {
    width: 50%;
    display: flex;
  }
  .quick-entry-container__tab-mobile.quick-entry-container__thermometer-button {
    padding-left: 0.5rem;
    padding-right: 2rem;
  }
  .quick-entry-container__tab-mobile.quick-entry-container__manometer-button {
    padding-left: 2rem;
    padding-right: 0.5rem;
  }
  .quick-entry-container__tab-mobile > .btn {
    width: 100%;
    text-align: center;
  }
  .quick-entry-container__headline-mobile {
    padding: 2rem;
    width: 100%;
  }
  .quick-entry-container__headline-mobile > h1 {
    color: #315f96;
  }
  .quickentry-button {
    margin-bottom: 1rem;
  }
  .quick-entry-container__form {
    display: none;
    z-index: 200;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    padding: 0;
    margin-top: 4rem;
  }
  .quick-entry-container__form.quick-entry-form__active {
    display: block;
  }
  .quick-entry-container__form-mobile {
    display: block;
    flex: 0 0 100%;
    position: absolute;
    top: 0;
    z-index: 200;
    width: 100%;
    margin-bottom: 2rem;
  }
}
.quotation {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 67rem;
  margin-top: 3rem;
  margin-bottom: 2rem;
  align-items: center;
}
@media (min-width: 40rem) {
  .quotation {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .quotation {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 90rem) {
  .quotation {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
}

.quotation-image > img {
  display: block;
}

.quotation-text {
  margin-top: 1.5rem;
}
.quotation-text > blockquote {
  margin: 0;
  color: #333333;
  font-size: 1.25rem;
  font-style: italic;
}
.quotation-text p {
  margin: 0 0 0.5rem 0;
}
.quotation-text cite {
  color: #6f6f6f;
  display: block;
  font-size: 0.875rem;
  font-style: normal;
}

@media (min-width: 40rem) {
  .quotation {
    display: flex;
    justify-content: center;
    display: flex;
    justify-content: space-between;
  }
  .quotation > * {
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 2rem;
  }
  .quotation > *:last-child {
    margin-right: 0;
  }
  .quotation > *:nth-child(1) {
    flex-basis: calc(33% - 1rem);
    width: calc(33% - 1rem);
    max-width: calc(33% - 1rem);
  }
  .quotation > *:nth-child(2) {
    flex-basis: calc(66% - 1rem);
    width: calc(66% - 1rem);
    max-width: calc(66% - 1rem);
  }
  .quotation.reverse-order .quotation-image {
    order: 1;
    margin-right: 0;
    margin-left: 2rem;
  }
  .quotation.reverse-order .quotation-text {
    order: 0;
  }
  .quotation-text {
    margin-top: 0;
  }
}
@media (min-width: 62rem) {
  .quotation {
    display: flex;
    justify-content: center;
    justify-content: space-between;
  }
  .quotation > * {
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 2rem;
  }
  .quotation > *:last-child {
    margin-right: 0;
  }
  .quotation > *:nth-child(1) {
    flex-basis: calc(33% - 1rem);
    width: calc(33% - 1rem);
    max-width: calc(33% - 1rem);
  }
  .quotation > *:nth-child(2) {
    flex-basis: calc(66% - 1rem);
    width: calc(66% - 1rem);
    max-width: calc(66% - 1rem);
  }
}
@media (min-width: 40rem) {
  .quotation {
    display: flex;
    justify-content: center;
  }
  .quotation > * {
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 3rem;
  }
  .quotation > *:last-child {
    margin-right: 0;
  }
  .quotation > *:nth-child(1) {
    flex-basis: calc(33% - 1.5rem);
    width: calc(33% - 1.5rem);
    max-width: calc(33% - 1.5rem);
  }
  .quotation > *:nth-child(2) {
    flex-basis: calc(66% - 1.5rem);
    width: calc(66% - 1.5rem);
    max-width: calc(66% - 1.5rem);
  }
  .quotation.reverse-order .quotation-image {
    margin-left: 3rem;
  }
}
.page-wrapper.visible-mobile-search .abstract-order-filter-search .abstract-order-filter-search__input,
.page-wrapper.visible-mobile-search .abstract-order-filter-search .abstract-order-filter-search-btn {
  right: 0;
}

.abstract-order-filter-search {
  position: relative;
  display: flex;
  height: 40px;
  width: 100%;
}
.abstract-order-filter-search .abstract-order-filter-search__input {
  flex: 1 1 100%;
  display: block;
  min-width: 0;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1;
  font-weight: inherit;
  color: inherit;
  border: none;
  background: none;
  border: 1px solid #e2e2e2;
  border-right: none;
}
.abstract-order-filter-search .abstract-order-filter-search__input:focus {
  color: #315f96;
  outline: none;
}
.abstract-order-filter-search .abstract-order-filter-search-btn {
  flex: 0 0 auto;
}
.abstract-order-filter-search .abstract-order-filter-search-btn {
  display: block;
  width: 38px;
  height: 100%;
  padding: 0;
  line-height: 1;
  font-weight: inherit;
  color: #315f96;
  background-color: #ffffff;
  border: 1px solid #e2e2e2;
  border-left: none;
  transition: color 250ms ease-out, background-color 250ms ease-out;
}
.abstract-order-filter-search .abstract-order-filter-search-btn > .icon {
  width: 15px;
  height: 15px;
  margin: 0 auto;
  fill: currentColor;
  transform: translateY(2px);
}
.abstract-order-filter-search .abstract-order-filter-search-btn:hover {
  outline: none;
  animation: none;
  color: #ffffff;
  background-color: #315f96;
  outline: none;
  animation: none;
}
.abstract-order-filter-search .abstract-order-filter-search-btn::before {
  content: none;
}

.abstract-order-filter-search__searchbar {
  right: -7px;
  display: none;
  width: 38px;
  height: 100%;
  padding: 0;
  line-height: 1;
  font-weight: inherit;
  color: #315f96;
  background-color: #ffffff;
  transition: color 250ms ease-out, background-color 250ms ease-out;
}
.abstract-order-filter-search__searchbar > .icon {
  width: 15px;
  height: 15px;
  margin: 0 auto;
  fill: currentColor;
  transform: translateY(2px);
}
.abstract-order-filter-search__searchbar:hover {
  outline: none;
  animation: none;
  color: #ffffff;
  background-color: #315f96;
  outline: none;
  animation: none;
}

.abstract-order-filter-search .hidden-select {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  height: 100%;
  padding: 0.3125rem;
  color: inherit;
  border: none;
}
.abstract-order-filter-search .hidden-select:focus, .abstract-order-filter-search .hidden-select:active {
  outline: none;
}
.abstract-order-filter-search .abstract-order-filter-search__input {
  position: relative;
  background: #ffffff;
}

.quote-searchbar {
  display: block;
  margin-bottom: 2.5rem;
}

.order-searchbar {
  display: block;
  margin-bottom: 4.25rem;
}

.quote-filter__sapid, .order-filter__sapid-or-reference {
  margin-bottom: 1rem;
}

.order-filter__dropdown input,
.order-filter__dates input {
  color: #315f96;
}

@media (min-width: 62rem) {
  .abstract-order-searchbar__sorting > select {
    flex-basis: 40%;
  }
}
@media (min-width: 80rem) {
  .abstract-order-searchbar__sorting {
    display: none;
  }
}

@media (min-width: 40rem) {
  .abstract-order-filter-search-btn,
  .abstract-order-filter-search__input,
  .abstract-order-filter-search__searchbar {
    right: 0;
  }
  .quote-searchbar, .order-searchbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .quote-searchbar .quote-filter__sapid, .quote-searchbar .order-filter__sapid-or-reference, .order-searchbar .quote-filter__sapid, .order-searchbar .order-filter__sapid-or-reference {
    flex: 0 0 100%;
  }
  .quote-searchbar .abstract-order-filter__status,
  .quote-searchbar .abstract-order-filter__date,
  .quote-searchbar .order-filter__status,
  .quote-searchbar .order-filter__dates, .order-searchbar .abstract-order-filter__status,
  .order-searchbar .abstract-order-filter__date,
  .order-searchbar .order-filter__status,
  .order-searchbar .order-filter__dates {
    flex: 0 0 45%;
  }
  .quote-searchbar .abstract-order-filter__reset, .order-searchbar .abstract-order-filter__reset {
    display: flex;
    justify-content: flex-end;
    flex: 0 0 100%;
    margin-top: 1rem;
  }
  .quote-searchbar .abstract-order-filter__reset .active-filter:not(:first-of-type), .order-searchbar .abstract-order-filter__reset .active-filter:not(:first-of-type) {
    margin-left: 0.5rem;
  }
  .quote-searchbar .abstract-order-filter__reset .reset-facets, .order-searchbar .abstract-order-filter__reset .reset-facets {
    margin-left: 0.5rem;
  }
}
@media (min-width: 62rem) {
  .order-searchbar .order-filter__sapid-or-reference {
    flex: 0 0 30%;
    margin-right: auto;
  }
  .order-searchbar .order-filter__status {
    max-width: 12.25rem;
  }
  .order-searchbar .order-filter__dates {
    max-width: 21.5rem;
  }
  .order-searchbar .order-filter__status,
  .order-searchbar .order-filter__dates {
    flex: 0 0 20%;
  }
  .order-searchbar .order-filter__date:not(:first-of-type) {
    display: flex;
    margin-left: 0.5rem;
  }
  .order-searchbar .order-filter__date:not(:first-of-type)::before {
    content: "-";
    font-size: 1rem;
    align-self: center;
    margin-bottom: 1rem;
    margin-right: 0.5rem;
  }
  .order-searchbar .order-filter__status {
    margin-right: 2rem;
  }
  .order-searchbar .order-filter__datesWrapper {
    display: flex;
  }
}
@media (min-width: 80rem) {
  .quote-searchbar, .order-searchbar {
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-start;
  }
  .quote-searchbar .quote-filter__sapid, .order-searchbar .quote-filter__sapid {
    flex: 0 0 45%;
    margin-right: auto;
  }
  .quote-searchbar .abstract-order-filter__status,
  .quote-searchbar .abstract-order-filter__date, .order-searchbar .abstract-order-filter__status,
  .order-searchbar .abstract-order-filter__date {
    flex: 0 0 23%;
  }
  .quote-searchbar .abstract-order-filter__status, .order-searchbar .abstract-order-filter__status {
    margin-right: 1rem;
  }
}
.quote-information {
  margin-top: 2rem;
  margin-bottom: 3rem;
}

.quote-information__status {
  margin-bottom: 2rem;
}

.related-content {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-top: 3rem;
  margin-bottom: 2rem;
}
@media (min-width: 40rem) {
  .related-content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .related-content {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .related-content {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .related-content {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .related-content {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
@media (min-width: 90rem) {
  .related-content {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
}

.related-content__top {
  margin-bottom: 3rem;
}

.related-content__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 3rem;
  margin-bottom: 2rem;
}
.related-content__grid > .related-content__item {
  flex-basis: calc(50% - 1rem);
  width: calc(50% - 1rem);
  max-width: calc(50% - 1rem);
  flex-shrink: 0;
  flex-grow: 0;
  margin-bottom: 2rem;
}
.related-content__grid > .related-content__item:nth-child(n) {
  margin-right: 2rem;
}
.related-content__grid > .related-content__item:last-child {
  margin-right: 0;
}
.related-content__grid > .related-content__item:nth-child(2n) {
  margin-right: 0;
}
@media (min-width: 40rem) {
  .related-content__grid > .related-content__item {
    flex-basis: calc(33.33% - 1.34rem);
    width: calc(33.33% - 1.34rem);
    max-width: calc(33.33% - 1.34rem);
  }
  .related-content__grid > .related-content__item:nth-child(n) {
    margin-right: 2rem;
  }
  .related-content__grid > .related-content__item:last-child {
    margin-right: 0;
  }
  .related-content__grid > .related-content__item:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 62rem) {
  .related-content__grid > .related-content__item {
    flex-basis: calc(25% - 1.5rem);
    width: calc(25% - 1.5rem);
    max-width: calc(25% - 1.5rem);
  }
  .related-content__grid > .related-content__item:nth-child(n) {
    margin-right: 2rem;
  }
  .related-content__grid > .related-content__item:last-child {
    margin-right: 0;
  }
  .related-content__grid > .related-content__item:nth-child(4n) {
    margin-right: 0;
  }
}
@media (min-width: 80rem) {
  .related-content__grid > .related-content__item {
    flex-basis: calc(16.66% - 1.67rem);
    width: calc(16.66% - 1.67rem);
    max-width: calc(16.66% - 1.67rem);
  }
  .related-content__grid > .related-content__item:nth-child(n) {
    margin-right: 2rem;
  }
  .related-content__grid > .related-content__item:last-child {
    margin-right: 0;
  }
  .related-content__grid > .related-content__item:nth-child(6n) {
    margin-right: 0;
  }
}
@media (min-width: 90rem) {
  .related-content__grid > .related-content__item {
    flex-basis: calc(16.66% - 2.5rem);
    width: calc(16.66% - 2.5rem);
    max-width: calc(16.66% - 2.5rem);
    margin-bottom: 3rem;
  }
  .related-content__grid > .related-content__item:nth-child(n) {
    margin-right: 3rem;
  }
  .related-content__grid > .related-content__item:last-child {
    margin-right: 0;
  }
  .related-content__grid > .related-content__item:nth-child(6n) {
    margin-right: 0;
  }
}
@media (min-width: 90rem) {
  .related-content__grid {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
}

.related-content__item:hover, .related-content__item:focus, .related-content__item:active {
  box-shadow: 0 0 0 1rem #f7f7f7;
  background-color: #f7f7f7;
  transition: box-shadow 250ms ease-out, background-color 250ms ease-out;
}
.related-content__item > * {
  margin-top: 0;
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.3;
  color: #6f6f6f;
}
.related-content__item > .subheadline {
  font-size: 1rem;
  color: #315f96;
}

a.related-content__item:hover, a.related-content__item:focus, a.related-content__item:active {
  text-decoration: none;
}
a.related-content__item:hover .subheadline, a.related-content__item:focus .subheadline, a.related-content__item:active .subheadline {
  text-decoration: underline;
}

.registration__text_section {
  margin-top: 5rem;
  margin-bottom: 2rem;
  font-size: 1rem;
}

.registration__subtext {
  margin-top: 1rem;
}

.registration-request,
.registration-rejection,
.registration-reset,
.registration-success {
  margin-bottom: 5rem;
}

.reset-facets-container {
  display: block;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}
.reset-facets-container .matrix-active-filters {
  margin-bottom: 35px;
}

.reset-facets.disabled {
  display: none;
}

@media (min-width: 80rem) {
  .product-selector-container .content-wrapper > .reset-facets-container {
    padding-left: 5rem;
    padding-right: 5rem;
    margin-top: 25px;
  }
}
@media (min-width: 90rem) {
  .product-selector-container .content-wrapper > .reset-facets-container {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .product-selector-container .content-wrapper > .reset-facets-container {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
.sap-number {
  font-size: 0.875rem;
  margin-top: 0;
  margin-bottom: 0;
  color: #6f6f6f;
}

.savings-calculator {
  margin: 2rem;
  padding: 2rem;
  font-size: 0.75rem;
  background-color: #f7f7f7;
}

.savings-calculator__headline {
  margin-bottom: 3rem;
  font-size: 1.25rem;
}

.savings-calculator__temperature-container {
  display: flex;
  margin-bottom: 4rem;
}

.savings-calculator__temperature-section {
  display: inline-block;
  width: 100%;
}

.savings-calculator__temperature-section--image {
  max-width: 30rem;
  margin-right: 1.75rem;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.savings-calculator__temperature-section--image:hover {
  outline: 3px solid transparent;
  animation: buttonoutline315f96 0.5s ease-out;
}
@keyframes buttonoutline315f96 {
  0% {
    outline: 3px solid #315f96;
  }
  100% {
    outline: 3px solid transparent;
  }
}
.savings-calculator__temperature-section--image img {
  flex-shrink: 0;
}

.savings-calculator__temperature-container {
  flex-wrap: wrap;
}
.savings-calculator__temperature-container .active .savings-calculator__temperature-section--animated-image {
  display: flex;
  outline: 5px solid rgba(0, 98, 174, 0.2);
}
.savings-calculator__temperature-container .active .savings-calculator__temperature-section--static-image {
  display: none;
}
@media (min-width: 40rem) {
  .savings-calculator__temperature-container {
    flex-wrap: nowrap;
  }
}

.savings-calculator__temperature-section--animated-image {
  display: none;
}

.savings-calculator__temperature-section--static-image {
  display: flex;
  border: 1px solid #e2e2e2;
}

.savings-calculator-table,
.savings-calculator-result {
  width: 100%;
}

.savings-calculator-table {
  margin-bottom: 2rem;
}

.savings-calculator-table__description {
  padding: 0 0.5rem 0 0;
  font-size: inherit;
  font-weight: 400;
  text-align: left;
}

.savings-calculator-table__value {
  display: flex;
  align-items: center;
  width: 160px;
  margin: 2px 0 2px auto;
  padding-left: 0.625rem;
  background-color: white;
  border: 1px solid #e2e2e2;
}
.savings-calculator-table__value > input {
  flex: 1 1 100%;
  min-width: 0;
  margin: 0;
  font-size: 0.875rem;
  text-align: right;
  background: none;
  border: none;
  color: #6f6f6f;
  outline: none;
}
.savings-calculator-table__value > input:hover, .savings-calculator-table__value > input:active, .savings-calculator-table__value > input:focus {
  outline: none;
}
.savings-calculator-table__value--disabled {
  background-color: #f7f7f7;
}
.savings-calculator-table__value--focus {
  outline: 5px solid rgba(0, 98, 174, 0.2);
}

.savings-calculator-table__unit {
  flex: 0 0 auto;
  margin-right: 0.25rem;
  color: #999999;
}

.savings-calculator-table__select {
  display: block;
  width: 160px;
  margin: 2px 0 2px auto;
  padding-top: 0.625rem;
  padding-left: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 0.875rem;
  background-color: white;
  background-clip: padding-box, border-box;
  border: 1px solid #e2e2e2;
  border-radius: 0;
  color: #6f6f6f;
}

.savings-calculator-result {
  margin-top: 5px;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
  background-color: white;
}

.savings-calculator-radio {
  font-size: 0.875rem;
}

.savings-calculator-result__table {
  width: 100%;
  margin-bottom: 2rem;
}
.savings-calculator-result__table th {
  padding-left: 2rem;
  padding-bottom: 0.5rem;
  font-weight: 400;
  text-align: right;
  white-space: nowrap;
  color: #999999;
}
.savings-calculator-result__table .savings-calculator-result__headline {
  padding-left: 0;
  font-size: 1.25rem;
  text-align: left;
  white-space: normal;
  color: #333333;
}
.savings-calculator-result__table td {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 2px solid #f7f7f7;
}

.savings-calculator-result__value {
  padding-left: 2rem;
  text-align: right;
  white-space: nowrap;
}

.savings-calculator-result__value-bold {
  font-size: 0.875rem;
}

.savings-calculator-result__total {
  color: #315f96;
}

.savings-calculator-result__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  font-size: 0.875rem;
}
.savings-calculator-result__footer > p,
.savings-calculator-result__footer > .btn {
  margin-top: 10px;
}
.savings-calculator-result__footer > p {
  line-height: 1.5;
  margin-right: 2rem;
  margin-bottom: 5px;
}
.savings-calculator-result__footer > .btn {
  line-height: 1.25;
  white-space: nowrap;
}

@media (min-width: 80rem) {
  .savings-calculator {
    max-width: fit-content;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-left: 5rem;
    margin-right: 5rem;
    padding-top: 3rem;
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
  .savings-calculator__headline {
    flex: 0 0 100%;
  }
  .savings-calculator-table,
  .savings-calculator-result {
    width: calc(50% - 2rem);
  }
}
@media screen and (max-width: 39rem) {
  .savings-calculator {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .savings-calculator__temperature-section--image {
    margin-right: 0;
  }
  .savings-calculator-table__value,
  .savings-calculator-table__select {
    width: 140px;
  }
  .savings-calculator-result {
    padding: 1rem;
  }
  .savings-calculator-result__table {
    margin-bottom: 1rem;
  }
  .savings-calculator-result__value {
    padding-left: 0.5rem;
  }
  .savings-calculator-result__footer > p,
  .savings-calculator-result__footer > .btn {
    line-height: 1.2;
    margin-top: 5px;
  }
  .savings-calculator__external-temperature {
    margin-top: 1rem;
  }
}
@media (min-width: 90rem) {
  .savings-calculator {
    margin-left: 6rem;
    margin-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .savings-calculator {
    margin-left: 12rem;
    margin-right: 12rem;
  }
}
.search-result-serial:not(:only-child), .search-result-serial:not(:last-of-type) {
  margin-bottom: 3rem;
}

.search-result-serial-numbers > dt,
.search-result-serial-numbers > dd {
  border: 1px solid #e2e2e2;
  border-width: 1px 0 0;
}
.search-result-serial-numbers > dt {
  padding-right: 1rem;
}
.search-result-serial-numbers .search-result-serial-number {
  font-size: 1rem;
  color: #333333;
  border-top-width: 0;
}

.search-result-serial-description {
  width: 100%;
}

dt.search-result-serial-description {
  padding-top: 1.5rem;
}

.search-result-serial-description-table {
  width: 100%;
  margin-top: 1rem;
  font-size: 0.875rem;
  border-collapse: collapse;
}
.search-result-serial-description-table th,
.search-result-serial-description-table td {
  padding: 0.25rem 1rem 0.25rem 0;
  line-height: 1.3;
  vertical-align: top;
  border-bottom: 1px solid #e2e2e2;
}
.search-result-serial-description-table tbody tr:last-child td {
  border-bottom: none;
}
.search-result-serial-description-table th {
  padding-bottom: 0.5rem;
  font-weight: inherit;
  text-align: left;
}

@media (min-width: 80rem) {
  .wrapper-search-result-serial {
    display: flex;
    justify-content: center;
  }
  .search-result-serial:not(:only-child) {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    flex-shrink: 0;
    flex-grow: 0;
  }
  .search-result-serial:not(:only-child):nth-child(n) {
    margin-right: 2rem;
  }
  .search-result-serial:not(:only-child):last-child {
    margin-right: 0;
  }
  .search-result-serial:not(:only-child):nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 90rem) {
  .search-result-serial:not(:only-child) {
    flex-basis: calc(50% - 1.5rem);
    width: calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
  }
  .search-result-serial:not(:only-child):nth-child(n) {
    margin-right: 3rem;
  }
  .search-result-serial:not(:only-child):last-child {
    margin-right: 0;
  }
  .search-result-serial:not(:only-child):nth-child(2n) {
    margin-right: 0;
  }
}
.searchbar {
  position: relative;
  display: flex;
  height: 32px;
  width: 100%;
}
.searchbar.active .searchbar-icon {
  color: #315f96;
}
.searchbar.active .searchbar-icon, .searchbar.active .searchbar-input {
  border-color: #315f96;
}
.searchbar.active .searchbar-btn {
  border-color: #315f96;
}
.searchbar .searchbar-input {
  flex: 1 1 100%;
  display: none;
  min-width: 0;
  height: 100%;
  margin-bottom: 0;
  padding: 0;
  line-height: 1;
  font-weight: inherit;
  color: inherit;
  border: none;
  background: none;
  z-index: 120;
  border: 1px solid;
  border-color: #e2e2e2;
  border-left: none;
  border-radius: 0;
}
.searchbar .searchbar-input:focus, .searchbar .searchbar-input:active {
  color: #315f96;
  outline: none;
}
.searchbar .searchbar-input::placeholder {
  font-size: 0.9375rem;
  color: #999999;
}
.searchbar .searchbar-input::-moz-placeholder {
  opacity: 1;
}
.searchbar .searchbar-label,
.searchbar .searchbar-btn {
  flex: 0 0 auto;
}
.searchbar .searchbar-icon {
  display: none;
  width: 45px;
  height: 100%;
  padding: 0;
  color: #e2e2e2;
  background-color: #ffffff;
  border: 1px solid;
  border-color: #e2e2e2;
  border-right: none;
  z-index: 120;
}
.searchbar .searchbar-icon > .icon {
  width: 15px;
  height: 15px;
  transform: translateY(2px);
}
.searchbar .searchbar-icon:hover {
  outline: none;
  animation: none;
  outline: none;
  animation: none;
  cursor: default;
}
.searchbar .searchbar-icon:focus {
  outline: none;
}
.searchbar .searchbar-btn {
  display: none;
  height: 100%;
  line-height: 1;
  font-weight: inherit;
  z-index: 120;
}
.searchbar .searchbar-btn:hover {
  outline: none;
  animation: none;
}
.searchbar .searchbar-btn:focus {
  outline: none;
}
.searchbar .searchbar-btn::before {
  content: none;
}
.searchbar .open-searchbar-btn {
  position: relative;
  right: 0;
  display: block;
  width: 32px;
  height: 32px;
  padding: 0;
  line-height: 1;
  font-weight: inherit;
  color: #315f96;
  background: none;
  border: none;
}
.searchbar .open-searchbar-btn > .icon {
  width: 15px;
  height: 15px;
  margin: 0 auto;
  fill: currentColor;
  transform: translateY(2px);
}
.searchbar .open-searchbar-btn:hover {
  outline: none;
  animation: none;
  background: none;
  color: #315f96;
  outline: none;
  animation: none;
}
.searchbar .displayed-searchbar-icon {
  display: none;
}

.searchbar .hidden-select {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  height: 100%;
  padding: 0.3125rem;
  color: inherit;
  border: none;
}
.searchbar .hidden-select:focus, .searchbar .hidden-select:active {
  outline: none;
}
.searchbar .searchbar-label {
  height: 100%;
  position: relative;
  margin-top: 0;
  color: #999999;
}
.searchbar .searchbar-labeltext {
  display: block;
  height: 100%;
  padding: 0 1.25rem 0 0.625rem;
  pointer-events: none;
}
.searchbar .searchbar-labeltext .labeltext {
  top: 50%;
  transform: translateY(-50%);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  display: block;
  max-width: 80px;
}
.searchbar .searchbar-labeltext .icon {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  right: 0;
  width: 11px;
  height: 7px;
  fill: currentColor;
}
.searchbar .searchbar-input,
.searchbar .searchbar-labeltext {
  position: relative;
  background: #ffffff;
  z-index: 121;
}

@media (min-width: 40rem) {
  .searchbar {
    height: 40px;
  }
  .searchbar .searchbar-labeltext .labeltext {
    max-width: 120px;
  }
  .searchbar .searchbar-btn,
  .searchbar .searchbar-input,
  .searchbar .open-searchbar-btn {
    right: 0;
  }
  .searchbar .searchbar-btn,
  .searchbar .searchbar-input,
  .searchbar .searchbar-icon {
    display: block;
  }
  .searchbar .open-searchbar-btn {
    display: none;
  }
}
@media screen and (max-width: 39rem) {
  .page-wrapper.search-visible .searchbar {
    position: absolute;
    top: 3.625rem;
    left: 0;
    display: flex;
    width: 100%;
    height: auto;
    padding: 0.75rem 1rem;
    background: white;
    z-index: 250;
  }
  .page-wrapper.search-visible .searchbar .searchbar-btn,
  .page-wrapper.search-visible .searchbar .searchbar-input,
  .page-wrapper.search-visible .searchbar .searchbar-icon {
    right: 0;
    display: block;
    height: 40px;
  }
  .page-wrapper.search-visible .searchbar .searchbar-input {
    flex: 1 1 100%;
  }
  .page-wrapper.search-visible .searchbar .searchbar-btn {
    flex: 0 0 38px;
  }
  .page-wrapper.search-visible .searchbar .open-searchbar-btn {
    position: absolute;
    right: 2.4rem;
    top: -2.875rem;
    width: 2rem;
  }
}
@media (min-width: 80rem) {
  .searchbar {
    max-width: 750px;
  }
}
.searchresults-btn-show {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.searchresults-btn-show::after {
  content: "";
  display: table;
  clear: both;
}

.searchresults-btn-show-all > svg,
.searchresults-btn-show-more > svg {
  transform: none;
  transition: transform 100ms;
}

.searchresults-btn-show-all {
  float: right;
  margin-right: 4px;
}
.searchresults-btn-show-all:hover > svg {
  transform: translateX(3px);
}

.searchresults-btn-show-more {
  display: block;
  width: 100%;
  margin: 0;
}
.searchresults-btn-show-more > span {
  display: block;
}
.searchresults-btn-show-more.btn > svg {
  display: block;
  float: none;
  margin: 0.5rem auto 0;
}
.searchresults-btn-show-more:hover > svg {
  transform: translateY(2px);
}

.searchresults {
  margin: 0.5rem 0 0;
  padding: 0;
}
.searchresults .searchresult {
  margin: 0 0 1rem;
  padding: 0;
}
.searchresults .searchresult::before {
  content: none;
}

.searchresult-card {
  display: block;
  margin-bottom: 0;
  padding: 1rem;
  transition: box-shadow 150ms ease-out;
}
.searchresult-card:hover {
  text-decoration: none;
}
.searchresult-card:hover .searchresult-card-title {
  text-decoration: underline;
  color: #315f96;
}

.searchresult-card.product {
  background-color: #f7f7f7;
  box-shadow: inset 0 0 0 0 #ffffff;
}
.searchresult-card.product:hover {
  box-shadow: inset 0 0 0 8px #ffffff;
}

.searchresult-card.topic {
  background-color: #ffffff;
  box-shadow: inset 0 0 0 0 #ffffff, inset 0 0 0 8px #f7f7f7;
}
.searchresult-card.topic:hover {
  box-shadow: inset 0 0 0 8px #ffffff, inset 0 0 0 8px #f7f7f7;
}

.searchresult-card-topline {
  margin-bottom: 0.25rem;
  color: #6f6f6f;
  font-size: 0.875rem;
}

.searchresult-card-title {
  font-size: 2.0161290323vw;
  line-height: 1.2;
  margin: 0 0 1rem;
  color: #315f96;
}
@media screen and (max-width: 0.07936px) {
  .searchresult-card-title {
    font-size: 16px;
  }
}
@media (min-width: 0.0062rem) {
  .searchresult-card-title {
    font-size: 1.25rem;
  }
}

.searchresult-card-subtitle {
  margin: -0.75rem 0 1rem;
  color: #315f96;
}

.searchresult-card-additional-information,
.searchresult-card-description {
  color: #6f6f6f;
}

.searchresult-card-additional-information {
  margin-top: -1rem;
}

.searchresult-card-description {
  margin-top: 1rem;
  font-size: 0.875rem;
}
.searchresult-card-description ul > li > ul > li::before {
  content: "▶";
  top: 3px;
  font-size: 60%;
  color: #6f6f6f;
}

.searchresult-card-image {
  margin-top: 1rem;
}
.searchresult-card-image > img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 10rem;
}

@media (min-width: 40rem) {
  .searchresult-card {
    display: flex;
    align-items: center;
  }
  .searchresult-card.topic {
    padding: 1rem;
  }
  .searchresult-card.product {
    padding: 2rem;
  }
  .searchresult-card-text {
    align-self: flex-start;
    padding-right: 1rem;
  }
  .searchresult-card-image {
    margin: 0;
    padding-left: 1rem;
    text-align: right;
  }
  .searchresult-card-image > img {
    max-height: none;
  }
  .searchresult-card.topic .searchresult-card-text {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 1rem;
  }
  .searchresult-card.topic .searchresult-card-image {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .searchresult-card.product .searchresult-card-text {
    flex: 0 0 66%;
    max-width: 66%;
  }
  .searchresult-card.product .searchresult-card-image {
    flex: 0 0 33%;
    max-width: 33%;
  }
}
@media (min-width: 80rem) {
  .searchresult-card.topic .searchresult-card-text {
    flex: 0 0 66%;
    max-width: 66%;
  }
  .searchresult-card.topic .searchresult-card-image {
    flex: 0 0 33%;
    max-width: 33%;
  }
  .searchresult-card.product .searchresult-card-text {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .searchresult-card.product .searchresult-card-image {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
.searchresult-filter {
  margin: 0 0 2rem;
  padding: 0;
}
.searchresult-filter > li {
  margin: 0;
  padding: 0;
}
.searchresult-filter > li::before {
  content: none;
}

.searchresult-filter-description {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  color: #999999;
  font-size: 0.875rem;
}

.searchresult-filter-item {
  display: flex;
  align-items: center;
  padding: 0.75rem 0.5rem 0.75rem 0;
  border-bottom: 1px solid #e2e2e2;
  color: #315f96;
}
.searchresult-filter-item:hover .searchresult-filter-icon {
  margin: 0 0 -3px 0;
}

.searchresult-filter-text {
  margin-right: auto;
  line-height: 1.3;
}

.searchresult-filter-arrow {
  flex: 0 0 0.75rem;
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.5rem;
  fill: #999999;
}

.searchresult-filter-icon {
  flex: 0 0 1rem;
  width: 1rem;
  height: 1rem;
  fill: currentColor;
  transform: rotate(90deg);
  transition: margin 100ms;
}

.searchresult-filter-active {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.searchresult-filter-item.active {
  color: #333333;
}
.searchresult-filter-item.active:hover .searchresult-filter-icon {
  margin-right: 0;
  transform: scale(0.85);
}
.searchresult-filter-item.active .searchresult-filter-icon {
  fill: #315f96;
  transform: scale(1);
  transition: transform 100ms;
}

@media (min-width: 80rem) {
  .searchresult-filter-icon {
    transform: none;
  }
  .searchresult-filter-item:hover .searchresult-filter-icon {
    margin: 0 -3px 0 0;
  }
}
.breadcrumb-wrapper + .content-topic-selector-wrapper {
  margin-top: -2rem;
}

.button-load-more {
  display: block;
  margin: 0 auto 16px;
}
.button-load-more + .not-found {
  display: none;
}

.content-topic-selector-wrapper .content-wrapper {
  margin-top: 0;
}
.content-topic-selector-wrapper.filters-closed .product-selector-filters {
  display: none;
}
.content-topic-selector-wrapper.filters-open .btn-open-filters {
  display: none;
}
.content-topic-selector-wrapper .reset-facets-container {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.content-topic-selector-wrapper .reset-facets-container .btn-open-filters {
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-right: 3rem;
}
.content-topic-selector-wrapper .reset-facets-container .matrix-active-filters {
  display: inline-flex;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.content-topic-selector-wrapper .reset-facets-container .matrix-active-filters__filter {
  margin-bottom: 0;
}
.content-topic-selector-wrapper .table-product-image {
  margin-left: auto;
  margin-right: auto;
}

.table-product.selector-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.table-product.selector-table td {
  border: none;
}
.table-product.selector-table .price-information {
  white-space: nowrap;
}
.table-product.selector-table tbody.table-body .table-product__actions td {
  height: auto;
}
.table-product.selector-table tbody.table-body .table-product__actions .table-product__action-buttons {
  padding: 0.5rem 0.75rem 0.75rem;
}
@media screen and (max-width: 61.9375rem) {
  .table-product.selector-table tbody.table-body td {
    border-top: none;
  }
  .table-product.selector-table tbody.table-body tr.table-product__row {
    margin-bottom: 0;
    border: none;
  }
  .table-product.selector-table tbody.table-body tr.table-product__row:not(:first-child) {
    margin-top: 1rem;
  }
  .table-product.selector-table tbody.table-body .table-product__actions td:first-child {
    display: none;
  }
}

.product-selector-results {
  position: relative;
}

@media (min-width: 62rem) {
  .content-topic-selector-wrapper .table-product.selector-table tbody.table-body tr.table-product__row td {
    padding-top: 9px;
    box-shadow: inset 0 5px 0 0 white;
  }
}
@media screen and (max-width: 120rem) {
  .content-topic-selector-wrapper.filters-open .product-selector-filters {
    position: fixed;
    z-index: 999999;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
  }
  .content-topic-selector-wrapper.filters-open .product-selector-filters .product-selector-filters--inner {
    padding: 0 2rem;
    overflow: auto;
  }
  .content-topic-selector-wrapper.filters-open .product-selector-filters .facet-list-headline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #333333;
    background-color: #f7f7f7;
    min-height: 5rem;
    padding: 0 2rem;
  }
  .content-topic-selector-wrapper.filters-open .product-selector-filters .facet-list-headline h2 {
    margin: 0;
  }
  .content-topic-selector-wrapper.filters-open .product-selector-filters .facet-list-headline .facet-list-close {
    width: 1rem;
    cursor: pointer;
  }
  .content-topic-selector-wrapper.filters-open .product-selector-filters .facet-list-headline .facet-list-close > svg {
    fill: #315f96;
    margin-left: 0 !important;
  }
  .content-topic-selector-wrapper.filters-open .product-selector-filters .btn-close-filters {
    margin: 2rem;
  }
  .content-topic-selector-wrapper.filters-open .product-selector-filters .facets-container {
    margin-bottom: 2rem;
  }
  .content-topic-selector-wrapper.filters-open .product-selector-results {
    display: none;
  }
  .content-topic-selector-wrapper .facet-toggle-all {
    padding-top: 1rem;
  }
}
@media (min-width: 40rem) {
  .product-selector .product-selector-results .not-found {
    padding-right: 5rem;
  }
}
@media (min-width: 40rem) and (max-width: 120rem) {
  .content-topic-selector-wrapper.filters-open .product-selector-filters {
    width: 40%;
  }
  .content-topic-selector-wrapper.filters-open .product-selector-results {
    display: block;
  }
  .content-topic-selector-wrapper.filters-open .product-selector-overlay {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 68, 122, 0.5);
    z-index: 999;
  }
  .content-topic-selector-wrapper.filters-closed .product-selector-overlay {
    display: none;
  }
}
@media (min-width: 80rem) {
  .content-topic-selector-wrapper.filters-open .product-selector-filters {
    width: 30%;
  }
  .content > .product-selector .col-md-75 {
    margin-top: 0;
  }
  .content-topic-selector-wrapper .product-selector-filters {
    width: 16.6%;
    min-width: 0;
    flex: 0 0 16.6%;
    margin-right: 1.5rem;
  }
  .content-topic-selector-wrapper .product-selector-results {
    width: 83.4%;
    min-width: 0;
    flex: 1 1 83.4%;
  }
}
@media (min-width: 120rem) {
  .content-topic-selector-wrapper.filters-closed .product-selector-filters {
    display: block;
  }
  .content-topic-selector-wrapper .btn-open-filters,
  .content-topic-selector-wrapper .btn-close-filters {
    display: none;
  }
}
.selector-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: flex-end;
}

.selector-actions__button {
  font-size: 0.875rem;
}
.selector-actions__button .cartbutton {
  margin-bottom: 0;
}
.selector-actions__button .toggle-watchlist {
  font-size: inherit;
  color: inherit;
}

.compare-and-watch {
  display: contents;
}

.selector-actions__compare + .selector-actions__button {
  margin-left: 2.5rem;
}

.compare-and-watch + .selector-actions__buy {
  margin-left: 45px;
}

.compare-and-watch + .selector-actions__inquire {
  margin-left: 45px;
}

.selector-actions__inquire,
.toggle-watchlist {
  line-height: 1.3;
}

@media (min-width: 62rem) {
  .compare-and-watch {
    position: absolute;
    right: 0;
    transform: translateX(-8.625rem);
    -ms-transform: translateX(-8.625rem) translateY(-0.85rem);
    align-self: flex-end;
    display: flex;
    align-items: baseline;
  }
  .compare-and-watch + .selector-actions__buy {
    margin-left: 0;
  }
  .compare-and-watch + .selector-actions__inquire {
    margin-left: 0;
  }
}
@media screen and (max-width: 40rem) {
  .selector-actions {
    justify-content: space-between;
  }
}
.selectorlink {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0.25rem;
  color: #315f96;
}
.selectorlink:hover, .selectorlink:focus, .selectorlink:active {
  color: #315f96;
}
.selectorlink:hover .selectorlink-text, .selectorlink:focus .selectorlink-text, .selectorlink:active .selectorlink-text {
  text-decoration: underline;
}
.selectorlink:hover .selectorlink-icon, .selectorlink:focus .selectorlink-icon, .selectorlink:active .selectorlink-icon {
  color: #ffffff;
  background-color: #315f96;
  border-color: #315f96;
}

.selectorlink-icon {
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  padding: 0;
  color: inherit;
  border: 4px solid transparent;
  transition: border-color 250ms ease-out, background-color 250ms ease-out;
}
.selectorlink-icon > svg {
  position: absolute;
  top: 0;
  left: 0;
}
.selectorlink-icon > svg:hover, .selectorlink-icon > svg:active, .selectorlink-icon > svg:focus {
  fill: #ffffff;
}

.selectorlink-icon {
  margin-left: 0.5rem;
}

.sensorcalibration .searchbar {
  width: 20rem;
}
.sensorcalibration .form-search-group {
  margin-bottom: 1rem;
}
.sensorcalibration select {
  width: inherit;
}
.sensorcalibration .sensor-customer-number {
  margin-bottom: 2rem;
}
.sensorcalibration .sensorcalibration__results,
.sensorcalibration .sensorcalibration__noresults {
  display: none;
}
.sensorcalibration .sensorcalibration__results--table table thead th {
  padding: 0.625rem;
  font-weight: bold;
}
.sensorcalibration input:-webkit-autofill,
.sensorcalibration input:-webkit-autofill:hover,
.sensorcalibration input:-webkit-autofill:focus,
.sensorcalibration input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.separator-component {
  margin-top: 3rem;
  margin-bottom: 2rem;
}
@media (min-width: 90rem) {
  .separator-component {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
}
.separator-component > hr {
  margin: 0 -100% 0;
  box-sizing: border-box;
  height: 1rem;
  background: #f7f7f7;
  border: none;
}
.separator-component > h2 {
  font-size: 3.0241935484vw;
  line-height: 1.2;
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 67rem;
  margin-top: 3rem;
}
@media screen and (max-width: 0.07936px) {
  .separator-component > h2 {
    font-size: 24px;
  }
}
@media (min-width: 0.0062rem) {
  .separator-component > h2 {
    font-size: 1.875rem;
  }
}
@media (min-width: 40rem) {
  .separator-component > h2 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .separator-component > h2 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.page-wrapper .separator-component:nth-last-child(2),
.page-wrapper .owl-carousel + .separator-component,
.page-wrapper .banner-backdrop-item + .separator-component,
.page-wrapper .banner-productdetail + .separator-component {
  display: none;
}

.grid + .separator-component {
  margin-top: 0;
}

.separator-component + .separator-component {
  display: none;
}

.in-site-nav + .separator-component > hr,
#main-nav-wrapper + .separator-component > hr {
  display: none;
}

.topslider, .quotation-slider {
  margin-bottom: 2rem;
  max-width: 100%;
}
.topslider + .in-site-nav, .quotation-slider + .in-site-nav {
  margin-top: -2rem;
}
.topslider .owl-nav, .quotation-slider .owl-nav {
  display: none !important;
}
.topslider .owl-dots, .quotation-slider .owl-dots {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.topslider .owl-dots .owl-dot, .quotation-slider .owl-dots .owl-dot {
  outline: none;
  animation: none;
  cursor: default;
}
.topslider .owl-dots .owl-dot > span, .quotation-slider .owl-dots .owl-dot > span {
  width: 10px;
  height: 10px;
  margin: 5px 0.5rem;
  background: rgba(0, 98, 174, 0.2);
}
.topslider .owl-dots .owl-dot > span:hover, .quotation-slider .owl-dots .owl-dot > span:hover {
  background: #315f96;
}
.topslider .owl-dots .owl-dot.active > span, .quotation-slider .owl-dots .owl-dot.active > span {
  background: #315f96;
}

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: none;
}

@media (min-width: 80rem) {
  .topslider .owl-nav, .quotation-slider .owl-nav {
    position: absolute;
    bottom: 50%;
    display: flex !important;
    justify-content: space-between;
    width: 100%;
    margin-top: 0;
    padding: 0;
    z-index: 1;
  }
  .topslider .owl-nav button.owl-prev, .quotation-slider .owl-nav button.owl-prev,
  .topslider .owl-nav button.owl-next,
  .quotation-slider .owl-nav button.owl-next {
    outline: none;
    animation: none;
    position: absolute;
    width: 2rem;
    height: 1rem;
    margin: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='16px' viewBox='0 0 10 16'%3E%3Cpolygon fill='%23315f96' points='0 1.62 1.62 0 9.62 8 1.62 16 0 14.38 6.38 8 0 1.62'/%3E%3C/svg%3E") 75% center no-repeat content-box;
    background-size: contain;
    opacity: 1;
  }
  .topslider .owl-nav button.owl-prev:hover, .quotation-slider .owl-nav button.owl-prev:hover,
  .topslider .owl-nav button.owl-next:hover,
  .quotation-slider .owl-nav button.owl-next:hover {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='16px' viewBox='0 0 10 16'%3E%3Cpolygon fill='%23315f96' points='0 1.62 1.62 0 9.62 8 1.62 16 0 14.38 6.38 8 0 1.62'/%3E%3C/svg%3E") 75% center no-repeat content-box;
    background-size: contain;
  }
  .topslider .owl-nav button.owl-prev, .quotation-slider .owl-nav button.owl-prev {
    left: 1rem;
    transform: scaleX(-1);
  }
  .topslider .owl-nav button.owl-next, .quotation-slider .owl-nav button.owl-next {
    right: 1rem;
  }
}
@media (min-width: 90rem) {
  .topslider .owl-nav button.owl-prev, .quotation-slider .owl-nav button.owl-prev {
    left: 7rem;
  }
  .topslider .owl-nav button.owl-next, .quotation-slider .owl-nav button.owl-next {
    right: 7rem;
  }
}
@media (min-width: 120rem) {
  .topslider .owl-nav, .quotation-slider .owl-nav {
    left: 50%;
    bottom: 50%;
    margin-left: -45rem;
    max-width: 90rem;
  }
  .topslider .owl-nav button.owl-prev, .quotation-slider .owl-nav button.owl-prev {
    left: -2rem;
  }
  .topslider .owl-nav button.owl-next, .quotation-slider .owl-nav button.owl-next {
    right: -2rem;
  }
}
.quotation-slider .owl-item {
  background-color: transparent;
}
.quotation-slider .owl-nav {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 67rem;
  bottom: 0;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  margin: -1.25rem 0 0 0;
  height: 1.5rem;
  padding: 3px 0;
}
@media (min-width: 40rem) {
  .quotation-slider .owl-nav {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .quotation-slider .owl-nav {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.quotation-slider .owl-nav .owl-prev,
.quotation-slider .owl-nav .owl-next {
  top: 0;
  padding-right: 8px;
}
.quotation-slider .owl-nav .owl-prev {
  left: 1.5rem;
}
.quotation-slider .owl-nav .owl-next {
  right: 1.5rem;
}

.image-slider .owl-item {
  background-color: transparent;
}
.image-slider .owl-nav {
  position: absolute;
  bottom: 50%;
  display: flex !important;
  justify-content: space-between;
  width: 100%;
  margin-top: 0;
  padding: 0;
  z-index: 1;
}
.image-slider .owl-nav button.owl-prev,
.image-slider .owl-nav button.owl-next {
  outline: none;
  animation: none;
  position: absolute;
  width: 2rem;
  height: 1rem;
  margin: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='16px' viewBox='0 0 10 16'%3E%3Cpolygon fill='%23315f96' points='0 1.62 1.62 0 9.62 8 1.62 16 0 14.38 6.38 8 0 1.62'/%3E%3C/svg%3E") 75% center no-repeat content-box;
  background-size: contain;
  opacity: 1;
}
.image-slider .owl-nav button.owl-prev:hover,
.image-slider .owl-nav button.owl-next:hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='16px' viewBox='0 0 10 16'%3E%3Cpolygon fill='%23315f96' points='0 1.62 1.62 0 9.62 8 1.62 16 0 14.38 6.38 8 0 1.62'/%3E%3C/svg%3E") 75% center no-repeat content-box;
  background-size: contain;
}
.image-slider .owl-nav button.owl-prev {
  left: 1rem;
  transform: scaleX(-1);
}
.image-slider .owl-nav button.owl-next {
  right: 1rem;
}
.image-slider .owl-dots {
  display: none;
}
.image-slider .owl-stage {
  display: flex;
  align-items: center;
}

.slider-item {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 40rem) {
  .slider-item {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .slider-item {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .slider-item {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .slider-item {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .slider-item {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}

.slider-item__content {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 3rem;
  padding-bottom: 3rem;
  position: relative;
  margin-left: -1rem;
  margin-right: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background: #f7f7f7;
}
@media (min-width: 40rem) {
  .slider-item__content {
    display: flex;
    flex-wrap: wrap;
  }
}

.slider-item-textblock {
  position: relative;
  width: 100%;
  overflow: hidden;
  order: 2;
}

.slider-item-textblock-inner {
  display: flex;
  flex-direction: column;
  padding: 0;
  background-color: #ffffff;
}

.slider-item-text {
  padding: 2rem 1rem;
  background: #ffffff;
}
.slider-item-text > * {
  margin-top: 0.75rem;
  margin-bottom: 1rem;
}
.slider-item-text > *:first-child {
  margin-top: 0;
}
.slider-item-text > *:last-child {
  margin-bottom: 0;
}
.slider-item-text > h1 {
  color: #315f96;
}

.slider-item-button {
  display: block;
  align-self: flex-start;
  margin: 0 1rem 2rem;
  box-shadow: -1rem 15px 0 1rem #ffffff, 1rem 15px 0 1rem #ffffff, 0 0 20px -3px rgba(111, 111, 111, 0.075);
}

.slider-item-image {
  order: 1;
  width: 100%;
}
.slider-item-image > img {
  display: block;
  width: auto !important;
  max-height: calc(32rem - 3rem);
  margin: 0 auto;
}

@media (min-width: 40rem) {
  .slider-item__content {
    margin-left: -2rem;
    margin-right: -2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media (min-width: 62rem) {
  .slider-item__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
  }
  .slider-item__content > .slider-cols {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    flex-shrink: 0;
    flex-grow: 0;
    margin-bottom: 2rem;
  }
  .slider-item__content > .slider-cols:nth-child(n) {
    margin-right: 2rem;
  }
  .slider-item__content > .slider-cols:last-child {
    margin-right: 0;
  }
  .slider-item__content > .slider-cols:nth-child(2n) {
    margin-right: 0;
  }
  .slider-item__content .slider-cols {
    margin-bottom: 0;
  }
  .slider-item-textblock {
    order: 1;
  }
  .slider-item-image {
    order: 2;
  }
  .slider-item-textblock-inner {
    background-color: transparent;
  }
  .slider-item-button {
    align-self: flex-end;
  }
}
@media (min-width: 80rem) {
  .slider-item {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .slider-item {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .slider-item__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 3.5rem;
  }
  .slider-item__content > .slider-cols {
    flex-basis: calc(50% - 1.5rem);
    width: calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
    flex-shrink: 0;
    flex-grow: 0;
    margin-bottom: 3rem;
  }
  .slider-item__content > .slider-cols:nth-child(n) {
    margin-right: 3rem;
  }
  .slider-item__content > .slider-cols:last-child {
    margin-right: 0;
  }
  .slider-item__content > .slider-cols:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 120rem) {
  .slider-item {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
.social-media-link {
  position: relative;
  display: block;
  width: 2rem;
  height: 2rem;
  background: white;
}
.social-media-link > .icon {
  width: 100%;
  height: 100%;
}
.social-media-link > .icon:first-of-type {
  position: absolute;
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.social-media-link:hover, .social-media-link:focus, .social-media-link:active {
  text-decoration: none;
}
.social-media-link:hover > .icon:first-of-type, .social-media-link:focus > .icon:first-of-type, .social-media-link:active > .icon:first-of-type {
  opacity: 1;
}

.social-media-wrapper {
  display: inline-flex;
}

.social-media-selector {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
.social-media-selector button {
  font-size: 0.875rem;
}
.social-media-selector button:hover, .social-media-selector button:focus, .social-media-selector button:active {
  color: #315f96;
}
.social-media-selector button > span {
  line-height: 1;
}
.social-media-selector button.icn > svg {
  margin-left: 0.625rem;
}

.social-media-selector-list {
  position: absolute;
  bottom: 0;
  padding: 1rem;
  background: #f7f7f7;
  border: 10px solid #ffffff;
  box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.2);
  z-index: 11111;
  transform: translateY(100%) translateY(1rem);
  left: auto;
  right: 0;
  display: none;
  width: 85px;
  z-index: 11;
}
.social-media-selector-list::before, .social-media-selector-list::after {
  content: "";
  position: absolute;
  top: -0.5rem;
  width: 1rem;
  height: 1rem;
  background: #f7f7f7;
  transform: rotate(-45deg);
}
.social-media-selector-list::before {
  top: -18px;
  background: #ffffff;
}
.social-media-selector-list::before, .social-media-selector-list::after {
  left: auto;
  right: 1.25rem;
}
.social-media-selector-list::before, .social-media-selector-list::after {
  right: 5px;
}
.social-media-selector-list > .social-media-link:not(:last-child) {
  margin-bottom: 0.3125rem;
}

@media screen and (max-width: 39rem) {
  .social-media-wrapper:only-child .social-media-selector-list {
    left: 0;
    right: auto;
  }
  .social-media-wrapper:only-child .social-media-selector-list::before, .social-media-wrapper:only-child .social-media-selector-list::after {
    left: 5px;
    right: auto;
  }
}
.sort__label {
  margin-bottom: 0.5rem;
  margin-right: 1rem;
  color: #999999;
  font-size: 0.875rem;
  white-space: nowrap;
}

.sort__select {
  display: block;
  width: auto;
  height: 1.5rem;
  margin: 0;
  padding-top: 0;
  padding-left: 0.625rem;
  padding-bottom: 0;
  border: 1px solid #e2e2e2;
  font-size: 0.875rem;
}

@media (min-width: 40rem) {
  .sort {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .sort__label,
  .sort__select {
    flex: 0 0 auto;
  }
  .sort__label {
    margin-bottom: 0;
  }
}
th.sortable {
  padding: 0;
  cursor: pointer;
}
th.sortable > div {
  position: relative;
  padding: 0.5rem 2rem 0.5rem 1rem;
}
th.sortable .sortable__icon {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  margin-top: -0.375rem;
  color: #315f96;
}
th.sortable[data-sorting-active=false] .sortable__icon {
  fill: #e2e2e2;
}
th.sortable[data-sorting-active=desc] .sortable__icon {
  transform: rotate(180deg);
}

.sourcecode {
  height: 320px;
  margin: 0;
  padding: 12px 16px 0;
  overflow: auto;
}
.sourcecode > code {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px;
  line-height: 18px;
  background: inherit !important;
  overflow-x: visible;
}

.sourcecode__copy {
  position: absolute;
  bottom: 36px;
  right: 36px;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
#spinner {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  opacity: 1;
  z-index: 10;
  transition: opacity 400ms ease-out;
}
#spinner::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  height: 60px;
  width: 60px;
  border: 6px solid;
  border-top-color: rgba(0, 98, 174, 0.9);
  border-right-color: rgba(0, 98, 174, 0.3);
  border-bottom-color: rgba(0, 98, 174, 0.9);
  border-left-color: rgba(0, 98, 174, 0.3);
  border-radius: 100%;
  animation: rotation 1s infinite linear;
  transform: translate(-50%);
}
#spinner.hidden {
  display: none !important;
}
#spinner.hidden::before {
  content: none;
  animation: none;
}
#spinner.invisible {
  opacity: 0;
}

.sticky-nav {
  opacity: 0.9;
  display: none;
  flex-direction: column;
  position: fixed;
  top: 22%;
  right: -4.625rem;
  transition: transform 0.5s, opacity 0.5s;
  z-index: 1;
}
.sticky-nav:hover {
  transform: translateX(-50%);
  opacity: 1;
}

.btn-sticky {
  width: 9.25rem;
  background-color: #315f96;
  color: #ffffff;
  border: none;
  margin: 0.3rem;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0 3px 7px 0 rgba(111, 111, 111, 0.25);
}

.layer-sticky-flyout {
  background-color: transparent;
  width: 35rem;
  display: none;
  position: absolute;
  transform: translateY(-50%);
  padding-right: 2rem;
}
.layer-sticky-flyout:hover {
  display: block;
}

.btn-sticky-flyout {
  height: 2.5rem;
  border-radius: 1.25rem;
  width: 100%;
  margin-right: 3rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  opacity: 0.9;
}
.btn-sticky-flyout .icon {
  width: 2rem;
}
.btn-sticky-flyout .icon:hover, .btn-sticky-flyout .icon:active, .btn-sticky-flyout .icon:focus {
  fill: #ffffff;
}

.btn-sticky-item {
  height: 2.5rem;
  border-radius: 1.25rem;
  font-size: 0.75rem;
}
.btn-sticky-item .layer-sticky-flyout {
  top: 1.25rem;
  right: 8.25rem;
}
.btn-sticky-item:hover .layer-sticky-flyout {
  display: block;
}
.btn-sticky-item:first-child {
  height: 9.25rem;
  border-radius: 50%;
  font-size: 0.875rem;
}
.btn-sticky-item:first-child .layer-sticky-flyout {
  top: 4.625rem;
  right: 8.25rem;
}
.btn-sticky-item:last-child {
  background-color: #71797D;
}

@media (min-width: 120rem) {
  .sticky-nav {
    transform: scale(1.3);
  }
  .sticky-nav:hover {
    transform: translateX(-75%) scale(1.3);
  }
}
.page-wrapper.search-visible .suggestions {
  display: block;
}

.suggestions {
  position: absolute;
  top: 100%;
  width: calc(100% - 2rem);
  padding: 0 1rem 0.625rem;
  background-color: white;
  z-index: 110;
}
.suggestions:not(.visible) {
  display: none !important;
}

.suggestions__group {
  position: relative;
}
.suggestions__group:not(:last-child) {
  margin-bottom: 1rem;
}

.suggestions__headline {
  padding-bottom: 0.75rem;
  font-size: 1.125rem;
  line-height: 1.2222;
  color: #333333;
  border-bottom: 1px solid #e2e2e2;
}

.suggestions__list {
  margin: 0;
}
.suggestions__list > li {
  padding: 0.5rem 0;
  font-size: 0.875rem;
}
.suggestions__list > li::before {
  content: none;
}
.suggestions__list > li:not(:last-child) {
  border-bottom: 1px solid #e2e2e2;
}

.suggestion__link > span {
  display: block;
}

.suggestion__image {
  display: none;
}

.suggestion__title,
.suggestion__subtitle {
  display: block;
  width: 100%;
}

.suggestion__subtitle {
  color: #6f6f6f;
}

@media (min-width: 40rem) {
  .suggestions {
    top: 1.25rem;
    right: -0.625rem;
    width: 400px;
    padding: 3rem 2.5rem 2rem;
    background-color: #f7f7f7;
    box-shadow: 0 0.625rem 1rem 3px rgba(0, 0, 0, 0.25), inset 0 0 0 10px white;
  }
  .suggestions__group:not(:last-child) {
    margin-bottom: 2rem;
  }
}
@media (min-width: 62rem) {
  .suggestions {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 650px;
  }
  .suggestions__group {
    flex-grow: 0;
    flex-shrink: 0;
    width: calc(33% - 4rem/3);
  }
  .suggestions__group:nth-child(1n) {
    margin-bottom: 0;
  }
  .suggestion__link {
    min-height: 60px;
  }
}
@media (min-width: 80rem) {
  .suggestions {
    left: 50%;
    right: auto;
    width: 800px;
    transform: translateX(-50%);
  }
  .suggestion__image {
    display: block;
    flex: 0 0 70px;
    width: 70px;
    height: 60px;
    background: no-repeat center;
    background-size: contain;
  }
  .suggestion__link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .suggestion__link > span:not(:first-child) {
    margin-left: 0.5rem;
  }
}
@media (min-width: 90rem) {
  .suggestions {
    width: 60rem;
  }
}
.tab-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #e2e2e2;
  list-style: none;
}
.tab-nav a.tab-nav__link {
  color: #315f96;
  cursor: pointer;
  pointer-events: initial;
}
.tab-nav a.tab-nav__link--active {
  cursor: default;
  pointer-events: none;
}

.banner + .tab-nav {
  margin-top: -2rem;
}

.tab-nav__item {
  display: block;
  margin: 0;
  padding: 0 1.5rem;
}
.tab-nav__item::before {
  content: none;
}

.tab-nav__link {
  display: block;
  margin: 0;
  padding: 0.875rem 0 0.75rem;
  box-shadow: inset 0 -2px 0 0 white;
  color: #315f96;
  font-size: 0.875rem;
  line-height: 1;
  text-decoration: none;
}

.tab-nav__link--active {
  box-shadow: inset 0 -2px 0 0 currentColor;
}

.tab-navigation {
  margin-top: 3rem;
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
}
@media (min-width: 90rem) {
  .tab-navigation {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
}

.tab-navigation__item {
  padding: 0.5rem 1rem;
  border: 1px solid #e2e2e2;
  color: #6f6f6f;
  text-decoration: none;
  font-size: 0.875rem;
}
.tab-navigation__item--active {
  background: #e7e7e7;
  border-color: #e7e7e7;
}

.table {
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-collapse: collapse;
}
.table .table-head,
.table thead th {
  color: #6f6f6f;
  font-size: 0.875rem;
  font-weight: inherit;
  text-align: left;
}
.table .table-head:not(:first-child),
.table thead th:not(:first-child) {
  border-left: 1px solid #e2e2e2;
}
.table tbody,
.table .table-body {
  font-size: 0.875rem;
}
.table th,
.table td {
  vertical-align: top;
  min-width: 120px;
  text-align: left;
  border-top: 1px solid #e2e2e2;
}
.table td {
  padding: 0.625rem;
}
.table tbody th,
.table td {
  padding: 0.625rem;
}
.table td a:not(:only-of-type) {
  padding-right: 0.3125rem;
}
.table td a:not(:only-of-type):not(:first-child) {
  padding-left: 0.3125rem;
}

.table.card-layout .responsive-headline {
  display: none;
}
.table.card-layout .show-responsive-headline .responsive-headline {
  display: block;
  color: #6f6f6f;
}
.table.card-layout .table-head {
  display: none;
}
.table.card-layout .table-body tr {
  position: relative;
  display: block;
  background-color: #f7f7f7;
  border-bottom: 5px solid #ffffff;
  padding: 0.3125rem;
}
.table.card-layout .table-body td {
  display: block;
  color: #000000;
}
.table.card-layout .table-body .table-product-name {
  padding-top: 0;
  padding-bottom: 0.5rem;
}
.table.card-layout .table-body .table-product-attribute {
  display: flex;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  line-height: 1.3;
  text-align: right;
}
.table.card-layout .table-body .table-product-attribute ul {
  margin-top: 0;
  margin-bottom: 0;
}
.table.card-layout .table-body .table-product-attribute ul > li {
  padding-left: 0;
  padding-bottom: 0.3125rem;
}
.table.card-layout .table-body .table-product-attribute ul > li:before {
  content: none;
}
.table.card-layout .table-body .table-product-attribute + .table-product-name {
  padding-top: 4px;
}

@media (min-width: 40rem) {
  .table.card-layout .table-body tr::after {
    content: "";
    display: table;
    clear: both;
  }
  .table.card-layout .table-body .table-product-image {
    float: left;
  }
  .table.card-layout .table-body .table-product-image img {
    margin-bottom: 0;
  }
  .table.card-layout .table-body .table-product-image + td {
    padding-top: 4px;
  }
  .table.card-layout .table-body .table-product-name,
  .table.card-layout .table-body .table-product-attribute,
  .table.card-layout .table-body .table-product-phaseout {
    width: 100%;
    padding-left: 120px;
  }
  .table.card-layout .table-body .table-product-image--watchlist ~ .table-product-name,
  .table.card-layout .table-body .table-product-image--watchlist ~ .table-product-attribute {
    padding-left: 142px;
  }
}
@media (min-width: 62rem) {
  .table-wrapper {
    max-width: 100%;
    overflow-x: auto;
  }
  .table.card-layout .responsive-headline {
    display: none !important;
  }
  .table.card-layout .table-head {
    display: table-header-group;
  }
  .table.card-layout .table-body tr {
    display: table-row;
    background: none;
    border: none;
  }
  .table.card-layout .table-body tr::after {
    content: none;
  }
  .table.card-layout .table-body td {
    display: table-cell;
    height: 91px;
    color: #6f6f6f;
  }
  .table.card-layout .table-body td:first-child {
    vertical-align: middle;
  }
  .table.card-layout .table-body .table-product-image {
    float: none;
  }
  .table.card-layout .table-body .table-product-image img {
    margin: 0 auto;
  }
  .table.card-layout .table-body .table-product-image ~ .table-product-name,
  .table.card-layout .table-body .table-product-image ~ .table-product-attribute {
    padding: 4px 0.5rem;
  }
  .table.card-layout .table-body .table-product-name,
  .table.card-layout .table-body .table-product-attribute,
  .table.card-layout .table-body .table-product-phaseout {
    width: auto;
    padding: 4px 0.5rem;
  }
  .table.card-layout .table-body .table-product-attribute {
    display: table-cell;
    text-align: left;
    padding-top: 0;
    padding-bottom: 4px;
  }
}
.table-product {
  width: calc(100% - 5px);
  margin-top: 0;
  margin-bottom: 1rem;
  border-collapse: separate;
  border-spacing: 0 5px;
}
.table-product th,
.table-product td {
  min-width: 0;
  border: none;
}
.table-product th {
  padding: 0.5rem;
  font-weight: inherit;
  text-align: left;
}
.table-product tbody {
  font-size: 0.875rem;
}
.table-product tbody td {
  padding: 4px 0.5rem;
  background-color: #f7f7f7;
}
.table-product tbody td:not(:first-child) {
  vertical-align: middle;
  border-left: 1px solid transparent;
}

.table-product-image__container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.table-product-image__container .watchlist-icon {
  position: absolute;
  top: 1rem;
  right: 0.5rem;
}
.table-product-image__container .watchlist-icon .btn.toggle-watchlist > span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  display: block !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
}
.table-product-image__container .watchlist-icon .btn.toggle-watchlist > .icon {
  width: 1rem;
  height: 1rem;
  margin-left: 0;
}
.table-product-image__container .info-flyout__text {
  top: 2rem;
  left: auto;
  right: -0.5rem;
  transform: none;
  text-align: center;
}
.table-product-image__container .info-flyout__text::before {
  top: -6px;
  left: auto;
  right: 1.2rem;
  transform: rotate(-45deg);
}

.table-product-image {
  width: 120px;
}
.table-product-image img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 83px;
  margin-bottom: 0.5rem;
}

.table-product-name {
  padding-left: 0.625rem;
  line-height: 1.3rem;
  font-size: 1rem;
  color: #315f96;
}
.table-product-name > .h4 {
  color: inherit;
}
.table-product-name > .sap-number {
  margin-top: 0.25rem;
}

.table-product-subheadline {
  font-size: 0.875rem;
  color: #333333;
}

.priceheadline,
.priceHead {
  text-align: right !important;
  padding-right: 1rem !important;
}

@media (min-width: 40rem) {
  .table-product-image.table-product-image--watchlist {
    width: 142px;
  }
  .table-product-image.table-product-image--watchlist .table-product-image__link {
    display: block;
    margin-left: 1.5rem;
  }
  .table-product-image__container {
    position: relative;
    min-height: 1.5rem;
  }
  .table-product-image__container .watchlist-icon {
    position: absolute;
    top: 0.75rem;
    left: 0;
    right: auto;
  }
  .table-product-image__container .info-flyout__text {
    top: 1.5rem;
    left: -1rem;
    right: auto;
  }
  .table-product-image__container .info-flyout__text::before {
    right: auto;
    left: 1.1rem;
  }
}
@media (min-width: 62rem) {
  .table-product-image__container .info-flyout__text {
    top: -0.5rem;
    left: 1.75rem;
    right: auto;
  }
  .table-product-image__container .info-flyout__text::before {
    top: 0.5rem;
    right: auto;
    left: -5px;
    transform: rotate(-135deg);
  }
}
.tabs {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 67rem;
  position: relative;
  display: block;
  margin-bottom: 2rem;
  padding-top: 6px;
  font-size: 0;
}
@media (min-width: 40rem) {
  .tabs {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .tabs {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.tabs__radio {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  display: block !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
}
.tabs__radio:checked + .tabs__tab {
  max-width: none;
  color: #315f96;
  background: #f7f7f7;
  border-bottom-color: #f7f7f7;
}

.tabs__radio:checked:nth-of-type(1) ~ .tabs__content:nth-of-type(1) {
  display: block;
}

.tabs__radio:checked:nth-of-type(2) ~ .tabs__content:nth-of-type(2) {
  display: block;
}

.tabs__radio:checked:nth-of-type(3) ~ .tabs__content:nth-of-type(3) {
  display: block;
}

.tabs__radio:checked:nth-of-type(4) ~ .tabs__content:nth-of-type(4) {
  display: block;
}

.tabs__radio:checked:nth-of-type(5) ~ .tabs__content:nth-of-type(5) {
  display: block;
}

.tabs__radio:checked:nth-of-type(6) ~ .tabs__content:nth-of-type(6) {
  display: block;
}

.tabs__radio:checked:nth-of-type(7) ~ .tabs__content:nth-of-type(7) {
  display: block;
}

.tabs__radio:checked:nth-of-type(8) ~ .tabs__content:nth-of-type(8) {
  display: block;
}

.tabs__radio:checked:nth-of-type(9) ~ .tabs__content:nth-of-type(9) {
  display: block;
}

.tabs__radio:checked:nth-of-type(10) ~ .tabs__content:nth-of-type(10) {
  display: block;
}

.tabs__radio:checked:nth-of-type(11) ~ .tabs__content:nth-of-type(11) {
  display: block;
}

.tabs__radio:checked:nth-of-type(12) ~ .tabs__content:nth-of-type(12) {
  display: block;
}

.tabs__tab {
  position: relative;
  display: inline-block;
  max-width: 80px;
  margin: 0 0 -1px;
  padding: 0 16px !important;
  font-size: 0.875rem;
  font-weight: 400;
  background: white;
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  z-index: 1;
  cursor: pointer;
}
.tabs__tab > span {
  display: block;
  line-height: 40px;
  white-space: nowrap;
  word-break: keep-all;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tabs__tab::before, .tabs__tab::after {
  content: none !important;
}

.tabs__content {
  position: relative;
  display: none;
  font-size: 0.875rem;
  background: #f7f7f7;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}

.teaser-headline {
  font-size: 2.21774194vw;
  line-height: 1.136;
  margin-bottom: 0;
  font-weight: 400;
  color: #333333;
}
@media screen and (max-width: 0.0811636362px) {
  .teaser-headline {
    font-size: 18px;
  }
}
@media (min-width: 0.0062rem) {
  .teaser-headline {
    font-size: 1.375rem;
  }
}

a > .teaser-headline {
  color: #315f96;
}
a > .teaser-headline:hover, a > .teaser-headline:active, a > .teaser-headline:focus {
  text-decoration: underline;
}

.teaser-subheadline {
  font-size: 1.125rem;
  line-height: 1.2222;
  margin-bottom: 1rem;
  color: #333333;
}

.teaser__action-button {
  margin-top: 0.5rem;
}

.banner-backdrop-item + .teaser-icon-grid {
  margin-top: -2rem;
}

.teaser-icon {
  display: block;
  text-align: center;
}
.teaser-icon:hover {
  color: #315f96;
}
.teaser-icon:hover .teaser-icon-text {
  text-decoration: underline;
}
.teaser-icon > img {
  display: block;
  width: auto;
  max-height: 3rem;
  margin: 0 auto;
}

.teaser-icon-text {
  font-size: 2.0161290323vw;
  line-height: 1.2;
  margin: 0;
}
@media screen and (max-width: 0.07936px) {
  .teaser-icon-text {
    font-size: 16px;
  }
}
@media (min-width: 0.0062rem) {
  .teaser-icon-text {
    font-size: 1.25rem;
  }
}
.teaser-icon-text:not(:first-child) {
  margin-top: 1rem;
}

.teaser-icon-grid {
  margin-top: 3rem;
  margin-bottom: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: #f7f7f7;
}
@media (min-width: 90rem) {
  .teaser-icon-grid {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
}

.teaser-icons-wrapper {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 67rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 40rem) {
  .teaser-icons-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .teaser-icons-wrapper {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.teaser-icons-wrapper > .teaser-icon {
  flex-basis: calc(50% - 1rem);
  width: calc(50% - 1rem);
  max-width: calc(50% - 1rem);
  flex-shrink: 0;
  flex-grow: 0;
  margin-bottom: 2rem;
}
.teaser-icons-wrapper > .teaser-icon:nth-child(n) {
  margin-right: 2rem;
}
.teaser-icons-wrapper > .teaser-icon:last-child {
  margin-right: 0;
}
.teaser-icons-wrapper > .teaser-icon:nth-child(2n) {
  margin-right: 0;
}
.teaser-icons-wrapper .teaser-icon {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  margin-bottom: 0 !important;
}

@media (min-width: 80rem) {
  .teaser-icons-wrapper {
    position: relative;
    width: 100%;
    max-width: 120rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (min-width: 80rem) and (min-width: 40rem) {
  .teaser-icons-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 80rem) and (min-width: 62rem) {
  .teaser-icons-wrapper {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) and (min-width: 80rem) {
  .teaser-icons-wrapper {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 80rem) and (min-width: 90rem) {
  .teaser-icons-wrapper {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 80rem) and (min-width: 120rem) {
  .teaser-icons-wrapper {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
@media (min-width: 80rem) {
  .teaser-icons-wrapper > .teaser-icon {
    flex-basis: calc(25% - 1.5rem);
    width: calc(25% - 1.5rem);
    max-width: calc(25% - 1.5rem);
    flex-shrink: 0;
    flex-grow: 0;
    margin-bottom: 2rem;
  }
  .teaser-icons-wrapper > .teaser-icon:nth-child(n) {
    margin-right: 2rem;
  }
  .teaser-icons-wrapper > .teaser-icon:last-child {
    margin-right: 0;
  }
  .teaser-icons-wrapper > .teaser-icon:nth-child(4n) {
    margin-right: 0;
  }
}
@media (min-width: 90rem) {
  .teaser-icons-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .teaser-icons-wrapper > .teaser-icon {
    flex-basis: calc(25% - 2.25rem);
    width: calc(25% - 2.25rem);
    max-width: calc(25% - 2.25rem);
    flex-shrink: 0;
    flex-grow: 0;
    margin-bottom: 3rem;
  }
  .teaser-icons-wrapper > .teaser-icon:nth-child(n) {
    margin-right: 3rem;
  }
  .teaser-icons-wrapper > .teaser-icon:last-child {
    margin-right: 0;
  }
  .teaser-icons-wrapper > .teaser-icon:nth-child(4n) {
    margin-right: 0;
  }
}
.technical-details {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 67rem;
  margin-top: 3rem;
  margin-bottom: 2rem;
}
@media (min-width: 40rem) {
  .technical-details {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .technical-details {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 90rem) {
  .technical-details {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
}
.technical-details > .content-headline {
  margin-top: 0;
  margin-bottom: 3rem;
}

.technical-details__list dd,
.technical-details__list dt {
  padding-top: 0.5rem;
  padding-bottom: 0.25rem;
}
.technical-details__list dl {
  margin-left: 10rem;
}
.technical-details__list dt {
  color: #333333;
}
.technical-details__list ul {
  margin-top: 0;
  margin-bottom: 0;
}
.technical-details__list ul > li {
  padding-left: 0;
  margin-bottom: 0.5rem;
}
.technical-details__list ul > li:before {
  content: none;
}
.technical-details__list ul > li:last-child {
  margin-bottom: 0;
}

@media (min-width: 62rem) {
  .technical-details__list > dl {
    width: 75%;
    margin-left: auto;
  }
}
@media screen and (max-width: 62rem) {
  .technical-details__list dl {
    margin-left: 1rem;
  }
}
.to-top {
  position: fixed;
  bottom: 8rem;
  right: 0;
  opacity: 0;
  width: 48px;
  height: 30px;
  z-index: 9999;
  transition: opacity 400ms ease-out;
  pointer-events: none;
}
.to-top:hover, .to-top:active, .to-top:focus {
  color: #ffffff;
}
.to-top.to-top__visible {
  opacity: 1;
  pointer-events: all;
}
.to-top .to-top-text {
  opacity: 0;
  width: 0;
}
.to-top > .btn-icn-inner > .icon {
  transform: scaleY(-1);
  width: 16px;
  height: 16px;
  margin-left: 0;
}

@media (min-width: 62rem) {
  .to-top {
    width: auto;
    padding-left: 8px;
    padding-right: 48px;
  }
  .to-top .to-top-text {
    font-size: 14px;
    line-height: 30px;
    white-space: nowrap;
  }
  .to-top.to-top__visible .to-top-text {
    opacity: 1;
    width: auto;
  }
  .to-top.to-top__visible > .btn-icn-inner > .icon {
    margin-left: 1rem;
  }
}
#toast-container {
  font-family: inherit;
}
#toast-container.toast-top-right {
  top: 1rem;
  right: 1rem;
}
@media screen and (max-width: 39rem) {
  #toast-container.toast-top-right {
    top: auto;
    bottom: 0.75rem;
    left: 1rem;
  }
  #toast-container .toast {
    width: 100%;
  }
}
#toast-container .toast {
  padding-left: 3.5rem;
  background-color: rgba(247, 247, 247, 0.9);
  background-size: 1.5rem;
  border: 5px solid white;
  border-radius: 0;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.25);
  color: #333333;
  font-family: inherit;
  opacity: 1;
  transition: background-color 150ms ease-out;
}
#toast-container .toast:hover {
  background-color: #f7f7f7;
  box-shadow: 0 0.2rem 0.5rem 0 rgba(0, 0, 0, 0.25);
}
#toast-container .toast .toast-progress {
  display: block;
  height: 2px;
  background-color: #a50034;
  opacity: 1;
}
#toast-container .toast.toast-success {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%2300AE3F' fill-rule='evenodd' d='M16,32 C7.163444,32 0,24.836556 0,16 C0,7.163444 7.163444,0 16,0 C24.836556,0 32,7.163444 32,16 C32,24.836556 24.836556,32 16,32 Z M8.61932415,18.1479271 L14.9818369,22.9977087 L23.4027991,11.8134596 L21.1625158,10.125285 L14.6180116,18.8101353 L10.473659,15.6871416 L8.61932415,18.1479271 Z'/%3E%3C/svg%3E") !important;
}
#toast-container .toast.toast-success .toast-progress {
  background-color: #00AE3F;
}
#toast-container .toast.toast-info {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23315f96' fill-rule='evenodd' d='M16,32 C7.163444,32 0,24.836556 0,16 C0,7.163444 7.163444,0 16,0 C24.836556,0 32,7.163444 32,16 C32,24.836556 24.836556,32 16,32 Z M16,12 C17.1045695,12 18,11.1045695 18,10 C18,8.8954305 17.1045695,8 16,8 C14.8954305,8 14,8.8954305 14,10 C14,11.1045695 14.8954305,12 16,12 Z M14,14 L14,24 L18,24 L18,14 L14,14 Z'/%3E%3C/svg%3E") !important;
}
#toast-container .toast.toast-info .toast-progress {
  background-color: #315f96;
}
#toast-container .toast.toast-warning {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23C85804' fill-rule='evenodd' d='M16,32 C7.163444,32 0,24.836556 0,16 C0,7.163444 7.163444,0 16,0 C24.836556,0 32,7.163444 32,16 C32,24.836556 24.836556,32 16,32 Z M16,24 C17.1045695,24 18,23.1045695 18,22 C18,20.8954305 17.1045695,20 16,20 C14.8954305,20 14,20.8954305 14,22 C14,23.1045695 14.8954305,24 16,24 Z M18,8 L14,8 L14,18 L18,18 L18,8 Z'/%3E%3C/svg%3E") !important;
}
#toast-container .toast.toast-warning .toast-progress {
  background-color: #C85804;
}
#toast-container .toast.toast-error {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23A50034' fill-rule='evenodd' d='M17.5,16 L22,11.5 L20.5,10 L16,14.5 L11.5,10 L10,11.5 L14.5,16 L10,20.5 L11.5,22 L16,17.5 L20.5,22 L22,20.5 L17.5,16 Z M16,32 C7.163444,32 0,24.836556 0,16 C0,7.163444 7.163444,0 16,0 C24.836556,0 32,7.163444 32,16 C32,24.836556 24.836556,32 16,32 Z'/%3E%3C/svg%3E") !important;
}
#toast-container .toast.toast-error .toast-progress {
  background-color: #A50034;
}
#toast-container .toast.toast-neutral {
  padding-left: 15px;
  font-size: 0.9375rem;
}
#toast-container .toast.toast-neutral .highlight {
  color: #315f96;
}
#toast-container .toast.toast-neutral:hover {
  cursor: default;
}
#toast-container .toast .toast-close-button {
  color: #315f96;
  top: -1rem;
  right: -0.75rem;
  height: 1rem;
  width: 1rem;
  font-size: 1.5rem;
  font-weight: 400;
}
@media screen and (max-width: 39rem) {
  #toast-container .toast .toast-close-button {
    top: -0.75rem;
    right: -0.5rem;
  }
}
#toast-container .toast-message a,
#toast-container .toast-message label {
  color: #315f96;
}

@media print {
  #toast-container {
    display: none;
  }
}
.js-toggle-control {
  cursor: pointer;
}
.js-toggle-control:not(.closed) .js-toggle-chevron {
  transform: scaleY(-1);
}

.topic-teaser-wrapper {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  justify-content: center;
}
@media (min-width: 40rem) {
  .topic-teaser-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .topic-teaser-wrapper {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .topic-teaser-wrapper {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .topic-teaser-wrapper {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .topic-teaser-wrapper {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
.topic-teaser-wrapper > .topic-teaser-item {
  margin-bottom: 2rem;
}
@media (min-width: 40rem) {
  .topic-teaser-wrapper {
    display: flex;
    flex-wrap: wrap;
  }
  .topic-teaser-wrapper > .topic-teaser-item {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    flex-shrink: 0;
    flex-grow: 0;
  }
  .topic-teaser-wrapper > .topic-teaser-item:nth-child(n) {
    margin-right: 2rem;
  }
  .topic-teaser-wrapper > .topic-teaser-item:last-child {
    margin-right: 0;
  }
  .topic-teaser-wrapper > .topic-teaser-item:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 80rem) {
  .topic-teaser-wrapper > .topic-teaser-item {
    flex-basis: calc(33.33% - 1.34rem);
    width: calc(33.33% - 1.34rem);
    max-width: calc(33.33% - 1.34rem);
  }
  .topic-teaser-wrapper > .topic-teaser-item:nth-child(n) {
    margin-right: 2rem;
  }
  .topic-teaser-wrapper > .topic-teaser-item:last-child {
    margin-right: 0;
  }
  .topic-teaser-wrapper > .topic-teaser-item:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 90rem) {
  .topic-teaser-wrapper > .topic-teaser-item {
    flex-basis: calc(33.33% - 2rem);
    width: calc(33.33% - 2rem);
    max-width: calc(33.33% - 2rem);
    margin-bottom: 3rem;
  }
  .topic-teaser-wrapper > .topic-teaser-item:nth-child(n) {
    margin-right: 3rem;
  }
  .topic-teaser-wrapper > .topic-teaser-item:last-child {
    margin-right: 0;
  }
  .topic-teaser-wrapper > .topic-teaser-item:nth-child(3n) {
    margin-right: 0;
  }
}
.topic-teaser-wrapper + .separator-component {
  margin-top: 0;
}

.topic-teaser-headline {
  font-size: 3.0241935484vw;
  line-height: 1.2;
  margin-top: 3rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 0.07936px) {
  .topic-teaser-headline {
    font-size: 24px;
  }
}
@media (min-width: 0.0062rem) {
  .topic-teaser-headline {
    font-size: 1.875rem;
  }
}
@media (min-width: 90rem) {
  .topic-teaser-headline {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
}

.topic-teaser-item:hover, .topic-teaser-item:focus, .topic-teaser-item:active {
  box-shadow: 0 0 0 1rem #f7f7f7;
  background-color: #f7f7f7;
  transition: box-shadow 250ms ease-out, background-color 250ms ease-out;
}
.topic-teaser-item > *:last-child {
  margin-bottom: 0;
}
.topic-teaser-item > img {
  display: block;
  margin-bottom: 1rem;
}
.topic-teaser-item > .selectorlink,
.topic-teaser-item > .btn.accent {
  align-self: flex-start;
  margin-top: 1rem;
  margin-bottom: 0;
}

.copy-selection-url-overlay {
  display: none;
}

.banner-headline-subtitle-btn {
  position: relative;
}

.copy-selection-url-overlay {
  position: absolute;
  bottom: 0;
  padding: 1rem;
  background: #f7f7f7;
  border: 10px solid #ffffff;
  box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.2);
  z-index: 11111;
  transform: translateY(100%) translateY(1rem);
  left: 0;
  right: auto;
  width: 350px;
}
.copy-selection-url-overlay::before, .copy-selection-url-overlay::after {
  content: "";
  position: absolute;
  top: -0.5rem;
  width: 1rem;
  height: 1rem;
  background: #f7f7f7;
  transform: rotate(-45deg);
}
.copy-selection-url-overlay::before {
  top: -18px;
  background: #ffffff;
}
.copy-selection-url-overlay::before, .copy-selection-url-overlay::after {
  left: 1.25rem;
  right: auto;
}

.selector-url {
  line-height: 1.3;
  word-wrap: break-word;
  color: #6f6f6f;
}
.selector-url.highlighted {
  color: #a50034;
  animation-name: selector-url-highlighted;
  animation-duration: 150ms ease-out;
  animation-timing-function: ease;
  animation-delay: 150ms ease-out;
}
@keyframes selector-url-highlighted {
  0% {
    color: #a50034;
  }
  100% {
    color: #6f6f6f;
  }
}

.btn.copy-clipboard {
  display: inline-flex;
  align-items: center;
  margin-top: 1rem;
  text-align: left;
}
.btn.copy-clipboard > .icon {
  flex-shrink: 0;
  flex-grow: 0;
}

.close-url-overlay {
  position: relative;
  padding: 0 0.3125rem 0.3125rem;
  text-align: right;
  color: #315f96;
  cursor: pointer;
}
.close-url-overlay > svg {
  fill: currentColor;
}
.close-url-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 2rem;
  cursor: pointer;
}

@media (min-width: 40rem) {
  .copy-selection-url-overlay {
    position: absolute;
    bottom: 0;
    padding: 1rem;
    background: #f7f7f7;
    border: 10px solid #ffffff;
    box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.2);
    z-index: 11111;
    transform: translateY(100%) translateY(1rem);
    left: auto;
    right: 0;
    max-width: none;
  }
  .copy-selection-url-overlay::before, .copy-selection-url-overlay::after {
    content: "";
    position: absolute;
    top: -0.5rem;
    width: 1rem;
    height: 1rem;
    background: #f7f7f7;
    transform: rotate(-45deg);
  }
  .copy-selection-url-overlay::before {
    top: -18px;
    background: #ffffff;
  }
  .copy-selection-url-overlay::before, .copy-selection-url-overlay::after {
    left: auto;
    right: 1.25rem;
  }
  .btn.copy-clipboard {
    white-space: nowrap;
  }
}
.validation-info {
  margin-top: 1rem;
  padding: 1.25rem 1rem 1rem;
  background-color: #f7f7f7;
}

.validation-info__header {
  display: flex;
  min-height: 1.5rem;
}
.validation-info__header > .icon {
  flex: 0 0 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1rem;
}

.validation-info__description {
  margin-left: 2.5rem;
  color: #333333;
  font-size: 0.875rem;
}

.validation-info__action {
  color: #6f6f6f;
}

.validation-info__button {
  margin-top: 1.5rem;
}

.videolink {
  position: relative;
  display: block;
  margin: 0 auto 0.5rem;
}
.videolink > img {
  display: block;
  height: auto;
  margin: 0 auto;
}
.videolink::before, .videolink::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
}
.videolink::before {
  width: 4rem;
  height: 3rem;
  background: #315f96;
  transform: translateX(-2rem) translateY(-1.5rem);
}
.videolink::after {
  width: 0;
  height: 0;
  margin: 15px 0 0 2px;
  border-style: solid;
  border-width: 10px 0 10px 16px;
  border-color: transparent transparent transparent #ffffff;
  transform: translateX(-10px) translateY(-24px);
}
.videolink:hover::before {
  outline: 3px solid transparent;
  animation: buttonoutline315f96 0.5s ease-out;
}
@keyframes buttonoutline315f96 {
  0% {
    outline: 3px solid #315f96;
  }
  100% {
    outline: 3px solid transparent;
  }
}

.lity {
  background: rgba(0, 68, 122, 0.5);
}

.lity-close:hover {
  outline: none;
  animation: none;
}

.video-flexgrid-wrapper {
  margin-top: 3rem;
  margin-bottom: 2rem;
}
@media (min-width: 90rem) {
  .video-flexgrid-wrapper {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
}
.video-flexgrid-wrapper .videolink {
  margin-top: 0;
  margin-left: 0;
}
.video-flexgrid-wrapper[data-gridcols="1"], .video-flexgrid-wrapper[data-gridcols="2"] {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 67rem;
}
@media (min-width: 40rem) {
  .video-flexgrid-wrapper[data-gridcols="1"], .video-flexgrid-wrapper[data-gridcols="2"] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .video-flexgrid-wrapper[data-gridcols="1"], .video-flexgrid-wrapper[data-gridcols="2"] {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.video-flexgrid-wrapper[data-gridcols="3"] {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 40rem) {
  .video-flexgrid-wrapper[data-gridcols="3"] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .video-flexgrid-wrapper[data-gridcols="3"] {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .video-flexgrid-wrapper[data-gridcols="3"] {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .video-flexgrid-wrapper[data-gridcols="3"] {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .video-flexgrid-wrapper[data-gridcols="3"] {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
.video-flexgrid-wrapper[data-gridcols="2"] {
  justify-content: center;
}
.video-flexgrid-wrapper[data-gridcols="2"] > .videolink {
  margin-bottom: 2rem;
}
@media (min-width: 40rem) {
  .video-flexgrid-wrapper[data-gridcols="2"] {
    display: flex;
    flex-wrap: wrap;
  }
  .video-flexgrid-wrapper[data-gridcols="2"] > .videolink {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    flex-shrink: 0;
    flex-grow: 0;
  }
  .video-flexgrid-wrapper[data-gridcols="2"] > .videolink:nth-child(n) {
    margin-right: 2rem;
  }
  .video-flexgrid-wrapper[data-gridcols="2"] > .videolink:last-child {
    margin-right: 0;
  }
  .video-flexgrid-wrapper[data-gridcols="2"] > .videolink:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 90rem) {
  .video-flexgrid-wrapper[data-gridcols="2"] > .videolink {
    flex-basis: calc(50% - 1.5rem);
    width: calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
    margin-bottom: 3rem;
  }
  .video-flexgrid-wrapper[data-gridcols="2"] > .videolink:nth-child(n) {
    margin-right: 3rem;
  }
  .video-flexgrid-wrapper[data-gridcols="2"] > .videolink:last-child {
    margin-right: 0;
  }
  .video-flexgrid-wrapper[data-gridcols="2"] > .videolink:nth-child(2n) {
    margin-right: 0;
  }
}
.video-flexgrid-wrapper[data-gridcols="3"] {
  justify-content: center;
}
.video-flexgrid-wrapper[data-gridcols="3"] > .videolink {
  margin-bottom: 2rem;
}
@media (min-width: 40rem) {
  .video-flexgrid-wrapper[data-gridcols="3"] {
    display: flex;
    flex-wrap: wrap;
  }
  .video-flexgrid-wrapper[data-gridcols="3"] > .videolink {
    flex-basis: calc(50% - 1rem);
    width: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
    flex-shrink: 0;
    flex-grow: 0;
  }
  .video-flexgrid-wrapper[data-gridcols="3"] > .videolink:nth-child(n) {
    margin-right: 2rem;
  }
  .video-flexgrid-wrapper[data-gridcols="3"] > .videolink:last-child {
    margin-right: 0;
  }
  .video-flexgrid-wrapper[data-gridcols="3"] > .videolink:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 80rem) {
  .video-flexgrid-wrapper[data-gridcols="3"] > .videolink {
    flex-basis: calc(33.33% - 1.34rem);
    width: calc(33.33% - 1.34rem);
    max-width: calc(33.33% - 1.34rem);
  }
  .video-flexgrid-wrapper[data-gridcols="3"] > .videolink:nth-child(n) {
    margin-right: 2rem;
  }
  .video-flexgrid-wrapper[data-gridcols="3"] > .videolink:last-child {
    margin-right: 0;
  }
  .video-flexgrid-wrapper[data-gridcols="3"] > .videolink:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 90rem) {
  .video-flexgrid-wrapper[data-gridcols="3"] > .videolink {
    flex-basis: calc(33.33% - 2rem);
    width: calc(33.33% - 2rem);
    max-width: calc(33.33% - 2rem);
    margin-bottom: 3rem;
  }
  .video-flexgrid-wrapper[data-gridcols="3"] > .videolink:nth-child(n) {
    margin-right: 3rem;
  }
  .video-flexgrid-wrapper[data-gridcols="3"] > .videolink:last-child {
    margin-right: 0;
  }
  .video-flexgrid-wrapper[data-gridcols="3"] > .videolink:nth-child(3n) {
    margin-right: 0;
  }
}

.content-video-flexgrid {
  margin-top: 3rem;
  margin-bottom: 2rem;
}
@media (min-width: 90rem) {
  .content-video-flexgrid {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
}
.content-video-flexgrid > .content-headline {
  font-size: 3.0241935484vw;
  line-height: 1.2;
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 3rem;
}
@media screen and (max-width: 0.07936px) {
  .content-video-flexgrid > .content-headline {
    font-size: 24px;
  }
}
@media (min-width: 0.0062rem) {
  .content-video-flexgrid > .content-headline {
    font-size: 1.875rem;
  }
}
@media (min-width: 40rem) {
  .content-video-flexgrid > .content-headline {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .content-video-flexgrid > .content-headline {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .content-video-flexgrid > .content-headline {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .content-video-flexgrid > .content-headline {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .content-video-flexgrid > .content-headline {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}

.videoContainer {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 80rem;
}
@media (min-width: 40rem) {
  .videoContainer {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .videoContainer {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .videoContainer {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .videoContainer {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .videoContainer {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
.videoContainer .videoContainer__video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  margin-right: auto;
  margin-left: auto;
}
.videoContainer .videoContainer__video > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pageType-LandingPage .internalVideo[data-fullwidth=false] .landingpage-hero .landingpage-hero__content .landingpage-hero__textblock {
  padding-left: 0;
}
@media (min-width: 80rem) and (max-width: 120rem) {
  .pageType-LandingPage .internalVideo[data-fullwidth=true] .landingpage-hero .landingpage-hero__content .landingpage-hero__textblock {
    margin-left: 0;
  }
}
@media (min-width: 120rem) {
  .pageType-LandingPage .internalVideo[data-fullwidth=true] .landingpage-hero .landingpage-hero__content .landingpage-hero__textblock {
    padding-left: 5rem;
  }
}
@media (max-width: 120rem) {
  .pageType-LandingPage .internalVideo[data-fullwidth=true] .landingpage-hero .landingpage-hero__content {
    max-width: 80rem;
    padding-left: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .pageType-LandingPage .internalVideo[data-fullwidth=true] .landingpage-hero[data-alignment=right] .landingpage-hero__content .landingpage-hero__textblock {
    margin-left: 50%;
  }
}

.internalVideo[data-fullwidth=false] {
  position: relative;
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 40rem) {
  .internalVideo[data-fullwidth=false] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 62rem) {
  .internalVideo[data-fullwidth=false] {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .internalVideo[data-fullwidth=false] {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 90rem) {
  .internalVideo[data-fullwidth=false] {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (min-width: 120rem) {
  .internalVideo[data-fullwidth=false] {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
@media (max-width: 80rem) {
  .internalVideo[data-fullwidth=false] {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.internalVideo[data-fullwidth=false] .landingpage-hero[data-alignment=right] {
  justify-content: flex-end;
  left: 0;
}
@media (min-width: 80rem) {
  .internalVideo[data-fullwidth=false] .landingpage-hero__textblock {
    padding-left: 1.5rem;
    padding-right: 3rem;
  }
}
@media (min-width: 90rem) {
  .internalVideo[data-fullwidth=false] .landingpage-hero__textblock {
    padding-left: 3rem;
  }
}

.internalVideo[data-fullwidth=true] {
  position: relative;
  max-width: 120rem;
  margin-left: 0;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  min-width: 100%;
}
@media (min-width: 40rem) {
  .internalVideo[data-fullwidth=true] {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 62rem) {
  .internalVideo[data-fullwidth=true] {
    padding-left: 0;
    padding-right: 0;
  }
}
.internalVideo[data-fullwidth=true] .landingpage-hero > .videoplayer {
  display: none;
}
.internalVideo[data-fullwidth=true] .landingpage-hero > .videoplayer > video {
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
}
.internalVideo[data-fullwidth=true] .landingpage-hero > .videoplayer .videocontrols {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5rem;
  z-index: 1;
}
.internalVideo[data-fullwidth=true] .landingpage-hero > .videoplayer .videocontrols .btn.naked.icn.button-volume .icon {
  color: #ffffff;
  width: 2rem;
  height: 2rem;
}
.internalVideo[data-fullwidth=true] .landingpage-hero > .videoplayer .videocontrols.videocontrols__noaudio .button-volume {
  display: none;
}
.internalVideo[data-fullwidth=true] .landingpage-hero .videoplayer, .internalVideo[data-fullwidth=true] .landingpage-hero > img {
  position: relative;
  width: 100%;
  height: 100%;
}
@media (min-width: 40rem) {
  .internalVideo[data-fullwidth=true] .landingpage-hero > .videoplayer {
    display: flex;
  }
  .internalVideo[data-fullwidth=true] .landingpage-hero > .videoplayer + img {
    display: none;
  }
}
@media (min-width: 80rem) {
  .internalVideo[data-fullwidth=true] .landingpage-hero .landingpage-hero__content {
    max-width: 120rem;
    padding-left: 5.5rem;
  }
}
@media (min-width: 120rem) {
  .internalVideo[data-fullwidth=true] .landingpage-hero .landingpage-hero__content {
    margin-left: 2rem;
    padding-left: 10rem;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (min-width: 80rem) {
  .internalVideo[data-fullwidth=true] .landingpage-hero .landingpage-hero__content .landingpage-hero__textblock {
    margin-left: 3.5rem;
  }
}
@media (min-width: 90rem) {
  .internalVideo[data-fullwidth=true] .landingpage-hero .landingpage-hero__content .landingpage-hero__textblock {
    margin-left: 6rem;
  }
}
@media (min-width: 120rem) {
  .internalVideo[data-fullwidth=true] .landingpage-hero .landingpage-hero__content .landingpage-hero__textblock {
    margin-left: 5.5rem;
  }
}
@media (min-width: 80rem) {
  .internalVideo[data-fullwidth=true] .landingpage-hero[data-alignment=right] .landingpage-hero__textblock {
    margin-left: 50%;
    padding-left: 3rem;
    padding-right: 0;
  }
}

.article-teaser-video .internalVideo,
.teaser-content__video .internalVideo {
  position: relative;
}
.article-teaser-video .internalVideo video,
.teaser-content__video .internalVideo video {
  width: 100%;
}
.article-teaser-video .internalVideo > .videoplayer .videocontrols,
.teaser-content__video .internalVideo > .videoplayer .videocontrols {
  z-index: 54;
  position: absolute;
  top: 85%;
  left: 85%;
  display: block;
  transform: translateY(-1rem);
}
.article-teaser-video .internalVideo > .videoplayer .videocontrols .btn.naked.icn.button-volume .icon,
.teaser-content__video .internalVideo > .videoplayer .videocontrols .btn.naked.icn.button-volume .icon {
  color: #ffffff;
  width: 2rem;
  height: 2rem;
}
.article-teaser-video .internalVideo > .videoplayer .videocontrols.videocontrols__noaudio .button-volume,
.teaser-content__video .internalVideo > .videoplayer .videocontrols.videocontrols__noaudio .button-volume {
  display: none;
}

.toggle-watchlist {
  font-size: 0.875rem;
}
.toggle-watchlist.btn.naked:hover {
  color: #315f96;
  text-decoration: none;
}
.toggle-watchlist.btn.naked:hover .toggle-watchlist__text--inactive {
  color: #315f96;
}
.toggle-watchlist .toggle-watchlist__text--active {
  color: #315f96;
}
.toggle-watchlist .toggle-watchlist__text--inactive {
  color: #315f96;
}
.toggle-watchlist > svg.icon-watch {
  fill: #999999;
}
.toggle-watchlist > svg.icon-watching {
  fill: #315f96;
}
.toggle-watchlist[data-is-active] .toggle-watchlist__text--inactive,
.toggle-watchlist[data-is-active] > svg.icon-watch {
  display: none;
}
.toggle-watchlist:not([data-is-active]) .toggle-watchlist__text--active,
.toggle-watchlist:not([data-is-active]) > svg.icon-watching {
  display: none;
}

.watchlist-table__empty {
  font-style: italic;
}

.watchlist-table .cartbutton {
  margin: 0;
}

@media screen and (max-width: 61rem) {
  .watchlist-table__image,
  .watchlist-table__product {
    flex-grow: 0;
    flex-shrink: 0;
  }
  .watchlist-table__product {
    width: calc(100% - 120px);
  }
}
.accordion-visible > .icon {
  transform: rotate(180deg);
}

.accordion-headline {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  border-bottom: 1px solid #e2e2e2;
  cursor: pointer;
  margin-bottom: 1rem;
}
.accordion-headline > .definitionlist-headline {
  border: none;
  margin-bottom: 0;
  padding-bottom: 1rem;
}
.accordion-headline > .icon {
  width: 1.5rem;
  height: 1.5rem;
  padding: 4px;
}
.accordion-headline:hover {
  color: #315f96;
}
.accordion-headline:hover > .definitionlist-headline {
  color: #315f96;
}

.accordion-show-all {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

@media screen {
  .accordion-headline:not(.accordion-visible) + .accordion-target {
    display: none;
  }
}

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