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

body {
  margin: 0;
}

main {
  display: block;
}

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

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

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

a {
  background-color: transparent;
}

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


b,
strong {
  font-weight: bolder;
}

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


small {
  font-size: 80%;
}


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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}


img {
  border-style: none;
}

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

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

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

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

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

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

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

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

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

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

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

[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;
}

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

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

.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-height {
  transition: height 500ms ease-in-out;
}


.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 .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-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;
}

.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;
}

@-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);
  }
}


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 #0062ae 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: #0062ae;
}

.colors-wrapper .color-accent {
  background-color: #a50034;
}

.colors-wrapper .color-accent-nav {
  background-color: #0062ae;
}

.icon {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: inherit;
  fill: currentColor;
}

.icon:hover,
.icon:active,
.icon:focus {
  fill: #0062ae;
}

.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: #0062ae;
}

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: #0062ae;
}

a:hover {
  text-decoration: underline;
}

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

a:hover,
a:active,
a:focus {
  color: #0062ae;
}

.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: #0062ae;
}

@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: #0062ae;
}

.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: #0062ae;
}

.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: #0062ae;
  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;
}

.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;
}

.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;
}

.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-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) {

  .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-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);
  }
}

#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='%230062ae' 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: #0062ae;
  border-color: #0062ae;
}

.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: buttonoutline0062ae 0.5s ease-out;
}

@keyframes buttonoutline0062ae {
  0% {
    outline: 3px solid #0062ae;
  }

  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: #0062ae;
  border-color: #0062ae;
}

.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: buttonoutline0062ae 0.5s ease-out;
}

@keyframes buttonoutline0062ae {
  0% {
    outline: 3px solid #0062ae;
  }

  100% {
    outline: 3px solid transparent;
  }
}

.btn.negative {
  color: #ffffff;
  font-weight: inherit;
  color: #0062ae;
  background-color: #ffffff;
  border-color: #0062ae;
}

.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: buttonoutline0062ae 0.5s ease-out;
}

@keyframes buttonoutline0062ae {
  0% {
    outline: 3px solid #0062ae;
  }

  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: #0062ae;
  background-color: transparent;
  border: 2px solid currentColor;
}

.btn.secondary:hover {
  outline: 3px solid transparent;
  animation: buttonoutline0062ae 0.5s ease-out;
}

@keyframes buttonoutline0062ae {
  0% {
    outline: 3px solid #0062ae;
  }

  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: #0062ae;
  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: #0062ae;
}

.btn.naked.neutral.icn {
  text-decoration: underline;
  color: #0062ae;
}

.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: #0062ae;
}

.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-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;
}


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


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 #0062ae 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: #0062ae;
}

.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 #0062ae 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;
  }
}


body[data-configuration-disabled=true] .btn.init-configuration,
body[data-configuration-disabled=true] .btn.button-configure-cart {
  display: none !important;
}

#usercentrics-root {
  display: block;
}


.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: #0062ae;
  font-size: 1.5rem;
  line-height: 1.1;
}

.contact-person__detail {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  color: #0062ae;
  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: #0062ae;
}

.contactTeaser .contentTeaser__group .contactTeaser-teaser .contactTeaser-teaser--headlineSection .contactTeaser-teaser--headline {
  width: 100%;
  margin-bottom: 0;
  color: #0062ae;
  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: #0062ae;
}

.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-flexgrid-container.inverse-background {
  background-color: #f7f7f7;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.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;
}

@media (min-width: 40rem) {
  .content-teaser-flexgrid-wrapper[data-gridcols="2"] {
    display: flex;
    flex-wrap: wrap;
  }


}

@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%;
  }
}



@media screen and (max-width: 79rem) {
  .currencyrate__currency.pricelistfactor-entry__product {
    width: calc(50% - 3rem);
  }

  .currencyrate__currency--expired.pricelistfactor-entry__product {
    width: 50%;
  }
}

.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;
  }
}

.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;
}
  

 

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

@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;
  }
}
 
.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: #0062ae;
}

.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: #0062ae;
}

.form-range__min-button,
.form-range__max-button {
  position: absolute;
  z-index: 10;
  bottom: 0;
  display: block !important;
  width: 1rem;
  height: 1rem;
  background-color: #0062ae;
  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: #0062ae;
  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: #0062ae;
}

.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: #0062ae;
}

.form-steps__input:checked~.form-steps__button {
  background-color: #0062ae;
}

.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: #0062ae;
}

.form-toggle__input:checked+.form-toggle__button::before {
  left: calc(100% - 1.25rem);
}

.form-toggle__input:checked~.form-toggle__label {
  color: #0062ae;
}

.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: #0062ae;
  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: #0062ae;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10'%3E%3Cpath fill='%230062ae' 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 #0062ae;
}

.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: #0062ae;
}

.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: #0062ae;
  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: #0062ae;
}

.custom-checkbox[type=checkbox]:checked+label>i>svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: #0062ae;
}

.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: #0062ae;
}

[type=radio]+label a {
  color: inherit;
  text-decoration: underline;
}

[type=radio]+label a:hover {
  text-decoration: none;
}

[type=radio]:checked+label {
  color: #0062ae;
}

[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: #0062ae;
}

[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: #0062ae;
  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: 90%;
    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: 80%;
}

.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: 70%;
}

.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: 70%;
  height: 200px;
}

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


@media (min-width: 40rem) {
  .header {
    height: 7.5rem;
    padding-bottom: 10px;
  }

  
}
 
@keyframes buttonoutline6f6f6f {
  0% {
    outline: 3px solid #6f6f6f;
  }

  100% {
    outline: 3px solid transparent;
  }
}
 
.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: #0062ae;
  }
}


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

@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes pulse {
  from {
    box-shadow: 0 0 0 0 #0062ae;
  }

  to {
    box-shadow: 0 0 0 1rem transparent;
  }
}
.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__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;
  }
 
}

@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;
  }
 
}

.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;
  flex-wrap: wrap;
}

@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='%230062ae' 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='%230062ae' 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 #0062ae;
  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 #0062ae;
  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 #0062ae;
  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;
}

.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;
  }

}

.content-matrix__wrapper {
  margin-top: -2rem;
}

.content-matrix__wrapper>.banner {
  margin-bottom: 2rem;
}



.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: #0062ae;
  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;
}

.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-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: #0062ae;
}

.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 .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;
}


@media (min-width: 40rem) {

  .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 (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: #0062AE;
}

.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: #0062ae;
}

.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: #0062ae;
  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__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: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: #0062ae;
}

.pricelistfactor-new-entry__save,
.pricelistfactor-new-entry,
.pricelistfactor-new-entry__headline {
  display: none;
}

.pricelistfactor-new-entry__save input,
.pricelistfactor-new-entry input,
.pricelistfactor-new-entry__headline input {
  margin-bottom: 0;
}


.pricelistfactor__new-factor {
  display: none;
}

.pricelistfactor__new-factor input {
  margin-bottom: 0;
}

.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;
}



@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: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;
  }

}

.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-table__sum>td {
  padding: 0.5rem;
  border-top: 1px solid;
}

@media print {

  .print-table__sum {
    break-inside: avoid;
  }
}


.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;
}




@media print {
  .print-template__wrapper {
    font-size: 12pt;
  }

  .print-layout-placeholder {
    width: 100%;
  }

  .print-layout-placeholder thead {
    display: table-header-group;
  }

  .print-layout-placeholder .print-layout-placeholder__header {
    height: 2.5cm;
  }

}



.config-title {
  position: relative;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  color: #333333;
}

@media (min-width: 40rem) {
  .product-config__result.clone {
    display: block;
  }

}

@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;
  }

  .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;
  }

  .product-config__result>.additional-info-detail {
    margin-top: 1rem;
  }

}

@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);
  }

}


.content-link-list {
  padding-top: 0;
  padding-bottom: 1rem;
  margin-top: 1rem;
}

.content-link-list ul {
  margin-top: 0;
  margin-bottom: 0;
}



.list-link-text:hover,
.list-link-text:focus,
.list-link-text:active {
  text-decoration: underline;
}

.content-link-list {
  flex: 0 0 100%;
  order: 3;
}

.content-link-list>ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}



.profile__headline {
  margin-bottom: 3rem;
}


.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;
  }
}

.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: #0062ae;
  padding-left: 50px;
}

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

.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;
  }
}

@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: #0062ae;
}

.selectorlink:hover,
.selectorlink:focus,
.selectorlink:active {
  color: #0062ae;
}

.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: #0062ae;
  border-color: #0062ae;
}

.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;
  }
}



.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;
}
 

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

.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: #0062ae;
}

.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 (max-width: 768px) {
  .page-wrapper {
    width: 100vw;
  }

  .banner-backdrop__content {
    width: 100vw;
  }

  .pc-nav {
    display: none;
  }

  .page-wrapper {
    margin-top: 10vh !important;
  }

  .teaser-content__image {
    padding-bottom: 5% !important;
  }

  .new_footer {
    display: none;
  }
}

@media (min-width: 769px) {
  .head_navs {
    display: none;
  }

  .mobile-footnav {
    display: none;
  }
}