/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

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

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

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

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

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

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

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

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

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

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

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

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

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

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

b,
strong {
  font-weight: bolder;
}

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

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

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

img {
  border-style: none;
}

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

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

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

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

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

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

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

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

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

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

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

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

/**
 * Correct the padding in Firefox.
 */

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

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

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

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

progress {
  vertical-align: baseline;
}

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

textarea {
  overflow: auto;
}

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

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

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

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

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

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

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

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

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

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

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

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

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

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

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

template {
  display: none;
}

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

[hidden] {
  display: none;
}

@charset "UTF-8";
html {
  --grid__columns: 12;
  --grid__gutter: 1.25rem;
  --grid__gutter--half: calc(var(--grid__gutter) / 2);
}

.row,
.ce_accordionStart .accordion > div,
.-gridLayout .inside,
#kontakt.v2 .inside {
  display: grid;
  grid-template-columns: repeat(var(--grid__columns), 1fr);
  grid-gap: var(--grid__gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .row,
  .ce_accordionStart .accordion > div,
  .-gridLayout .inside,
  #kontakt.v2 .inside {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-1 * var(--grid__gutter) / 2);
    margin-right: calc(-1 * var(--grid__gutter) / 2);
  }
}
.ie .row,
.ie .ce_accordionStart .accordion > div,
.ie .-gridLayout .inside,
.ie #kontakt.v2 .inside {
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(-1 * var(--grid__gutter) / 2);
  margin-right: calc(-1 * var(--grid__gutter) / 2);
}

.col-xl-12, .landingpage-xelerion .product-explanations .inside > *, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .ctlg_master .container.video .block, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1 {
  grid-column: 1/-1;
}
@supports not (display: grid) {
  .col-xl-12, .landingpage-xelerion .product-explanations .inside > *, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .ctlg_master .container.video .block, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1 {
    padding-left: var(--grid__gutter--half);
    padding-right: var(--grid__gutter--half);
  }
}
.ie .col-xl-12, .ie .landingpage-xelerion .product-explanations .inside > *, .landingpage-xelerion .product-explanations .ie .inside > *, .ie .col-xl-11, .ie .col-xl-10, .ie .col-xl-9, .ie .col-xl-8, .ie .col-xl-7, .ie .col-xl-6, .ie .col-xl-5, .ie .col-xl-4, .ie .col-xl-3, .ie .col-xl-2, .ie .col-xl-1, .ie .col-lg-12, .ie .col-lg-11, .ie .col-lg-10, .ie .col-lg-9, .ie .col-lg-8, .ie .col-lg-7, .ie .col-lg-6, .ie .col-lg-5, .ie .col-lg-4, .ie .col-lg-3, .ie .col-lg-2, .ie .col-lg-1, .ie .col-md-12, .ie .col-md-11, .ie .col-md-10, .ie .col-md-9, .ie .col-md-8, .ie .col-md-7, .ie .col-md-6, .ie .ctlg_master .container.video .block, .ctlg_master .container.video .ie .block, .ie .col-md-5, .ie .col-md-4, .ie .col-md-3, .ie .col-md-2, .ie .col-md-1, .ie .col-sm-12, .ie .col-sm-11, .ie .col-sm-10, .ie .col-sm-9, .ie .col-sm-8, .ie .col-sm-7, .ie .col-sm-6, .ie .col-sm-5, .ie .col-sm-4, .ie .col-sm-3, .ie .col-sm-2, .ie .col-sm-1, .ie .col-xs-12, .ie .col-xs-11, .ie .col-xs-10, .ie .col-xs-9, .ie .col-xs-8, .ie .col-xs-7, .ie .col-xs-6, .ie .col-xs-5, .ie .col-xs-4, .ie .col-xs-3, .ie .col-xs-2, .ie .col-xs-1 {
  padding-left: var(--grid__gutter--half);
  padding-right: var(--grid__gutter--half);
}

.col-1 {
  grid-column: span 1/span 1;
}
@supports not (display: grid) {
  .col-1 {
    width: 8.3333333333%;
  }
}
.ie .col-1 {
  width: 8.3333333333%;
}

.col-2 {
  grid-column: span 2/span 2;
}
@supports not (display: grid) {
  .col-2 {
    width: 16.6666666667%;
  }
}
.ie .col-2 {
  width: 16.6666666667%;
}

.col-3 {
  grid-column: span 3/span 3;
}
@supports not (display: grid) {
  .col-3 {
    width: 25%;
  }
}
.ie .col-3 {
  width: 25%;
}

.col-4 {
  grid-column: span 4/span 4;
}
@supports not (display: grid) {
  .col-4 {
    width: 33.3333333333%;
  }
}
.ie .col-4 {
  width: 33.3333333333%;
}

.col-5 {
  grid-column: span 5/span 5;
}
@supports not (display: grid) {
  .col-5 {
    width: 41.6666666667%;
  }
}
.ie .col-5 {
  width: 41.6666666667%;
}

.col-6 {
  grid-column: span 6/span 6;
}
@supports not (display: grid) {
  .col-6 {
    width: 50%;
  }
}
.ie .col-6 {
  width: 50%;
}

.col-7 {
  grid-column: span 7/span 7;
}
@supports not (display: grid) {
  .col-7 {
    width: 58.3333333333%;
  }
}
.ie .col-7 {
  width: 58.3333333333%;
}

.col-8 {
  grid-column: span 8/span 8;
}
@supports not (display: grid) {
  .col-8 {
    width: 66.6666666667%;
  }
}
.ie .col-8 {
  width: 66.6666666667%;
}

.col-9 {
  grid-column: span 9/span 9;
}
@supports not (display: grid) {
  .col-9 {
    width: 75%;
  }
}
.ie .col-9 {
  width: 75%;
}

.col-10 {
  grid-column: span 10/span 10;
}
@supports not (display: grid) {
  .col-10 {
    width: 83.3333333333%;
  }
}
.ie .col-10 {
  width: 83.3333333333%;
}

.col-11 {
  grid-column: span 11/span 11;
}
@supports not (display: grid) {
  .col-11 {
    width: 91.6666666667%;
  }
}
.ie .col-11 {
  width: 91.6666666667%;
}

.col-12, .landingpage-xelerion .product-explanations .inside > *, .ctlg_master .container.video .block {
  grid-column: span 12/span 12;
}
@supports not (display: grid) {
  .col-12, .landingpage-xelerion .product-explanations .inside > *, .ctlg_master .container.video .block {
    width: 100%;
  }
}
.ie .col-12, .ie .landingpage-xelerion .product-explanations .inside > *, .landingpage-xelerion .product-explanations .ie .inside > *, .ie .ctlg_master .container.video .block, .ctlg_master .container.video .ie .block {
  width: 100%;
}

@media screen and (min-width: 0) {
  .col-xs-1 {
    grid-column: span 1/span 1;
  }
  @supports not (display: grid) {
    .col-xs-1 {
      width: 8.3333333333%;
    }
  }
  .ie .col-xs-1 {
    width: 8.3333333333%;
  }
  .col-xs-2 {
    grid-column: span 2/span 2;
  }
  @supports not (display: grid) {
    .col-xs-2 {
      width: 16.6666666667%;
    }
  }
  .ie .col-xs-2 {
    width: 16.6666666667%;
  }
  .col-xs-3 {
    grid-column: span 3/span 3;
  }
  @supports not (display: grid) {
    .col-xs-3 {
      width: 25%;
    }
  }
  .ie .col-xs-3 {
    width: 25%;
  }
  .col-xs-4 {
    grid-column: span 4/span 4;
  }
  @supports not (display: grid) {
    .col-xs-4 {
      width: 33.3333333333%;
    }
  }
  .ie .col-xs-4 {
    width: 33.3333333333%;
  }
  .col-xs-5 {
    grid-column: span 5/span 5;
  }
  @supports not (display: grid) {
    .col-xs-5 {
      width: 41.6666666667%;
    }
  }
  .ie .col-xs-5 {
    width: 41.6666666667%;
  }
  .col-xs-6 {
    grid-column: span 6/span 6;
  }
  @supports not (display: grid) {
    .col-xs-6 {
      width: 50%;
    }
  }
  .ie .col-xs-6 {
    width: 50%;
  }
  .col-xs-7 {
    grid-column: span 7/span 7;
  }
  @supports not (display: grid) {
    .col-xs-7 {
      width: 58.3333333333%;
    }
  }
  .ie .col-xs-7 {
    width: 58.3333333333%;
  }
  .col-xs-8 {
    grid-column: span 8/span 8;
  }
  @supports not (display: grid) {
    .col-xs-8 {
      width: 66.6666666667%;
    }
  }
  .ie .col-xs-8 {
    width: 66.6666666667%;
  }
  .col-xs-9 {
    grid-column: span 9/span 9;
  }
  @supports not (display: grid) {
    .col-xs-9 {
      width: 75%;
    }
  }
  .ie .col-xs-9 {
    width: 75%;
  }
  .col-xs-10 {
    grid-column: span 10/span 10;
  }
  @supports not (display: grid) {
    .col-xs-10 {
      width: 83.3333333333%;
    }
  }
  .ie .col-xs-10 {
    width: 83.3333333333%;
  }
  .col-xs-11 {
    grid-column: span 11/span 11;
  }
  @supports not (display: grid) {
    .col-xs-11 {
      width: 91.6666666667%;
    }
  }
  .ie .col-xs-11 {
    width: 91.6666666667%;
  }
  .col-xs-12 {
    grid-column: span 12/span 12;
  }
  @supports not (display: grid) {
    .col-xs-12 {
      width: 100%;
    }
  }
  .ie .col-xs-12 {
    width: 100%;
  }
}
@media screen and (min-width: 0) {
  .row-span-xs-1 {
    grid-row: span 1/span 1;
  }
  .row-span-xs-2 {
    grid-row: span 2/span 2;
  }
  .row-span-xs-3 {
    grid-row: span 3/span 3;
  }
  .row-span-xs-4 {
    grid-row: span 4/span 4;
  }
  .row-span-xs-5 {
    grid-row: span 5/span 5;
  }
  .row-span-xs-6 {
    grid-row: span 6/span 6;
  }
  .row-span-xs-7 {
    grid-row: span 7/span 7;
  }
  .row-span-xs-8 {
    grid-row: span 8/span 8;
  }
  .row-span-xs-9 {
    grid-row: span 9/span 9;
  }
  .row-span-xs-10 {
    grid-row: span 10/span 10;
  }
  .row-span-xs-11 {
    grid-row: span 11/span 11;
  }
  .row-span-xs-12 {
    grid-row: span 12/span 12;
  }
}
@media screen and (min-width: 0) {
  .col-start-xs-1 {
    grid-column-start: 1;
  }
  .row-start-xs-1 {
    grid-row-start: 1;
  }
  .col-start-xs-2 {
    grid-column-start: 2;
  }
  .row-start-xs-2 {
    grid-row-start: 2;
  }
  .col-start-xs-3 {
    grid-column-start: 3;
  }
  .row-start-xs-3 {
    grid-row-start: 3;
  }
  .col-start-xs-4 {
    grid-column-start: 4;
  }
  .row-start-xs-4 {
    grid-row-start: 4;
  }
  .col-start-xs-5 {
    grid-column-start: 5;
  }
  .row-start-xs-5 {
    grid-row-start: 5;
  }
  .col-start-xs-6 {
    grid-column-start: 6;
  }
  .row-start-xs-6 {
    grid-row-start: 6;
  }
  .col-start-xs-7 {
    grid-column-start: 7;
  }
  .row-start-xs-7 {
    grid-row-start: 7;
  }
  .col-start-xs-8 {
    grid-column-start: 8;
  }
  .row-start-xs-8 {
    grid-row-start: 8;
  }
  .col-start-xs-9 {
    grid-column-start: 9;
  }
  .row-start-xs-9 {
    grid-row-start: 9;
  }
  .col-start-xs-10 {
    grid-column-start: 10;
  }
  .row-start-xs-10 {
    grid-row-start: 10;
  }
  .col-start-xs-11 {
    grid-column-start: 11;
  }
  .row-start-xs-11 {
    grid-row-start: 11;
  }
  .col-start-xs-12 {
    grid-column-start: 12;
  }
  .row-start-xs-12 {
    grid-row-start: 12;
  }
}
@media screen and (min-width: 0) {
  .pull-right-xs {
    grid-column-end: -1;
  }
  .pull-left-xs {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}
@media screen and (min-width: 34.375em) {
  .col-sm-1 {
    grid-column: span 1/span 1;
  }
  @supports not (display: grid) {
    .col-sm-1 {
      width: 8.3333333333%;
    }
  }
  .ie .col-sm-1 {
    width: 8.3333333333%;
  }
  .col-sm-2 {
    grid-column: span 2/span 2;
  }
  @supports not (display: grid) {
    .col-sm-2 {
      width: 16.6666666667%;
    }
  }
  .ie .col-sm-2 {
    width: 16.6666666667%;
  }
  .col-sm-3 {
    grid-column: span 3/span 3;
  }
  @supports not (display: grid) {
    .col-sm-3 {
      width: 25%;
    }
  }
  .ie .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    grid-column: span 4/span 4;
  }
  @supports not (display: grid) {
    .col-sm-4 {
      width: 33.3333333333%;
    }
  }
  .ie .col-sm-4 {
    width: 33.3333333333%;
  }
  .col-sm-5 {
    grid-column: span 5/span 5;
  }
  @supports not (display: grid) {
    .col-sm-5 {
      width: 41.6666666667%;
    }
  }
  .ie .col-sm-5 {
    width: 41.6666666667%;
  }
  .col-sm-6 {
    grid-column: span 6/span 6;
  }
  @supports not (display: grid) {
    .col-sm-6 {
      width: 50%;
    }
  }
  .ie .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    grid-column: span 7/span 7;
  }
  @supports not (display: grid) {
    .col-sm-7 {
      width: 58.3333333333%;
    }
  }
  .ie .col-sm-7 {
    width: 58.3333333333%;
  }
  .col-sm-8 {
    grid-column: span 8/span 8;
  }
  @supports not (display: grid) {
    .col-sm-8 {
      width: 66.6666666667%;
    }
  }
  .ie .col-sm-8 {
    width: 66.6666666667%;
  }
  .col-sm-9 {
    grid-column: span 9/span 9;
  }
  @supports not (display: grid) {
    .col-sm-9 {
      width: 75%;
    }
  }
  .ie .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    grid-column: span 10/span 10;
  }
  @supports not (display: grid) {
    .col-sm-10 {
      width: 83.3333333333%;
    }
  }
  .ie .col-sm-10 {
    width: 83.3333333333%;
  }
  .col-sm-11 {
    grid-column: span 11/span 11;
  }
  @supports not (display: grid) {
    .col-sm-11 {
      width: 91.6666666667%;
    }
  }
  .ie .col-sm-11 {
    width: 91.6666666667%;
  }
  .col-sm-12 {
    grid-column: span 12/span 12;
  }
  @supports not (display: grid) {
    .col-sm-12 {
      width: 100%;
    }
  }
  .ie .col-sm-12 {
    width: 100%;
  }
}
@media screen and (min-width: 34.375em) {
  .row-span-sm-1 {
    grid-row: span 1/span 1;
  }
  .row-span-sm-2 {
    grid-row: span 2/span 2;
  }
  .row-span-sm-3 {
    grid-row: span 3/span 3;
  }
  .row-span-sm-4 {
    grid-row: span 4/span 4;
  }
  .row-span-sm-5 {
    grid-row: span 5/span 5;
  }
  .row-span-sm-6 {
    grid-row: span 6/span 6;
  }
  .row-span-sm-7 {
    grid-row: span 7/span 7;
  }
  .row-span-sm-8 {
    grid-row: span 8/span 8;
  }
  .row-span-sm-9 {
    grid-row: span 9/span 9;
  }
  .row-span-sm-10 {
    grid-row: span 10/span 10;
  }
  .row-span-sm-11 {
    grid-row: span 11/span 11;
  }
  .row-span-sm-12 {
    grid-row: span 12/span 12;
  }
}
@media screen and (min-width: 34.375em) {
  .col-start-sm-1 {
    grid-column-start: 1;
  }
  .row-start-sm-1 {
    grid-row-start: 1;
  }
  .col-start-sm-2 {
    grid-column-start: 2;
  }
  .row-start-sm-2 {
    grid-row-start: 2;
  }
  .col-start-sm-3 {
    grid-column-start: 3;
  }
  .row-start-sm-3 {
    grid-row-start: 3;
  }
  .col-start-sm-4 {
    grid-column-start: 4;
  }
  .row-start-sm-4 {
    grid-row-start: 4;
  }
  .col-start-sm-5 {
    grid-column-start: 5;
  }
  .row-start-sm-5 {
    grid-row-start: 5;
  }
  .col-start-sm-6 {
    grid-column-start: 6;
  }
  .row-start-sm-6 {
    grid-row-start: 6;
  }
  .col-start-sm-7 {
    grid-column-start: 7;
  }
  .row-start-sm-7 {
    grid-row-start: 7;
  }
  .col-start-sm-8 {
    grid-column-start: 8;
  }
  .row-start-sm-8 {
    grid-row-start: 8;
  }
  .col-start-sm-9 {
    grid-column-start: 9;
  }
  .row-start-sm-9 {
    grid-row-start: 9;
  }
  .col-start-sm-10 {
    grid-column-start: 10;
  }
  .row-start-sm-10 {
    grid-row-start: 10;
  }
  .col-start-sm-11 {
    grid-column-start: 11;
  }
  .row-start-sm-11 {
    grid-row-start: 11;
  }
  .col-start-sm-12 {
    grid-column-start: 12;
  }
  .row-start-sm-12 {
    grid-row-start: 12;
  }
}
@media screen and (min-width: 34.375em) {
  .pull-right-sm {
    grid-column-end: -1;
  }
  .pull-left-sm {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}
@media screen and (min-width: 48em) {
  .col-md-1 {
    grid-column: span 1/span 1;
  }
  @supports not (display: grid) {
    .col-md-1 {
      width: 8.3333333333%;
    }
  }
  .ie .col-md-1 {
    width: 8.3333333333%;
  }
  .col-md-2 {
    grid-column: span 2/span 2;
  }
  @supports not (display: grid) {
    .col-md-2 {
      width: 16.6666666667%;
    }
  }
  .ie .col-md-2 {
    width: 16.6666666667%;
  }
  .col-md-3 {
    grid-column: span 3/span 3;
  }
  @supports not (display: grid) {
    .col-md-3 {
      width: 25%;
    }
  }
  .ie .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    grid-column: span 4/span 4;
  }
  @supports not (display: grid) {
    .col-md-4 {
      width: 33.3333333333%;
    }
  }
  .ie .col-md-4 {
    width: 33.3333333333%;
  }
  .col-md-5 {
    grid-column: span 5/span 5;
  }
  @supports not (display: grid) {
    .col-md-5 {
      width: 41.6666666667%;
    }
  }
  .ie .col-md-5 {
    width: 41.6666666667%;
  }
  .col-md-6, .ctlg_master .container.video .block {
    grid-column: span 6/span 6;
  }
  @supports not (display: grid) {
    .col-md-6, .ctlg_master .container.video .block {
      width: 50%;
    }
  }
  .ie .col-md-6, .ie .ctlg_master .container.video .block, .ctlg_master .container.video .ie .block {
    width: 50%;
  }
  .col-md-7 {
    grid-column: span 7/span 7;
  }
  @supports not (display: grid) {
    .col-md-7 {
      width: 58.3333333333%;
    }
  }
  .ie .col-md-7 {
    width: 58.3333333333%;
  }
  .col-md-8 {
    grid-column: span 8/span 8;
  }
  @supports not (display: grid) {
    .col-md-8 {
      width: 66.6666666667%;
    }
  }
  .ie .col-md-8 {
    width: 66.6666666667%;
  }
  .col-md-9 {
    grid-column: span 9/span 9;
  }
  @supports not (display: grid) {
    .col-md-9 {
      width: 75%;
    }
  }
  .ie .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    grid-column: span 10/span 10;
  }
  @supports not (display: grid) {
    .col-md-10 {
      width: 83.3333333333%;
    }
  }
  .ie .col-md-10 {
    width: 83.3333333333%;
  }
  .col-md-11 {
    grid-column: span 11/span 11;
  }
  @supports not (display: grid) {
    .col-md-11 {
      width: 91.6666666667%;
    }
  }
  .ie .col-md-11 {
    width: 91.6666666667%;
  }
  .col-md-12 {
    grid-column: span 12/span 12;
  }
  @supports not (display: grid) {
    .col-md-12 {
      width: 100%;
    }
  }
  .ie .col-md-12 {
    width: 100%;
  }
}
@media screen and (min-width: 48em) {
  .row-span-md-1 {
    grid-row: span 1/span 1;
  }
  .row-span-md-2 {
    grid-row: span 2/span 2;
  }
  .row-span-md-3 {
    grid-row: span 3/span 3;
  }
  .row-span-md-4 {
    grid-row: span 4/span 4;
  }
  .row-span-md-5 {
    grid-row: span 5/span 5;
  }
  .row-span-md-6 {
    grid-row: span 6/span 6;
  }
  .row-span-md-7 {
    grid-row: span 7/span 7;
  }
  .row-span-md-8 {
    grid-row: span 8/span 8;
  }
  .row-span-md-9 {
    grid-row: span 9/span 9;
  }
  .row-span-md-10 {
    grid-row: span 10/span 10;
  }
  .row-span-md-11 {
    grid-row: span 11/span 11;
  }
  .row-span-md-12 {
    grid-row: span 12/span 12;
  }
}
@media screen and (min-width: 48em) {
  .col-start-md-1 {
    grid-column-start: 1;
  }
  .row-start-md-1 {
    grid-row-start: 1;
  }
  .col-start-md-2 {
    grid-column-start: 2;
  }
  .row-start-md-2 {
    grid-row-start: 2;
  }
  .col-start-md-3 {
    grid-column-start: 3;
  }
  .row-start-md-3 {
    grid-row-start: 3;
  }
  .col-start-md-4 {
    grid-column-start: 4;
  }
  .row-start-md-4 {
    grid-row-start: 4;
  }
  .col-start-md-5 {
    grid-column-start: 5;
  }
  .row-start-md-5 {
    grid-row-start: 5;
  }
  .col-start-md-6 {
    grid-column-start: 6;
  }
  .row-start-md-6 {
    grid-row-start: 6;
  }
  .col-start-md-7 {
    grid-column-start: 7;
  }
  .row-start-md-7 {
    grid-row-start: 7;
  }
  .col-start-md-8 {
    grid-column-start: 8;
  }
  .row-start-md-8 {
    grid-row-start: 8;
  }
  .col-start-md-9 {
    grid-column-start: 9;
  }
  .row-start-md-9 {
    grid-row-start: 9;
  }
  .col-start-md-10 {
    grid-column-start: 10;
  }
  .row-start-md-10 {
    grid-row-start: 10;
  }
  .col-start-md-11 {
    grid-column-start: 11;
  }
  .row-start-md-11 {
    grid-row-start: 11;
  }
  .col-start-md-12 {
    grid-column-start: 12;
  }
  .row-start-md-12 {
    grid-row-start: 12;
  }
}
@media screen and (min-width: 48em) {
  .pull-right-md {
    grid-column-end: -1;
  }
  .pull-left-md {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}
@media screen and (min-width: 64em) {
  .col-lg-1 {
    grid-column: span 1/span 1;
  }
  @supports not (display: grid) {
    .col-lg-1 {
      width: 8.3333333333%;
    }
  }
  .ie .col-lg-1 {
    width: 8.3333333333%;
  }
  .col-lg-2 {
    grid-column: span 2/span 2;
  }
  @supports not (display: grid) {
    .col-lg-2 {
      width: 16.6666666667%;
    }
  }
  .ie .col-lg-2 {
    width: 16.6666666667%;
  }
  .col-lg-3 {
    grid-column: span 3/span 3;
  }
  @supports not (display: grid) {
    .col-lg-3 {
      width: 25%;
    }
  }
  .ie .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    grid-column: span 4/span 4;
  }
  @supports not (display: grid) {
    .col-lg-4 {
      width: 33.3333333333%;
    }
  }
  .ie .col-lg-4 {
    width: 33.3333333333%;
  }
  .col-lg-5 {
    grid-column: span 5/span 5;
  }
  @supports not (display: grid) {
    .col-lg-5 {
      width: 41.6666666667%;
    }
  }
  .ie .col-lg-5 {
    width: 41.6666666667%;
  }
  .col-lg-6, .landingpage-xelerion .product-explanations .inside > * {
    grid-column: span 6/span 6;
  }
  @supports not (display: grid) {
    .col-lg-6, .landingpage-xelerion .product-explanations .inside > * {
      width: 50%;
    }
  }
  .ie .col-lg-6, .ie .landingpage-xelerion .product-explanations .inside > *, .landingpage-xelerion .product-explanations .ie .inside > * {
    width: 50%;
  }
  .col-lg-7 {
    grid-column: span 7/span 7;
  }
  @supports not (display: grid) {
    .col-lg-7 {
      width: 58.3333333333%;
    }
  }
  .ie .col-lg-7 {
    width: 58.3333333333%;
  }
  .col-lg-8 {
    grid-column: span 8/span 8;
  }
  @supports not (display: grid) {
    .col-lg-8 {
      width: 66.6666666667%;
    }
  }
  .ie .col-lg-8 {
    width: 66.6666666667%;
  }
  .col-lg-9 {
    grid-column: span 9/span 9;
  }
  @supports not (display: grid) {
    .col-lg-9 {
      width: 75%;
    }
  }
  .ie .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    grid-column: span 10/span 10;
  }
  @supports not (display: grid) {
    .col-lg-10 {
      width: 83.3333333333%;
    }
  }
  .ie .col-lg-10 {
    width: 83.3333333333%;
  }
  .col-lg-11 {
    grid-column: span 11/span 11;
  }
  @supports not (display: grid) {
    .col-lg-11 {
      width: 91.6666666667%;
    }
  }
  .ie .col-lg-11 {
    width: 91.6666666667%;
  }
  .col-lg-12 {
    grid-column: span 12/span 12;
  }
  @supports not (display: grid) {
    .col-lg-12 {
      width: 100%;
    }
  }
  .ie .col-lg-12 {
    width: 100%;
  }
}
@media screen and (min-width: 64em) {
  .row-span-lg-1 {
    grid-row: span 1/span 1;
  }
  .row-span-lg-2 {
    grid-row: span 2/span 2;
  }
  .row-span-lg-3 {
    grid-row: span 3/span 3;
  }
  .row-span-lg-4 {
    grid-row: span 4/span 4;
  }
  .row-span-lg-5 {
    grid-row: span 5/span 5;
  }
  .row-span-lg-6 {
    grid-row: span 6/span 6;
  }
  .row-span-lg-7 {
    grid-row: span 7/span 7;
  }
  .row-span-lg-8 {
    grid-row: span 8/span 8;
  }
  .row-span-lg-9 {
    grid-row: span 9/span 9;
  }
  .row-span-lg-10 {
    grid-row: span 10/span 10;
  }
  .row-span-lg-11 {
    grid-row: span 11/span 11;
  }
  .row-span-lg-12 {
    grid-row: span 12/span 12;
  }
}
@media screen and (min-width: 64em) {
  .col-start-lg-1 {
    grid-column-start: 1;
  }
  .row-start-lg-1 {
    grid-row-start: 1;
  }
  .col-start-lg-2 {
    grid-column-start: 2;
  }
  .row-start-lg-2 {
    grid-row-start: 2;
  }
  .col-start-lg-3 {
    grid-column-start: 3;
  }
  .row-start-lg-3 {
    grid-row-start: 3;
  }
  .col-start-lg-4 {
    grid-column-start: 4;
  }
  .row-start-lg-4 {
    grid-row-start: 4;
  }
  .col-start-lg-5 {
    grid-column-start: 5;
  }
  .row-start-lg-5 {
    grid-row-start: 5;
  }
  .col-start-lg-6 {
    grid-column-start: 6;
  }
  .row-start-lg-6 {
    grid-row-start: 6;
  }
  .col-start-lg-7 {
    grid-column-start: 7;
  }
  .row-start-lg-7 {
    grid-row-start: 7;
  }
  .col-start-lg-8 {
    grid-column-start: 8;
  }
  .row-start-lg-8 {
    grid-row-start: 8;
  }
  .col-start-lg-9 {
    grid-column-start: 9;
  }
  .row-start-lg-9 {
    grid-row-start: 9;
  }
  .col-start-lg-10 {
    grid-column-start: 10;
  }
  .row-start-lg-10 {
    grid-row-start: 10;
  }
  .col-start-lg-11 {
    grid-column-start: 11;
  }
  .row-start-lg-11 {
    grid-row-start: 11;
  }
  .col-start-lg-12 {
    grid-column-start: 12;
  }
  .row-start-lg-12 {
    grid-row-start: 12;
  }
}
@media screen and (min-width: 64em) {
  .pull-right-lg {
    grid-column-end: -1;
  }
  .pull-left-lg {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}
@media screen and (min-width: 75em) {
  .col-xl-1 {
    grid-column: span 1/span 1;
  }
  @supports not (display: grid) {
    .col-xl-1 {
      width: 8.3333333333%;
    }
  }
  .ie .col-xl-1 {
    width: 8.3333333333%;
  }
  .col-xl-2 {
    grid-column: span 2/span 2;
  }
  @supports not (display: grid) {
    .col-xl-2 {
      width: 16.6666666667%;
    }
  }
  .ie .col-xl-2 {
    width: 16.6666666667%;
  }
  .col-xl-3 {
    grid-column: span 3/span 3;
  }
  @supports not (display: grid) {
    .col-xl-3 {
      width: 25%;
    }
  }
  .ie .col-xl-3 {
    width: 25%;
  }
  .col-xl-4 {
    grid-column: span 4/span 4;
  }
  @supports not (display: grid) {
    .col-xl-4 {
      width: 33.3333333333%;
    }
  }
  .ie .col-xl-4 {
    width: 33.3333333333%;
  }
  .col-xl-5 {
    grid-column: span 5/span 5;
  }
  @supports not (display: grid) {
    .col-xl-5 {
      width: 41.6666666667%;
    }
  }
  .ie .col-xl-5 {
    width: 41.6666666667%;
  }
  .col-xl-6 {
    grid-column: span 6/span 6;
  }
  @supports not (display: grid) {
    .col-xl-6 {
      width: 50%;
    }
  }
  .ie .col-xl-6 {
    width: 50%;
  }
  .col-xl-7 {
    grid-column: span 7/span 7;
  }
  @supports not (display: grid) {
    .col-xl-7 {
      width: 58.3333333333%;
    }
  }
  .ie .col-xl-7 {
    width: 58.3333333333%;
  }
  .col-xl-8 {
    grid-column: span 8/span 8;
  }
  @supports not (display: grid) {
    .col-xl-8 {
      width: 66.6666666667%;
    }
  }
  .ie .col-xl-8 {
    width: 66.6666666667%;
  }
  .col-xl-9 {
    grid-column: span 9/span 9;
  }
  @supports not (display: grid) {
    .col-xl-9 {
      width: 75%;
    }
  }
  .ie .col-xl-9 {
    width: 75%;
  }
  .col-xl-10 {
    grid-column: span 10/span 10;
  }
  @supports not (display: grid) {
    .col-xl-10 {
      width: 83.3333333333%;
    }
  }
  .ie .col-xl-10 {
    width: 83.3333333333%;
  }
  .col-xl-11 {
    grid-column: span 11/span 11;
  }
  @supports not (display: grid) {
    .col-xl-11 {
      width: 91.6666666667%;
    }
  }
  .ie .col-xl-11 {
    width: 91.6666666667%;
  }
  .col-xl-12, .landingpage-xelerion .product-explanations .inside > * {
    grid-column: span 12/span 12;
  }
  @supports not (display: grid) {
    .col-xl-12, .landingpage-xelerion .product-explanations .inside > * {
      width: 100%;
    }
  }
  .ie .col-xl-12, .ie .landingpage-xelerion .product-explanations .inside > *, .landingpage-xelerion .product-explanations .ie .inside > * {
    width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .row-span-xl-1 {
    grid-row: span 1/span 1;
  }
  .row-span-xl-2 {
    grid-row: span 2/span 2;
  }
  .row-span-xl-3 {
    grid-row: span 3/span 3;
  }
  .row-span-xl-4 {
    grid-row: span 4/span 4;
  }
  .row-span-xl-5 {
    grid-row: span 5/span 5;
  }
  .row-span-xl-6 {
    grid-row: span 6/span 6;
  }
  .row-span-xl-7 {
    grid-row: span 7/span 7;
  }
  .row-span-xl-8 {
    grid-row: span 8/span 8;
  }
  .row-span-xl-9 {
    grid-row: span 9/span 9;
  }
  .row-span-xl-10 {
    grid-row: span 10/span 10;
  }
  .row-span-xl-11 {
    grid-row: span 11/span 11;
  }
  .row-span-xl-12 {
    grid-row: span 12/span 12;
  }
}
@media screen and (min-width: 75em) {
  .col-start-xl-1 {
    grid-column-start: 1;
  }
  .row-start-xl-1 {
    grid-row-start: 1;
  }
  .col-start-xl-2 {
    grid-column-start: 2;
  }
  .row-start-xl-2 {
    grid-row-start: 2;
  }
  .col-start-xl-3 {
    grid-column-start: 3;
  }
  .row-start-xl-3 {
    grid-row-start: 3;
  }
  .col-start-xl-4 {
    grid-column-start: 4;
  }
  .row-start-xl-4 {
    grid-row-start: 4;
  }
  .col-start-xl-5 {
    grid-column-start: 5;
  }
  .row-start-xl-5 {
    grid-row-start: 5;
  }
  .col-start-xl-6 {
    grid-column-start: 6;
  }
  .row-start-xl-6 {
    grid-row-start: 6;
  }
  .col-start-xl-7 {
    grid-column-start: 7;
  }
  .row-start-xl-7 {
    grid-row-start: 7;
  }
  .col-start-xl-8 {
    grid-column-start: 8;
  }
  .row-start-xl-8 {
    grid-row-start: 8;
  }
  .col-start-xl-9 {
    grid-column-start: 9;
  }
  .row-start-xl-9 {
    grid-row-start: 9;
  }
  .col-start-xl-10 {
    grid-column-start: 10;
  }
  .row-start-xl-10 {
    grid-row-start: 10;
  }
  .col-start-xl-11 {
    grid-column-start: 11;
  }
  .row-start-xl-11 {
    grid-row-start: 11;
  }
  .col-start-xl-12 {
    grid-column-start: 12;
  }
  .row-start-xl-12 {
    grid-row-start: 12;
  }
}
@media screen and (min-width: 75em) {
  .pull-right-xl {
    grid-column-end: -1;
  }
  .pull-left-xl {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}
.justify-start {
  justify-self: start;
  text-align: left;
}

.justify-center {
  justify-self: center;
  text-align: center;
}

.justify-end {
  justify-self: end;
  text-align: right;
}

@media screen and (min-width: 0) {
  .justify-xs-start {
    justify-self: start;
    text-align: left;
  }
  .justify-xs-center {
    justify-self: center;
    text-align: center;
  }
  .justify-xs-end {
    justify-self: end;
    text-align: right;
  }
}
@media screen and (min-width: 34.375em) {
  .justify-sm-start {
    justify-self: start;
    text-align: left;
  }
  .justify-sm-center {
    justify-self: center;
    text-align: center;
  }
  .justify-sm-end {
    justify-self: end;
    text-align: right;
  }
}
@media screen and (min-width: 48em) {
  .justify-md-start {
    justify-self: start;
    text-align: left;
  }
  .justify-md-center {
    justify-self: center;
    text-align: center;
  }
  .justify-md-end {
    justify-self: end;
    text-align: right;
  }
}
@media screen and (min-width: 64em) {
  .justify-lg-start {
    justify-self: start;
    text-align: left;
  }
  .justify-lg-center {
    justify-self: center;
    text-align: center;
  }
  .justify-lg-end {
    justify-self: end;
    text-align: right;
  }
}
@media screen and (min-width: 75em) {
  .justify-xl-start {
    justify-self: start;
    text-align: left;
  }
  .justify-xl-center {
    justify-self: center;
    text-align: center;
  }
  .justify-xl-end {
    justify-self: end;
    text-align: right;
  }
}
.align-start {
  align-self: start;
}

.align-center {
  align-self: center;
}

.align-end {
  align-self: end;
}

@media screen and (min-width: 0) {
  .align-xs-start {
    align-self: start;
  }
  .align-xs-center {
    align-self: center;
  }
  .align-xs-end {
    align-self: end;
  }
}
@media screen and (min-width: 34.375em) {
  .align-sm-start {
    align-self: start;
  }
  .align-sm-center {
    align-self: center;
  }
  .align-sm-end {
    align-self: end;
  }
}
@media screen and (min-width: 48em) {
  .align-md-start {
    align-self: start;
  }
  .align-md-center {
    align-self: center;
  }
  .align-md-end {
    align-self: end;
  }
}
@media screen and (min-width: 64em) {
  .align-lg-start {
    align-self: start;
  }
  .align-lg-center {
    align-self: center;
  }
  .align-lg-end {
    align-self: end;
  }
}
@media screen and (min-width: 75em) {
  .align-xl-start {
    align-self: start;
  }
  .align-xl-center {
    align-self: center;
  }
  .align-xl-end {
    align-self: end;
  }
}
.row-start-1 {
  grid-row-start: 1;
}

.row-span-1 {
  grid-row: span 1/span 1;
}

.row-start-2 {
  grid-row-start: 2;
}

.row-span-2 {
  grid-row: span 2/span 2;
}

.row-start-3 {
  grid-row-start: 3;
}

.row-span-3 {
  grid-row: span 3/span 3;
}

.row-start-4 {
  grid-row-start: 4;
}

.row-span-4 {
  grid-row: span 4/span 4;
}

.row-start-5 {
  grid-row-start: 5;
}

.row-span-5 {
  grid-row: span 5/span 5;
}

.row-start-6 {
  grid-row-start: 6;
}

.row-span-6 {
  grid-row: span 6/span 6;
}

.row-start-7 {
  grid-row-start: 7;
}

.row-span-7 {
  grid-row: span 7/span 7;
}

.row-start-8 {
  grid-row-start: 8;
}

.row-span-8 {
  grid-row: span 8/span 8;
}

.row-start-9 {
  grid-row-start: 9;
}

.row-span-9 {
  grid-row: span 9/span 9;
}

.row-start-10 {
  grid-row-start: 10;
}

.row-span-10 {
  grid-row: span 10/span 10;
}

.row-start-11 {
  grid-row-start: 11;
}

.row-span-11 {
  grid-row: span 11/span 11;
}

.row-start-12 {
  grid-row-start: 12;
}

.row-span-12 {
  grid-row: span 12/span 12;
}

:root {
  --color-main: #cc0f22;
  --color-secondary: #2ab9ce;
  --color-secondary-light: #e0f5f8;
  --color-gray-24: #3c3c3c;
  --color-gray-71: #b5b5b5;
  --color-gray-86: #dbdbdb;
  --color-gray-93: #ededed;
  --color-xelerion: #5a2382;
  --color-main-hover: rgb(250.8445890411, 34.4554109589, 56.2088203957);
  --color-secondary-hover: rgb(82.6577419355, 212.5649724626, 231.6422580645);
  --color-xelerion-hover: rgb(127.9896889952, 37.4986363636, 193.8013636364);
  --color-page-background: #fff;
  --color-text: var(--color-gray-24);
  --color-text-inverted: #fff;
  --color-links: var(--color-secondary);
  --color-btn: var(--color-links);
  --color-btn-text: var(--color-text-inverted);
  --base-spacing: 4rem;
  --base-spacing-mobile: 7vw;
  --base-spacing-big: 8rem;
  --text-padding: 1.875rem;
  --base-margin-top: 2.6rem;
  --base-margin-top-small: 1.3rem;
  --base-max-width: 1300px;
  --heading-margin: 1rem 0 0.7em 0;
  --heading-margin-bottom: 0.7em;
  --base-border-radius: 0px;
  --base-border-width: 1px;
  --base-border-color: var(--color-text);
  --base-border: var(--base-border-width) solid var(--base-border-color);
  --base-shadow: 0 0 250px 0 rgba(0, 0, 0, 0.2);
  --icon-width-small: 1.25rem;
  --icon-width-large: 3.125rem;
  --button-height: 3.125rem;
  --triangle-ratio: 70.1 / 77.9;
  --triangle-right: polygon(100% 0, calc(100% - 1em) 100%, 0 100%, 0 0, 0 0);
  --triangle-left: polygon(100% 0, 100% 100%, 1em 100%, 0 0, 0 0);
  --gap: var(--grid__gutter);
  --gap--half: var(--grid__gutter--half);
  --gap-sm: 0.3125rem;
  --gap-sm--half: calc(0.3125rem / 2);
  --youtube: "";
  --xing: "";
  --linkedin: "";
}

/*
** Vertical Alignment
** top 50%
*/
/*
** Horizontal Center
** top 50%
*/
/*
** Fully Centered
** left/top 50%
*/
/*
** Position Absolute
*/
/*
** Include 100% Cover Background
*/
/*
** Include Transitions
** e.g. transition(width, height);
** e.g. transition(width 0.2s, height 0.3s ease-in-out);
** e.g. transition(width, height 0.3s ease-in-out);
*/
/*
** Keep Aspect Ratio
** Assumes parent > .content
** e.g. aspect-ratio(16,9);
*/
/*
** Vertically Center Block Element
*/
/*
** Get All Headings
*/
/*
** Media Queries
*/
@keyframes bounce {
  0% {
    bottom: 0px;
  }
  66% {
    bottom: 10px;
  }
  100% {
    bottom: 0px;
  }
}
#main {
  width: 100%;
}

#wrapper,
#header {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#main .inside {
  min-height: 1px;
}

.width {
  max-width: calc(var(--base-max-width) + var(--base-spacing) * 2);
  width: 100%;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-right: var(--base-spacing);
  padding-left: var(--base-spacing);
}
@media only screen and (max-width: 767px) {
  #wrapper .mod_article:not(.-noPadding) .width, #header .width, .mod_breadcrumb .width,
  .width .append-to-main-container,
  .width .mobile-width, #main-menu .width {
    padding-right: var(--base-spacing-mobile);
    padding-left: var(--base-spacing-mobile);
  }
}

.mod_article .width {
  padding-top: var(--base-spacing);
  padding-bottom: var(--base-spacing);
}

.float_left {
  float: left;
}

.float_right {
  float: right;
}

.image_container.float_below {
  margin-top: var(--base-margin-top);
}

figcaption {
  margin-top: 1rem;
  font-size: 0.9em;
  font-style: italic;
}

.block {
  overflow: hidden;
}

.o-visible {
  overflow: visible;
}

.inline-flex {
  display: inline-flex;
}
.inline-flex .image_container.float_left {
  margin-right: 0.5em;
}

.clear,
#clear {
  height: 0.1px;
  font-size: 0.1px;
  line-height: 0.1px;
  clear: both;
}

.invisible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

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

.ie7 img {
  -ms-interpolation-mode: bicubic;
}

.ie8 img {
  width: auto;
}

.audio_container audio {
  max-width: 100%;
}

.video_container video {
  max-width: 100%;
  height: auto;
}

.responsive {
  position: relative;
  height: 0;
}

.responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.responsive.ratio-169 {
  padding-bottom: 56.25%;
}

.responsive.ratio-1610 {
  padding-bottom: 62.5%;
}

.responsive.ratio-219 {
  padding-bottom: 42.8571%;
}

.responsive.ratio-43 {
  padding-bottom: 75%;
}

.responsive.ratio-32 {
  padding-bottom: 66.6666%;
}

/**
 * Verhindert das ständige neue Rendering aller fixen Elemente beim Scrollen.
 * Verbessert die Performance auf mobilen Geräten deutlich.
 */
#cookie-box,
#cboxClose,
#cboxPrevious,
#cboxNext,
#header,
#menu-button {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/**
Page
**/
/* HTML --------------------------------------------------------------------------------------------------- */
html {
  overflow-y: scroll;
  min-height: 100%;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

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

body {
  background-color: #fff;
  background-position: top center;
  background-size: 100% auto;
  background-repeat: repeat-y;
  overflow: hidden;
}

*:focus {
  outline: 0;
  border: none;
}

*::selection {
  background-color: var(--color-main);
  color: #fff;
  text-shadow: none;
}

ul {
  list-style: none;
  padding: 0;
}

/* Images --------------------------------------------------------------------------------------------------- */
img {
  height: auto;
  display: block;
  user-select: none;
}

svg {
  width: 100%;
  height: auto;
  display: block;
  fill: currentColor;
  pointer-events: none;
}

a,
button {
  touch-action: manipulation;
}

.image_container {
  max-width: 100%;
  margin: 0;
}
.image_container img {
  height: auto;
  max-width: 100%;
}

.mod_article.has-background-image {
  position: relative;
}
.mod_article.has-background-image .article-image {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

/* Margins --------------------------------------------------------------------------------------------------- */
p,
ul,
ol,
table {
  margin-bottom: 0;
  margin-top: 0;
}

.ce_text .text-wrapper > :last-child:not(h1, h2, h3, h4, h5, h6),
.ce_text ul:last-child,
.widget-explanation .text-wrapper > :last-child:not(h1, h2, h3, h4, h5, h6),
.widget-explanation ul:last-child {
  margin-bottom: 0;
}
.ce_text p:not(:last-child),
.ce_text ul,
.ce_text ol,
.ce_text table,
.widget-explanation p:not(:last-child),
.widget-explanation ul,
.widget-explanation ol,
.widget-explanation table {
  margin-bottom: 1.5em;
}

.mod_article:not(.-twoColumns):not(.-gridLayout):not(#kontakt.v2) > .width > .inside > div + div:not(.button):not(.-gridLayout):not(#kontakt.v2),
.mod_eventreader .event > div + div,
article + article,
.mod_newsreader .layout_full > * + *,
.main-container .left > div:not(.mod_article) + div:not(.mod_article),
.mod_newsreader .layout_latest > div + div {
  margin-top: var(--base-margin-top);
}

.-gridLayout .inside > div + div:not([class*=mt-]), #kontakt.v2 .inside > div + div:not([class*=mt-]) {
  margin-top: 0 !important;
}

.mod_article.-gridLayout.-baseMarginTop .inside, .mod_article.-baseMarginTop#kontakt.v2 .inside {
  grid-row-gap: var(--base-margin-top);
}

@media only screen and (min-width: 0) {
  .mt-top-small {
    margin-top: var(--base-margin-top-small);
  }
}

@media only screen and (min-width: 0) {
  .mt-top-base {
    margin-top: var(--base-margin-top);
  }
}

@media only screen and (min-width: 549px) {
  .mt-sm-top-base {
    margin-top: var(--base-margin-top);
  }
}

@media only screen and (min-width: 767px) {
  .mt-md-top-base {
    margin-top: var(--base-margin-top);
  }
}

@media only screen and (min-width: 1023px) {
  .mt-lg-top-base {
    margin-top: var(--base-margin-top);
  }
}

@media only screen and (min-width: 0) {
  .mt-bottom-base {
    margin-bottom: var(--base-margin-top);
  }
}

@media only screen and (min-width: 549px) {
  .mt-sm-bottom-base {
    margin-bottom: var(--base-margin-top);
  }
}

@media only screen and (min-width: 767px) {
  .mt-md-bottom-base {
    margin-bottom: var(--base-margin-top);
  }
}

@media only screen and (min-width: 1023px) {
  .mt-lg-bottom-base {
    margin-bottom: var(--base-margin-top);
  }
}

@media only screen and (min-width: 0) {
  .mt-top-zero {
    margin-top: 0;
  }
}

@media only screen and (min-width: 549px) {
  .mt-sm-top-zero {
    margin-top: 0;
  }
}

@media only screen and (min-width: 767px) {
  .mt-md-top-zero {
    margin-top: 0;
  }
}

@media only screen and (min-width: 1023px) {
  .mt-lg-top-zero {
    margin-top: 0;
  }
}

@media only screen and (min-width: 0) {
  .mt-bottom-zero {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 549px) {
  .mt-sm-bottom-zero {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 767px) {
  .mt-md-bottom-zero {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1023px) {
  .mt-lg-bottom-zero {
    margin-bottom: 0;
  }
}

.mt-top-big {
  margin-top: 6rem !important;
}

.m-auto {
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 1023px) {
  .order-lg-1 {
    order: 1;
  }
}

@media only screen and (min-width: 767px) {
  .order-md-1 {
    order: 1;
  }
}

@media only screen and (min-width: 549px) {
  .order-sm-1 {
    order: 1;
  }
}

.order-1 {
  order: 1;
}

@media only screen and (min-width: 1023px) {
  .order-lg-2 {
    order: 2;
  }
}

@media only screen and (min-width: 767px) {
  .order-md-2 {
    order: 2;
  }
}

@media only screen and (min-width: 549px) {
  .order-sm-2 {
    order: 2;
  }
}

.order-2 {
  order: 2;
}

@media only screen and (min-width: 767px) {
  .d-md-none {
    display: none !important;
  }
}

@media only screen and (min-width: 767px) {
  .d-md-block {
    display: block !important;
  }
}

@media only screen and (min-width: 767px) {
  .d-md-flex {
    display: flex !important;
  }
}

.d-none {
  display: none !important;
}

.ce_template .block + .block {
  margin-top: 1.5rem;
}

html[lang=fr] input#et-toggle-opt-out:checked + span::after {
  content: "Mes données de visite sont utilisées pour l'analyse web." !important;
}
html[lang=fr] input#et-toggle-opt-out + span::after {
  content: "Les données de mes visites ne sont pas utilisées pour l'analyse web." !important;
}

html[lang=en] input#et-toggle-opt-out:checked + span::after {
  content: "My visit data is used for web analysis." !important;
}
html[lang=en] input#et-toggle-opt-out + span::after {
  content: "My visit data is not used for web analysis." !important;
}

html[lang=sv] input#et-toggle-opt-out:checked + span::after {
  content: "Mina besöksdata används för webbanalys." !important;
}
html[lang=sv] input#et-toggle-opt-out + span::after {
  content: "Mina besöksdata används inte för webbanalys." !important;
}

html[lang=hu] input#et-toggle-opt-out:checked + span::after {
  content: "A látogatási adataimat webes elemzésre használjuk." !important;
}
html[lang=hu] input#et-toggle-opt-out + span::after {
  content: "A látogatási adataimat nem használják fel webes elemzésre." !important;
}

html[lang=cs] input#et-toggle-opt-out:checked + span::after {
  content: "Údaje o mých návštěvách slouží k analýze webu." !important;
}
html[lang=cs] input#et-toggle-opt-out + span::after {
  content: "Údaje o mé návštěvě se nepoužívají pro webovou analýzu." !important;
}

html[lang=ru] input#et-toggle-opt-out:checked + span::after {
  content: "Данные о моем посещении используются для веб-анализа." !important;
}
html[lang=ru] input#et-toggle-opt-out + span::after {
  content: "Данные о моем посещении не используются для веб-анализа." !important;
}

html[lang=zh] input#et-toggle-opt-out:checked + span::after {
  content: "我的访问数据被用于网络分析。" !important;
}
html[lang=zh] input#et-toggle-opt-out + span::after {
  content: "我的访问数据不用于网络分析。" !important;
}

:root {
  --base-font-size: 16px;
  --base-line-height: 1.5;
  --base-font-weight: 300;
  --base-letter-spacing: 0.01em;
  --base-font-family: "Beausite Classic", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu",
      "Helvetica Neue", Arial, sans-serif;
  --base-icon-font: "Font Awesome 6 Free";
}

.landingpage-xelerion .-headingXL h1, .landingpage-xelerion .four-squared .inside h1, .landingpage-xelerion .-headingXL h2, .landingpage-xelerion .four-squared .inside h2, .landingpage-xelerion .-headingXL h3, .landingpage-xelerion .four-squared .inside h3, .landingpage-xelerion .-headingXL h4, .landingpage-xelerion .four-squared .inside h4, .landingpage-xelerion .-headingXL h5, .landingpage-xelerion .four-squared .inside h5, .landingpage-xelerion .-headingXL h6, .landingpage-xelerion .four-squared .inside h6, .landingpage #banner .-headingXL h1, .landingpage #banner .landingpage-xelerion .four-squared .inside h1, .landingpage-xelerion .four-squared .landingpage #banner .inside h1, .landingpage #banner .-headingXL h2, .landingpage #banner .landingpage-xelerion .four-squared .inside h2, .landingpage-xelerion .four-squared .landingpage #banner .inside h2, .landingpage #banner .-headingXL h3, .landingpage #banner .landingpage-xelerion .four-squared .inside h3, .landingpage-xelerion .four-squared .landingpage #banner .inside h3, .landingpage #banner .-headingXL h4, .landingpage #banner .landingpage-xelerion .four-squared .inside h4, .landingpage-xelerion .four-squared .landingpage #banner .inside h4, .landingpage #banner .-headingXL h5, .landingpage #banner .landingpage-xelerion .four-squared .inside h5, .landingpage-xelerion .four-squared .landingpage #banner .inside h5, .landingpage #banner .-headingXL h6, .landingpage #banner .landingpage-xelerion .four-squared .inside h6, .landingpage-xelerion .four-squared .landingpage #banner .inside h6, .landingpage .-headingXL h1, .landingpage .-headingXL h2, .landingpage .-headingXL h3, .landingpage .-headingXL h4, .landingpage .-headingXL h5, .landingpage .-headingXL h6, .landingpage .landingpage #banner .-headingXL h1, .landingpage .landingpage #banner .-headingXL h2, .landingpage .landingpage #banner .-headingXL h3, .landingpage .landingpage #banner .-headingXL h4, .landingpage .landingpage #banner .-headingXL h5, .landingpage .landingpage #banner .-headingXL h6, .landingpage .landingpage .-headingXL h1, .landingpage .landingpage .-headingXL h2, .landingpage .landingpage .-headingXL h3, .landingpage .landingpage .-headingXL h4, .landingpage .landingpage .-headingXL h5, .landingpage .landingpage .-headingXL h6, .banner .ce_text .text-wrapper, .timeline .ce_text .text-wrapper > *:first-child, .ctlg_master h1, .ce_list_extended .ce_text p:first-child, .ce_cta .text-container .text-wrapper p, .-headingXL h1, .-headingXL h2, .-headingXL h3, .-headingXL h4, .-headingXL h5, .-headingXL h6,
h1 .-headingXL,
h1 .landingpage-xelerion .four-squared .inside,
.landingpage-xelerion .four-squared h1 .inside, h2 .-headingXL, h2 .landingpage-xelerion .four-squared .inside, .landingpage-xelerion .four-squared h2 .inside, h3 .-headingXL, h3 .landingpage-xelerion .four-squared .inside, .landingpage-xelerion .four-squared h3 .inside, h4 .-headingXL, h4 .landingpage-xelerion .four-squared .inside, .landingpage-xelerion .four-squared h4 .inside, h5 .-headingXL, h5 .landingpage-xelerion .four-squared .inside, .landingpage-xelerion .four-squared h5 .inside, h6 .-headingXL, h6 .landingpage-xelerion .four-squared .inside, .landingpage-xelerion .four-squared h6 .inside, span.-headingXL, .landingpage-xelerion .four-squared span.inside,
h1.-headingXL,
.landingpage-xelerion .four-squared h1.inside, h2.-headingXL, .landingpage-xelerion .four-squared h2.inside, h3.-headingXL, .landingpage-xelerion .four-squared h3.inside, h4.-headingXL, .landingpage-xelerion .four-squared h4.inside, h5.-headingXL, .landingpage-xelerion .four-squared h5.inside, h6.-headingXL, .landingpage-xelerion .four-squared h6.inside {
  font-size: calc(1.275rem + 3.3vw);
  line-height: 1em;
  font-weight: 900;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .landingpage-xelerion .-headingXL h1, .landingpage-xelerion .four-squared .inside h1, .landingpage-xelerion .-headingXL h2, .landingpage-xelerion .four-squared .inside h2, .landingpage-xelerion .-headingXL h3, .landingpage-xelerion .four-squared .inside h3, .landingpage-xelerion .-headingXL h4, .landingpage-xelerion .four-squared .inside h4, .landingpage-xelerion .-headingXL h5, .landingpage-xelerion .four-squared .inside h5, .landingpage-xelerion .-headingXL h6, .landingpage-xelerion .four-squared .inside h6, .landingpage #banner .-headingXL h1, .landingpage #banner .landingpage-xelerion .four-squared .inside h1, .landingpage-xelerion .four-squared .landingpage #banner .inside h1, .landingpage #banner .-headingXL h2, .landingpage #banner .landingpage-xelerion .four-squared .inside h2, .landingpage-xelerion .four-squared .landingpage #banner .inside h2, .landingpage #banner .-headingXL h3, .landingpage #banner .landingpage-xelerion .four-squared .inside h3, .landingpage-xelerion .four-squared .landingpage #banner .inside h3, .landingpage #banner .-headingXL h4, .landingpage #banner .landingpage-xelerion .four-squared .inside h4, .landingpage-xelerion .four-squared .landingpage #banner .inside h4, .landingpage #banner .-headingXL h5, .landingpage #banner .landingpage-xelerion .four-squared .inside h5, .landingpage-xelerion .four-squared .landingpage #banner .inside h5, .landingpage #banner .-headingXL h6, .landingpage #banner .landingpage-xelerion .four-squared .inside h6, .landingpage-xelerion .four-squared .landingpage #banner .inside h6, .landingpage .-headingXL h1, .landingpage .-headingXL h2, .landingpage .-headingXL h3, .landingpage .-headingXL h4, .landingpage .-headingXL h5, .landingpage .-headingXL h6, .landingpage .landingpage #banner .-headingXL h1, .landingpage .landingpage #banner .-headingXL h2, .landingpage .landingpage #banner .-headingXL h3, .landingpage .landingpage #banner .-headingXL h4, .landingpage .landingpage #banner .-headingXL h5, .landingpage .landingpage #banner .-headingXL h6, .landingpage .landingpage .-headingXL h1, .landingpage .landingpage .-headingXL h2, .landingpage .landingpage .-headingXL h3, .landingpage .landingpage .-headingXL h4, .landingpage .landingpage .-headingXL h5, .landingpage .landingpage .-headingXL h6, .banner .ce_text .text-wrapper, .timeline .ce_text .text-wrapper > *:first-child, .ctlg_master h1, .ce_list_extended .ce_text p:first-child, .ce_cta .text-container .text-wrapper p, .-headingXL h1, .-headingXL h2, .-headingXL h3, .-headingXL h4, .-headingXL h5, .-headingXL h6,
  h1 .-headingXL,
  h1 .landingpage-xelerion .four-squared .inside,
  .landingpage-xelerion .four-squared h1 .inside, h2 .-headingXL, h2 .landingpage-xelerion .four-squared .inside, .landingpage-xelerion .four-squared h2 .inside, h3 .-headingXL, h3 .landingpage-xelerion .four-squared .inside, .landingpage-xelerion .four-squared h3 .inside, h4 .-headingXL, h4 .landingpage-xelerion .four-squared .inside, .landingpage-xelerion .four-squared h4 .inside, h5 .-headingXL, h5 .landingpage-xelerion .four-squared .inside, .landingpage-xelerion .four-squared h5 .inside, h6 .-headingXL, h6 .landingpage-xelerion .four-squared .inside, .landingpage-xelerion .four-squared h6 .inside, span.-headingXL, .landingpage-xelerion .four-squared span.inside,
  h1.-headingXL,
  .landingpage-xelerion .four-squared h1.inside, h2.-headingXL, .landingpage-xelerion .four-squared h2.inside, h3.-headingXL, .landingpage-xelerion .four-squared h3.inside, h4.-headingXL, .landingpage-xelerion .four-squared h4.inside, h5.-headingXL, .landingpage-xelerion .four-squared h5.inside, h6.-headingXL, .landingpage-xelerion .four-squared h6.inside {
    font-size: 3.75rem;
  }
}

span.-headingXL, .landingpage-xelerion .four-squared span.inside,
h1.-headingXL,
.landingpage-xelerion .four-squared h1.inside, h2.-headingXL, .landingpage-xelerion .four-squared h2.inside, h3.-headingXL, .landingpage-xelerion .four-squared h3.inside, h4.-headingXL, .landingpage-xelerion .four-squared h4.inside, h5.-headingXL, .landingpage-xelerion .four-squared h5.inside, h6.-headingXL, .landingpage-xelerion .four-squared h6.inside {
  font-size: calc(1.2rem + 2.4vw);
}
@media (min-width: 1200px) {
  span.-headingXL, .landingpage-xelerion .four-squared span.inside,
  h1.-headingXL,
  .landingpage-xelerion .four-squared h1.inside, h2.-headingXL, .landingpage-xelerion .four-squared h2.inside, h3.-headingXL, .landingpage-xelerion .four-squared h3.inside, h4.-headingXL, .landingpage-xelerion .four-squared h4.inside, h5.-headingXL, .landingpage-xelerion .four-squared h5.inside, h6.-headingXL, .landingpage-xelerion .four-squared h6.inside {
    font-size: 3rem;
  }
}
span.-headingXL:not(.-fullWidth), .landingpage-xelerion .four-squared span.inside:not(.-fullWidth),
h1.-headingXL:not(.-fullWidth),
.landingpage-xelerion .four-squared h1.inside:not(.-fullWidth), h2.-headingXL:not(.-fullWidth), .landingpage-xelerion .four-squared h2.inside:not(.-fullWidth), h3.-headingXL:not(.-fullWidth), .landingpage-xelerion .four-squared h3.inside:not(.-fullWidth), h4.-headingXL:not(.-fullWidth), .landingpage-xelerion .four-squared h4.inside:not(.-fullWidth), h5.-headingXL:not(.-fullWidth), .landingpage-xelerion .four-squared h5.inside:not(.-fullWidth), h6.-headingXL:not(.-fullWidth), .landingpage-xelerion .four-squared h6.inside:not(.-fullWidth) {
  max-width: 14em;
}
span.-headingXL:first-child:last-child, .landingpage-xelerion .four-squared span.inside:first-child:last-child,
h1.-headingXL:first-child:last-child,
.landingpage-xelerion .four-squared h1.inside:first-child:last-child, h2.-headingXL:first-child:last-child, .landingpage-xelerion .four-squared h2.inside:first-child:last-child, h3.-headingXL:first-child:last-child, .landingpage-xelerion .four-squared h3.inside:first-child:last-child, h4.-headingXL:first-child:last-child, .landingpage-xelerion .four-squared h4.inside:first-child:last-child, h5.-headingXL:first-child:last-child, .landingpage-xelerion .four-squared h5.inside:first-child:last-child, h6.-headingXL:first-child:last-child, .landingpage-xelerion .four-squared h6.inside:first-child:last-child {
  margin-bottom: 0;
}

.landingpage-xelerion .praxiserprobt .text-wrapper > p > strong, .landingpage-xelerion .swiper-application .swiper-wrapper > div .text-wrapper h3,
.landingpage-xelerion .swiper-application .swiper-wrapper > div .text-wrapper h4,
.landingpage-xelerion .swiper-application .swiper-wrapper > div .text-wrapper p:first-child, .landingpage-dark .swiper-application .swiper-wrapper > div .text-wrapper h3,
.landingpage-dark .swiper-application .swiper-wrapper > div .text-wrapper h4,
.landingpage-dark .swiper-application .swiper-wrapper > div .text-wrapper p:first-child, .quote .text-wrapper p:not(:last-child), .mod_breadcrumb li a,
.mod_breadcrumb li span, .mod_breadcrumb li.active, h3,
h1.-h3, h2.-h3, h3.-h3, h4.-h3, h5.-h3, h6.-h3,
.-h3 h1, .-h3 h2, .-h3 h3, .-h3 h4, .-h3 h5, .-h3 h6, h2,
h1.-h2, h2.-h2, h3.-h2, h4.-h2, h5.-h2, h6.-h2,
.-h2 h1, .-h2 h2, .-h2 h3, .-h2 h4, .-h2 h5, .-h2 h6, .-headingLG h1, .-headingLG h2, .-headingLG h3, .-headingLG h4, .-headingLG h5, .-headingLG h6,
h1 .-headingLG, h2 .-headingLG, h3 .-headingLG, h4 .-headingLG, h5 .-headingLG, h6 .-headingLG {
  font-size: calc(1.0625rem + 0.75vw);
  font-weight: 900;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .landingpage-xelerion .praxiserprobt .text-wrapper > p > strong, .landingpage-xelerion .swiper-application .swiper-wrapper > div .text-wrapper h3,
  .landingpage-xelerion .swiper-application .swiper-wrapper > div .text-wrapper h4,
  .landingpage-xelerion .swiper-application .swiper-wrapper > div .text-wrapper p:first-child, .landingpage-dark .swiper-application .swiper-wrapper > div .text-wrapper h3,
  .landingpage-dark .swiper-application .swiper-wrapper > div .text-wrapper h4,
  .landingpage-dark .swiper-application .swiper-wrapper > div .text-wrapper p:first-child, .quote .text-wrapper p:not(:last-child), .mod_breadcrumb li a,
  .mod_breadcrumb li span, .mod_breadcrumb li.active, h3,
  h1.-h3, h2.-h3, h3.-h3, h4.-h3, h5.-h3, h6.-h3,
  .-h3 h1, .-h3 h2, .-h3 h3, .-h3 h4, .-h3 h5, .-h3 h6, h2,
  h1.-h2, h2.-h2, h3.-h2, h4.-h2, h5.-h2, h6.-h2,
  .-h2 h1, .-h2 h2, .-h2 h3, .-h2 h4, .-h2 h5, .-h2 h6, .-headingLG h1, .-headingLG h2, .-headingLG h3, .-headingLG h4, .-headingLG h5, .-headingLG h6,
  h1 .-headingLG, h2 .-headingLG, h3 .-headingLG, h4 .-headingLG, h5 .-headingLG, h6 .-headingLG {
    font-size: 1.625rem;
  }
}

.social_feed_element .title, .social_feed_element .info, .ce_catalogFilterForm .ctlg_form_field .select .overlay-dropdown .headline, .ctlg_master .label,
.ctlg_master h3, .service_element .teaser__title,
.ce_page_teasers_element:not(.-highlights) .teaser__title, .ce_page_teasers_element.-highlights .text-wrapper h1, .ce_page_teasers_element.-highlights .text-wrapper h2, .ce_page_teasers_element.-highlights .text-wrapper h3, .ce_page_teasers_element.-highlights .text-wrapper h4, .ce_page_teasers_element.-highlights .text-wrapper h5, .ce_page_teasers_element.-highlights .text-wrapper h6,
.mod_page_teasers_module .text-wrapper h1,
.mod_page_teasers_module .text-wrapper h2,
.mod_page_teasers_module .text-wrapper h3,
.mod_page_teasers_module .text-wrapper h4,
.mod_page_teasers_module .text-wrapper h5,
.mod_page_teasers_module .text-wrapper h6, .mod_form legend,
.ce_form legend, .mod_page_teasers_module .event__headline,
.mod_eventlist .event__headline, .ce_accordion .toggler, h4,
h1.-h4, h2.-h4, h3.-h4, h4.-h4, h5.-h4, h6.-h4,
.-h4 h1, .-h4 h2, .-h4 h3, .-h4 h4, .-h4 h5, .-h4 h6 {
  font-size: calc(1.03125rem + 0.375vw);
  letter-spacing: var(--base-letter-spacing);
  font-weight: 700;
  text-transform: none;
}
@media (min-width: 1200px) {
  .social_feed_element .title, .social_feed_element .info, .ce_catalogFilterForm .ctlg_form_field .select .overlay-dropdown .headline, .ctlg_master .label,
  .ctlg_master h3, .service_element .teaser__title,
  .ce_page_teasers_element:not(.-highlights) .teaser__title, .ce_page_teasers_element.-highlights .text-wrapper h1, .ce_page_teasers_element.-highlights .text-wrapper h2, .ce_page_teasers_element.-highlights .text-wrapper h3, .ce_page_teasers_element.-highlights .text-wrapper h4, .ce_page_teasers_element.-highlights .text-wrapper h5, .ce_page_teasers_element.-highlights .text-wrapper h6,
  .mod_page_teasers_module .text-wrapper h1,
  .mod_page_teasers_module .text-wrapper h2,
  .mod_page_teasers_module .text-wrapper h3,
  .mod_page_teasers_module .text-wrapper h4,
  .mod_page_teasers_module .text-wrapper h5,
  .mod_page_teasers_module .text-wrapper h6, .mod_form legend,
  .ce_form legend, .mod_page_teasers_module .event__headline,
  .mod_eventlist .event__headline, .ce_accordion .toggler, h4,
  h1.-h4, h2.-h4, h3.-h4, h4.-h4, h5.-h4, h6.-h4,
  .-h4 h1, .-h4 h2, .-h4 h3, .-h4 h4, .-h4 h5, .-h4 h6 {
    font-size: 1.3125rem;
  }
}

.ce_page_teasers_element.-highlights.products .preview, .ce_page_teasers_element.-highlights.additional-products .preview {
  font-size: var(--base-font-size);
  line-height: var(--base-line-height);
  letter-spacing: var(--base-letter-spacing);
}

.service_element .text-wrapper,
.ce_page_teasers_element:not(.-highlights) .text-wrapper, .ce_page_teasers_element.-highlights .text-wrapper,
.mod_page_teasers_module .text-wrapper, .mod_page_teasers_module .event__time,
.mod_eventlist .event__time {
  font-size: calc(1.04375rem + 0.525vw);
  letter-spacing: 0.03em;
  font-weight: 300;
}
@media (min-width: 1200px) {
  .service_element .text-wrapper,
  .ce_page_teasers_element:not(.-highlights) .text-wrapper, .ce_page_teasers_element.-highlights .text-wrapper,
  .mod_page_teasers_module .text-wrapper, .mod_page_teasers_module .event__time,
  .mod_eventlist .event__time {
    font-size: 1.4375rem;
  }
}

.header__nav strong, .header__nav a, .footer__line:first-child .mod_customnav strong,
.footer__line:first-child .mod_customnav a, #anchor-navigation ul li strong {
  text-transform: uppercase;
  font-weight: 900;
  font-size: calc(1.0125rem + 0.15vw);
  letter-spacing: 0.03em;
}
@media (min-width: 1200px) {
  .header__nav strong, .header__nav a, .footer__line:first-child .mod_customnav strong,
  .footer__line:first-child .mod_customnav a, #anchor-navigation ul li strong {
    font-size: 1.125rem;
  }
}

.social_feed_element.featured .highlight, .ce_page_teasers_element.-highlights .latest,
.mod_page_teasers_module .latest, .mod_page_teasers_module .event__bookedOut,
.mod_eventlist .event__bookedOut, .mod_page_teasers_module .event__category,
.mod_eventlist .event__category, .-button a,
.-buttonStyle,
a.-xelerionButtonStyle,
.landingpage-xelerion .-button a,
.-xelerionButtonStyle a,
.-xelerionButtonStyle:not(.ce_hyperlink),
a.-secondaryButtonStyle,
.ce_cta.dark .text-container a,
.-secondaryButtonStyle a,
.-secondaryButtonStyle:not(.ce_hyperlink),
a.-primaryButtonStyle,
.ce_product_overview .text-container a.product-link,
.ce_cta .text-container a,
.-primaryButtonStyle a,
.ce_product_overview .text-container a.product-link a,
.ce_cta .text-container a a,
.-primaryButtonStyle:not(.ce_hyperlink),
.ce_cta .text-container a:not(.ce_hyperlink),
button {
  font-size: 1rem;
  line-height: 1.25em;
  letter-spacing: 0.03em;
  font-weight: 700;
  text-transform: uppercase;
}

.-headingXL h1, .landingpage-xelerion .four-squared .inside h1, .-headingXL h2, .landingpage-xelerion .four-squared .inside h2, .-headingXL h3, .landingpage-xelerion .four-squared .inside h3, .-headingXL h4, .landingpage-xelerion .four-squared .inside h4, .-headingXL h5, .landingpage-xelerion .four-squared .inside h5, .-headingXL h6, .landingpage-xelerion .four-squared .inside h6,
h1 .-headingXL,
h1 .landingpage-xelerion .four-squared .inside,
.landingpage-xelerion .four-squared h1 .inside, h2 .-headingXL, h2 .landingpage-xelerion .four-squared .inside, .landingpage-xelerion .four-squared h2 .inside, h3 .-headingXL, h3 .landingpage-xelerion .four-squared .inside, .landingpage-xelerion .four-squared h3 .inside, h4 .-headingXL, h4 .landingpage-xelerion .four-squared .inside, .landingpage-xelerion .four-squared h4 .inside, h5 .-headingXL, h5 .landingpage-xelerion .four-squared .inside, .landingpage-xelerion .four-squared h5 .inside, h6 .-headingXL, h6 .landingpage-xelerion .four-squared .inside, .landingpage-xelerion .four-squared h6 .inside {
  font-size: calc(1.2rem + 2.4vw);
}
@media (min-width: 1200px) {
  .-headingXL h1, .landingpage-xelerion .four-squared .inside h1, .-headingXL h2, .landingpage-xelerion .four-squared .inside h2, .-headingXL h3, .landingpage-xelerion .four-squared .inside h3, .-headingXL h4, .landingpage-xelerion .four-squared .inside h4, .-headingXL h5, .landingpage-xelerion .four-squared .inside h5, .-headingXL h6, .landingpage-xelerion .four-squared .inside h6,
  h1 .-headingXL,
  h1 .landingpage-xelerion .four-squared .inside,
  .landingpage-xelerion .four-squared h1 .inside, h2 .-headingXL, h2 .landingpage-xelerion .four-squared .inside, .landingpage-xelerion .four-squared h2 .inside, h3 .-headingXL, h3 .landingpage-xelerion .four-squared .inside, .landingpage-xelerion .four-squared h3 .inside, h4 .-headingXL, h4 .landingpage-xelerion .four-squared .inside, .landingpage-xelerion .four-squared h4 .inside, h5 .-headingXL, h5 .landingpage-xelerion .four-squared .inside, .landingpage-xelerion .four-squared h5 .inside, h6 .-headingXL, h6 .landingpage-xelerion .four-squared .inside, .landingpage-xelerion .four-squared h6 .inside {
    font-size: 3rem;
  }
}

.-headingLG h1, .-headingLG h2, .-headingLG h3, .-headingLG h4, .-headingLG h5, .-headingLG h6,
h1 .-headingLG, h2 .-headingLG, h3 .-headingLG, h4 .-headingLG, h5 .-headingLG, h6 .-headingLG {
  font-size: calc(1.125rem + 1.5vw);
}
@media (min-width: 1200px) {
  .-headingLG h1, .-headingLG h2, .-headingLG h3, .-headingLG h4, .-headingLG h5, .-headingLG h6,
  h1 .-headingLG, h2 .-headingLG, h3 .-headingLG, h4 .-headingLG, h5 .-headingLG, h6 .-headingLG {
    font-size: 2.25rem;
  }
}

.ce_headline + .-headingXL h2, .landingpage-xelerion .four-squared .ce_headline + .inside h2,
.ce_headline + .-headingLG h2 {
  margin-bottom: 0.75em;
}

html {
  font-size: 16px;
}

body {
  font-family: var(--base-font-family), sans-serif;
  font-size: var(--base-font-size);
  line-height: var(--base-line-height);
  color: var(--color-text);
  font-weight: var(--base-font-weight);
}

strong,
b {
  font-weight: 800;
  font-style: normal;
}

a,
.-link {
  text-decoration: none;
  color: var(--color-secondary);
  cursor: pointer;
}
a:hover,
.-link:hover {
  color: var(--color-main);
}

.button a,
.back a {
  font-size: 1rem;
  font-weight: 700;
}

/* Überschriften --------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  color: var(--color-gray-24);
  font-family: var(--base-font-family);
  line-height: 1.1em;
  margin: 0 0 0.7em 0;
}

.-gridLayout .ce_headline, #kontakt.v2 .ce_headline {
  margin-bottom: 0;
}

h1.-h1, h2.-h1, h3.-h1, h4.-h1, h5.-h1, h6.-h1,
h1,
.-h1 h1, .-h1 h2, .-h1 h3, .-h1 h4, .-h1 h5, .-h1 h6 {
  font-size: calc(1.1rem + 1.2vw);
  font-weight: 700;
}
@media (min-width: 1200px) {
  h1.-h1, h2.-h1, h3.-h1, h4.-h1, h5.-h1, h6.-h1,
  h1,
  .-h1 h1, .-h1 h2, .-h1 h3, .-h1 h4, .-h1 h5, .-h1 h6 {
    font-size: 2rem;
  }
}

h2,
h1.-h2, h2.-h2, h3.-h2, h4.-h2, h5.-h2, h6.-h2,
.-h2 h1, .-h2 h2, .-h2 h3, .-h2 h4, .-h2 h5, .-h2 h6 {
  font-weight: 300;
  margin-bottom: 1em;
}
h2 + h3,
h1.-h2 + h3, h2.-h2 + h3, h3.-h2 + h3, h4.-h2 + h3, h5.-h2 + h3, h6.-h2 + h3,
.-h2 h1 + h3, .-h2 h2 + h3, .-h2 h3 + h3, .-h2 h4 + h3, .-h2 h5 + h3, .-h2 h6 + h3 {
  margin-top: -0.75em;
}

h3,
h1.-h3, h2.-h3, h3.-h3, h4.-h3, h5.-h3, h6.-h3,
.-h3 h1, .-h3 h2, .-h3 h3, .-h3 h4, .-h3 h5, .-h3 h6 {
  font-weight: 700;
}

h5 {
  font-size: calc(1.03125rem + 0.375vw);
  line-height: 27px;
  letter-spacing: 0.01em;
  font-weight: 400;
}
@media (min-width: 1200px) {
  h5 {
    font-size: 1.3125rem;
  }
}

h6 {
  font-size: 0.7rem;
}

/**
Akkordion
**/
/* Akkordion --------------------------------------------------------------------------------------------------- */
.ce_accordion {
  border: 1px solid var(--color-gray-93);
}
.ce_accordion + .ce_accordion {
  margin-top: var(--gap-sm);
}
.ce_accordion .accordion {
  padding: 0 var(--text-padding) var(--text-padding) var(--text-padding);
}
.mod_article.-gridLayout .ce_accordion + .ce_accordion, .mod_article#kontakt.v2 .ce_accordion + .ce_accordion {
  margin-top: calc(var(--grid__gutter) * -1 + var(--gap-sm));
}

.ce_text:not(.ce_accordion) + .ce_accordion {
  margin-top: var(--base-margin-top);
}

.ce_text:not(.ce_accordion):has(+ .ce_accordion) .text-wrapper :last-child {
  margin-bottom: 0;
}

.ce_accordion .toggler {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  padding: 1em var(--text-padding);
  background-color: var(--color-gray-93);
  cursor: pointer;
  color: var(--color-text);
  transition: background-color 0.3s ease-in-out 0s, padding 0.3s ease-in-out 0s;
}
.ce_accordion .toggler .accordion__headline {
  width: 100%;
  margin: 0;
  display: flex;
  justify-content: space-between;
}
.ce_accordion .toggler .accordion__headline::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-top-color: var(--color-main);
  transition: border-color 0.3s ease-in-out 0s;
  content: "";
  border-width: 8.8901569187px 4px 0 4px;
  margin-left: 1em;
  margin-top: 0.5em;
}
.ce_accordion .toggler .accordion__subtitle {
  width: 100%;
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: 0.03em;
}
.ce_accordion .toggler.ui-state-active {
  background-color: #fff;
  padding: var(--text-padding);
}
.ce_accordion .toggler.ui-state-active::after {
  transform: rotate(90deg);
}
.ce_accordion .toggler:focus, .ce_accordion .toggler:hover {
  background-color: #fff;
}

.ce_accordionStart .block:not([class*=col-]) {
  grid-column: span 12/span 12;
}

.ce_alert {
  padding: var(--text-padding);
}
.ce_alert.primary {
  background-color: var(--color-main);
}
.ce_alert.secondary {
  background-color: var(--color-secondary);
}
.ce_alert.gray {
  background-color: rgba(237, 237, 237, 0.5);
}
.ce_alert.primary h1, .ce_alert.primary h2, .ce_alert.primary h3, .ce_alert.primary h4, .ce_alert.primary h5, .ce_alert.primary h6, .ce_alert.secondary h1, .ce_alert.secondary h2, .ce_alert.secondary h3, .ce_alert.secondary h4, .ce_alert.secondary h5, .ce_alert.secondary h6 {
  color: var(--color-text-inverted);
}
.ce_alert.primary .text-wrapper a,
.ce_alert.primary .text-wrapper a::before, .ce_alert.secondary .text-wrapper a,
.ce_alert.secondary .text-wrapper a::before {
  color: var(--color-text-inverted);
}

/**
  Breadcrumb
**/
.mod_breadcrumb {
  margin-bottom: 1em;
}
.mod_breadcrumb .width {
  padding-top: var(--base-spacing);
}
.mod_breadcrumb + div .width {
  padding-top: 0;
}
.mod_breadcrumb ul {
  display: flex;
  flex-flow: row wrap;
}
.mod_breadcrumb li {
  position: relative;
}
.mod_breadcrumb li a,
.mod_breadcrumb li span, .mod_breadcrumb li.active {
  font-weight: 300;
  font-size: 1rem;
  text-transform: uppercase;
  color: var(--color-text);
}
.mod_breadcrumb li a:hover span {
  color: var(--color-secondary);
}
.mod_breadcrumb li a:hover {
  color: var(--color-main);
}
.mod_breadcrumb li {
  font-size: 1rem;
  padding: 0;
  display: inline-block;
}
.mod_breadcrumb li:not(:last-child)::after {
  content: ">";
  margin-left: 1em;
  margin-right: 1em;
  display: inline-block;
  color: var(--color-text);
}

body.withBanner .mod_breadcrumb .inside {
  max-width: 50%;
}
@media only screen and (max-width: 767px) {
  body.withBanner .mod_breadcrumb .inside {
    max-width: 100%;
  }
}

body.-withFullscreenBanner .breadcrumb-headline-wrapper {
  position: absolute;
  z-index: 2;
  bottom: 0;
  max-width: calc(var(--base-max-width) + var(--base-spacing) * 2);
  padding-right: var(--base-spacing);
  padding-left: var(--base-spacing);
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  body.-withFullscreenBanner .breadcrumb-headline-wrapper {
    padding-right: var(--base-spacing-mobile);
    padding-left: var(--base-spacing-mobile);
  }
}
body.-withFullscreenBanner .breadcrumb-headline-wrapper .mod_breadcrumb {
  margin-bottom: 0.5em;
}
body.-withFullscreenBanner .breadcrumb-headline-wrapper .mod_breadcrumb li {
  position: relative;
}
body.-withFullscreenBanner .breadcrumb-headline-wrapper .mod_breadcrumb li a:hover {
  color: var(--color-main);
}
body.-withFullscreenBanner .breadcrumb-headline-wrapper .ce_headline {
  margin-bottom: 75px;
}
@media only screen and (max-width: 767px) {
  body.-withFullscreenBanner .breadcrumb-headline-wrapper .ce_headline {
    margin-bottom: 30px;
  }
}
body.-withFullscreenBanner.-whiteColor .breadcrumb-headline-wrapper .mod_breadcrumb li a,
body.-withFullscreenBanner.-whiteColor .breadcrumb-headline-wrapper .mod_breadcrumb li span, body.-withFullscreenBanner.-whiteColor .breadcrumb-headline-wrapper .mod_breadcrumb li.active {
  color: #fff;
}
body.-withFullscreenBanner.-whiteColor .breadcrumb-headline-wrapper .mod_breadcrumb li:not(:last-child)::after {
  color: #fff;
}
body.-withFullscreenBanner.-whiteColor .breadcrumb-headline-wrapper .ce_headline {
  color: #fff;
}

/*
** Buttons
*/
.ce_hyperlink.block {
  overflow: visible;
}

.-button a,
.-buttonStyle,
a.-xelerionButtonStyle,
.landingpage-xelerion .-button a,
.-xelerionButtonStyle a,
.-xelerionButtonStyle:not(.ce_hyperlink),
a.-secondaryButtonStyle,
.ce_cta.dark .text-container a,
.-secondaryButtonStyle a,
.-secondaryButtonStyle:not(.ce_hyperlink),
a.-primaryButtonStyle,
.ce_product_overview .text-container a.product-link,
.ce_cta .text-container a,
.-primaryButtonStyle a,
.ce_product_overview .text-container a.product-link a,
.ce_cta .text-container a a,
.-primaryButtonStyle:not(.ce_hyperlink),
.ce_cta .text-container a:not(.ce_hyperlink),
button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: none;
  color: var(--color-text-inverted);
  background-color: var(--color-gray-24);
  border: none;
  border-radius: 0;
  margin: auto;
  padding: 0 var(--text-padding);
  appearance: none;
  cursor: pointer;
  line-height: normal;
  text-transform: unset;
  min-height: var(--button-height);
  text-transform: uppercase;
  transition: background-color 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s;
}
.-button a.active, .-button a:hover,
.-buttonStyle.active,
a.active.-xelerionButtonStyle,
.-xelerionButtonStyle a.active,
.active.-xelerionButtonStyle:not(.ce_hyperlink),
a.active.-secondaryButtonStyle,
.-secondaryButtonStyle a.active,
.active.-secondaryButtonStyle:not(.ce_hyperlink),
a.active.-primaryButtonStyle,
.ce_product_overview .text-container a.active.product-link,
.ce_cta .text-container a.active,
.-primaryButtonStyle a.active,
.ce_product_overview .text-container a.product-link a.active,
.active.-primaryButtonStyle:not(.ce_hyperlink),
.-buttonStyle:hover,
a.-xelerionButtonStyle:hover,
.-xelerionButtonStyle a:hover,
.-xelerionButtonStyle:hover:not(.ce_hyperlink),
a.-secondaryButtonStyle:hover,
.-secondaryButtonStyle a:hover,
.-secondaryButtonStyle:hover:not(.ce_hyperlink),
a.-primaryButtonStyle:hover,
.ce_product_overview .text-container a.product-link:hover,
.ce_cta .text-container a:hover,
.-primaryButtonStyle a:hover,
.ce_product_overview .text-container a.product-link a:hover,
.-primaryButtonStyle:hover:not(.ce_hyperlink),
button.active,
button:hover {
  background-color: var(--color-main);
}

button.submit,
.contao-cookiebar .cc-footer .cc-btn,
.-button a,
.-buttonStyle,
a.-xelerionButtonStyle,
.landingpage-xelerion .-button a,
.-xelerionButtonStyle a,
.-xelerionButtonStyle:not(.ce_hyperlink),
a.-secondaryButtonStyle,
.ce_cta.dark .text-container a,
.-secondaryButtonStyle a,
.-secondaryButtonStyle:not(.ce_hyperlink),
a.-primaryButtonStyle,
.ce_product_overview .text-container a.product-link,
.ce_cta .text-container a,
.-primaryButtonStyle a,
.ce_product_overview .text-container a.product-link a,
.ce_cta .text-container a a,
.-primaryButtonStyle:not(.ce_hyperlink),
.ce_cta .text-container a:not(.ce_hyperlink) {
  clip-path: var(--triangle-right);
  padding-right: 2.65em;
}

.mod_article.banner .ce_text .-button a {
  font-weight: 700;
  font-size: calc(1.00625rem + 0.075vw);
  text-transform: uppercase;
  padding: 0 var(--text-padding) 0 2.65em;
  clip-path: var(--triangle-left);
  background-color: var(--color-secondary);
}
@media (min-width: 1200px) {
  .mod_article.banner .ce_text .-button a {
    font-size: 1.0625rem;
  }
}
.mod_article.banner .ce_text .-button a:hover {
  background-color: var(--color-secondary-hover);
}

.widget-pagebreak,
.ce_catalogFilterForm .widget-submit {
  display: flex;
  clip-path: polygon(100% 0, calc(100% - 1.3em) 100%, 0 100%, 0 0, 0 0);
}
.widget-pagebreak button,
.ce_catalogFilterForm .widget-submit button {
  width: 100%;
  height: 100%;
  font-size: calc(1.00625rem + 0.075vw);
  background-color: var(--color-secondary);
  transition: background 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
}
@media (min-width: 1200px) {
  .widget-pagebreak button,
  .ce_catalogFilterForm .widget-submit button {
    font-size: 1.0625rem;
  }
}
.widget-pagebreak button:hover,
.ce_catalogFilterForm .widget-submit button:hover {
  background-color: var(--color-secondary-hover);
  color: var(--color-text-inverted);
}

a.-primaryButtonStyle, .ce_product_overview .text-container a.product-link, .ce_cta .text-container a,
.-primaryButtonStyle a,
.ce_product_overview .text-container a.product-link a,
.ce_cta .text-container a a,
.-primaryButtonStyle:not(.ce_hyperlink),
.ce_cta .text-container a:not(.ce_hyperlink) {
  background-color: var(--color-main);
}
a.-primaryButtonStyle:hover, .ce_product_overview .text-container a.product-link:hover, .ce_cta .text-container a:hover,
.-primaryButtonStyle a:hover,
.ce_product_overview .text-container a.product-link a:hover,
.-primaryButtonStyle:not(.ce_hyperlink):hover {
  background-color: var(--color-main-hover);
}

a.-secondaryButtonStyle, .ce_cta.dark .text-container a,
.-secondaryButtonStyle a,
.-secondaryButtonStyle:not(.ce_hyperlink) {
  color: #fff;
  background-color: var(--color-secondary);
}
a.-secondaryButtonStyle:hover, .ce_cta.dark .text-container a:hover,
.-secondaryButtonStyle a:hover,
.-secondaryButtonStyle:not(.ce_hyperlink):hover {
  background-color: var(--color-secondary-hover);
  color: #fff;
}

a.-xelerionButtonStyle, .landingpage-xelerion .-button a,
.-xelerionButtonStyle a,
.-xelerionButtonStyle:not(.ce_hyperlink) {
  color: #fff;
  background-color: var(--color-xelerion);
}
a.-xelerionButtonStyle:hover, .landingpage-xelerion .-button a:hover,
.-xelerionButtonStyle a:hover,
.-xelerionButtonStyle:not(.ce_hyperlink):hover {
  color: #fff;
  background-color: var(--color-xelerion-hover);
}

.-button [style*="background-color: #cc0f22;"] {
  background-color: #cc0f22;
}
.-button [style*="background-color: #cc0f22;"]:hover {
  background-color: rgb(250.8445890411, 34.4554109589, 56.2088203957) !important;
}

.-button [style*="background-color: #2ab9ce;"] {
  background-color: #2ab9ce;
}
.-button [style*="background-color: #2ab9ce;"]:hover {
  background-color: rgb(82.6577419355, 212.5649724626, 231.6422580645) !important;
}

.-button [style*="background-color: #cd0529;"] {
  background-color: #cd0529;
}
.-button [style*="background-color: #cd0529;"]:hover {
  background-color: hsl(349.2, 105.2380952381%, 54.1764705882%) !important;
}

.-button [style*="background-color: #5a2382;"] {
  background-color: #5a2382;
}
.-button [style*="background-color: #5a2382;"]:hover {
  background-color: rgb(127.9896889952, 37.4986363636, 193.8013636364) !important;
}

.-button [style*="background-color: #3a3a3a;"] {
  background-color: #3a3a3a;
}
.-button [style*="background-color: #3a3a3a;"]:hover {
  background-color: rgb(100.265, 82.035, 82.035) !important;
}

.-button [style*="background-color: #863d97;"] {
  background-color: #863d97;
}
.-button [style*="background-color: #863d97;"]:hover {
  background-color: rgb(176.9603312369, 78.3833962264, 199.9166037736) !important;
}

.-button [style*="background-color: #d631ff;"] {
  background-color: #d631ff;
}
.-button [style*="background-color: #d631ff;"]:hover {
  background-color: hsl(288.0582524272, 110%, 72.6078431373%) !important;
}

.filters-button-group button {
  padding: 0 calc(var(--text-padding) + 0.5em);
  background-color: var(--color-gray-86);
  color: var(--color-text);
  border: 1px solid var(--color-gray-86);
}
@media only screen and (max-width: 767px) {
  .filters-button-group button {
    display: flex;
    margin-top: 0.5em;
    margin-left: 0;
  }
}
.filters-button-group button.active, .filters-button-group button:hover {
  background-color: #fff;
}
.filters-button-group button.active::after {
  opacity: 1;
}
.filters-button-group button::after {
  opacity: 0;
  content: "\f00d";
  font-family: var(--base-icon-font);
  height: auto;
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-main);
  clip-path: none;
  aspect-ratio: auto;
  background: none;
}

.contact-buttons {
  display: flex;
}
.ctlg_master .contact-buttons {
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width: 1023px) {
  .ctlg_master .contact-buttons {
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 1em;
  }
  .ctlg_master .contact-buttons a + a {
    margin-left: 1em;
  }
}
.overlay__contact .contact-buttons {
  gap: 1.5em;
  margin-top: 1em;
}
.contact-buttons a {
  width: 3.75rem;
  height: 3.75rem;
  display: block;
}
.contact-buttons a::before {
  content: "";
  background-repeat: no-repeat;
  background-size: 50%;
  height: 100%;
  display: block;
  background-position: center;
}
.contact-buttons a.phone-button {
  background-color: var(--color-secondary);
  color: #fff;
}
.contact-buttons a.phone-button::before {
  background-image: url(/build/images/icon_big_phone.b6abb218.svg);
  filter: brightness(0) invert(1);
}
.contact-buttons a.phone-button:hover {
  background-color: var(--color-main);
}
.contact-buttons a.email-button, .contact-buttons a.contact-form-button {
  background-color: var(--color-gray-86);
}
.contact-buttons a.email-button::before, .contact-buttons a.contact-form-button::before {
  background-image: url(/build/images/icon_big_envelope.67db7c7b.svg);
  filter: brightness(0);
}
.contact-buttons a.email-button:hover, .contact-buttons a.contact-form-button:hover {
  background-color: var(--color-gray-24);
}
.contact-buttons a.email-button:hover::before, .contact-buttons a.contact-form-button:hover::before {
  filter: brightness(0) invert(1);
}
.contact-buttons a.contact-form-button::before {
  background-image: url(/build/images/icon_big_form.1c986de5.svg);
}

.mod_changelanguage {
  flex-wrap: wrap;
}
.mod_changelanguage h2 {
  width: 100%;
}

.to-left-edge, .ce_cta.fluid-width,
.to-right-edge,
.ce_cta.fluid-width {
  overflow: visible;
}
.to-left-edge, .ce_cta.fluid-width,
.to-right-edge,
.ce_cta.fluid-width {
  margin-left: calc((100vw - min(100vw - var(--base-spacing) * 2, 1300px)) / 2 * -1);
}
.to-left-edge, .ce_cta.fluid-width,
.to-right-edge,
.ce_cta.fluid-width {
  margin-right: calc((100vw - min(100vw - var(--base-spacing) * 2, 1300px)) / 2 * -1);
}
.to-left-edge picture, .ce_cta.fluid-width picture,
.to-left-edge img,
.ce_cta.fluid-width img,
.to-right-edge picture,
.ce_cta.fluid-width picture,
.to-right-edge img,
.ce_cta.fluid-width img {
  width: 100%;
}

.ce_cta.no-media .cta-wrapper .text-background-container {
  background: var(--color-gray-93) url(/build/images/background_triangles_grey.4dabdc88.svg) center top/100% auto no-repeat;
  background-size: 100vw auto !important;
  background-position: right top !important;
}
.ce_cta.no-media.dark .cta-wrapper .text-background-container {
  background: var(--color-gray-24) url(/build/images/background-triangles-right-top_darker.a09464d7.svg) center top/100% auto no-repeat;
  background-size: 100vw auto !important;
  background-position: right top !important;
}
.ce_cta .cta-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ce_cta .cta-wrapper .text-background-container {
  background: var(--color-gray-93);
}
.ce_cta .media-wrapper {
  height: 100%;
}
.ce_cta .media-wrapper * {
  height: 100%;
}
.ce_cta .media-wrapper video {
  display: flex;
}
.ce_cta .media-wrapper img {
  width: 100%;
  max-height: 55vh;
  object-fit: cover;
}
.ce_cta.no-media .text-container {
  padding: calc(var(--base-spacing) * 1.1) var(--base-spacing);
}
@media only screen and (max-width: 767px) {
  .ce_cta.no-media .text-container {
    padding: calc(var(--base-spacing) * 0.5) !important;
  }
}
.ce_cta .text-container {
  padding: var(--base-spacing);
}
.ce_cta .text-container .text-wrapper p {
  font-size: calc(1.2rem + 2.4vw);
  margin-bottom: var(--text-padding);
}
@media (min-width: 1200px) {
  .ce_cta .text-container .text-wrapper p {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  .ce_cta .text-container {
    padding: calc(var(--base-spacing) * 0.5) !important;
  }
}
.ce_cta.dark .text-background-container {
  background-color: var(--color-gray-24);
}
.ce_cta.dark .text-container .text-wrapper p {
  color: #fff;
}
.ce_cta.fluid-width .text-container {
  max-width: 1300px;
  margin: auto max(var(--base-spacing), 50% - 650px);
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 1023px) {
  .ce_cta.fluid-width.full-width .text-container .text-wrapper {
    margin-right: 6rem;
  }
}
@media only screen and (min-width: 1023px) {
  .ce_cta.full-width .text-container {
    display: flex;
  }
  .ce_cta.full-width .text-container .text-wrapper {
    margin-right: 4rem;
  }
  .ce_cta.full-width .text-container .text-wrapper p {
    margin-bottom: 0;
  }
  .ce_cta.full-width .text-container a {
    flex-shrink: 0;
    margin-left: 0;
  }
}

#cboxOverlay {
  background-color: var(--color-secondary);
}

#colorbox {
  box-shadow: 8px 8px 30px 0 rgba(0, 0, 0, 0.12);
}
@media only screen and (max-width: 1023px) {
  #colorbox {
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.12);
  }
}
#colorbox #cboxWrapper #cboxContent {
  margin-top: 0;
  background-color: #fff;
}
#colorbox #cboxWrapper #cboxContent #cboxLoadingGraphic {
  animation: rotate 1s infinite linear;
  position: absolute;
  top: 50%;
  left: 50%;
  background-image: none;
  height: 3rem;
  width: 3rem;
  box-sizing: border-box;
  border: 6px solid var(--color-main);
  border-radius: 50%;
  border-top-color: transparent;
}
@keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
#colorbox #cboxWrapper #cboxContent #cboxClose {
  position: absolute;
  width: 28px;
  height: 28px;
  cursor: pointer;
  margin: 0;
  padding: 0;
  background: none;
  outline: none;
  border: none;
  min-height: 0;
  display: inline-flex;
  background-image: none !important;
  text-indent: 0 !important;
}
#colorbox #cboxWrapper #cboxContent #cboxClose::before, #colorbox #cboxWrapper #cboxContent #cboxClose::after {
  position: absolute;
  left: 14px;
  content: "";
  height: 28px;
  width: 2px;
  background-color: #000;
  clip-path: none;
  transition: background-color 0.3s ease-in-out 0s;
}
#colorbox #cboxWrapper #cboxContent #cboxClose::before {
  transform: rotate(45deg);
}
#colorbox #cboxWrapper #cboxContent #cboxClose::after {
  transform: rotate(-45deg);
}
#colorbox #cboxWrapper #cboxContent #cboxClose:hover {
  background: none;
}
#colorbox #cboxWrapper #cboxContent #cboxClose:hover::before, #colorbox #cboxWrapper #cboxContent #cboxClose:hover::after {
  background-color: var(--color-main);
}
#colorbox #cboxWrapper #cboxContent #cboxPrevious,
#colorbox #cboxWrapper #cboxContent #cboxNext {
  width: 50%;
  height: 100%;
  left: 0;
  top: 0;
  margin-top: 0;
  background-image: none;
}
#colorbox #cboxWrapper #cboxContent #cboxPrevious:after,
#colorbox #cboxWrapper #cboxContent #cboxNext:after {
  content: "\f060";
  display: block;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  color: #fff;
  text-indent: 0;
  font-family: var(--base-icon-font);
  font-weight: 700;
  font-size: 2rem;
  color: #fff;
  opacity: 0;
  transition: opacity 0.3s ease-in-out 0s;
}
.mobile #colorbox #cboxWrapper #cboxContent #cboxPrevious:after,
.mobile #colorbox #cboxWrapper #cboxContent #cboxNext:after {
  opacity: 1;
}
#colorbox #cboxWrapper #cboxContent #cboxNext {
  left: auto;
  right: 0;
}
#colorbox #cboxWrapper #cboxContent #cboxNext:after {
  left: auto;
  right: 20px;
  content: "\f061";
}
#colorbox #cboxWrapper #cboxContent #cboxPrevious:hover:after,
#colorbox #cboxWrapper #cboxContent #cboxNext:hover:after,
#colorbox #cboxWrapper #cboxContent .mobile #cboxPrevious:after,
#colorbox #cboxWrapper #cboxContent .mobile #cboxNext:after {
  opacity: 1;
}
#colorbox #cboxWrapper #cboxContent #cboxLoadedContent {
  border: 0;
}

#cboxWrapper,
#cboxWrapper > div,
#cboxContent {
  overflow: visible;
}

#cboxTitle,
#cboxCurrent {
  display: none !important;
}

.counters .inside {
  row-gap: 3em;
}
.counters .ce_text p:first-child {
  margin-bottom: 0.5em;
}
@media only screen and (min-width: 1023px) {
  .counters .ce_text + .ce_text {
    border-left: 1px solid var(--color-gray-24);
  }
}
@media only screen and (min-width: 549px) {
  .counters .ce_text:nth-child(even) {
    border-left: 1px solid var(--color-gray-24);
  }
}

@keyframes cookiebar-overlay-in {
  0% {
    background: rgba(45, 45, 45, 0);
  }
  100% {
    background: rgba(45, 45, 45, 0.7);
  }
}
@keyframes cookiebar-overlay-out {
  0% {
    background: rgba(45, 45, 45, 0.7);
  }
  100% {
    background: rgba(45, 45, 45, 0);
    visibility: hidden;
  }
}
@keyframes cookiebar-top-in {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes cookiebar-top-out {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
  }
}
@keyframes cookiebar-middle-in {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes cookiebar-middle-out {
  0% {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
  }
}
@keyframes cookiebar-bottom-in {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes cookiebar-bottom-out {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
  }
}
.contao-cookiebar {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  font-size: 0;
  letter-spacing: 0;
  text-align: center;
  padding: 15px;
  max-height: 100vh;
  box-sizing: border-box;
  pointer-events: none;
  overflow: hidden;
  font-family: var(--base-font-family);
}
.contao-cookiebar * {
  box-sizing: border-box;
}
.contao-cookiebar:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.contao-cookiebar .cc-inner {
  display: inline-block;
  overflow-y: auto;
  max-height: 100%;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  font-size: 16px;
  text-align: left;
  max-width: 660px;
  width: 100%;
}

#cookiebar-desc p:not(:first-child) {
  display: inline;
}
#cookiebar-desc .cc-btn {
  background: none;
  border: none;
  padding: 0;
  display: inline-block;
  margin-bottom: 45px;
  width: auto;
  font-size: inherit;
  color: var(--color-secondary);
  font-weight: 400;
}
#cookiebar-desc .cc-btn:hover {
  color: var(--color-main);
}
#cookiebar-desc strong {
  color: #333;
  font-family: var(--base-font-family);
  font-size: 32px;
  line-height: 1.3em;
  font-weight: 900;
}

.contao-cookiebar .cc-head h1:first-child,
.contao-cookiebar .cc-head h2:first-child,
.contao-cookiebar .cc-head h3:first-child,
.contao-cookiebar .cc-head h4:first-child,
.contao-cookiebar .cc-head h5:first-child,
.contao-cookiebar .cc-head h6:first-child {
  margin-top: 0;
}
.contao-cookiebar .cc-head p {
  margin-bottom: 15px;
}

.contao-cookiebar .cc-btn {
  display: inline-block;
  cursor: pointer;
  width: 100%;
  padding: 0.8em 1.6em;
  margin-bottom: 8px;
  font-size: 19px;
  outline: 0 none;
}
.contao-cookiebar .cc-btn:hover {
  background-color: var(--color-main);
}
.contao-cookiebar .cc-btn:last-child {
  margin-bottom: 0;
}
.contao-cookiebar .cc-btn.success {
  background: var(--color-secondary);
  color: #fff;
}
.contao-cookiebar .cc-btn.success:hover {
  background: var(--color-secondary-hover);
}
.contao-cookiebar .cc-btn.back {
  background: none;
  border: none;
  padding: 0;
  width: auto;
  color: var(--color-gray-24);
  margin: 0;
  display: flex;
  justify-content: flex-start;
}
.contao-cookiebar .cc-btn.back::after {
  display: none;
}
.contao-cookiebar .cc-btn.back svg {
  fill: var(--color-gray-24);
  max-width: 1.5em;
  margin-right: 0.5em;
}
.contao-cookiebar .cc-btn.back:hover {
  color: var(--color-main);
}
.contao-cookiebar .cc-btn.back:hover svg {
  fill: var(--color-main);
}
.contao-cookiebar .cc-btn.policy {
  min-height: 0;
  text-transform: none;
}
.contao-cookiebar .cc-btn.policy::after {
  display: none;
}
.contao-cookiebar .cc-btn.info {
  margin-left: auto !important;
  padding: 0;
  background-color: transparent;
  min-height: 0;
  display: block;
  margin-right: 0;
}
.contao-cookiebar .cc-btn.info svg {
  width: 20px;
  height: 20px;
  fill: var(--color-gray-24);
}
.contao-cookiebar .cc-btn.info:hover svg {
  fill: var(--color-main);
}
.contao-cookiebar .cc-btn.info::after {
  display: none;
}

.contao-cookiebar label {
  position: relative;
  display: block;
  padding: 8px 13px 8px 0;
  line-height: 1.2rem;
}
.contao-cookiebar label.group {
  font-weight: 600;
}

.contao-cookiebar input {
  position: absolute;
  width: 1px;
  height: 1px;
  outline: 0 none;
  opacity: 0;
}
.contao-cookiebar input + label {
  padding: 8px 13px 8px 50px;
  cursor: pointer;
}
.contao-cookiebar input + label::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 35px;
  height: 18px;
  margin: 0;
  box-sizing: content-box;
  border-radius: 10px;
  background: #fff;
  border: 2px solid #eaeaea;
  transition: border-color 0.2s;
}
.contao-cookiebar input + label::after {
  display: block;
  content: "";
  position: absolute;
  top: 10px;
  left: 4px;
  width: 14px;
  height: 14px;
  border-radius: 10px;
  background: #eaeaea;
  transition: background 0.2s, margin-left 0.2s, padding 0.2s;
}
.contao-cookiebar input + label:active::after {
  padding-left: 5px;
}
.contao-cookiebar input.cc-group-half + label::after {
  background: linear-gradient(to right, #eaeaea 0%, #eaeaea 50%, #6bcc45 50%, #6bcc45 100%);
}

.contao-cookiebar input:checked + label::before {
  background: #dcf3db;
  border-color: #6bcc45;
}
.contao-cookiebar input:checked + label::after {
  background: #6bcc45;
  margin-left: 17px;
}
.contao-cookiebar input:checked + label:active::after {
  margin-left: 12px;
}

.contao-cookiebar input:disabled + label {
  pointer-events: none;
}
.contao-cookiebar input:disabled + label::before {
  background: #f4f4f4;
  border-color: #c8c7c5;
}
.contao-cookiebar input:disabled + label::after {
  background: #c8c7c5;
}

.contao-cookiebar.cc-top .cc-inner {
  vertical-align: top;
}
.contao-cookiebar.cc-top.cc-active .cc-inner {
  animation: cookiebar-top-in 0.5s ease-in-out forwards;
}
.contao-cookiebar.cc-top.cc-saved .cc-inner {
  animation: cookiebar-top-out 0.5s ease-in-out forwards;
}

.contao-cookiebar.cc-bottom .cc-inner {
  vertical-align: bottom;
}
.contao-cookiebar.cc-bottom.cc-active .cc-inner {
  animation: cookiebar-bottom-in 0.5s ease-in-out forwards;
}
.contao-cookiebar.cc-bottom.cc-saved .cc-inner {
  animation: cookiebar-bottom-out 0.5s ease-in-out forwards;
}

.contao-cookiebar.cc-middle .cc-inner {
  vertical-align: middle;
}
.contao-cookiebar.cc-middle.cc-active .cc-inner {
  animation: cookiebar-middle-in 0.5s ease-in-out forwards;
}
.contao-cookiebar.cc-middle.cc-saved .cc-inner {
  animation: cookiebar-middle-out 0.5s ease-in-out forwards;
}

.contao-cookiebar.cc-left {
  text-align: left;
}

.contao-cookiebar.cc-right {
  text-align: right;
}

.contao-cookiebar.cc-active .cc-inner {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.contao-cookiebar.cc-active.cc-blocked {
  pointer-events: auto;
  animation: cookiebar-overlay-in 0.5s ease-in-out forwards;
}

.contao-cookiebar.cc-saved .cc-inner {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.contao-cookiebar.cc-saved.cc-blocked {
  pointer-events: none;
  animation: cookiebar-overlay-out 0.5s ease-in-out forwards;
}

.contao-cookiebar .cc-policy p {
  margin-bottom: 1.5em;
}

.cookiebar_default {
  color: #73706a;
}
.cookiebar_default p {
  color: #868686;
  line-height: 1.4;
}
.cookiebar_default .cc-inner {
  padding: 25px;
  border-radius: 10px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  background: #fff;
}
.cookiebar_default .cc-groups,
.cookiebar_default .cc-policy {
  margin: 45px 0;
}
.cookiebar_default .cc-group {
  position: relative;
  border: 1px solid #d0d0d0;
  border-radius: 10px;
  margin-bottom: 10px;
}
.cookiebar_default .cc-group > label {
  margin: 5px 130px 5px 10px;
}
.cookiebar_default .cc-footer {
  text-align: right;
}

.cookiebar_default .cc-group .cc-detail-btn {
  position: absolute;
  right: 0;
  top: 0;
  border: 0 none;
  outline: 0 none;
  background: transparent;
  font-size: 13px;
  letter-spacing: 0;
  text-transform: initial;
  cursor: pointer;
  color: #a2a2a2;
  padding: 8px 13px 8px 13px;
  line-height: 1.2rem;
  margin: 5px 5px 5px 0;
  min-height: 0;
}
.cookiebar_default .cc-group .cc-detail-btn span:nth-child(2) {
  display: none;
}
.cookiebar_default .cc-group .cc-detail-btn:hover {
  color: #717171;
}
.cookiebar_default .cc-group .cc-detail-btn::after {
  display: none;
}
.cookiebar_default .cc-group .cc-detail-btn.cc-active span:nth-child(1) {
  display: none;
}
.cookiebar_default .cc-group .cc-detail-btn.cc-active span:nth-child(2) {
  display: inline;
}
.cookiebar_default .cc-group .cc-detail-btn-details {
  display: inline-block;
  border: 0 none;
  outline: 0 none;
  background: transparent;
  font-size: 13px;
  letter-spacing: 0;
  text-transform: initial;
  cursor: pointer;
  color: #a2a2a2;
  text-decoration: underline;
  padding: 0;
  margin: 0 0 10px;
}
.cookiebar_default .cc-group .cc-detail-btn-details span:nth-child(2) {
  display: none;
}
.cookiebar_default .cc-group .cc-detail-btn-details:hover {
  color: #717171;
}
.cookiebar_default .cc-group .cc-detail-btn-details.cc-active span:nth-child(1) {
  display: none;
}
.cookiebar_default .cc-group .cc-detail-btn-details.cc-active span:nth-child(2) {
  display: inline;
}

.cookiebar_default .cc-cookies {
  display: none;
  background: #fbfbfb;
  border-radius: 0 0 10px 10px;
}
.cookiebar_default .cc-cookies > p {
  font-size: 0.875rem;
  margin: 0;
  padding: 15px;
  border-top: 1px solid #e6e6e6;
}
.cookiebar_default .cc-cookies > .cc-cookie {
  margin: 0;
  padding: 15px;
  border-top: 1px solid #e6e6e6;
}

.cookiebar_default .cc-cookies .cc-cookie .cc-cookie-info {
  font-size: 0.875rem;
  background: #fff;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #efefef;
}
.cookiebar_default .cc-cookies .cc-cookie .cc-cookie-info > div + div {
  margin-top: 5px;
  word-break: break-all;
}
.cookiebar_default .cc-cookies .cc-cookie .cc-cookie-info + button.cc-detail-btn-details {
  margin-top: 15px;
}
.cookiebar_default .cc-cookies .cc-cookie .cc-cookie-desc > p {
  margin-bottom: 0;
}
.cookiebar_default .cc-cookies .cc-cookie label.cookie + p,
.cookiebar_default .cc-cookies .cc-cookie label.cookie + .cc-cookie-info,
.cookiebar_default .cc-cookies .cc-cookie label.cookie + button.cc-detail-btn-details {
  margin-top: 10px;
}
.cookiebar_default .cc-cookies .cc-cookie p {
  margin: 0 0 15px;
  font-size: 0.875rem;
}

.cookiebar_default .cc-info {
  text-align: center;
}
.cookiebar_default .cc-info > p {
  font-size: 0.875rem;
}
.cookiebar_default .cc-info > a {
  display: inline-block;
  font-size: 0.813rem;
  color: #a2a2a2;
  text-decoration: none;
}
.cookiebar_default .cc-info > a:hover {
  color: #717171;
}
.cookiebar_default .cc-info > a + a::before {
  display: inline-block;
  content: "·";
  margin-right: 5px;
}

@media (min-width: 768px) {
  .contao-cookiebar .cc-btn {
    width: auto;
    margin-bottom: 0;
  }
  .contao-cookiebar .cc-inner {
    font-size: 19px;
  }
  .contao-cookiebar .cc-btn + .cc-btn {
    margin-left: 1em;
  }
  .cookiebar_default .cc-inner {
    padding: 50px;
  }
  #cookiebar-desc strong {
    font-size: 55px;
  }
}
@media only screen and (max-width: 1023px) {
  svg.map {
    max-width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  svg.map {
    max-width: 100%;
  }
}
svg.map polygon,
svg.map path {
  pointer-events: all;
  position: relative;
}
svg.map polygon::after,
svg.map path::after {
  content: attr(data-hover);
  position: absolute;
  background-color: #fff;
  box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.3);
}
svg.map polygon:hover,
svg.map path:hover,
svg.map g:hover path,
svg.map g:hover polygon {
  fill: var(--color-main);
  cursor: pointer;
}

.contact-person {
  margin-top: var(--text-padding);
}

.selected-region {
  margin-bottom: var(--text-padding);
}

.contact .show-in-overlay {
  display: none;
}
.contact .label {
  margin-top: var(--text-padding);
  margin-bottom: 0;
  text-transform: none;
  color: var(--color-gray-24);
  font-size: 1.3125rem;
  letter-spacing: var(--base-letter-spacing);
  font-weight: 700;
}

.ce_contact_person,
.press-contact {
  max-width: fit-content;
}
.ce_contact_person.horizontal,
.press-contact.horizontal {
  max-width: 100%;
}
.ce_contact_person.horizontal .contact-person,
.press-contact.horizontal .contact-person {
  margin-top: 0;
}
.ce_contact_person.horizontal .image-contact-wrapper,
.press-contact.horizontal .image-contact-wrapper {
  display: block;
}
.ce_contact_person.horizontal .wrapper,
.press-contact.horizontal .wrapper {
  margin-top: 1em;
  display: grid;
  gap: var(--gap);
  hyphens: auto;
  word-break: break-word;
}
@media only screen and (min-width: 549px) {
  .ce_contact_person.horizontal .wrapper,
  .press-contact.horizontal .wrapper {
    grid-template-columns: 1fr auto;
  }
}
.ce_contact_person.horizontal .wrapper .label,
.press-contact.horizontal .wrapper .label {
  margin-top: 0;
}
.ce_contact_person .image-contact-wrapper,
.press-contact .image-contact-wrapper {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 3.75rem 3.75rem;
  gap: var(--gap);
}
.ce_contact_person .button-wrapper,
.press-contact .button-wrapper {
  display: grid;
  grid-template-columns: fit-content(60px) fit-content(60px);
  gap: 1em;
}
.ce_contact_person .image_container,
.press-contact .image_container {
  grid-row: 1/3;
  overflow: hidden;
}
.ce_contact_person .image_container img,
.press-contact .image_container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ce_contact_person .label,
.press-contact .label {
  margin-top: var(--text-padding);
  margin-bottom: 0;
  text-transform: none;
  color: var(--color-gray-24);
  font-size: 1.3125rem;
  letter-spacing: var(--base-letter-spacing);
  font-weight: 700;
}

.no-selection-map {
  margin-top: 3em;
}

/**
Downloads
**/
/* Downloads =================================================================================================== */
.ce_download .mime_icon,
.ce_downloads .mime_icon {
  display: none;
}
.ce_download ul li,
.ce_downloads ul li {
  display: flex;
  background-color: var(--color-gray-93);
}
.ce_download ul li .image_container a,
.ce_downloads ul li .image_container a {
  padding: 0.5em;
  display: block;
}
.ce_download ul li > a,
.ce_downloads ul li > a {
  position: relative;
  padding: 1em 1em 1em 1em;
  width: 100%;
  font-weight: 700;
}
.ce_download ul li > a .size,
.ce_downloads ul li > a .size {
  font-weight: 300;
  display: block;
}
.ce_download ul li > a::after,
.ce_downloads ul li > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-left-color: transparent;
  border-left-color: var(--color-main);
  transition: border-color 0.3s ease-in-out 0s;
  content: "";
  border-width: 5px 0 5px 11.1126961484px;
  position: absolute;
  right: 1em;
  bottom: 1em;
}
.ce_download ul li .image_container img,
.ce_downloads ul li .image_container img {
  width: 120px;
}
.ce_download a,
.ce_downloads a {
  color: var(--color-text);
}
.ce_download a:hover,
.ce_downloads a:hover {
  color: var(--color-secondary);
}

a[href$=".pdf"]::before {
  padding-right: 0.5em;
  color: var(--color-secondary);
  font-family: var(--base-icon-font);
  content: "\f1c1";
  font-weight: 400;
}

.download-element .size {
  color: var(--color-gray-71);
}

.mod_page_teasers_module,
.mod_eventlist {
  margin: calc(var(--gap--half) * -1);
}
.right .mod_page_teasers_module,
.right .mod_eventlist {
  margin: 0;
  max-width: fit-content;
}
.right .mod_page_teasers_module + .ce_text,
.right .mod_eventlist + .ce_text {
  margin-top: var(--base-spacing);
}
.mod_page_teasers_module .inside,
.mod_eventlist .inside {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 640px) {
  .mod_page_teasers_module,
  .mod_eventlist {
    overflow: visible;
    margin-right: calc(var(--base-spacing-mobile) * -1);
  }
}
.mod_page_teasers_module.-threeColumns .event,
.mod_eventlist.-threeColumns .event {
  width: calc(33.3333333333% - var(--gap));
}
.mod_page_teasers_module.-fourColumns .event,
.mod_eventlist.-fourColumns .event {
  width: calc(25% - var(--gap));
}

.mod_eventlist .list {
  display: flex;
  flex-wrap: wrap;
}

.mod_article.-slider .list {
  margin: calc(var(--gap--half) * -1);
}

.ce_text.-eventBox {
  position: relative;
}
.ce_text.-eventBox .image_container {
  aspect-ratio: 3/2;
  overflow: hidden;
}
.ce_text.-eventBox .image_container img {
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease-in-out 0s;
}
.ce_text.-eventBox .-backgroundGreyTriangles .text-wrapper,
.ce_text.-eventBox .-backgroundGrey .text-wrapper {
  background-color: #fff;
}
.ce_text.-eventBox .text-wrapper {
  background-color: var(--color-gray-93);
  border-bottom: 1px solid var(--color-gray-93);
  border-right: 1px solid var(--color-gray-93);
  border-left: 1px solid var(--color-gray-93);
  padding: var(--text-padding);
  color: var(--color-text);
  flex: 1 1 auto;
  transition: background-color 0.3s ease-in-out 0s;
}

.mod_page_teasers_module .event,
.mod_eventlist .event {
  margin: var(--gap--half);
  position: relative;
  width: calc(25% - var(--gap));
}
@media only screen and (max-width: 1199px) {
  .mod_page_teasers_module .event,
  .mod_eventlist .event {
    width: calc(33.3333333333% - var(--gap));
  }
}
@media only screen and (max-width: 1023px) {
  .mod_page_teasers_module .event,
  .mod_eventlist .event {
    width: calc(50% - var(--gap));
  }
}
@media only screen and (max-width: 549px) {
  .mod_page_teasers_module .event,
  .mod_eventlist .event {
    width: calc(100% - var(--gap));
  }
}
.mod_page_teasers_module .event__wrapper,
.mod_page_teasers_module .event > a,
.mod_eventlist .event__wrapper,
.mod_eventlist .event > a {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.mod_page_teasers_module .event__category,
.mod_eventlist .event__category {
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--color-secondary);
  padding: 0.5em 2em 0.5em 1em;
  color: var(--color-text-inverted);
  z-index: 10;
  clip-path: polygon(100% 0, calc(100% - 1em) 100%, 0 100%, 0 0, 0 0);
}
.mod_page_teasers_module .event__bookedOut,
.mod_eventlist .event__bookedOut {
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--color-main);
  padding: 0.5em 2em 0.5em 1em;
  color: var(--color-text-inverted);
  z-index: 10;
  clip-path: polygon(100% 0, calc(100% - 1em) 100%, 0 100%, 0 0, 0 0);
  margin-top: 56%;
  background-color: var(--color-main);
  font-size: 0.875rem;
  padding-block: 0.3em;
  padding-right: 0.6em;
  text-transform: none;
}
.mod_page_teasers_module .event__time,
.mod_eventlist .event__time {
  letter-spacing: 0;
  font-weight: 200;
}
.mod_page_teasers_module .event__headline,
.mod_eventlist .event__headline {
  margin: var(--heading-margin);
}
.mod_page_teasers_module .event__text,
.mod_eventlist .event__text {
  background-color: var(--color-gray-93);
  border-bottom: 1px solid var(--color-gray-93);
  border-right: 1px solid var(--color-gray-93);
  border-left: 1px solid var(--color-gray-93);
  padding: var(--text-padding);
  color: var(--color-text);
  flex: 1 1 auto;
  transition: background-color 0.3s ease-in-out 0s;
}
.mod_page_teasers_module .event__image .image_container,
.mod_eventlist .event__image .image_container {
  aspect-ratio: 3/2;
  overflow: hidden;
}
.mod_page_teasers_module .event__image .image_container img,
.mod_eventlist .event__image .image_container img {
  height: 100%;
  object-fit: cover;
  width: 100%;
  transition: transform 0.3s ease-in-out 0s;
}
.-backgroundGreyTriangles .mod_page_teasers_module .event__text, .-backgroundGrey .mod_page_teasers_module .event__text,
.-backgroundGreyTriangles .mod_eventlist .event__text,
.-backgroundGrey .mod_eventlist .event__text {
  background-color: #fff;
}

.mod_eventlist .-table {
  display: table;
  border-collapse: collapse;
  width: 100%;
}
.mod_eventlist .-table .event__header,
.mod_eventlist .-table .event {
  display: table-row;
  margin: 0;
}
.mod_eventlist .-table .event__header > div,
.mod_eventlist .-table .event > div {
  display: table-cell;
  padding: 5px;
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: 0.01em;
}
.mod_eventlist .-table .event__header > div:first-child,
.mod_eventlist .-table .event > div:first-child {
  padding-right: var(--text-padding);
}
.mod_eventlist .-table .event__header {
  background-color: var(--color-gray-24);
  color: var(--color-text-inverted);
}
.mod_eventlist .-table .event__header > div {
  font-weight: 700;
}
.mod_eventlist .-table .event + .event {
  border-top: 1px solid var(--color-gray-86);
}

.event.is-linked:hover img {
  transform: scale(1.05, 1.05);
}

.event.featured {
  order: -1;
}
.event.featured .event__category, .event.featured .event__category::after {
  background-color: var(--color-main);
}

.eventlist__footnote {
  font-size: 0.8125rem;
  margin-top: 1em;
}

.event__language {
  text-transform: capitalize;
}

.booked-out-table,
:not(.event).booked-out {
  color: var(--color-gray-71);
  pointer-events: none;
}

.event.booked-out a > .event__text,
.event.booked-out a > .event__image {
  opacity: 0.6;
}

.event__bookedOutTable,
.event__bookedOut {
  color: var(--color-main);
  font-size: 0.875rem;
  font-weight: 700;
  display: block;
}

/**
Formulare
**/
/* Formulare =================================================================================================== */
.mod_form,
.ce_form {
  max-width: 900px;
}
.mod_form .formbody,
.ce_form .formbody {
  margin: calc(var(--gap--half) * -1);
}
.mod_form fieldset,
.ce_form fieldset {
  min-width: 100%;
  border: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.mod_form fieldset.-invert,
.ce_form fieldset.-invert {
  background-color: var(--color-gray-93);
  padding: var(--text-padding);
}

form {
  margin-top: var(--base-margin-top);
}

input:not([type=checkbox]),
textarea,
.select,
select {
  width: 100%;
  background-color: var(--color-gray-93);
  position: relative;
  padding: 1em 1.5em;
  border: 1px solid var(--color-gray-93);
  outline: none;
  border-radius: 0;
  appearance: none;
  font-weight: 500;
  transition: border-color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
}
input:not([type=checkbox]):hover,
textarea:hover,
.select:hover,
select:hover {
  border: 1px solid var(--color-text);
}
input:not([type=checkbox]):focus,
textarea:focus,
.select:focus,
select:focus {
  background-color: #fff;
  border: 1px solid var(--color-text);
}
input:not([type=checkbox])::placeholder,
textarea::placeholder,
.select::placeholder,
select::placeholder {
  color: var(--color-gray-93);
}
fieldset.-invert input:not([type=checkbox]),
fieldset.-invert textarea,
fieldset.-invert .select,
fieldset.-invert select {
  background-color: #fff;
}

.select,
select {
  background-color: var(--color-gray-86);
  font-size: calc(1.00625rem + 0.075vw);
  letter-spacing: 0.01em;
  font-weight: 700;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .select,
  select {
    font-size: 1.0625rem;
  }
}

.search input {
  padding-left: calc(3em + var(--icon-width-small));
  background-image: url(/build/images/icon_small_search.cc468880.svg);
  background-size: var(--icon-width-small) auto;
  background-position: 1.5em center;
  background-repeat: no-repeat;
  border: 1px solid var(--color-gray-86);
}

.widget-select,
.ctlg_form_field.select {
  position: relative;
}
.widget-select::after,
.ctlg_form_field.select::after {
  position: absolute;
  right: 1.5em;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-top-color: var(--color-main);
  transition: border-color 0.3s ease-in-out 0s;
  content: "";
  border-width: 9.134636234px 4.11px 0 4.11px;
}

.widget-select.select {
  background: var(--color-gray-93);
  border-width: 0;
  padding: 0;
}
.widget-select.select select {
  background: var(--color-gray-93);
  color: var(--color-text);
  font-weight: 300;
  border-width: 1px !important;
}
.widget-select.select select:hover {
  border-width: 1px !important;
}
body:not(.landingpage-dark) .widget-select.select select option:nth-child(odd) {
  background-color: rgb(226.95, 226.95, 226.95);
}
.widget-select.select label {
  display: none;
}

label {
  display: block;
  font-size: calc(1.00625rem + 0.075vw);
  font-weight: 700;
}
@media (min-width: 1200px) {
  label {
    font-size: 1.0625rem;
  }
}

.widget-text {
  display: flex;
  flex-direction: column;
}

.widget-textarea label,
.widget-text label {
  pointer-events: none;
}

input.captcha {
  width: 5em;
  margin-right: 1em;
  text-align: center;
}

.awesomplete {
  width: 100%;
}

.captcha_text {
  font-style: italic;
}

.mod_form .checkbox-container,
.ce_form .checkbox-container {
  width: 100%;
  margin-top: var(--gap--half);
  margin-bottom: var(--gap--half);
}

.mod_form .widget,
.ce_form .widget {
  position: relative;
  margin: var(--gap--half);
  width: calc(50% - var(--gap));
}
.mod_form .widget.-fullWidth,
.ce_form .widget.-fullWidth {
  width: calc(100% - var(--gap));
}
.mod_form .widget + .-fullWidth,
.ce_form .widget + .-fullWidth {
  margin-top: var(--gap--half);
}
.mod_form .widget-explanation + .widget-radio, .mod_form .widget-explanation + .widget-checkbox,
.ce_form .widget-explanation + .widget-radio,
.ce_form .widget-explanation + .widget-checkbox {
  margin-top: calc(var(--gap--half) + 0.5rem);
}
#seminar-form .mod_form .widget + .-fullWidth, .overlay__slide .mod_form .widget + .-fullWidth, .mod_form .widget-legend + .-fullWidth,
#seminar-form .ce_form .widget + .-fullWidth,
.overlay__slide .ce_form .widget + .-fullWidth,
.ce_form .widget-legend + .-fullWidth {
  margin-top: var(--gap--half);
}
.mod_form .widget.-oneQuarter,
.ce_form .widget.-oneQuarter {
  width: calc(25% - var(--gap));
}
.mod_form .widget.-threeQuarter,
.ce_form .widget.-threeQuarter {
  width: calc(75% - var(--gap));
}
.mod_form .widget h4, .mod_form .widget-legend legend,
.ce_form .widget h4,
.ce_form .widget-legend legend {
  margin-top: 1.5rem;
}
.mod_form .widget-submit,
.ce_form .widget-submit {
  width: auto;
}
@media only screen and (max-width: 767px) {
  #wrapper .mod_form .widget,
  #wrapper .ce_form .widget {
    width: calc(100% - var(--gap));
  }
}
.mod_form .widget-checkbox label, .mod_form .widget-radio label,
.ce_form .widget-checkbox label,
.ce_form .widget-radio label {
  display: flex;
  align-items: center;
}
.mod_form .widget-radio label, .mod_form .widget-checkbox label,
.ce_form .widget-radio label,
.ce_form .widget-checkbox label {
  cursor: pointer;
  position: relative;
}
.mod_form .widget-radio label::before, .mod_form .widget-checkbox label::before,
.ce_form .widget-radio label::before,
.ce_form .widget-checkbox label::before {
  width: 30px;
  height: 30px;
  background-color: var(--color-gray-93);
  border: 1px solid var(--color-gray-93);
  font-family: var(--base-icon-font);
  display: block;
  margin-right: 1.25rem;
  line-height: 30px;
  text-align: center;
  font-size: 0.8em;
  content: "\f00c";
  font-weight: 700;
  color: var(--color-gray-93);
  flex-shrink: 0;
  align-self: flex-start;
  transition: color 0.3s ease-in-out 0s;
}
.mod_form .widget-radio input, .mod_form .widget-checkbox input,
.ce_form .widget-radio input,
.ce_form .widget-checkbox input {
  position: absolute;
  margin: 0;
  padding: 0;
}
.mod_form .widget-radio label:hover::before,
.mod_form .widget-radio input:checked + label::before, .mod_form .widget-checkbox label:hover::before,
.mod_form .widget-checkbox input:checked + label::before,
.ce_form .widget-radio label:hover::before,
.ce_form .widget-radio input:checked + label::before,
.ce_form .widget-checkbox label:hover::before,
.ce_form .widget-checkbox input:checked + label::before {
  color: var(--color-text);
}
.mod_form .widget-radio input:checked + label::before, .mod_form .widget-checkbox input:checked + label::before,
.ce_form .widget-radio input:checked + label::before,
.ce_form .widget-checkbox input:checked + label::before {
  background-color: #fff;
}
.mod_form .widget-radio fieldset, .mod_form .widget-checkbox fieldset,
.ce_form .widget-radio fieldset,
.ce_form .widget-checkbox fieldset {
  border: 0;
  padding: 0;
}
.mod_form .widget-radio a, .mod_form .widget-checkbox a,
.ce_form .widget-radio a,
.ce_form .widget-checkbox a {
  font-weight: inherit;
  font-size: inherit;
  color: var(--color-main);
}
.mod_form .widget-radio a:hover, .mod_form .widget-checkbox a:hover,
.ce_form .widget-radio a:hover,
.ce_form .widget-checkbox a:hover {
  color: var(--color-text);
}
.mod_form .widget-radio label::before,
.ce_form .widget-radio label::before {
  border-radius: 50%;
}
.mod_form .widget-explanation.headline,
.ce_form .widget-explanation.headline {
  width: 100%;
  margin-bottom: calc(1em - 2%);
}
.mod_form .widget-text label, .mod_form .widget-textarea label,
.ce_form .widget-text label,
.ce_form .widget-textarea label {
  position: absolute;
  top: 1em;
  left: 1.5em;
  z-index: 2;
  line-height: 1.1;
  font-weight: 300;
  transition: left 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, font-size 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s;
}
.mod_form .widget-text input:not(:placeholder-shown) + label,
.mod_form .widget-text textarea:not(:placeholder-shown) + label,
.mod_form .widget-text input:focus + label,
.mod_form .widget-text textarea:focus + label, .mod_form .widget-textarea input:not(:placeholder-shown) + label,
.mod_form .widget-textarea textarea:not(:placeholder-shown) + label,
.mod_form .widget-textarea input:focus + label,
.mod_form .widget-textarea textarea:focus + label,
.ce_form .widget-text input:not(:placeholder-shown) + label,
.ce_form .widget-text textarea:not(:placeholder-shown) + label,
.ce_form .widget-text input:focus + label,
.ce_form .widget-text textarea:focus + label,
.ce_form .widget-textarea input:not(:placeholder-shown) + label,
.ce_form .widget-textarea textarea:not(:placeholder-shown) + label,
.ce_form .widget-textarea input:focus + label,
.ce_form .widget-textarea textarea:focus + label {
  top: -19px;
  left: 0;
  font-size: 0.75rem;
  transform: none;
}
.mod_form .widget-text p.error, .mod_form .widget-textarea p.error,
.ce_form .widget-text p.error,
.ce_form .widget-textarea p.error {
  order: 3;
}
.mod_form .widget-pagebreak,
.ce_form .widget-pagebreak {
  display: flex;
  justify-content: space-between;
}
.mod_form .widget-pagebreak button,
.ce_form .widget-pagebreak button {
  margin: 0;
}
.mod_form .widget-pagebreak [value=continue],
.ce_form .widget-pagebreak [value=continue] {
  margin-left: auto;
}
.mod_form .widget-pagebreak [value=back],
.ce_form .widget-pagebreak [value=back] {
  order: -1;
}

.mod_mp_form_steps + .mod_form {
  max-width: 100%;
  margin-top: 0 !important;
}
.mod_mp_form_steps + .mod_form form {
  margin-top: 0;
}

.widget-radio.error label::before,
.widget-radio.error label::before,
.widget-checkbox.error label::before,
.widget-checkbox.error label::before {
  border: 1px solid #f00;
}
.widget-radio.mandatory fieldset > span:first-of-type:last-child label > span::after,
.widget-checkbox.mandatory fieldset > span:first-of-type:last-child label > span::after {
  content: "*";
  color: #f00;
}
.widget-radio.mandatory legend ~ span label > span::after,
.widget-checkbox.mandatory legend ~ span label > span::after {
  display: none;
}
.widget-radio .radio_container,
.widget-radio .checkbox_container,
.widget-checkbox .radio_container,
.widget-checkbox .checkbox_container {
  display: flex;
  flex-wrap: wrap;
  margin: calc(var(--gap--half) * -1);
}
.widget-radio .radio_container > legend,
.widget-radio .radio_container > span,
.widget-radio .checkbox_container > legend,
.widget-radio .checkbox_container > span,
.widget-checkbox .radio_container > legend,
.widget-checkbox .radio_container > span,
.widget-checkbox .checkbox_container > legend,
.widget-checkbox .checkbox_container > span {
  display: block;
  margin: var(--gap--half);
  width: calc(100% - var(--gap));
}
.widget-radio.-autoColumns fieldset,
.widget-checkbox.-autoColumns fieldset {
  gap: 1em;
}
.widget-radio.-autoColumns .radio_container > span,
.widget-radio.-autoColumns .checkbox_container > span,
.widget-checkbox.-autoColumns .radio_container > span,
.widget-checkbox.-autoColumns .checkbox_container > span {
  width: auto;
}
.widget-radio.-twoColumns .radio_container > span,
.widget-radio.-twoColumns .checkbox_container > span,
.widget-checkbox.-twoColumns .radio_container > span,
.widget-checkbox.-twoColumns .checkbox_container > span {
  width: calc(50% - var(--gap));
}
.widget-radio.-threeColumns .radio_container > span,
.widget-radio.-threeColumns .checkbox_container > span,
.widget-checkbox.-threeColumns .radio_container > span,
.widget-checkbox.-threeColumns .checkbox_container > span {
  width: calc(33.3333333333% - var(--gap));
}
@media only screen and (max-width: 767px) {
  .widget-radio.-threeColumns .radio_container > span,
  .widget-radio.-threeColumns .checkbox_container > span,
  .widget-checkbox.-threeColumns .radio_container > span,
  .widget-checkbox.-threeColumns .checkbox_container > span {
    width: calc(50% - var(--gap));
  }
}
@media only screen and (max-width: 549px) {
  .widget-radio.-threeColumns .radio_container > span,
  .widget-radio.-threeColumns .checkbox_container > span,
  .widget-checkbox.-threeColumns .radio_container > span,
  .widget-checkbox.-threeColumns .checkbox_container > span {
    width: calc(100% - var(--gap));
  }
}
.widget-radio.-fourColumns .radio_container > span,
.widget-radio.-fourColumns .checkbox_container > span,
.widget-checkbox.-fourColumns .radio_container > span,
.widget-checkbox.-fourColumns .checkbox_container > span {
  width: calc(25% - var(--gap));
}

.landingpage .ce_form .widget + .-fullWidth,
#product-request-form .ce_form .widget + .-fullWidth {
  margin-top: var(--gap--half);
}
.landingpage .ce_form .checkbox-container label,
#product-request-form .ce_form .checkbox-container label {
  font-weight: 300;
}
.landingpage .ce_form .checkbox-container .widget-checkbox:not(:last-child) fieldset > span,
#product-request-form .ce_form .checkbox-container .widget-checkbox:not(:last-child) fieldset > span {
  margin-bottom: 0;
}

/* Error --------------------------------------------------------------------------------------------------- */
p.error {
  font-size: 0.8em;
  color: #f00;
  width: 100%;
  margin: var(--gap--half);
  margin-bottom: 0;
  order: 7;
}

span.mandatory {
  color: #f00;
}

.mod_form .text.error,
.mod_form .captcha.error,
.mod_form textarea.error,
.ce_form .text.error,
.ce_form .captcha.error,
.ce_form textarea.error {
  border-color: #f00;
}

.widget-captcha p.error {
  margin-left: 0;
}

/* Browserspezifische Formatierungen --------------------------------------------------------------------------------------------------- */
.formbody {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.mod_mp_form_steps + .mod_form {
  overflow: visible;
}

/* Fieldset Duplication ------------------------------------------------------------------------------ */
.duplicate,
.allow-duplication {
  position: relative;
}

.duplication-buttons {
  margin: var(--gap--half);
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
}

.duplication-button--add {
  background: none;
  color: var(--color-text);
  padding: 0;
  display: none;
  align-items: baseline;
  text-align: left;
}

.duplication-button--remove {
  margin: 0;
  position: absolute;
  right: calc(var(--gap--half) + 2px);
  top: 1.5rem;
}

@media (max-width: 500px) {
  .duplication-button--remove {
    right: auto;
  }
  .duplicate .widget-legend {
    padding-top: 50px;
  }
}
.duplication-button--remove {
  background-color: var(--color-gray-86);
  border: 1px solid var(--color-gray-86);
  color: var(--color-text);
  padding: 0 calc(var(--text-padding) + 0.5em);
}

.duplication-button--remove:hover {
  background-color: #fff;
}

.allow-duplication.last .duplication-button--add {
  display: inline-flex;
}

.duplication-button--add:hover {
  background: none;
  color: var(--color-text);
}

.duplication-button--remove::after,
.duplication-button--add::after {
  content: "+";
  font-family: var(--base-icon-font);
  padding: 0;
  background: none !important;
  position: static;
  transform: none;
  clip-path: unset;
  aspect-ratio: unset;
  margin-left: 0.5em;
  height: auto;
}

.duplication-button--remove::after {
  color: var(--color-main);
  content: "\f00d";
}

.duplication-button--add:hover {
  background: none;
}

.mod_mp_form_steps + .mod_form .explanation.mandatory h4::after {
  content: "*";
  color: red;
}
.mod_mp_form_steps + .mod_form .formbody > fieldset {
  align-items: baseline;
}
.mod_mp_form_steps + .mod_form .formbody > fieldset.error,
.mod_mp_form_steps + .mod_form .widget.error {
  margin-top: calc(var(--gap--half) + 2rem);
}
.mod_mp_form_steps + .mod_form .formbody > fieldset.error p.error,
.mod_mp_form_steps + .mod_form .widget.error p.error {
  position: absolute;
  top: calc(var(--gap--half) * -2 - 0.5rem);
  transform: translateY(-100%);
}

#kontakt.v2 h2 {
  margin-top: unset;
  margin-bottom: 0.5em;
}
#kontakt.v2 .contact-person {
  margin-top: 0;
}
#kontakt.v2 .contact-person img {
  object-fit: cover;
}
#kontakt.v2 .widget-explanation {
  display: block;
}
#kontakt.v2 .mandatory-explanation {
  font-size: calc(1.00625rem + 0.075vw);
}
@media (min-width: 1200px) {
  #kontakt.v2 .mandatory-explanation {
    font-size: 1.0625rem;
  }
}
#kontakt.v2 .contact-person-data {
  height: -webkit-fill-available;
}
#kontakt.v2 .contact-person-data .ce_image {
  max-width: 150px;
}
#kontakt.v2 .contact-person-data .contact-address .contact {
  margin-top: 1em;
}
#kontakt.v2 .contact-person-data .contact-address .contact span {
  display: inline-block;
  margin-bottom: 0.4em;
}
#kontakt.v2 form {
  margin-top: unset;
}
#kontakt.v2 form input[type=email],
#kontakt.v2 form input[type=tel],
#kontakt.v2 form input[type=text],
#kontakt.v2 form input[type=number],
#kontakt.v2 form textarea {
  padding: 0.75em 1.5em;
}
#kontakt.v2 form .widget-select select {
  font-weight: 400;
  line-height: 1;
}
#kontakt.v2 form label {
  font-weight: 400;
  line-height: 1.1;
}
#kontakt.v2 .right {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}
#kontakt.v2 .box {
  padding: var(--text-padding);
  background-color: white;
  box-shadow: 8px 8px 30px 0 rgba(0, 0, 0, 0.12);
}
@media only screen and (max-width: 1023px) {
  #kontakt.v2 .box {
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.12);
  }
}
.landingpage-dark #kontakt.v2 .box {
  background-color: #282828;
}
.landingpage-dark #kontakt.v2 .-box {
  box-shadow: 3px 3px 12px 0px rgba(255, 255, 255, 0.15);
}

.fslightbox-toolbar-button svg {
  width: auto;
}

a[data-fslightbox] {
  position: relative;
}
a[data-fslightbox] picture {
  display: block;
}

a[data-fslightbox=youtube-feed]::after {
  content: "\f167";
  font-family: "Font Awesome 6 Brands";
  font-weight: 700;
  color: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: calc(1.1rem + 1.2vw);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1200px) {
  a[data-fslightbox=youtube-feed]::after {
    font-size: 2rem;
  }
}

/**
Galerie
**/
/* Galerie =================================================================================================== */
.ce_gallery {
  width: 100%;
}
.ce_gallery > ul {
  overflow: hidden;
  margin: -1%;
  display: flex;
  flex-flow: row wrap;
}
.ce_gallery > ul li {
  margin: 1%;
  float: none;
  position: relative;
}
.ce_gallery .cols_1 li {
  width: calc(100% / 1 - 1% * 2);
}
.ce_gallery .cols_2 li {
  width: calc(100% / 2 - 1% * 2);
}
.ce_gallery .cols_3 li {
  width: calc(100% / 3 - 1% * 2);
}
.ce_gallery .cols_4 li {
  width: calc(100% / 4 - 1% * 2);
}
.ce_gallery .cols_5 li {
  width: calc(100% / 5 - 1% * 2);
}
@media only screen and (max-width: 1024px) {
  .ce_gallery .cols_5 li,
  .ce_gallery .cols_4 li {
    width: calc(100% / 3 - 1% * 2);
  }
}
@media only screen and (max-width: 600px) {
  .ce_gallery .cols_5 li,
  .ce_gallery .cols_4 li,
  .ce_gallery .cols_3 li {
    width: calc(100% / 2 - 1% * 2);
  }
}
@media only screen and (max-width: 425px) {
  .ce_gallery .cols_5 li,
  .ce_gallery .cols_4 li,
  .ce_gallery .cols_3 li,
  .ce_gallery .cols_2 li {
    width: calc(100% / 1 - 1% * 2);
  }
}

/**
Googlemap
**/
/* Googlemap =================================================================================================== */
.ce_dlh_googlemaps {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 30%;
}

.dlh_googlemap {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  position: absolute;
  width: 100% !important;
  height: 100% !important;
}

.ce_page_teasers_element.-highlights,
.mod_page_teasers_module {
  overflow: visible;
  position: relative;
}
.ce_page_teasers_element.-highlights .text-wrapper,
.mod_page_teasers_module .text-wrapper {
  padding: var(--text-padding) 0 1rem 0;
  line-height: 1.3em;
  font-weight: 200;
  color: var(--color-text);
}
.ce_page_teasers_element.-highlights .text-wrapper h1, .ce_page_teasers_element.-highlights .text-wrapper h2, .ce_page_teasers_element.-highlights .text-wrapper h3, .ce_page_teasers_element.-highlights .text-wrapper h4, .ce_page_teasers_element.-highlights .text-wrapper h5, .ce_page_teasers_element.-highlights .text-wrapper h6,
.mod_page_teasers_module .text-wrapper h1,
.mod_page_teasers_module .text-wrapper h2,
.mod_page_teasers_module .text-wrapper h3,
.mod_page_teasers_module .text-wrapper h4,
.mod_page_teasers_module .text-wrapper h5,
.mod_page_teasers_module .text-wrapper h6 {
  margin-bottom: 0.5em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ce_page_teasers_element.-highlights > ul:not(.row),
.mod_page_teasers_module > ul:not(.row) {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 calc(var(--gap--half) * -1);
}
.ce_page_teasers_element.-highlights li > a,
.mod_page_teasers_module li > a {
  display: block;
  position: relative;
}
.ce_page_teasers_element.-highlights .glider-dots,
.mod_page_teasers_module .glider-dots {
  width: 100%;
  margin-top: 4em;
}
.ce_page_teasers_element.-highlights .latest,
.mod_page_teasers_module .latest {
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--color-secondary);
  padding: 0.5em 2em 0.5em 1em;
  color: var(--color-text-inverted);
  z-index: 10;
  clip-path: polygon(100% 0, calc(100% - 1em) 100%, 0 100%, 0 0, 0 0);
}
.ce_page_teasers_element.-highlights .image_container,
.mod_page_teasers_module .image_container {
  overflow: hidden;
}
.ce_page_teasers_element.-highlights .image_container img,
.mod_page_teasers_module .image_container img {
  transition: transform 0.3s ease-in-out 0s;
}
.ce_page_teasers_element.-highlights .glider-slide:hover img,
.mod_page_teasers_module .glider-slide:hover img {
  transform: scale(1.05, 1.05);
}
.ce_page_teasers_element.-highlights .glider-slide:hover .developed_for img,
.mod_page_teasers_module .glider-slide:hover .developed_for img {
  transform: none;
}

.ce_page_teasers_element.-highlights.products .preview, .ce_page_teasers_element.-highlights.additional-products .preview {
  font-weight: 300;
}
.ce_page_teasers_element.-highlights h4 + p:not(.preview) {
  margin-bottom: 0.5rem;
}
.ce_page_teasers_element.-highlights h4 + p.preview {
  margin-top: 0.5rem;
}

.service_element .text-wrapper,
.ce_page_teasers_element:not(.-highlights) .text-wrapper {
  padding: var(--gap--half) var(--text-padding);
  line-height: 1.3em;
  font-weight: 200;
  color: var(--color-text-inverted);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5em;
}
.service_element .text-wrapper::after,
.ce_page_teasers_element:not(.-highlights) .text-wrapper::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-left-color: var(--color-text-inverted);
  transition: border-color 0.3s ease-in-out 0s;
  content: "";
  border-width: 5px 0 5px 11.1126961484px;
  margin-left: 1em;
  transition: border-color 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s;
}
.service_element li:hover .text-wrapper::after,
.ce_page_teasers_element:not(.-highlights) li:hover .text-wrapper::after {
  transform: translateX(0.5em);
}
.service_element .teaser__title,
.ce_page_teasers_element:not(.-highlights) .teaser__title {
  text-transform: uppercase;
  max-height: 3em;
  overflow: hidden;
}
.service_element .teaser__preview,
.ce_page_teasers_element:not(.-highlights) .teaser__preview {
  display: none;
}
.service_element .image_container,
.ce_page_teasers_element:not(.-highlights) .image_container {
  overflow: hidden;
}
.service_element .image_container img,
.ce_page_teasers_element:not(.-highlights) .image_container img {
  transition: transform 0.3s ease-in-out 0s;
}
.service_element li:hover img,
.ce_page_teasers_element:not(.-highlights) li:hover img {
  transform: scale(1.05, 1.05);
}
.service_element li > a,
.ce_page_teasers_element:not(.-highlights) li > a {
  display: block;
  position: relative;
}
.service_element li > a::after,
.ce_page_teasers_element:not(.-highlights) li > a::after {
  position: absolute;
  inset: 0;
  content: "";
  display: block;
  background-image: linear-gradient(to top, var(--color-gray-24) 0%, transparent 50%);
  opacity: 0.85;
}

.ce_list_extended .ce_text {
  text-align: center;
}
.ce_list_extended .ce_text + .ce_text {
  border-left: 1px solid var(--color-gray-24);
  margin-top: 0;
}
@media only screen and (max-width: 1099px) {
  .ce_list_extended .ce_text:nth-child(odd) {
    border-left: none;
    padding-right: 1em;
  }
  .ce_list_extended .ce_text:nth-child(even) {
    padding-left: 1em;
  }
  .ce_list_extended .ce_text:nth-child(n+3) {
    margin-top: 3em;
  }
}
.ce_list_extended .ce_text p:first-child {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  font-size: calc(1.15rem + 1.8vw);
}
@media (min-width: 1200px) {
  .ce_list_extended .ce_text p:first-child {
    font-size: 2.5rem;
  }
}

.map-container {
  position: relative;
}
.map-container #map-zoom-out {
  position: absolute;
  top: 2em;
  left: 2em;
  display: none;
}
.map-container #map-legend {
  position: absolute;
  bottom: 2em;
  left: 2em;
  display: none;
}
.map-container #map-legend > div {
  display: flex;
  align-items: flex-end;
  font-size: 0.875rem;
  line-height: 14px;
}
.map-container #map-legend > div + div {
  margin-top: 1em;
}
.map-container #map-legend > div .image_container {
  width: 24px;
  margin-right: 0.5em;
}
.map-container #location-map {
  pointer-events: all;
}
.map-container #location-map .continent:not(.active):hover {
  cursor: pointer;
}
.map-container #location-map .continent:not(.active):hover polygon {
  fill: var(--color-gray-71);
}
.map-container #location-map .country.has-marker {
  cursor: pointer;
}
.map-container #location-map g.country.has-marker:hover,
.map-container #location-map polygon.country.has-marker:hover,
.map-container #location-map polygon.country.active {
  fill: var(--color-gray-71);
}
.map-container #location-map .marker {
  display: none;
  pointer-events: none;
}

.tooltipster-sidetip .tooltipster-content {
  padding: 1em;
}
.tooltipster-sidetip .tooltipster-content strong {
  color: var(--color-gray-24);
  display: block;
  margin-bottom: 0.5em;
}

.mod_switch_site_message {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: var(--base-spacing);
  right: var(--base-spacing);
  bottom: 0;
  pointer-events: none;
  z-index: 11;
}
@media only screen and (max-width: 767px) {
  .mod_switch_site_message {
    left: var(--base-spacing-mobile);
    right: var(--base-spacing-mobile);
  }
}
.mod_switch_site_message .message {
  width: 600px;
  height: auto;
  background-color: #fff;
  border: 1px solid var(--color-gray-86);
  text-align: center;
  box-shadow: 8px 8px 30px 0 rgba(0, 0, 0, 0.12);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: var(--base-spacing);
  z-index: 12;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  pointer-events: none;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .mod_switch_site_message .message {
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.12);
  }
}
.mod_switch_site_message .message.show {
  opacity: 1;
  pointer-events: all;
}
.mod_switch_site_message .message h4 {
  text-transform: uppercase;
  font-weight: 900;
}
.mod_switch_site_message .message > * {
  flex-basis: 100%;
}
.mod_switch_site_message .message strong {
  font-size: 1.3em;
}
.mod_switch_site_message .message a {
  margin-top: 2em;
  background-color: var(--color-secondary);
}
.mod_switch_site_message .message a:hover, .mod_switch_site_message .message a:hover:after {
  background-color: var(--color-main);
}
.mod_switch_site_message .message a::after {
  background-color: var(--color-secondary);
}
.mod_switch_site_message .message .close {
  position: absolute;
  width: 28px;
  height: 28px;
  cursor: pointer;
  margin: 0;
  padding: 0;
  background: none;
  outline: none;
  border: none;
  min-height: 0;
  top: 15px;
  right: 15px;
}
.mod_switch_site_message .message .close::before, .mod_switch_site_message .message .close::after {
  position: absolute;
  left: 14px;
  content: "";
  height: 28px;
  width: 2px;
  background-color: #000;
  clip-path: none;
  transition: background-color 0.3s ease-in-out 0s;
}
.mod_switch_site_message .message .close::before {
  transform: rotate(45deg);
}
.mod_switch_site_message .message .close::after {
  transform: rotate(-45deg);
}
.mod_switch_site_message .message .close:hover {
  background: none;
}
.mod_switch_site_message .message .close:hover::before, .mod_switch_site_message .message .close:hover::after {
  background-color: var(--color-main);
}

#mobile-button {
  width: 22px;
  height: 16px;
  min-height: 0;
  position: relative;
  cursor: pointer;
  margin: 0;
  padding: 0;
  background: none;
  outline: none;
  border: none;
}
#mobile-button .line {
  width: 100%;
  height: 2px;
  display: block;
  background-color: var(--color-text);
  position: absolute;
  left: 0;
  transform: rotate(0);
  transition: transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s;
}
#mobile-button.active .line {
  background-color: var(--color-main);
}
#mobile-button .line:nth-child(1) {
  top: 0;
}
#mobile-button .line:nth-child(2) {
  top: 50%;
  margin-top: -1px;
}
#mobile-button .line:nth-child(3) {
  bottom: 0;
}

#mobile-button.active .line:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
#mobile-button.active .line:nth-child(2) {
  width: 0%;
  opacity: 0;
}
#mobile-button.active .line:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

/* Listen --------------------------------------------------------------------------------------------------- */
.ce_list {
  display: flex;
  align-items: baseline;
  text-align: left;
  flex-wrap: wrap;
}
.ce_list h1, .ce_list h2, .ce_list h3, .ce_list h4, .ce_list h5, .ce_list h6 {
  margin-right: 1.2rem;
  width: 100%;
}

.ctlg_master .benefits ul li,
.mod_sitemap ul li,
.ce_text ul li,
.ce_list li {
  position: relative;
  padding-left: 1.3em;
}
.ctlg_master .benefits ul li::before,
.mod_sitemap ul li::before,
.ce_text ul li::before,
.ce_list li::before {
  content: ">";
  left: 0;
  top: 0;
  position: absolute;
  color: var(--color-main);
  font-size: calc(1.0125rem + 0.15vw);
}
@media (min-width: 1200px) {
  .ctlg_master .benefits ul li::before,
  .mod_sitemap ul li::before,
  .ce_text ul li::before,
  .ce_list li::before {
    font-size: 1.125rem;
  }
}
.ctlg_master .benefits ul li > ul,
.mod_sitemap ul li > ul,
.ce_text ul li > ul,
.ce_list li > ul {
  padding-left: 2em;
}
.ctlg_master .benefits ul li > ul li::before,
.mod_sitemap ul li > ul li::before,
.ce_text ul li > ul li::before,
.ce_list li > ul li::before {
  content: "-";
  font-size: 1.5em;
}

/* Hauptnavigation --------------------------------------------------------------------------------------------------- */
.nav__socials {
  margin-top: 1.5rem;
}
.nav__socials ul {
  display: flex;
  flex-wrap: wrap;
}
.nav__socials li + li {
  margin-left: var(--text-padding);
}
.nav__socials a {
  display: flex;
}
.nav__socials a::after {
  font-family: "Font Awesome 6 Brands";
  font-size: calc(1.075rem + 0.9vw);
  line-height: normal;
}
@media (min-width: 1200px) {
  .nav__socials a::after {
    font-size: 1.75rem;
  }
}
.nav__socials a.youtube::after {
  content: var(--youtube);
}
.nav__socials a.xing::after {
  content: var(--xing);
}
.nav__socials a.linkedin::after {
  content: var(--linkedin);
}

.nav__info a,
.nav__socials a {
  color: var(--color-text);
}
.nav__info a:hover,
.nav__socials a:hover {
  color: var(--color-main);
}

.nav__info {
  padding-top: 1.5rem;
  border-top: var(--base-border);
}
.nav__info a {
  font-size: 0.875rem;
}

#main-nav {
  overflow: visible;
}
#main-nav li {
  position: relative;
}
#main-nav ul ul {
  display: none;
  margin-top: 0.9em;
  margin-bottom: 0.4em;
}
#main-nav .nav__socials a::after {
  color: var(--color-text);
}

#main-nav .level_2 li > a,
#main-nav .level_2 li > strong, #main-nav .level_1 > li > a,
#main-nav .level_1 > li > strong {
  display: block;
  font-weight: 300;
  color: var(--color-text);
  line-height: var(--base-line-height);
  letter-spacing: var(--base-letter-spacing);
}
#main-nav .level_2 li > a span,
#main-nav .level_2 li > strong span, #main-nav .level_1 > li > a span,
#main-nav .level_1 > li > strong span,
#main-nav .level_2 li > a strong,
#main-nav .level_2 li > strong strong,
#main-nav .level_1 > li > a strong,
#main-nav .level_1 > li > strong strong {
  color: inherit;
}
#main-nav .level_2 li > a.submenu,
#main-nav .level_2 li > strong.submenu, #main-nav .level_1 > li > a.submenu,
#main-nav .level_1 > li > strong.submenu {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#main-nav .level_2 li > a.submenu::after,
#main-nav .level_2 li > strong.submenu::after, #main-nav .level_1 > li > a.submenu::after,
#main-nav .level_1 > li > strong.submenu::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-top-color: var(--color-main);
  transition: border-color 0.3s ease-in-out 0s;
  content: "";
  border-width: 8.8901569187px 4px 0 4px;
}
#main-nav .level_2 li > a.-bold,
#main-nav .level_2 li > strong.-bold, #main-nav .level_1 > li > a.-bold,
#main-nav .level_1 > li > strong.-bold {
  font-weight: 900;
}
#main-nav .level_2 li > a:hover,
#main-nav .level_2 li > strong:hover, #main-nav .level_1 > li > a:hover,
#main-nav .level_1 > li > strong:hover, #main-nav .level_2 li > a.trail,
#main-nav .level_2 li > strong.trail, #main-nav .level_1 > li > a.trail,
#main-nav .level_1 > li > strong.trail, #main-nav .level_2 li > a.open,
#main-nav .level_2 li > strong.open, #main-nav .level_1 > li > a.open,
#main-nav .level_1 > li > strong.open, #main-nav .level_2 li > a.active,
#main-nav .level_2 li > strong.active, #main-nav .level_1 > li > a.active,
#main-nav .level_1 > li > strong.active {
  color: var(--color-main);
}

#main-nav .level_1 > li > a,
#main-nav .level_1 > li > strong {
  font-size: calc(1.08125rem + 0.975vw);
  text-transform: uppercase;
  cursor: pointer;
}
@media (min-width: 1200px) {
  #main-nav .level_1 > li > a,
  #main-nav .level_1 > li > strong {
    font-size: 1.8125rem;
  }
}
#main-nav .level_1 > li > a:hover, #main-nav .level_1 > li > a.trail, #main-nav .level_1 > li > a.open, #main-nav .level_1 > li > a.active,
#main-nav .level_1 > li > strong:hover,
#main-nav .level_1 > li > strong.trail,
#main-nav .level_1 > li > strong.open,
#main-nav .level_1 > li > strong.active {
  color: var(--color-main);
}

#main-nav .level_2 li > a,
#main-nav .level_2 li > strong {
  font-size: calc(1.025rem + 0.3vw);
  letter-spacing: 0.01em;
  line-height: 1.6em;
}
@media (min-width: 1200px) {
  #main-nav .level_2 li > a,
  #main-nav .level_2 li > strong {
    font-size: 1.25rem;
  }
}

#anchor-navigation {
  border-bottom: 1px solid var(--color-gray-86);
}
#anchor-navigation .width {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
#anchor-navigation .width .inside {
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  #anchor-navigation .width .inside {
    display: block;
  }
  #anchor-navigation .width .inside .ce_hyperlink {
    margin-top: 2em;
  }
}
#anchor-navigation.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 12;
  background-color: #fff;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
}
#anchor-navigation ul {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1023px) {
  #anchor-navigation ul {
    display: block;
  }
}
#anchor-navigation ul li strong {
  text-transform: uppercase;
}
#anchor-navigation ul li a {
  font-size: calc(1.0125rem + 0.15vw);
  color: var(--color-text);
  font-weight: 400;
}
@media (min-width: 1200px) {
  #anchor-navigation ul li a {
    font-size: 1.125rem;
  }
}
#anchor-navigation ul li a.active, #anchor-navigation ul li a:hover {
  color: var(--color-main);
}
#anchor-navigation ul li + li {
  margin-left: 2em;
}
@media only screen and (max-width: 1023px) {
  #anchor-navigation ul li + li {
    margin-left: 0;
    margin-top: 0.25em;
  }
}

.ctlg_master .main-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ctlg_master .right,
.ctlg_master .product-image {
  width: 24.333%;
}
.ctlg_master .left,
.ctlg_master .basic-information {
  width: 72.666%;
}
@media only screen and (max-width: 549px) {
  .ctlg_master .basic-information,
  .ctlg_master .product-image {
    width: 100%;
  }
}
@media only screen and (max-width: 549px) {
  .ctlg_master .basic-information {
    margin-top: var(--base-margin-top);
  }
}
@media only screen and (max-width: 1023px) {
  .ctlg_master .right,
  .ctlg_master .left {
    width: 100%;
  }
}
@media only screen and (min-width: 1023px) {
  .ctlg_master .left .button-to-form {
    display: none;
  }
}
.ctlg_master .product-image {
  position: relative;
}
.ctlg_master .product-image > a {
  display: block;
}
.ctlg_master .product-image .is_new {
  position: absolute;
  background-color: var(--color-secondary);
  color: #fff;
  font-weight: 700;
  padding: 0 0.7rem;
  z-index: 2;
  text-transform: uppercase;
  height: 35px;
  line-height: 35px;
}
.ctlg_master .product-image .is_new::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 35px 20px 0 0;
  border-color: var(--color-secondary) transparent transparent transparent;
  content: "";
  position: absolute;
  right: -20px;
}
.ctlg_master h1 {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .ctlg_master h1 {
    display: block;
  }
}
.ctlg_master h1 img {
  margin-right: 20px;
  height: calc(1.275rem + 1.5vw);
  max-height: 40px;
  width: auto;
}
@media only screen and (max-width: 767px) {
  .ctlg_master h1 img {
    margin-bottom: 10px;
  }
}
.ctlg_master .graintechnology-logo {
  height: 41px;
  width: 210px;
  position: relative;
  top: 10px;
  display: flex;
  align-items: center;
}
.ctlg_master .graintechnology-logo img {
  height: 100%;
}
.ctlg_master .label,
.ctlg_master h3 {
  text-transform: none;
  color: var(--color-gray-24);
  margin-bottom: 0.7em;
}
.ctlg_master .thumbnail-gallery {
  margin-top: 2.5rem;
  display: flex;
}
.ctlg_master .thumbnail-gallery .image_container {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border: 1px solid transparent;
  transition: border-color 0.3s ease-in-out 0s;
}
.ctlg_master .thumbnail-gallery .image_container:hover {
  cursor: pointer;
}
.ctlg_master .thumbnail-gallery .image_container img {
  width: 100%;
  height: 100%;
}
.ctlg_master .thumbnail-gallery .image_container + .image_container {
  margin-left: 1.25rem;
}
.ctlg_master .thumbnail-gallery .image_container:hover, .ctlg_master .thumbnail-gallery .image_container.active {
  border-color: var(--color-main);
}
.ctlg_master .container + .container {
  padding-top: var(--base-margin-top);
  margin-top: var(--base-margin-top);
  border-top: 1px solid var(--color-gray-24);
}
.ctlg_master .container.two-column {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ctlg_master .container .label {
  font-weight: 700;
}
.ctlg_master .container.video .block .video_container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.ctlg_master .container.video .block .video_container iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.ctlg_master .features {
  display: flex;
}
.ctlg_master .features figure + figure {
  margin-left: 1.25rem;
}
.ctlg_master .features img {
  max-height: 3.75rem;
}
.ctlg_master .properties {
  margin-top: 2.1875rem;
}
.ctlg_master .properties .label {
  font-size: 1rem;
  margin-bottom: 0;
}
.ctlg_master .properties .row + .row {
  border-top: 1px solid var(--color-gray-93);
}
.ctlg_master .properties .row [class*=col] {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}
.ctlg_master .properties i {
  margin-left: 0.5em;
  color: var(--color-gray-71);
}
.ctlg_master .properties i:hover {
  color: var(--color-main);
}
.ctlg_master .grain-container {
  display: flex;
  flex-wrap: wrap;
}
.ctlg_master .grain-container .grain-box-container {
  margin-right: 0.625rem;
}
.ctlg_master .grain-container .grain-box-container.label-is-non-numeric {
  width: 50px;
}
.ctlg_master .grain-container .grain-box-container.label-is-non-numeric .grain-box {
  margin: auto;
}
.ctlg_master .grain-container .grain-box-container .grain-box {
  width: 1.8125rem;
  height: 1.8125rem;
  line-height: 1.875rem;
  background-color: var(--color-gray-93);
  display: block;
  text-align: center;
}
.ctlg_master .grain-container .grain-box-container .grain-box.filled {
  background-color: var(--color-gray-24);
  color: #fff;
}
.ctlg_master .grain-container .grain-box-container .grain-box.plus-sign {
  font-weight: 600;
}
.ctlg_master .grain-container .grain-box-container .label {
  display: block;
  font-weight: 300;
  font-size: 0.625rem;
  text-align: center;
  margin-top: 0.7em;
  margin-bottom: 1em;
}
.ctlg_master .grain-container .grain-box-container .label span {
  display: block;
}
.ctlg_master .product-box .subtitle {
  font-size: 1.2em;
}
.ctlg_master .product-box .developed-for {
  margin-top: 0.5em;
}
.ctlg_master .product-box .developed-for .image_container {
  border: 1px solid var(--color-main);
}
.ctlg_master .product-box .developed-for .image_container img {
  max-width: 120;
}
@media only screen and (max-width: 1023px) {
  .ctlg_master .right .button-to-form {
    display: none;
  }
}
.ctlg_master .right .sublabel {
  margin-bottom: 0.25em;
}
@media only screen and (max-width: 1023px) {
  .ctlg_master .right .contact {
    padding-top: var(--base-margin-top);
    margin-top: var(--base-margin-top);
    border-top: 1px solid var(--color-gray-24);
  }
}
.ctlg_master .right .contact .label {
  margin-bottom: 0;
}
.ctlg_master .right .contact .image-contact-wrapper {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1023px) {
  .ctlg_master .right .contact .image-contact-wrapper {
    display: block;
  }
}
.ctlg_master .right .contact .image-contact-wrapper .image_container {
  height: 140px;
  width: 220px;
}
@media only screen and (max-width: 1023px) {
  .ctlg_master .right .contact .image-contact-wrapper .image_container {
    width: 500px;
    height: auto;
  }
}
.ctlg_master .right .contact .image-contact-wrapper .image_container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ctlg_master .material .icon-container,
.ctlg_master .machine-types .icon-container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -18px;
}
.ctlg_master .material .icon-container .image_container,
.ctlg_master .machine-types .icon-container .image_container {
  width: 60px;
  height: 60px;
  margin: 0 9px 18px 0;
  position: relative;
}
.ctlg_master .material .icon-container .image_container img,
.ctlg_master .machine-types .icon-container .image_container img {
  width: 100%;
  height: 100%;
}
.ctlg_master .material .icon-container .image_container.developed-for,
.ctlg_master .machine-types .icon-container .image_container.developed-for {
  border: 1px solid var(--color-main);
}
.ctlg_master .material .icon-container .image_container.developed-for::after,
.ctlg_master .machine-types .icon-container .image_container.developed-for::after {
  background-image: url(/build/images/product-single--suitability-highlight--star.e8e83ebb.png);
  content: "";
  position: absolute;
  bottom: 5px;
  right: 5px;
  display: block;
  width: 16px;
  height: 16px;
}
.ctlg_master .material .icon-container + .sublabel,
.ctlg_master .machine-types .icon-container + .sublabel {
  margin-top: 0.5em;
}
@media only screen and (max-width: 1023px) {
  .ctlg_master .machine-types {
    padding-top: var(--base-margin-top);
    margin-top: var(--base-margin-top);
    border-top: 1px solid var(--color-gray-24);
  }
}
.ctlg_master .ce_form form {
  margin-top: var(--base-spacing-big);
}
@media only screen and (max-width: 1023px) {
  .ctlg_master .ce_form form {
    padding-top: var(--base-margin-top);
    margin-top: var(--base-margin-top);
    border-top: 1px solid var(--color-gray-24);
  }
}
.ctlg_master .additional-products {
  margin-top: var(--base-spacing-big);
}
@media only screen and (max-width: 1023px) {
  .ctlg_master .additional-products {
    padding-top: var(--base-margin-top);
    margin-top: var(--base-margin-top);
    border-top: 1px solid var(--color-gray-24);
  }
}
.ctlg_master .additional-products ul {
  margin: 0 calc(var(--gap--half) * -1);
}
.ctlg_master .back {
  margin-top: var(--base-spacing);
}

.mod_catalogUniversalView {
  margin-top: 4.375rem !important;
}
.mod_catalogUniversalView .list {
  display: flex;
  flex-direction: column;
}
.mod_catalogUniversalView .binder {
  margin-top: 2em;
  background-color: var(--color-gray-93);
  display: flex;
  align-items: center;
}
.mod_catalogUniversalView .binder .text-wrapper {
  padding: 4em 0 4em 4em;
  max-width: 50%;
}
@media only screen and (max-width: 1023px) {
  .mod_catalogUniversalView .binder .text-wrapper {
    max-width: 65%;
  }
}
@media only screen and (max-width: 767px) {
  .mod_catalogUniversalView .binder .text-wrapper {
    max-width: 100%;
    padding-right: 4em;
  }
}
.mod_catalogUniversalView .binder .text-wrapper h2 {
  margin-bottom: 0.5em;
}
.mod_catalogUniversalView .binder .image_container {
  max-width: 50%;
}
@media only screen and (max-width: 1023px) {
  .mod_catalogUniversalView .binder .image_container {
    max-width: 35%;
  }
}
@media only screen and (max-width: 767px) {
  .mod_catalogUniversalView .binder .image_container {
    display: none;
  }
}
.mod_catalogUniversalView .binder .image_container img {
  transform: scaleX(-1);
}
.mod_catalogUniversalView .binder .-button a {
  margin-top: 2em;
  background-color: var(--color-main);
}
.mod_catalogUniversalView .binder .-button a:hover {
  background-color: var(--color-main-hover);
}

.ctlg_teaser .materials > div, .ce_page_teasers_element.-highlights .developed_for {
  display: flex;
}
.ctlg_teaser .materials > div > .image_container, .ce_page_teasers_element.-highlights .developed_for > .image_container {
  max-width: 3.125rem;
}
.ctlg_teaser .materials > div > .image_container + .image_container, .ce_page_teasers_element.-highlights .developed_for > .image_container + .image_container {
  margin-left: 0.625rem;
}
.ctlg_teaser .materials > div.developed_for .image_container, .ce_page_teasers_element.-highlights .developed_for .image_container {
  border: 1px solid var(--color-main);
}
.ctlg_teaser .materials > div + div, .ce_page_teasers_element.-highlights .developed_for + div {
  margin-top: 0.625rem;
}
@media only screen and (max-width: 1199px) {
  .ctlg_teaser .materials > div + div, .ce_page_teasers_element.-highlights .developed_for + div {
    margin-top: 0;
    margin-left: 0.625rem;
  }
}

.ctlg_teaser {
  display: flex;
}
.ctlg_teaser.productlist-banner {
  order: 4 !important;
}
.ctlg_teaser.productlist-banner,
.ctlg_teaser + .ctlg_teaser {
  border-top: 1px solid var(--color-gray-24);
}
.ctlg_teaser.productlist-banner:first-child + .ctlg_teaser {
  border-top: none;
}
.ctlg_teaser.hidden {
  display: none;
}
@media only screen and (max-width: 549px) {
  .ctlg_teaser {
    flex-wrap: wrap;
  }
}
.ctlg_teaser:hover {
  background-color: var(--color-gray-93);
  cursor: pointer;
}
.ctlg_teaser:hover .product-image::after {
  opacity: 1;
}
.ctlg_teaser .mobile-wrapper {
  display: flex;
}
@media only screen and (max-width: 1199px) {
  .ctlg_teaser .mobile-wrapper {
    width: calc(100% - 11.25rem);
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 549px) {
  .ctlg_teaser .mobile-wrapper {
    width: 100%;
  }
}
.ctlg_teaser .product-image {
  width: 11.25rem;
  height: 11.25rem;
  position: relative;
  flex-shrink: 0;
}
@media only screen and (max-width: 1199px) {
  .ctlg_teaser .product-image {
    margin-right: 2.5rem;
    margin-top: 1rem;
  }
}
@media only screen and (max-width: 549px) {
  .ctlg_teaser .product-image {
    width: 100%;
    height: auto;
  }
}
.ctlg_teaser .product-image::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.07);
  pointer-events: none;
}
.ctlg_teaser .product-image .is_new {
  position: absolute;
  background-color: var(--color-secondary);
  color: #fff;
  font-weight: 700;
  padding: 0 0.7rem;
  z-index: 2;
  text-transform: uppercase;
  height: 35px;
  line-height: 35px;
}
.ctlg_teaser .product-image .is_new::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 35px 20px 0 0;
  border-color: var(--color-secondary) transparent transparent transparent;
  content: "";
  position: absolute;
  right: -20px;
}
.ctlg_teaser .product-description {
  max-width: 28.75rem;
  margin-left: 4.375rem;
  margin-bottom: 2.5rem;
  margin-top: 2.5rem;
}
@media only screen and (max-width: 1199px) {
  .ctlg_teaser .product-description {
    max-width: none;
    width: 100%;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 1rem;
  }
}
.ctlg_teaser .product-title {
  margin-left: 2.5rem;
  min-width: 270px;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 1399px) {
  .ctlg_teaser .product-title {
    min-width: 220px;
  }
}
@media only screen and (max-width: 1199px) {
  .ctlg_teaser .product-title {
    max-width: none;
    width: 100%;
    margin-left: 0;
    margin-bottom: 1rem;
    margin-top: 2rem;
  }
}
.ctlg_teaser .product-title .title {
  font-size: 1.4375rem;
  color: var(--color-gray-24);
  font-weight: 700;
}
.ctlg_teaser .product-title .subtitle {
  font-size: 1.3125rem;
  font-weight: 300;
  margin-top: 0.25rem;
}
@media only screen and (max-width: 1199px) {
  .ctlg_teaser .product-title .subtitle {
    margin-top: 0;
    line-height: 1em;
  }
}
.ctlg_teaser .materials {
  margin-left: 5.625rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  flex-shrink: 0;
}
@media only screen and (max-width: 1199px) {
  .ctlg_teaser .materials {
    max-width: none;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    display: flex;
    margin-bottom: 2rem;
  }
}
.ctlg_teaser .graintechnology-icon {
  max-width: 200px;
  margin-top: 1rem;
}

.ce_catalogFilterForm {
  width: 100%;
  overflow: visible;
}
#main .mod_article .inside > .ce_catalogFilterForm {
  margin-top: 0;
}
.ce_catalogFilterForm form {
  display: flex;
  flex-wrap: wrap;
  margin: calc(var(--gap-sm--half) * -1);
}
.ce_catalogFilterForm .widget,
.ce_catalogFilterForm .ctlg_form_field {
  margin: var(--gap-sm--half);
  width: calc(16.6666666667% - var(--gap-sm));
}
@media only screen and (max-width: 1399px) {
  .ce_catalogFilterForm .widget,
  .ce_catalogFilterForm .ctlg_form_field {
    width: calc(33.3333333333% - var(--gap-sm));
  }
}
@media only screen and (max-width: 767px) {
  .ce_catalogFilterForm .widget,
  .ce_catalogFilterForm .ctlg_form_field {
    width: calc(50% - var(--gap-sm));
  }
}
.ce_catalogFilterForm .search {
  width: 100%;
  margin: 1em var(--gap-sm--half) calc(2em - var(--gap-sm--half)) var(--gap-sm--half);
}
.ce_catalogFilterForm .widget-submit {
  font-size: calc(1.00625rem + 0.075vw);
}
@media (min-width: 1200px) {
  .ce_catalogFilterForm .widget-submit {
    font-size: 1.0625rem;
  }
}
.ce_catalogFilterForm .widget-submit button {
  text-transform: none;
}
.ce_catalogFilterForm .widget-submit .count {
  font-weight: 400;
  margin-right: 0.5em;
}
.ce_catalogFilterForm select {
  display: none;
}
.ce_catalogFilterForm input.text {
  background-color: #fff;
  line-height: normal;
  color: var(--color-text);
  font-weight: 300;
  font-size: 1.25rem;
}
.ce_catalogFilterForm input.text::placeholder {
  font: inherit;
  color: inherit;
}
.ce_catalogFilterForm .ctlg_form_field .select {
  position: relative;
  height: 100%;
  padding: 0;
}
@media only screen and (max-width: 549px) {
  .ce_catalogFilterForm .ctlg_form_field .select {
    font-size: 14px;
  }
}
.ce_catalogFilterForm .ctlg_form_field .select::before, .ce_catalogFilterForm .ctlg_form_field .select::after {
  width: calc(100% + 2px);
  height: calc(var(--gap-sm) + 2px);
  background-color: transparent;
  content: "";
  display: block;
  position: absolute;
  bottom: calc(var(--gap-sm) * -1 - 1px);
  left: -1px;
  z-index: 1000;
}
.ce_catalogFilterForm .ctlg_form_field .select::before {
  width: 100%;
  left: 0;
  bottom: calc(var(--gap-sm) * -1 - 2px);
}
.ce_catalogFilterForm .ctlg_form_field .select:hover, .ce_catalogFilterForm .ctlg_form_field .select.active {
  background-color: #fff;
  border-color: var(--color-gray-86);
}
.ce_catalogFilterForm .ctlg_form_field .select.active {
  border-bottom-width: 0;
}
.ce_catalogFilterForm .ctlg_form_field .select.active::after {
  background-color: #fff;
  border-left: 1px solid var(--color-gray-86);
  border-right: 1px solid var(--color-gray-86);
}
.ce_catalogFilterForm .ctlg_form_field .select.active::before {
  background-color: #fff;
}
.ce_catalogFilterForm .ctlg_form_field .select.active .selected-option {
  background-color: #fff;
  z-index: 1000;
}
.ce_catalogFilterForm .ctlg_form_field .select.active .selected-option::after {
  background-image: url(/build/images/red_triangle_to_top.bbf7d489.svg);
}
.ce_catalogFilterForm .ctlg_form_field .select.isSet {
  background-color: #fff;
}
.ce_catalogFilterForm .ctlg_form_field .select.isSet .selected-option:after {
  display: none;
}
.ce_catalogFilterForm .ctlg_form_field .select.isSet .reset {
  position: absolute;
  right: 1em;
  top: 1em;
  color: var(--color-main);
}
.ce_catalogFilterForm .ctlg_form_field .select.isSet .reset::after {
  content: "\f00d";
  font-family: var(--base-icon-font);
}
.ce_catalogFilterForm .ctlg_form_field .select .selected-option {
  position: relative;
  padding: 1em 2.5em 1em 1.5em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 549px) {
  .ce_catalogFilterForm .ctlg_form_field .select .selected-option {
    padding: 1.5em 2.5em 1.25em 1.5em;
  }
}
.ce_catalogFilterForm .ctlg_form_field .select .selected-option::after {
  right: 1em;
  content: "";
  background-image: url(/build/images/red_triangle_to_bottom.0b7957e3.svg);
  display: block;
  width: 8px;
  height: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.ce_catalogFilterForm .ctlg_form_field .select .overlay-dropdown {
  position: absolute;
  background-color: #fff;
  bottom: calc(var(--gap-sm) * -1);
  left: -1px;
  z-index: 999;
  box-sizing: border-box;
  box-shadow: var(--base-shadow);
  padding-top: var(--text-padding);
  padding-bottom: var(--text-padding);
  border: 1px solid var(--color-gray-86);
  transform: translateY(100%);
}
.ce_catalogFilterForm .ctlg_form_field .select .overlay-dropdown.has-subgroup {
  display: flex;
  min-width: calc(100% + 2px);
}
@media only screen and (max-width: 1023px) {
  .ce_catalogFilterForm .ctlg_form_field .select .overlay-dropdown.has-subgroup {
    flex-wrap: wrap;
  }
}
.ce_catalogFilterForm .ctlg_form_field .select .overlay-dropdown.hidden {
  display: none;
}
.ce_catalogFilterForm .ctlg_form_field .select .overlay-dropdown:not(.has-subgroup),
.ce_catalogFilterForm .ctlg_form_field .select .overlay-dropdown .subgroup {
  min-width: 16.875rem;
  padding-left: var(--text-padding);
  padding-right: var(--text-padding);
}
.ce_catalogFilterForm .ctlg_form_field .select .overlay-dropdown:not(.has-subgroup) + .subgroup,
.ce_catalogFilterForm .ctlg_form_field .select .overlay-dropdown .subgroup + .subgroup {
  border-left: 1px solid var(--color-gray-86);
}
@media only screen and (max-width: 1023px) {
  .ce_catalogFilterForm .ctlg_form_field .select .overlay-dropdown:not(.has-subgroup) + .subgroup,
  .ce_catalogFilterForm .ctlg_form_field .select .overlay-dropdown .subgroup + .subgroup {
    border-left: 0;
    margin-top: 2em;
  }
}
.ce_catalogFilterForm .ctlg_form_field .select .overlay-dropdown .subgroup {
  display: none;
}
.ce_catalogFilterForm .ctlg_form_field .select .overlay-dropdown .subgroup[data-children="1"] {
  display: block;
}
.ce_catalogFilterForm .ctlg_form_field .select .overlay-dropdown .headline {
  color: var(--color-gray-24);
  margin-bottom: var(--heading-margin-bottom);
  display: block;
}
.ce_catalogFilterForm .ctlg_form_field .select .overlay-dropdown .option {
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-gray-24);
  line-height: 1.6rem;
}
.ce_catalogFilterForm .ctlg_form_field .select .overlay-dropdown .option:hover, .ce_catalogFilterForm .ctlg_form_field .select .overlay-dropdown .option.selected {
  color: var(--color-main);
}
.ce_catalogFilterForm .ctlg_form_field .select .overlay-dropdown .option[data-count="0"] {
  display: none;
}
@media only screen and (max-width: 1399px) {
  .ce_catalogFilterForm .ctlg_form_field:nth-child(n+4) .select .overlay-dropdown {
    right: -1px;
    left: auto;
  }
}
.ce_catalogFilterForm .ctlg_form_field:nth-child(n+5) .select .overlay-dropdown {
  right: -1px;
  left: auto;
}
@media only screen and (max-width: 1399px) {
  .ce_catalogFilterForm .ctlg_form_field:nth-child(n+5) .select .overlay-dropdown {
    right: auto;
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .ce_catalogFilterForm .ctlg_form_field:nth-child(even) .select .overlay-dropdown {
    left: -1px;
    right: auto;
  }
}
@media only screen and (max-width: 767px) {
  .ce_catalogFilterForm .ctlg_form_field:nth-child(odd) .select .overlay-dropdown {
    right: -1px;
    left: auto;
  }
}
.ce_catalogFilterForm.-short .learn-more {
  background-color: transparent;
}
.ce_catalogFilterForm .learn-more {
  margin-top: 2em;
  padding: 2em 4em 2em 2em;
  position: relative;
  background-color: var(--color-gray-93);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .ce_catalogFilterForm .learn-more {
    flex-wrap: wrap;
  }
  .ce_catalogFilterForm .learn-more > div {
    flex-basis: 100%;
  }
  .ce_catalogFilterForm .learn-more .-button a {
    margin-top: 1em;
  }
}
.ce_catalogFilterForm .learn-more .-button a {
  background-color: var(--color-main);
}
.ce_catalogFilterForm .learn-more .-button a::after {
  background-color: var(--color-main);
}
.ce_catalogFilterForm .learn-more .-button a:hover {
  background-color: var(--color-gray-24);
}
.ce_catalogFilterForm .learn-more .-button a:hover::after {
  background-color: var(--color-gray-24);
}

.ce_catalogFilterForm.-short .widget,
.ce_catalogFilterForm.-short .select_form_field {
  width: calc(25% - var(--gap-sm));
}
@media only screen and (max-width: 1023px) {
  .ce_catalogFilterForm.-short .widget,
  .ce_catalogFilterForm.-short .select_form_field {
    width: calc(50% - var(--gap-sm));
  }
}
@media only screen and (max-width: 549px) {
  .ce_catalogFilterForm.-short .widget,
  .ce_catalogFilterForm.-short .select_form_field {
    width: calc(100% - var(--gap-sm));
  }
}
.ce_catalogFilterForm.-short input {
  border-color: transparent;
  transition: border-color 0.3s ease-in-out 0s;
}
.ce_catalogFilterForm.-short input:focus, .ce_catalogFilterForm.-short input:hover {
  border-color: var(--color-gray-24);
}

.tooltipster-shadow {
  padding-bottom: 16.6690442225px;
}
.tooltipster-shadow .tooltipster-box::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-top-color: #fff;
  transition: border-color 0.3s ease-in-out 0s;
  content: "";
  border-width: 16.6690442225px 7.5px 0 7.5px;
  position: absolute;
  bottom: 1px;
  left: 50%;
  transform: translate(-50%, 100%);
}
.tooltipster-shadow .tooltipster-box {
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2) !important;
  background-color: #fff;
  border-radius: 0 !important;
  position: relative;
}
.tooltipster-shadow.tooltipster-follower .tooltipster-box {
  padding: 1em;
}

.quote {
  overflow: visible;
  background-color: white;
}
.quote .text-wrapper {
  position: relative;
  padding-top: calc(var(--base-spacing) * 1);
  padding-right: calc(var(--base-spacing) * 1);
  padding-bottom: calc(var(--base-spacing) * 1);
  padding-left: calc(var(--base-spacing) * 1);
}
.quote .text-wrapper p:not(:last-child) {
  font-weight: 700;
  text-transform: unset;
  font-size: calc(1.0625rem + 0.75vw);
  line-height: 1.2em;
}
@media only screen and (min-width: 1023px) {
  .quote .text-wrapper {
    padding-top: calc(var(--base-spacing) * 1.5);
    padding-bottom: calc(var(--base-spacing) * 1.5);
    padding-left: calc(64px + 16 * (min(100vw, 1920px) - 360px) / (1920 - 360));
  }
}
@media only screen and (min-width: 1023px) and (max-width: 360px) {
  .quote .text-wrapper {
    padding-left: 64px;
  }
}
@media only screen and (min-width: 1023px) and (min-width: 1920px) {
  .quote .text-wrapper {
    padding-left: 80px;
  }
}
.quote .text-wrapper::after {
  content: "";
  background-image: url(/build/images/icon_big_quotation_mark.10ad7989.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  height: calc(80px + 30 * (min(100vw, 992px) - 360px) / (992 - 360));
  width: calc(80px + 30 * (min(100vw, 992px) - 360px) / (992 - 360));
  left: -1.5rem;
  top: 0;
}
@media (max-width: 360px) {
  .quote .text-wrapper::after {
    height: 80px;
  }
}
@media (min-width: 992px) {
  .quote .text-wrapper::after {
    height: 110px;
  }
}
@media (max-width: 360px) {
  .quote .text-wrapper::after {
    width: 80px;
  }
}
@media (min-width: 992px) {
  .quote .text-wrapper::after {
    width: 110px;
  }
}
.quote .image_container {
  position: relative;
}
.quote .image_container img {
  width: 100%;
}
@media only screen and (max-width: 1023px) {
  .quote .image_container img {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%);
  }
}
@media only screen and (min-width: 1023px) {
  .quote .image_container {
    min-width: 40%;
    overflow: hidden;
  }
  .quote .image_container img {
    height: 100%;
    object-fit: cover;
  }
  .quote .image_container::before {
    content: "";
    height: 15rem;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    transform: rotateY(180deg) rotateX(180deg) translateX(50%);
    aspect-ratio: var(--triangle-ratio);
  }
}
@media only screen and (max-width: 1023px) {
  .quote .image_container::after {
    content: "";
    background-image: url(/build/images/icon_big_quotation_mark.10ad7989.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: -1rem;
    transform: translateX(-20%);
    height: calc(80px + 30 * (min(100vw, 992px) - 360px) / (992 - 360));
    width: calc(80px + 30 * (min(100vw, 992px) - 360px) / (992 - 360));
  }
}
@media only screen and (max-width: 1023px) and (max-width: 360px) {
  .quote .image_container::after {
    height: 80px;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 992px) {
  .quote .image_container::after {
    height: 110px;
  }
}
@media only screen and (max-width: 1023px) and (max-width: 360px) {
  .quote .image_container::after {
    width: 80px;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 992px) {
  .quote .image_container::after {
    width: 110px;
  }
}
@media only screen and (max-width: 1023px) {
  .quote .image_container + .text-wrapper::after {
    content: unset;
  }
}
@media only screen and (min-width: 1023px) {
  .quote .image_container + .text-wrapper {
    padding-right: unset;
  }
}
@media only screen and (min-width: 1023px) {
  .quote {
    display: flex;
    flex-direction: row-reverse;
  }
}
.quote.red .image_container::after {
  background-image: url(/build/images/icon_big_quotation_mark-red.a1cc6d59.svg);
}
.quote.red .text-wrapper::after {
  background-image: url(/build/images/icon_big_quotation_mark-red.a1cc6d59.svg);
}
.quote.blue .image_container::after {
  background-image: url(/build/images/icon_big_quotation_mark-blue.c8d976df.svg);
}
.quote.blue .text-wrapper::after {
  background-image: url(/build/images/icon_big_quotation_mark-blue.c8d976df.svg);
}
.quote .image_container::before {
  background-color: white;
}
.quote.bg-gray {
  background-color: var(--color-gray-93);
}
.quote.bg-gray .image_container::before {
  background-color: var(--color-gray-93);
}
.quote.bg-dark-gray {
  background-color: var(--color-gray-24);
  color: white;
}
.quote.bg-dark-gray .image_container::before {
  background-color: var(--color-gray-24);
}

@media only screen and (min-width: 1023px) {
  .ce_product_overview.below .media-wrapper {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
  }
  .ce_product_overview.below .media-wrapper > * {
    position: absolute;
    top: 0;
  }
}
@media only screen and (min-width: 1023px) {
  .ce_product_overview.next_to .product_overview-wrapper {
    flex-direction: row;
  }
  .ce_product_overview.next_to .product_overview-wrapper > * {
    flex-basis: 50%;
  }
}
.ce_product_overview .product_overview-wrapper {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.ce_product_overview .product_overview-wrapper .text-background-container {
  background: var(--color-gray-93);
}
.ce_product_overview .media-wrapper * {
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 1023px) {
  .ce_product_overview .media-wrapper {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
  }
  .ce_product_overview .media-wrapper > * {
    position: absolute;
    top: 0;
  }
}
.ce_product_overview .media-wrapper .video-wrapper {
  cursor: pointer;
}
.ce_product_overview .media-wrapper .video-wrapper::before {
  content: "";
  cursor: pointer;
  width: 91px;
  height: 91px;
  background-repeat: no-repeat;
  background-image: url(/build/images/play_button_red.ebc6c7de.svg);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease-in-out 0s;
}
.ce_product_overview .media-wrapper .video-wrapper:hover::before {
  opacity: 0.75;
  cursor: pointer;
}
.ce_product_overview .media-wrapper .video-wrapper.playing::before {
  background-image: url(/build/images/pause_button_red.7a173df0.svg);
  opacity: 0;
}
.ce_product_overview .media-wrapper .video-wrapper.playing:hover::before {
  opacity: 1;
}
.ce_product_overview .media-wrapper video {
  display: flex;
}
.ce_product_overview .media-wrapper img {
  width: 100%;
  height: 100%;
  max-height: 55vh;
  object-fit: cover;
}
.ce_product_overview .text-container {
  background-color: #fff;
  padding: calc(var(--base-spacing) * 0.5);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: start;
}
.ce_product_overview .text-container h4 {
  font-weight: 800;
}
.ce_product_overview .text-container .text-wrapper {
  background-color: var(--color-gray-93);
  padding: 0.9rem calc(var(--base-spacing) / 2);
  margin-bottom: 1.75rem;
  margin-top: auto;
}
.ce_product_overview .text-container .text-wrapper p {
  font-weight: 400;
  position: relative;
}
.ce_product_overview .text-container .text-wrapper p::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-left-color: var(--color-main);
  transition: border-color 0.3s ease-in-out 0s;
  content: "";
  border-width: 9px 0 9px 20.002853067px;
  position: absolute;
  left: calc(var(--base-spacing) * -1 / 2);
  top: 3px;
}
.ce_product_overview .text-container a.product-link {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}
.ce_product_overview .ce_table.product_overview-table table {
  margin-bottom: 1.25rem;
  border-collapse: collapse;
  min-width: unset;
}
.ce_product_overview .ce_table.product_overview-table table tr {
  background-color: transparent;
}
.ce_product_overview .ce_table.product_overview-table table tr:not(:last-child) {
  border-bottom: 1px solid var(--color-gray-93);
}
.ce_product_overview .ce_table.product_overview-table table tr td {
  border-collapse: collapse;
  padding-left: 0;
}
.ce_product_overview .ce_table.product_overview-table table tr td:first-child {
  font-weight: 700;
}
.ce_product_overview .ce_table.product_overview-table table tr td:last-child {
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .ce_product_overview .ce_table.product_overview-table table tbody,
  .ce_product_overview .ce_table.product_overview-table table tr {
    display: flex;
    flex-direction: column;
  }
}

/**
Suche
**/
/* Suche overlay ---------------------------------------------------------- */
#header .header__search {
  position: relative;
}
#header .header__search form {
  position: absolute;
  z-index: 21;
  left: -100px;
  width: 300px;
  top: 50%;
  display: none;
}
#header .header__search form .widget-text {
  width: 100%;
}
#header .header__search form .widget-text input {
  background-image: none;
  padding-left: 1.5em;
}
#header .header__search form ::-moz-selection,
#header .header__search form ::selection {
  background-color: var(--color-secondary);
  color: #fff;
}

.mod_grouped_search input.text,
.mod_search input.text {
  background-color: #fff;
  line-height: normal;
  color: var(--color-text);
  font-weight: 300;
}
.mod_grouped_search input.text::placeholder,
.mod_search input.text::placeholder {
  font: inherit;
  color: inherit;
}
.mod_grouped_search .widget-submit,
.mod_search .widget-submit {
  display: flex;
  align-content: center;
  position: absolute;
  right: 0;
  height: 100%;
}
.mod_grouped_search .widget-submit button,
.mod_search .widget-submit button {
  width: 30px;
  margin: 0;
  padding: 0;
  padding-right: 5px;
  color: var(--color-text);
}
.mod_grouped_search .widget-submit button i,
.mod_search .widget-submit button i {
  font-weight: 700;
}
.mod_grouped_search .widget-submit button::after,
.mod_search .widget-submit button::after {
  display: none;
}
#header .mod_grouped_search .widget-submit button span,
#header .mod_search .widget-submit button span {
  display: none;
}

.mod_search .submit:hover {
  color: var(--color-secondary);
}

#main .mod_grouped_search .widget-text,
#main .mod_search .widget-text {
  width: 100%;
}
#main .mod_grouped_search .widget-text input,
#main .mod_search .widget-text input {
  font-size: 1.25rem;
}
#main .mod_grouped_search .widget-submit button,
#main .mod_search .widget-submit button {
  color: #fff;
  width: auto;
  padding-inline: 1em;
}
#main .mod_grouped_search .widget-submit button i,
#main .mod_search .widget-submit button i {
  display: none;
}
#main .mod_grouped_search mark.highlight,
#main .mod_search mark.highlight {
  color: var(--color-secondary);
  background-color: transparent;
}
#main .mod_grouped_search .context,
#main .mod_search .context {
  color: var(--color-text);
}
#main .mod_grouped_search .row div.glider-slide:hover img,
#main .mod_search .row div.glider-slide:hover img {
  transform: scale(1.05, 1.05);
}
#main .mod_grouped_search .image_container,
#main .mod_search .image_container {
  overflow: hidden;
}
#main .mod_grouped_search .image_container img,
#main .mod_search .image_container img {
  transition: transform 0.3s ease-in-out 0s;
}
#main .mod_grouped_search .url,
#main .mod_search .url {
  margin-top: 1em;
  color: var(--color-gray-71);
  word-break: break-all;
}
#main .mod_grouped_search .url:hover,
#main .mod_search .url:hover {
  color: var(--color-secondary);
}
#main .mod_grouped_search .formbody,
#main .mod_search .formbody {
  margin-bottom: 2em;
  justify-content: flex-start;
  position: relative;
}
#main .mod_grouped_search > div,
#main .mod_search > div {
  margin-top: 2.5em;
}
#main .mod_grouped_search .group > div,
#main .mod_search .group > div {
  margin-top: 2.5em;
}

#header #search-close {
  display: none;
}
#header #search-close::after {
  right: 40px;
  position: fixed;
  color: #fff;
  top: 40px;
  font: 2em "Black Tie";
  content: "\f00c";
  font-weight: 600;
  z-index: 2;
}

/**
Slider
**/
/* Slider --------------------------------------------------------------------------------------------- */
.swiper-1,
.swiper-2 {
  position: relative;
}
.swiper-1 .swiper-wrapper,
.swiper-2 .swiper-wrapper {
  height: auto;
}
.swiper-1 .swiper-slide,
.swiper-2 .swiper-slide {
  height: inherit;
}

.swiper-wrapper .swiper-button-next,
.swiper-wrapper .swiper-button-prev,
#wrapper .glider-arrow {
  position: absolute;
  top: 50%;
  padding: 0;
  margin: 0;
  background: none;
}
.swiper-wrapper .swiper-button-next.disabled,
.swiper-wrapper .swiper-button-prev.disabled,
#wrapper .glider-arrow.disabled {
  display: none;
}
.swiper-wrapper .swiper-button-next::after,
.swiper-wrapper .swiper-button-prev::after,
#wrapper .glider-arrow::after {
  display: none;
}
@media only screen and (max-width: 1500px) {
  .swiper-wrapper .swiper-button-next,
  .swiper-wrapper .swiper-button-prev,
  #wrapper .glider-arrow {
    display: none;
  }
}

.swiper-button-prev,
.glider-prev {
  z-index: 10;
  position: absolute;
  top: 50%;
  left: -2.5rem;
  transform: translate(-70%, -50%);
}
.swiper-button-prev::before,
.glider-prev::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-right-color: var(--color-main);
  transition: border-color 0.3s ease-in-out 0s;
  content: "";
  border-width: 0.9rem 2.0002853067rem 0.9rem 0;
}
.landingpage-dark .swiper-button-prev::before,
.landingpage-dark .glider-prev::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-right-color: var(--color-secondary);
  transition: border-color 0.3s ease-in-out 0s;
  content: "";
  border-width: 0.9rem 2.0002853067rem 0.9rem 0;
}
.swiper-button-prev.swiper-button-disabled::before,
.glider-prev.swiper-button-disabled::before {
  border-right-color: var(--color-gray-86);
}
.swiper-button-prev:not(.swiper-button-disabled):hover,
.glider-prev:not(.swiper-button-disabled):hover {
  cursor: pointer;
  background: none;
}
.swiper-button-prev:not(.swiper-button-disabled):hover::before,
.glider-prev:not(.swiper-button-disabled):hover::before {
  border-right-color: var(--color-gray-24);
}

.glider {
  scrollbar-width: none;
}

.swiper-button-next,
.glider-next {
  top: 50%;
  z-index: 10;
  position: absolute;
  right: -2.5rem;
  transform: translate(70%, -50%);
}
.swiper-button-next::before,
.glider-next::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-left-color: var(--color-main);
  transition: border-color 0.3s ease-in-out 0s;
  content: "";
  border-width: 0.9rem 0 0.9rem 2.0002853067rem;
}
.landingpage-dark .swiper-button-next::before,
.landingpage-dark .glider-next::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-left-color: var(--color-secondary);
  transition: border-color 0.3s ease-in-out 0s;
  content: "";
  border-width: 0.9rem 0 0.9rem 2.0002853067rem;
}
.swiper-button-next.swiper-button-disabled::before,
.glider-next.swiper-button-disabled::before {
  border-left-color: var(--color-gray-86);
}
.swiper-button-next:not(.swiper-button-disabled):hover,
.glider-next:not(.swiper-button-disabled):hover {
  cursor: pointer;
  background: none;
}
.swiper-button-next:not(.swiper-button-disabled):hover::before,
.glider-next:not(.swiper-button-disabled):hover::before {
  border-left-color: var(--color-gray-24);
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none;
}

.swiper-pagination,
.glider-dots {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}
.swiper-pagination::after,
.glider-dots::after {
  content: "";
  margin-left: 8px;
  display: block;
  height: 1px;
  flex: 1 1 0;
  background-color: var(--color-text);
}
.swiper-pagination span::after,
.swiper-pagination button::after,
.glider-dots span::after,
.glider-dots button::after {
  display: none;
}
.swiper-pagination span,
.swiper-pagination button,
.glider-dots span,
.glider-dots button {
  position: relative;
  width: 12px;
  height: 12px;
  background-color: var(--color-gray-86);
  padding: 0;
  margin: 0;
  min-height: 0;
  transition: 0.3s;
  border-radius: unset;
}
.swiper-pagination span + span,
.swiper-pagination span + button,
.swiper-pagination button + span,
.swiper-pagination button + button,
.glider-dots span + span,
.glider-dots span + button,
.glider-dots button + span,
.glider-dots button + button {
  margin-left: 8px;
}
.swiper-pagination span.swiper-pagination-bullet-active, .swiper-pagination span.active, .swiper-pagination span:hover,
.swiper-pagination button.swiper-pagination-bullet-active,
.swiper-pagination button.active,
.swiper-pagination button:hover,
.glider-dots span.swiper-pagination-bullet-active,
.glider-dots span.active,
.glider-dots span:hover,
.glider-dots button.swiper-pagination-bullet-active,
.glider-dots button.active,
.glider-dots button:hover {
  background-color: var(--color-gray-24);
}

.glider-prev.disabled + .glider-next.disabled + .glider-dots {
  display: none;
}

.glider-slide {
  margin: var(--gap--half);
}

.swiper-pagination {
  margin-top: 4rem;
}

.swiper-overflow-wrapper {
  overflow: hidden;
}

.mod_newslist {
  overflow: visible;
}
@media only screen and (max-width: 767px) {
  .mod_newslist {
    overflow: visible;
    margin-right: calc(var(--base-spacing-mobile) * -1);
  }
}

.mod_newsreader .layout_full > .image_container img {
  width: 100%;
}
.mod_newsreader .info {
  font-size: calc(1.03125rem + 0.375vw);
  font-weight: 100;
  margin-top: 1.5em;
}
@media (min-width: 1200px) {
  .mod_newsreader .info {
    font-size: 1.3125rem;
  }
}
.mod_newsreader .main-container {
  font-size: calc(1.0125rem + 0.15vw);
  line-height: 1.6;
}
@media (min-width: 1200px) {
  .mod_newsreader .main-container {
    font-size: 1.125rem;
  }
}
.mod_newsreader .main-container .ce_text:first-child p:first-child::first-letter {
  float: left;
  font-size: calc(1.525rem + 6.3vw);
  line-height: 0.8;
  padding-right: 0.5rem;
  padding-top: 0.3rem;
}
@media (min-width: 1200px) {
  .mod_newsreader .main-container .ce_text:first-child p:first-child::first-letter {
    font-size: 6.25rem;
  }
}
.mod_newsreader .-button.back {
  margin-top: var(--base-spacing);
}

.social_feed_container:not(.glider),
.social_feed_container.glider .glider-track {
  margin: calc(var(--gap--half) * -1);
}

.social_feed_element {
  overflow: visible;
  color: var(--color-gray-24);
  width: calc(33.3333333333% - var(--gap));
  margin: var(--gap--half);
}
@media only screen and (max-width: 1023px) {
  .social_feed_element {
    width: calc(50% - var(--gap));
  }
}
@media only screen and (max-width: 767px) {
  .social_feed_element {
    width: calc(100% - var(--gap));
  }
}
.mod_article:not(.-backgroundGreyTriangles) .social_feed_element .inner {
  border: 1px solid var(--color-gray-93);
}
.social_feed_element .image_container {
  overflow: hidden;
}
.social_feed_element .image_container img {
  transition: transform 0.3s ease-in-out 0s;
}
.social_feed_element:hover .inner {
  border: none;
  cursor: pointer;
  box-shadow: 0 0 80px rgba(0, 0, 0, 0.2);
}
.social_feed_element:hover img {
  transform: scale(1.05, 1.05);
}
.social_feed_element.featured .highlight {
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--color-secondary);
  padding: 0.5em 2em 0.5em 1em;
  color: var(--color-text-inverted);
  z-index: 10;
  clip-path: polygon(100% 0, calc(100% - 1em) 100%, 0 100%, 0 0, 0 0);
}
.social_feed_element .inner {
  background: #fff;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .social_feed_element .inner {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
}
.social_feed_element .inner a {
  display: block;
  padding: 0;
}
.social_feed_element .inner > figure {
  padding: 0;
}
.social_feed_element .text-wrapper {
  padding: var(--text-padding);
}
.social_feed_element .ce_text {
  color: #333;
  margin: 0;
}
.social_feed_element .icon {
  position: static;
  text-indent: 0;
}
.social_feed_element .icon img {
  position: absolute;
  top: -20px;
  border-radius: 100%;
  max-width: 50px;
}
.social_feed_element .icon .image-wrapper:not(.loaded) {
  height: 0 !important;
}
.social_feed_element .info {
  font-weight: 300;
  letter-spacing: normal;
  display: flex;
  align-items: center;
}
.social_feed_element .info img {
  width: 15px;
}
.social_feed_element .title {
  margin: var(--heading-margin);
}
.social_feed_element i {
  border-right: var(--base-border);
  padding-right: 0.5em;
  margin-right: 0.5em;
}
.social_feed_element .image_container > a {
  padding: 0;
}
.social_feed_element a[data-fslightbox]::after {
  color: var(--color-gray-24);
  opacity: 0.9;
  font-size: calc(1.2rem + 2.4vw);
}
@media (min-width: 1200px) {
  .social_feed_element a[data-fslightbox]::after {
    font-size: 3rem;
  }
}

.ui-tabs-nav {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.ui-tabs-nav.anchor-nav a {
  margin-top: var(--gap-sm);
  padding: 10px 20px !important;
}
.ui-tabs-nav .ui-tabs-tab {
  margin-right: var(--gap-sm);
}
.ui-tabs-nav .ui-tabs-tab strong,
.ui-tabs-nav .ui-tabs-tab a {
  color: var(--color-text);
  padding: 20px 30px;
  background-color: var(--color-gray-93);
  display: block;
  font-weight: 700;
  border: 2px solid var(--color-gray-93);
}
.ui-tabs-nav .ui-tabs-tab.ui-state-active strong,
.ui-tabs-nav .ui-tabs-tab.ui-state-active a, .ui-tabs-nav .ui-tabs-tab:hover strong,
.ui-tabs-nav .ui-tabs-tab:hover a {
  background-color: #fff;
  color: var(--color-text);
}
@media only screen and (max-width: 549px) {
  .ui-tabs-nav .ui-tabs-tab {
    flex-basis: 100%;
  }
  .ui-tabs-nav .ui-tabs-tab + .ui-tabs-tab {
    margin-left: 0;
    margin-top: var(--gap-sm);
  }
}

.mod_mp_form_steps .ui-tabs-nav {
  width: 100%;
}
.mod_mp_form_steps .ui-tabs-nav .ui-tabs-tab {
  flex: 1;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .mod_mp_form_steps .ui-tabs-nav .ui-tabs-tab {
    flex-basis: 100%;
  }
}

/**
Tabellen
**/
/* Tabellen =================================================================================================== */
.ce_tabs:has(.product-table) {
  overflow: visible;
}

.product-table,
.ce_table {
  width: 100%;
  overflow-x: auto;
}
.product-table table,
.ce_table table {
  width: 100%;
  min-width: 600px;
}
.product-table .cell.header,
.product-table thead tr,
.ce_table .cell.header,
.ce_table thead tr {
  background-color: var(--color-gray-24);
  color: #fff;
  font-weight: 700;
  text-align: left;
}
.product-table .cell.odd:not(.header),
.product-table tbody tr:nth-child(even),
.product-table tbody tr.even,
.ce_table .cell.odd:not(.header),
.ce_table tbody tr:nth-child(even),
.ce_table tbody tr.even {
  background-color: var(--color-gray-93);
}
.product-table .cell.even:not(.header),
.product-table tbody tr:nth-child(odd),
.product-table tbody tr.odd,
.ce_table .cell.even:not(.header),
.ce_table tbody tr:nth-child(odd),
.ce_table tbody tr.odd {
  background-color: #fff;
}
.product-table .cell,
.product-table td,
.product-table th,
.ce_table .cell,
.ce_table td,
.ce_table th {
  padding: 0.3em 0.5em;
}

.product-table {
  display: grid;
  overflow: visible;
  box-sizing: border-box;
}
@media only screen and (max-width: 1199px) {
  .product-table {
    overflow: scroll;
    padding-left: 4em;
  }
}
.product-table .row {
  display: grid;
  grid-template-columns: 75px 250px 40px 40px 40px 100px 80px 80px 80px 1fr 1fr;
  gap: 0;
}
.product-table.hide-power-col .row {
  grid-template-columns: 75px 250px 40px 40px 40px 80px 80px 80px 1fr 1fr;
}
.product-table .type {
  position: relative;
}
.product-table .type:not(.header) {
  border: 3px solid var(--color-gray-24);
}
.product-table .type:not(.header)::before {
  content: attr(data-type-label);
  writing-mode: vertical-rl;
  background-color: var(--color-secondary);
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  transform: rotateZ(180deg) translateX(calc(100% + 3px));
  display: flex;
  justify-content: center;
  padding: 0.3em;
}
.product-table .type:not(.header) + .type {
  border-top: 0;
}
.product-table .body .row + .row {
  border-top: 1px solid #cacdcf;
}
.product-table .body .row .cell {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.product-table .body .row .cell + .cell {
  border-left: 2px solid #cacdcf;
}
.product-table .body .row .cell + .cell.small-border {
  border-width: 1px;
}
.product-table .body .row .cell:nth-child(2), .product-table .body .row .cell.row-header {
  font-weight: 700;
}
.product-table .body .row .cell .icon-col {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  height: 100%;
}
.product-table .body .row .cell .icon-col img {
  height: 12px;
  width: auto;
}
.product-table .body .row .cell.checked {
  background-color: #dadcde;
  display: block;
  width: 100%;
  height: 100%;
}
.product-table .body .row .cell img {
  max-width: 100px;
  max-height: 30px;
}
.product-table .body .row.is-new {
  background-color: #ddf1f6;
}
.product-table .body .row.is-new::after {
  content: attr(data-is-new-label);
  background-color: var(--color-secondary);
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  right: 0;
  transform: translateX(calc(100% + 3px));
  padding: 0.1em 0.3em;
  font-weight: 700;
  clip-path: var(--triangle-right);
  padding-right: 1em;
  z-index: 1;
}
.product-table .header .cell {
  background-color: transparent;
  color: var(--color-main);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-weight: 700;
  border: 0 !important;
  line-height: 1.2;
}
.product-table .header .cell:nth-child(3) span, .product-table .header .cell:nth-child(4) span, .product-table .header .cell:nth-child(5) span {
  position: relative;
  bottom: 5px;
  writing-mode: vertical-rl;
  max-height: 100px;
  transform: rotate(180deg);
}
.product-table.old {
  display: grid;
  grid-template-columns: 150px 140px 100px 250px 200px 1fr 1fr 1fr 90px;
}
.product-table.old.hide-power-col {
  grid-template-columns: 150px 140px 100px 250px 250px minmax(115px, 1fr) 1fr 90px;
}
html[lang=sv] .product-table.old .cell.header {
  hyphens: auto;
}
.product-table.old .row-header {
  font-weight: 700;
}
.product-table.old .cell {
  display: flex;
  align-items: center;
}
.product-table.old .cell.new-material {
  border-top: 1px solid var(--color-gray-24);
}
.product-table.old .cell:not(.header) + .cell:not(.header):not(.first) {
  border-left: 1px solid var(--color-gray-86);
}
.product-table.old img {
  width: auto;
  height: 30px;
}
.product-table.old .abrasion {
  display: flex;
}
.product-table.old .abrasion img {
  height: 15px;
}
.product-table.old .abrasion img + img {
  margin-left: 5px;
}

.timeline {
  position: relative;
}
@media only screen and (max-width: 600px) {
  .timeline {
    width: 90%;
  }
}
.timeline::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  height: 4px;
  width: 110vw;
  background-color: var(--color-secondary);
}
.timeline .swiper-slide {
  height: initial;
  justify-content: space-between;
}
.timeline .ce_text {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: visible;
  padding-top: 2.5rem;
  margin-top: 0;
}
.timeline .ce_text .text-wrapper {
  transition: 0.6s;
  padding-bottom: 1.7rem;
  order: 0;
}
.timeline .ce_text .text-wrapper p:not(:last-child) {
  margin-bottom: 0.5rem;
}
.timeline .ce_text .text-wrapper > *:first-child {
  font-size: calc(1.2rem + 2.4vw);
  margin-left: 1rem;
}
@media (min-width: 1200px) {
  .timeline .ce_text .text-wrapper > *:first-child {
    font-size: 3rem;
  }
}
.timeline .ce_text .text-wrapper > *:first-child::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: calc(2.4rem + 0.9em);
  width: 1px;
  background-color: var(--color-gray-24);
  z-index: -1;
}
.timeline .ce_text .image_container {
  transition: 0.6s;
  order: 1;
}
.timeline .ce_text .image_container img {
  width: 100%;
}
.timeline .ce_text:not(.swiper-slide-fully-visible):not(.swiper-slide-active) .text-wrapper {
  opacity: 0.1;
}
.timeline .ce_text:not(.swiper-slide-fully-visible):not(.swiper-slide-active) .image_container {
  opacity: 0.1;
}
.timeline .ce_text::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transform: translate(-50%, -50%);
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  background-color: var(--color-secondary);
}
.timeline .swiper-pagination::after {
  content: unset;
}

/**
Transitions
**/
/* Transitions =================================================================================================== */
a,
a::before,
a::after,
button,
a > span,
a > i,
.toggler,
.toggler::before,
a > strong {
  transition: color 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s, filter 0.3s ease-in-out 0s, font-weight 0.1s ease-in-out 0s;
}

svg {
  transition: fill 0.3s ease-in-out 0s;
}

polygon,
path {
  transition: fill 0.3s ease-in-out 0s, stroke 0.3s ease-in-out 0s;
}

circle,
line {
  transition: stroke 0.3s ease-in-out 0s;
}

a.cboxElement img {
  transition: opacity 0.3s ease-out;
}

#cboxPrevious::after,
#cboxNext::after {
  transition: opacity 0.3s ease-out;
}

#header a,
#header #logo,
#header #logo::before {
  transition: padding 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s;
}
#header img {
  transition: bottom 0.3s ease-in-out 0s;
}

.toggler::after,
.toggler-headline {
  transition: background-position 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s;
}

#location-map .marker,
#main-nav::before {
  transition: opacity 0.3s ease-in-out 0s;
}

#main-nav li.submenu > a::after {
  transition: transform 0.3s ease-in-out 0s;
}

#mobile-button .line,
.ce_catalogFilterForm .ctlg_form_field .select,
#wrapper .button a,
.slick-dots li::after {
  transition: background-color 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s;
}

.ctlg_teaser,
.ctlg_teaser .product-image::after {
  transition: background-color 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s;
}

#anchor-navigation,
.social_feed_element .inner,
.event {
  transition: box-shadow 0.3s ease-in-out 0s;
}

.video_container {
  margin: 0;
}
.video_container video {
  object-fit: cover;
}
.video_container iframe {
  border: none;
}
.video_container .video-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
#main .video_container .video-wrapper[controls]::before {
  content: "";
  width: 91px;
  height: 91px;
  background-image: url(/build/images/play_button.e033e7c2.svg);
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease-in-out 0s;
}
#main .video_container .video-wrapper[controls]:hover::before {
  opacity: 0.75;
  cursor: pointer;
}
#main .video_container .video-wrapper[controls].playing::before {
  display: none;
}

.-iconBox {
  background-color: var(--color-gray-93);
  text-align: center;
  padding: 3em;
  box-sizing: border-box;
  height: auto !important;
  align-self: stretch;
  border: 1px solid var(--color-gray-93);
}
.-iconBox .image_container img {
  max-width: 75px;
  margin-bottom: 2em;
  display: inline-block;
}
.-iconBox.ce_hyperlink {
  transition: background-color 0.3s ease-in-out 0s;
}
.-iconBox.ce_hyperlink img {
  margin-bottom: 0;
}
.-iconBox.ce_hyperlink .caption {
  font-style: normal;
  font-size: 1em;
  margin-top: 0;
}
.-iconBox.ce_hyperlink:hover {
  background-color: #fff;
  cursor: pointer;
}

#wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

#container {
  flex: 1 0 auto;
}

#news-about-section .inside {
  width: 72.666%;
}

@media only screen and (max-width: 767px) {
  body.-twoColumns .main-container.width {
    padding-left: 0;
    padding-right: 0;
  }
}

.mod_newsreader .main-container,
body.-twoColumns .main-container.width > .inside {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.mod_newsreader .main-container .width,
body.-twoColumns .main-container.width > .inside .width {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}
.mod_newsreader .main-container .left,
body.-twoColumns .main-container.width > .inside .left {
  width: 72.666%;
}
.mod_newsreader .main-container .left > .ce_hyperlink,
body.-twoColumns .main-container.width > .inside .left > .ce_hyperlink {
  margin-top: var(--base-margin-top);
}
.mod_newsreader .main-container .left > #seminar-form,
.mod_newsreader .main-container .left > .mod_mp_form_steps,
body.-twoColumns .main-container.width > .inside .left > #seminar-form,
body.-twoColumns .main-container.width > .inside .left > .mod_mp_form_steps {
  border-top: var(--base-border);
  margin-top: calc(var(--base-margin-top) * 1.5);
  padding-top: calc(var(--base-margin-top) * 1.5);
}
.mod_newsreader .main-container .left > #seminar-form form,
.mod_newsreader .main-container .left > .mod_mp_form_steps form,
body.-twoColumns .main-container.width > .inside .left > #seminar-form form,
body.-twoColumns .main-container.width > .inside .left > .mod_mp_form_steps form {
  margin: 0;
}
.mod_newsreader .main-container .right,
body.-twoColumns .main-container.width > .inside .right {
  width: 24.333%;
}
.mod_newsreader .main-container .right > div + div,
body.-twoColumns .main-container.width > .inside .right > div + div {
  border-top: var(--base-border);
  margin-top: calc(var(--base-margin-top) / 2);
  padding-top: calc(var(--base-margin-top) / 2);
}
@media only screen and (max-width: 1199px) {
  .mod_newsreader .main-container .left,
  body.-twoColumns .main-container.width > .inside .left {
    width: calc(66.6666666667% - var(--text-padding));
  }
  .mod_newsreader .main-container .right,
  body.-twoColumns .main-container.width > .inside .right {
    width: 33.3333333333%;
  }
}
@media only screen and (max-width: 1023px) {
  .mod_newsreader .main-container .left,
  body.-twoColumns .main-container.width > .inside .left {
    width: 100%;
  }
  .mod_newsreader .main-container .right,
  body.-twoColumns .main-container.width > .inside .right {
    width: 100%;
  }
}

.banner {
  position: relative;
}
.banner::after {
  content: "";
  display: block;
  background-color: var(--color-secondary);
  width: 100%;
  height: 0.75rem;
}
.banner .width {
  position: static;
}
.banner .ce_text {
  color: var(--color-text-inverted);
  padding: 7rem 0;
  position: relative;
}
@media only screen and (max-width: 549px) {
  .banner .ce_text {
    padding: 2rem 0;
  }
}
#container .banner .ce_text {
  margin-top: 0;
}
.banner .ce_text .text-wrapper {
  text-align: right;
}
@media only screen and (max-width: 549px) {
  .banner .ce_text .text-wrapper {
    text-align: left;
  }
}
.banner .ce_text .text-wrapper p {
  margin-bottom: 0;
}
.banner .ce_text .text-wrapper em {
  font-weight: 300;
  font-style: normal;
}
.banner .ce_text .text-wrapper a {
  text-transform: none;
  font-size: calc(1.03125rem + 0.375vw);
  line-height: 27px;
  letter-spacing: 0.01em;
  font-weight: 300;
}
@media (min-width: 1200px) {
  .banner .ce_text .text-wrapper a {
    font-size: 1.3125rem;
  }
}
.banner .ce_text .-button {
  margin-top: 0.2em;
}
.banner .ce_image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.banner .ce_image .image_container {
  height: 100%;
}
.banner .ce_image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.banner.-light .ce_text {
  color: var(--color-text);
}
.banner.-light .-button a {
  background-color: var(--color-main);
}
.banner.-light .-button a::after {
  background-color: var(--color-main);
}
.banner.-light .-button a:hover {
  background-color: var(--color-secondary);
}
.banner.-light .-button a:hover::after {
  background-color: var(--color-secondary);
}

#banner {
  position: relative;
}
#banner .block {
  overflow: visible;
}
body.-withBanner #banner .block__background {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 68%;
  z-index: 10;
  transform: skew(24deg);
  transform-origin: bottom;
  overflow: hidden;
  margin-top: -1px;
  margin-bottom: -1px;
}
body.-withBanner #banner .block__background::before {
  content: "";
  display: block;
  background: var(--color-gray-93) url(/build/images/background_triangles_grey.4dabdc88.svg) right top/cover no-repeat;
  position: absolute;
  inset: 0;
  transform: skew(-24deg);
  transform-origin: bottom;
}
@media only screen and (max-width: 1023px) {
  body.-withBanner #banner .block__background {
    width: 100%;
    transform: none;
    margin: 0;
  }
  body.-withBanner #banner .block__background::before {
    transform: none;
  }
}
body.-withBanner #banner .mod_breadcrumb {
  position: relative;
  z-index: 20;
}
body.-withBanner #banner .mod_breadcrumb .width {
  padding-top: 6.5rem;
}
#banner .mod_article > .width {
  position: static;
}
#banner .ce_text {
  max-width: 50%;
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 1023px) {
  #banner .ce_text {
    max-width: 100%;
  }
}
#banner .ce_image img {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 48%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  min-width: fit-content;
}
@media only screen and (max-width: 1023px) {
  #banner .ce_image img {
    display: none;
  }
}
body.-withFullscreenBanner #banner .ce_image {
  margin-top: 0;
}
body.-withFullscreenBanner #banner .ce_image img {
  position: static;
  width: 100%;
  display: block !important;
  object-fit: cover;
  object-position: top;
}
@media only screen and (min-width: 767px) {
  body.-withFullscreenBanner #banner .ce_image img {
    height: calc(100vh - 120px - 90px);
  }
}
body.-withFullscreenBanner #banner .ce_image::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(to top, rgb(255, 255, 255), rgba(255, 255, 255, 0) 60%);
}
body.-withFullscreenBanner.-whiteColor #banner .ce_image::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 60%);
}

.-bb * {
  box-sizing: border-box;
}

#main .ce_landing_page_product_data .-gridLayout + .-gridLayout, #main .ce_landing_page_product_data #kontakt.v2 + .-gridLayout, #main .ce_landing_page_product_data .-gridLayout + #kontakt.v2, #main .ce_landing_page_product_data #kontakt.v2 + #kontakt.v2 {
  margin-top: unset;
}

.landingpage-dark .-box, .landingpage .-box {
  box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.15);
}

.landingpage {
  font-size: calc(1.025rem + 0.3vw);
}
.landingpage .block {
  overflow: visible;
}
.landingpage .-box {
  padding: var(--text-padding);
  background-color: white;
}
.landingpage #container::before {
  content: "";
  height: 10px;
  width: 100%;
  background-color: var(--color-main);
  display: block;
}
.landingpage:not(.landingpage-dark, .landingpage-xelerion) h1, .landingpage:not(.landingpage-dark, .landingpage-xelerion) h2, .landingpage:not(.landingpage-dark, .landingpage-xelerion) h3, .landingpage:not(.landingpage-dark, .landingpage-xelerion) h4, .landingpage:not(.landingpage-dark, .landingpage-xelerion) h5, .landingpage:not(.landingpage-dark, .landingpage-xelerion) h6 {
  color: var(--color-gray-24);
}
.landingpage:not(.landingpage-dark, .landingpage-xelerion) .ce_text a {
  color: var(--color-main);
}
.landingpage:not(.landingpage-dark, .landingpage-xelerion) .ce_text a:hover {
  color: var(--color-secondary);
}
.landingpage:not(.landingpage-dark, .landingpage-xelerion) .ce_text .-button a {
  color: #fff;
}
.landingpage:not(.landingpage-dark, .landingpage-xelerion) .footer__line:last-child {
  background-color: var(--color-gray-93);
}
.landingpage:not(.landingpage-dark, .landingpage-xelerion) #footer .nav__socials a::after {
  color: var(--color-text);
}
.landingpage:not(.landingpage-dark, .landingpage-xelerion) #footer .nav__socials a:hover::after {
  color: var(--color-main);
}
.landingpage:not(.landingpage-dark, .landingpage-xelerion) .ce_form button, .landingpage:not(.landingpage-dark, .landingpage-xelerion) .ce_form button::after,
.landingpage:not(.landingpage-dark, .landingpage-xelerion) .-button a,
.landingpage:not(.landingpage-dark, .landingpage-xelerion) .-button a::after {
  background-color: var(--color-main);
}
.landingpage:not(.landingpage-dark, .landingpage-xelerion) .ce_form button:hover, .landingpage:not(.landingpage-dark, .landingpage-xelerion) .ce_form button:hover::after,
.landingpage:not(.landingpage-dark, .landingpage-xelerion) .-button a:hover,
.landingpage:not(.landingpage-dark, .landingpage-xelerion) .-button a:hover::after {
  background-color: var(--color-secondary);
}
.landingpage:not(.landingpage-dark, .landingpage-xelerion) #cboxOverlay {
  background-color: var(--color-main);
}
.landingpage .landingpage {
  font-size: calc(1.025rem + 0.3vw);
}
.landingpage .landingpage .quicklinks__menu {
  display: none;
}
.landingpage .landingpage .popup {
  display: none;
}
.landingpage .landingpage #cboxLoadedContent #container::before {
  display: none;
}
.landingpage .landingpage #cboxLoadedContent #popup {
  display: block;
}
.landingpage .landingpage #footer .width,
.landingpage .landingpage .mod_article:not(.-fullWidth) .width {
  max-width: calc(1500px + var(--base-spacing) * 2);
}
.landingpage .landingpage #footer .width,
.landingpage .landingpage .mod_article:not(.-noPadding) .width {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.landingpage .landingpage #container::before {
  content: "";
  height: 10px;
  width: 100%;
  background-color: var(--color-main);
  display: block;
}
@media (min-width: 1200px) {
  .landingpage .landingpage {
    font-size: 1.25rem;
  }
}
.landingpage .landingpage .-headingXL h1, .landingpage .landingpage .landingpage-xelerion .four-squared .inside h1, .landingpage-xelerion .four-squared .landingpage .landingpage .inside h1, .landingpage .landingpage .-headingXL h2, .landingpage .landingpage .landingpage-xelerion .four-squared .inside h2, .landingpage-xelerion .four-squared .landingpage .landingpage .inside h2, .landingpage .landingpage .-headingXL h3, .landingpage .landingpage .landingpage-xelerion .four-squared .inside h3, .landingpage-xelerion .four-squared .landingpage .landingpage .inside h3, .landingpage .landingpage .-headingXL h4, .landingpage .landingpage .landingpage-xelerion .four-squared .inside h4, .landingpage-xelerion .four-squared .landingpage .landingpage .inside h4, .landingpage .landingpage .-headingXL h5, .landingpage .landingpage .landingpage-xelerion .four-squared .inside h5, .landingpage-xelerion .four-squared .landingpage .landingpage .inside h5, .landingpage .landingpage .-headingXL h6, .landingpage .landingpage .landingpage-xelerion .four-squared .inside h6, .landingpage-xelerion .four-squared .landingpage .landingpage .inside h6 {
  font-size: calc(1.2rem + 2.4vw);
}
@media (min-width: 1200px) {
  .landingpage .landingpage .-headingXL h1, .landingpage .landingpage .landingpage-xelerion .four-squared .inside h1, .landingpage-xelerion .four-squared .landingpage .landingpage .inside h1, .landingpage .landingpage .-headingXL h2, .landingpage .landingpage .landingpage-xelerion .four-squared .inside h2, .landingpage-xelerion .four-squared .landingpage .landingpage .inside h2, .landingpage .landingpage .-headingXL h3, .landingpage .landingpage .landingpage-xelerion .four-squared .inside h3, .landingpage-xelerion .four-squared .landingpage .landingpage .inside h3, .landingpage .landingpage .-headingXL h4, .landingpage .landingpage .landingpage-xelerion .four-squared .inside h4, .landingpage-xelerion .four-squared .landingpage .landingpage .inside h4, .landingpage .landingpage .-headingXL h5, .landingpage .landingpage .landingpage-xelerion .four-squared .inside h5, .landingpage-xelerion .four-squared .landingpage .landingpage .inside h5, .landingpage .landingpage .-headingXL h6, .landingpage .landingpage .landingpage-xelerion .four-squared .inside h6, .landingpage-xelerion .four-squared .landingpage .landingpage .inside h6 {
    font-size: 3rem;
  }
}
.landingpage .landingpage header {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  top: 0;
}
.landingpage .landingpage header a {
  color: var(--color-text);
}
.landingpage .landingpage header a:hover {
  color: var(--color-secondary);
}
.landingpage .landingpage header .header-contact {
  margin-right: 2em;
}
.landingpage .landingpage header .header-contact .label {
  color: var(--color-secondary);
}
.landingpage .landingpage header .header-contact .text,
.landingpage .landingpage header .header-contact .label {
  display: none;
}
@media only screen and (min-width: 1023px) {
  .landingpage .landingpage header .header-contact .text,
  .landingpage .landingpage header .header-contact .label {
    display: inline;
  }
}
@media only screen and (min-width: 1023px) {
  .landingpage .landingpage header .header-contact .icon {
    display: none;
  }
}
.landingpage .landingpage header .changelanguage__toggler span {
  font-weight: 300;
  margin-left: 0.5em;
  transition: color 0.3s ease-in-out 0s;
  color: var(--color-text);
}
.landingpage .landingpage header .changelanguage__toggler span:hover {
  color: var(--color-main);
}
.landingpage .landingpage #main #banner {
  display: none;
}
.landingpage .landingpage #banner {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.landingpage .landingpage #banner .-headingXL h1, .landingpage .landingpage #banner .landingpage-xelerion .four-squared .inside h1, .landingpage-xelerion .four-squared .landingpage .landingpage #banner .inside h1, .landingpage .landingpage #banner .-headingXL h2, .landingpage .landingpage #banner .landingpage-xelerion .four-squared .inside h2, .landingpage-xelerion .four-squared .landingpage .landingpage #banner .inside h2, .landingpage .landingpage #banner .-headingXL h3, .landingpage .landingpage #banner .landingpage-xelerion .four-squared .inside h3, .landingpage-xelerion .four-squared .landingpage .landingpage #banner .inside h3, .landingpage .landingpage #banner .-headingXL h4, .landingpage .landingpage #banner .landingpage-xelerion .four-squared .inside h4, .landingpage-xelerion .four-squared .landingpage .landingpage #banner .inside h4, .landingpage .landingpage #banner .-headingXL h5, .landingpage .landingpage #banner .landingpage-xelerion .four-squared .inside h5, .landingpage-xelerion .four-squared .landingpage .landingpage #banner .inside h5, .landingpage .landingpage #banner .-headingXL h6, .landingpage .landingpage #banner .landingpage-xelerion .four-squared .inside h6, .landingpage-xelerion .four-squared .landingpage .landingpage #banner .inside h6 {
  font-size: calc(1.275rem + 3.3vw);
}
@media (min-width: 1200px) {
  .landingpage .landingpage #banner .-headingXL h1, .landingpage .landingpage #banner .landingpage-xelerion .four-squared .inside h1, .landingpage-xelerion .four-squared .landingpage .landingpage #banner .inside h1, .landingpage .landingpage #banner .-headingXL h2, .landingpage .landingpage #banner .landingpage-xelerion .four-squared .inside h2, .landingpage-xelerion .four-squared .landingpage .landingpage #banner .inside h2, .landingpage .landingpage #banner .-headingXL h3, .landingpage .landingpage #banner .landingpage-xelerion .four-squared .inside h3, .landingpage-xelerion .four-squared .landingpage .landingpage #banner .inside h3, .landingpage .landingpage #banner .-headingXL h4, .landingpage .landingpage #banner .landingpage-xelerion .four-squared .inside h4, .landingpage-xelerion .four-squared .landingpage .landingpage #banner .inside h4, .landingpage .landingpage #banner .-headingXL h5, .landingpage .landingpage #banner .landingpage-xelerion .four-squared .inside h5, .landingpage-xelerion .four-squared .landingpage .landingpage #banner .inside h5, .landingpage .landingpage #banner .-headingXL h6, .landingpage .landingpage #banner .landingpage-xelerion .four-squared .inside h6, .landingpage-xelerion .four-squared .landingpage .landingpage #banner .inside h6 {
    font-size: 3.75rem;
  }
}
.landingpage .landingpage #banner p {
  font-weight: 500;
}
.landingpage .landingpage #banner strong {
  color: var(--color-main);
}
.landingpage .landingpage #banner .-flex .-button {
  overflow: visible;
  text-align: center;
  width: 100%;
}
.landingpage .landingpage #banner .-flex .-button a {
  z-index: 2;
  width: 75%;
}
@media only screen and (min-width: 767px) {
  .landingpage .landingpage #banner .-flex .-button a {
    width: auto;
  }
}
.landingpage .landingpage #banner .-flex .-button a::after {
  display: none;
}
@media only screen and (min-width: 767px) {
  .landingpage .landingpage #banner .-flex .-button a::after {
    display: block;
  }
}
@media only screen and (min-width: 767px) {
  .landingpage .landingpage #banner .-flex .-button {
    width: auto;
  }
}
.landingpage .landingpage #banner .-flex .-button:last-child {
  margin-left: 0;
  margin-top: 1em;
}
@media only screen and (min-width: 767px) {
  .landingpage .landingpage #banner .-flex .-button:last-child {
    margin-left: 0.5em;
    margin-top: 0;
  }
}
.landingpage .landingpage #banner .-flex .-button:last-child a {
  background-color: #fff;
  color: #000;
}
.landingpage .landingpage #banner .-flex .-button:last-child a::after {
  background-color: #fff;
}
.landingpage .landingpage #banner .-flex .-button:last-child a::before {
  content: "\f144";
  font-weight: 700;
  font-family: var(--base-icon-font);
  font-size: 1.5em;
  margin-right: 0.5em;
}
.landingpage .landingpage #banner .-flex .-button:last-child a:hover {
  background-color: var(--color-main);
  color: #fff;
}
.landingpage .landingpage #banner .-flex .-button:last-child a:hover::after {
  background-color: var(--color-main);
}
.landingpage .landingpage #banner .-flex .-button:first-child {
  margin-right: 0;
}
@media only screen and (min-width: 767px) {
  .landingpage .landingpage #banner .-flex .-button:first-child {
    margin-right: 0.5em;
  }
}
.landingpage .landingpage #banner .-flex .-button:first-child a {
  background-color: var(--color-main);
  color: #fff;
}
.landingpage .landingpage #banner .-flex .-button:first-child a::after {
  right: auto;
  left: 0;
  transform: translateX(-50%);
  background-color: var(--color-main);
}
.landingpage .landingpage #banner .-flex .-button:first-child a:hover {
  background-color: #fff;
  color: #000;
}
.landingpage .landingpage #banner .-flex .-button:first-child a:hover::after {
  background-color: #fff;
}
.landingpage .landingpage #banner .image_container {
  max-width: 740px;
  margin-bottom: 3em;
}
.landingpage .landingpage #banner .text-wrapper {
  width: 100%;
}
.landingpage .landingpage #banner::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background-color: rgba(255, 255, 255, 0.7);
}
.landingpage .landingpage #banner .ce_player {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100vh;
}
.landingpage .landingpage #banner .ce_player .video_container {
  width: 100%;
  height: 100%;
}
.landingpage .landingpage #banner .ce_player .video_container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.landingpage .landingpage #banner .ce_text {
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.landingpage .landingpage #banner #scroll-to-main {
  background-image: url(/build/images/triangle_legend_gray.e3e484ac.svg);
  background-size: 100%;
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%) rotateZ(180deg);
  z-index: 10;
}
.landingpage .landingpage #footer::before {
  display: none;
}
.landingpage .landingpage .align-items-center {
  align-items: center;
}
.landingpage .landingpage .justify-content-center {
  justify-content: center;
}
.landingpage .landingpage .flex-wrap {
  flex-wrap: wrap;
}
.landingpage .landingpage .fact-teaser .inside {
  grid-gap: 0;
}
.landingpage .landingpage .fact-teaser .ce_text {
  flex-wrap: wrap;
  align-content: center;
  order: 2;
}
@media only screen and (min-width: 1023px) {
  .landingpage .landingpage .fact-teaser .ce_text {
    order: unset;
  }
}
.landingpage .landingpage .fact-teaser .ce_text > div {
  flex-basis: 100%;
  text-align: center;
  margin-top: 2em;
  margin-bottom: 2em;
}
@media only screen and (min-width: 1023px) {
  .landingpage .landingpage .fact-teaser .ce_text > div {
    margin-top: 1em;
    margin-bottom: 1em;
  }
}
.landingpage .landingpage .fact-teaser .ce_text > div p {
  font-weight: 400;
  font-size: 1.3rem;
}
.landingpage .landingpage .fact-teaser .ce_image {
  order: 1;
}
@media only screen and (min-width: 1023px) {
  .landingpage .landingpage .fact-teaser .ce_image {
    order: unset;
  }
}
.landingpage .landingpage .fact-teaser .ce_image .image_container img {
  width: 100%;
  max-height: 500px;
  object-fit: cover;
}
.landingpage .landingpage .ce_text p + h1,
.landingpage .landingpage .ce_text p + .h1,
.landingpage .landingpage .ce_text p + h2,
.landingpage .landingpage .ce_text p + .h2 {
  margin-top: -1rem;
}
.landingpage .landingpage .mod_article .-gridLayout + .-gridLayout, .landingpage .landingpage .mod_article #kontakt.v2 + .-gridLayout, .landingpage .landingpage .mod_article .-gridLayout + #kontakt.v2, .landingpage .landingpage .mod_article #kontakt.v2 + #kontakt.v2 {
  margin-top: 6rem;
}
.landingpage .landingpage h1, .landingpage .landingpage h2, .landingpage .landingpage h3, .landingpage .landingpage h4, .landingpage .landingpage h5, .landingpage .landingpage h6 {
  color: #000;
}
.landingpage .landingpage .ce_landing_page_product_data {
  margin-top: 6rem !important;
}
.landingpage .landingpage .ce_landing_page_product_data .graintechnology {
  color: var(--color-secondary);
}
.landingpage .landingpage .ce_landing_page_product_data .grain-box-wrapper {
  display: flex;
  gap: 1em;
}
.landingpage .landingpage .ce_landing_page_product_data .grain-box {
  width: 1.8125rem;
  height: 1.8125rem;
  background-color: var(--color-gray-93);
}
.landingpage .landingpage .ce_landing_page_product_data .grain-box + span {
  width: 1.8125rem;
  text-align: center;
  display: block;
  margin-top: 10px;
  font-size: 0.6875rem;
}
.landingpage .landingpage .ce_landing_page_product_data .downloads,
.landingpage .landingpage .ce_landing_page_product_data .group + .group {
  margin-top: 40px;
  border-top: 1px solid #fff;
  padding-top: 40px;
}
.landingpage .landingpage .ce_landing_page_product_data .downloads {
  margin-bottom: 60px;
}
.landingpage .landingpage .ce_landing_page_product_data .download {
  display: flex;
  color: #fff;
}
.landingpage .landingpage .ce_landing_page_product_data .download::before {
  display: none;
}
.landingpage .landingpage .ce_landing_page_product_data .download .size {
  opacity: 0.4;
}
.landingpage .landingpage .ce_landing_page_product_data .download .download-button {
  background-color: var(--color-gray-24);
  width: 60px;
  height: 60px;
  display: flex;
  margin-right: 10px;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s ease-in-out 0s;
}
.landingpage .landingpage .ce_landing_page_product_data .download .download-button::before {
  content: "";
  background-image: url(/build/images/icon-download.1ecbf2bf.svg);
  display: block;
  width: 25px;
  height: 25px;
  background-size: contain;
  background-repeat: no-repeat;
}
.landingpage .landingpage .ce_landing_page_product_data .download:hover {
  color: var(--color-secondary);
}
.landingpage .landingpage .ce_landing_page_product_data .download:hover .download-button {
  background-color: var(--color-secondary);
}
.landingpage .landingpage .ce_landing_page_product_data .download + .download {
  margin-top: 15px;
}
.landingpage .landingpage .ce_landing_page_product_data .legend {
  font-size: 1rem;
  margin-bottom: 0.25em;
}
.landingpage .landingpage .ce_landing_page_product_data div + .legend {
  margin-top: 15px;
}
.landingpage .landingpage .ce_landing_page_product_data .group .image_container {
  max-width: 90px;
}
.landingpage .landingpage .ce_landing_page_product_data .group .other .image_container {
  max-width: 130px;
}
.landingpage .landingpage .ce_landing_page_product_data .caption {
  font-size: 1rem;
}
@media only screen and (min-width: 1023px) {
  .landingpage .landingpage .ce_landing_page_product_data .product_image .image_container {
    justify-content: center;
  }
}
.landingpage .landingpage .ce_landing_page_product_data .icons img {
  height: 75px;
}
.landingpage .landingpage .ce_page_teasers_element:not(.-highlights) {
  overflow: visible;
}
.landingpage .landingpage .ce_page_teasers_element:not(.-highlights) .text-wrapper {
  position: static;
  display: block;
}
.landingpage .landingpage .ce_page_teasers_element:not(.-highlights) .text-wrapper h4 {
  color: #fff;
}
.landingpage .landingpage .ce_page_teasers_element:not(.-highlights) .text-wrapper::after {
  display: none;
}
.landingpage .landingpage .ce_page_teasers_element:not(.-highlights) li > a::after {
  display: none;
}
.landingpage .landingpage .ce_page_teasers_element:not(.-highlights) .image_container {
  overflow: visible;
}
.landingpage .landingpage .ce_form .widget-explanation {
  display: none;
}
.landingpage .landingpage .footer__line:first-child .width {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.landingpage .landingpage #footer-nav ul {
  padding-top: 0;
  padding-bottom: 0;
}
.landingpage .landingpage .footer__copyright,
.landingpage .landingpage #footer-nav a {
  color: #565656;
  font-size: calc(1.025rem + 0.3vw);
  text-transform: none;
}
@media (min-width: 1200px) {
  .landingpage .landingpage .footer__copyright,
  .landingpage .landingpage #footer-nav a {
    font-size: 1.25rem;
  }
}
.landingpage .landingpage .footer__copyright {
  margin-left: 0;
  margin-top: 1em;
}
@media only screen and (min-width: 1199px) {
  .landingpage .landingpage .footer__copyright {
    margin-left: var(--base-margin-top);
    margin-top: 0;
  }
}
.landingpage .landingpage .footer__line:last-child .footer__logo {
  display: block;
}
.landingpage .landingpage #footer .footer__line:first-child .mod_customnav {
  margin-top: 2em;
}
@media only screen and (min-width: 1199px) {
  .landingpage .landingpage #footer .footer__line:first-child .mod_customnav {
    margin-top: 0;
  }
}
.landingpage .landingpage #footer .footer__line:last-child .nav__socials {
  margin-right: auto;
  order: 3;
  margin-top: 2em;
}
@media only screen and (min-width: 1199px) {
  .landingpage .landingpage #footer .footer__line:last-child .nav__socials {
    margin-right: 0;
    margin-top: 0;
  }
}
.landingpage .landingpage .footer__line:first-child .mod_customnav a::after {
  font-size: calc(1.15rem + 1.8vw);
}
@media (min-width: 1200px) {
  .landingpage .landingpage .footer__line:first-child .mod_customnav a::after {
    font-size: 2.5rem;
  }
}
.landingpage .landingpage-dark .ce_accordion {
  border-color: var(--color-gray-24);
}
.landingpage .landingpage-dark .ce_accordion .toggler {
  background-color: var(--color-gray-24);
}
.landingpage .landingpage-dark .ce_accordion .toggler .accordion__headline {
  color: #fff;
}
.landingpage .landingpage-dark .ce_accordion .toggler .accordion__headline::after {
  border-top-color: #fff;
}
.landingpage .landingpage-dark .ce_accordion .toggler .accordion__subtitle {
  color: var(--color-gray-71);
}
.landingpage .landingpage-dark .ce_accordion .accordion {
  background-color: var(--color-gray-24);
}
.landingpage .landingpage-dark .ce_form label {
  color: var(--color-gray-71) !important;
}
.landingpage .landingpage-dark .ce_form .widget-checkbox label::before {
  background-color: #565656;
  border-color: #565656;
  color: #565656;
}
.landingpage .landingpage-dark .ce_form .widget-checkbox input:not(:checked) + label:hover::before {
  color: #fff;
}
.landingpage .landingpage-dark .ce_form input,
.landingpage .landingpage-dark .ce_form textarea,
.landingpage .landingpage-dark .ce_form .select,
.landingpage .landingpage-dark .ce_form select {
  background-color: #565656;
  border-color: #565656;
  color: #fff;
}
.landingpage .landingpage-dark .ce_form .widget-submit {
  margin-top: 50px;
}
.landingpage .landingpage-dark .ce_form .widget-submit button, .landingpage .landingpage-dark .ce_form .widget-submit button::after {
  background-color: var(--color-secondary);
}
.landingpage .landingpage-dark .ce_form .widget-submit button:hover, .landingpage .landingpage-dark .ce_form .widget-submit button:hover::after {
  background-color: var(--color-main);
}
.landingpage .landingpage-dark header a {
  color: var(--color-gray-93);
}
.landingpage .landingpage-dark header .changelanguage__toggler span {
  color: #fff;
}
.landingpage .landingpage-dark header .changelanguage__toggler svg line,
.landingpage .landingpage-dark header .changelanguage__toggler svg path,
.landingpage .landingpage-dark header .changelanguage__toggler svg circle {
  stroke: var(--color-gray-93);
}
.landingpage .landingpage-dark header .changelanguage__toggler:hover svg line,
.landingpage .landingpage-dark header .changelanguage__toggler:hover svg path,
.landingpage .landingpage-dark header .changelanguage__toggler:hover svg circle {
  stroke: var(--color-secondary);
}
.landingpage .landingpage-dark header .changelanguage__toggler:hover span {
  color: var(--color-secondary);
}
.landingpage .landingpage-dark #banner h1, .landingpage .landingpage-dark #banner h2, .landingpage .landingpage-dark #banner h3, .landingpage .landingpage-dark #banner h4, .landingpage .landingpage-dark #banner h5, .landingpage .landingpage-dark #banner h6, .landingpage .landingpage-dark #banner {
  color: #fff;
}
.landingpage .landingpage-dark #banner .-flex .-button:first-child a, .landingpage .landingpage-dark #banner .-flex .-button:first-child a::after {
  background-color: var(--color-secondary);
}
.landingpage .landingpage-dark #banner .-flex .-button:last-child a:hover, .landingpage .landingpage-dark #banner .-flex .-button:last-child a:hover::after {
  background-color: var(--color-secondary);
}
.landingpage .landingpage-dark #banner::after {
  background-color: rgba(0, 0, 0, 0.7);
}
.landingpage .landingpage-dark #banner #scroll-to-main {
  background-image: url(/build/images/triangle_legend_white.a68aafaf.svg);
}
.landingpage .landingpage-dark #container::before {
  content: "";
  height: 10px;
  width: 100%;
  background-color: var(--color-secondary);
  display: block;
}
.landingpage .landingpage-dark .ce_landing_page_product_data .graintechnology {
  color: var(--color-secondary);
}
.landingpage .landingpage-dark .ce_landing_page_product_data .grain-box {
  background-color: var(--color-gray-93);
}
.landingpage .landingpage-dark .ce_landing_page_product_data .downloads,
.landingpage .landingpage-dark .ce_landing_page_product_data .group + .group {
  border-color: #fff;
}
.landingpage .landingpage-dark .ce_landing_page_product_data .download {
  color: #fff;
}
.landingpage .landingpage-dark .ce_landing_page_product_data .download:hover {
  color: var(--color-secondary);
}
.landingpage .landingpage-dark .ce_landing_page_product_data .download:hover .download-button {
  background-color: var(--color-secondary);
}
.landingpage .landingpage-dark .ce_landing_page_product_data .icons.highlight {
  border: 0;
}
.landingpage .quicklinks__menu {
  display: none;
}
.landingpage .popup {
  display: none;
}
.landingpage #cboxLoadedContent #container::before {
  display: none;
}
.landingpage #cboxLoadedContent #popup {
  display: block;
}
.landingpage #footer .width,
.landingpage .mod_article:not(.-fullWidth) .width {
  max-width: calc(1500px + var(--base-spacing) * 2);
}
.landingpage #footer .width,
.landingpage .mod_article:not(.-noPadding):not(.-lessPadding) .width {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
@media (min-width: 1200px) {
  .landingpage {
    font-size: 1.25rem;
  }
}
.landingpage .-headingXL h1, .landingpage .landingpage-xelerion .four-squared .inside h1, .landingpage-xelerion .four-squared .landingpage .inside h1, .landingpage .-headingXL h2, .landingpage .landingpage-xelerion .four-squared .inside h2, .landingpage-xelerion .four-squared .landingpage .inside h2, .landingpage .-headingXL h3, .landingpage .landingpage-xelerion .four-squared .inside h3, .landingpage-xelerion .four-squared .landingpage .inside h3, .landingpage .-headingXL h4, .landingpage .landingpage-xelerion .four-squared .inside h4, .landingpage-xelerion .four-squared .landingpage .inside h4, .landingpage .-headingXL h5, .landingpage .landingpage-xelerion .four-squared .inside h5, .landingpage-xelerion .four-squared .landingpage .inside h5, .landingpage .-headingXL h6, .landingpage .landingpage-xelerion .four-squared .inside h6, .landingpage-xelerion .four-squared .landingpage .inside h6 {
  font-size: calc(1.2rem + 2.4vw);
}
@media (min-width: 1200px) {
  .landingpage .-headingXL h1, .landingpage .landingpage-xelerion .four-squared .inside h1, .landingpage-xelerion .four-squared .landingpage .inside h1, .landingpage .-headingXL h2, .landingpage .landingpage-xelerion .four-squared .inside h2, .landingpage-xelerion .four-squared .landingpage .inside h2, .landingpage .-headingXL h3, .landingpage .landingpage-xelerion .four-squared .inside h3, .landingpage-xelerion .four-squared .landingpage .inside h3, .landingpage .-headingXL h4, .landingpage .landingpage-xelerion .four-squared .inside h4, .landingpage-xelerion .four-squared .landingpage .inside h4, .landingpage .-headingXL h5, .landingpage .landingpage-xelerion .four-squared .inside h5, .landingpage-xelerion .four-squared .landingpage .inside h5, .landingpage .-headingXL h6, .landingpage .landingpage-xelerion .four-squared .inside h6, .landingpage-xelerion .four-squared .landingpage .inside h6 {
    font-size: 3rem;
  }
}
.landingpage header {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  top: 0;
}
.landingpage header a {
  color: var(--color-text);
}
.landingpage header a:hover {
  color: var(--color-main);
}
.landingpage header .header-contact {
  margin-right: 2em;
}
.landingpage header .header-contact .label {
  color: var(--color-main);
}
.landingpage header .header-contact .text,
.landingpage header .header-contact .label {
  display: none;
}
@media only screen and (min-width: 1023px) {
  .landingpage header .header-contact .text,
  .landingpage header .header-contact .label {
    display: inline;
  }
}
@media only screen and (min-width: 1023px) {
  .landingpage header .header-contact .icon {
    display: none;
  }
}
.landingpage header .changelanguage__toggler span {
  font-weight: 300;
  margin-left: 0.5em;
  transition: color 0.3s ease-in-out 0s;
  color: var(--color-text);
}
.landingpage header .changelanguage__toggler span:hover {
  color: var(--color-main);
}
.landingpage #main #banner {
  display: none;
}
.landingpage #banner {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.landingpage #banner .-headingXL h1, .landingpage #banner .landingpage-xelerion .four-squared .inside h1, .landingpage-xelerion .four-squared .landingpage #banner .inside h1, .landingpage #banner .-headingXL h2, .landingpage #banner .landingpage-xelerion .four-squared .inside h2, .landingpage-xelerion .four-squared .landingpage #banner .inside h2, .landingpage #banner .-headingXL h3, .landingpage #banner .landingpage-xelerion .four-squared .inside h3, .landingpage-xelerion .four-squared .landingpage #banner .inside h3, .landingpage #banner .-headingXL h4, .landingpage #banner .landingpage-xelerion .four-squared .inside h4, .landingpage-xelerion .four-squared .landingpage #banner .inside h4, .landingpage #banner .-headingXL h5, .landingpage #banner .landingpage-xelerion .four-squared .inside h5, .landingpage-xelerion .four-squared .landingpage #banner .inside h5, .landingpage #banner .-headingXL h6, .landingpage #banner .landingpage-xelerion .four-squared .inside h6, .landingpage-xelerion .four-squared .landingpage #banner .inside h6 {
  font-size: calc(1.275rem + 3.3vw);
}
@media (min-width: 1200px) {
  .landingpage #banner .-headingXL h1, .landingpage #banner .landingpage-xelerion .four-squared .inside h1, .landingpage-xelerion .four-squared .landingpage #banner .inside h1, .landingpage #banner .-headingXL h2, .landingpage #banner .landingpage-xelerion .four-squared .inside h2, .landingpage-xelerion .four-squared .landingpage #banner .inside h2, .landingpage #banner .-headingXL h3, .landingpage #banner .landingpage-xelerion .four-squared .inside h3, .landingpage-xelerion .four-squared .landingpage #banner .inside h3, .landingpage #banner .-headingXL h4, .landingpage #banner .landingpage-xelerion .four-squared .inside h4, .landingpage-xelerion .four-squared .landingpage #banner .inside h4, .landingpage #banner .-headingXL h5, .landingpage #banner .landingpage-xelerion .four-squared .inside h5, .landingpage-xelerion .four-squared .landingpage #banner .inside h5, .landingpage #banner .-headingXL h6, .landingpage #banner .landingpage-xelerion .four-squared .inside h6, .landingpage-xelerion .four-squared .landingpage #banner .inside h6 {
    font-size: 3.75rem;
  }
}
.landingpage #banner p {
  font-weight: 500;
}
.landingpage #banner strong {
  color: var(--color-main);
}
.landingpage #banner .-flex .-button {
  overflow: visible;
  text-align: center;
  width: 100%;
}
.landingpage #banner .-flex .-button a {
  z-index: 2;
  width: 75%;
}
@media only screen and (min-width: 767px) {
  .landingpage #banner .-flex .-button a {
    width: auto;
  }
}
.landingpage #banner .-flex .-button a::after {
  display: none;
}
@media only screen and (min-width: 767px) {
  .landingpage #banner .-flex .-button a::after {
    display: block;
  }
}
@media only screen and (min-width: 767px) {
  .landingpage #banner .-flex .-button {
    width: auto;
  }
}
.landingpage #banner .-flex .-button:last-child {
  margin-left: 0;
  margin-top: 1em;
}
@media only screen and (min-width: 767px) {
  .landingpage #banner .-flex .-button:last-child {
    margin-left: 0.5em;
    margin-top: 0;
  }
}
.landingpage #banner .-flex .-button:last-child a {
  background-color: #fff;
  color: #000;
}
.landingpage #banner .-flex .-button:last-child a::after {
  background-color: #fff;
}
.landingpage #banner .-flex .-button:last-child a::before {
  content: "\f144";
  font-weight: 700;
  font-family: var(--base-icon-font);
  font-size: 1.5em;
  margin-right: 0.5em;
}
.landingpage #banner .-flex .-button:last-child a:hover {
  background-color: var(--color-main);
  color: #fff;
}
.landingpage #banner .-flex .-button:last-child a:hover::after {
  background-color: var(--color-main);
}
.landingpage #banner .-flex .-button:first-child {
  margin-right: 0;
}
@media only screen and (min-width: 767px) {
  .landingpage #banner .-flex .-button:first-child {
    margin-right: 0.5em;
  }
}
.landingpage #banner .-flex .-button:first-child a {
  background-color: var(--color-main);
  color: #fff;
  padding: 0 var(--text-padding) 0 2.65em;
  clip-path: var(--triangle-left);
}
.landingpage #banner .-flex .-button:first-child a:hover {
  background-color: #fff;
  color: #000;
}
.landingpage #banner .-flex .-button:first-child a:hover::after {
  background-color: #fff;
}
.landingpage #banner .image_container {
  max-width: 740px;
  margin-bottom: 3em;
}
.landingpage #banner .text-wrapper {
  width: 100%;
}
.landingpage #banner::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background-color: rgba(255, 255, 255, 0.7);
}
.landingpage #banner .ce_player {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100vh;
}
.landingpage #banner .ce_player .video_container {
  width: 100%;
  height: 100%;
}
.landingpage #banner .ce_player .video_container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.landingpage #banner .ce_text {
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.landingpage #banner #scroll-to-main {
  background-image: url(/build/images/triangle_legend_gray.e3e484ac.svg);
  background-size: 100%;
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%) rotateZ(180deg);
  z-index: 10;
}
.landingpage #footer::before {
  display: none;
}
.landingpage .align-items-center {
  align-items: center;
}
.landingpage .justify-content-center {
  justify-content: center;
}
.landingpage .flex-wrap {
  flex-wrap: wrap;
}
.landingpage .fact-teaser .inside {
  grid-gap: 0;
}
.landingpage .fact-teaser .ce_text {
  flex-wrap: wrap;
  align-content: center;
  order: 2;
}
@media only screen and (min-width: 1023px) {
  .landingpage .fact-teaser .ce_text {
    order: unset;
  }
}
.landingpage .fact-teaser .ce_text > figure {
  margin-top: 2em;
}
.landingpage .fact-teaser .ce_text > div {
  flex-basis: 100%;
  text-align: center;
  margin-top: 2em;
  margin-bottom: 2em;
}
@media only screen and (min-width: 1023px) {
  .landingpage .fact-teaser .ce_text > div {
    margin-top: 1em;
    margin-bottom: 1em;
  }
}
.landingpage .fact-teaser .ce_text > div p {
  font-weight: 400;
  font-size: 1.3rem;
}
.landingpage .fact-teaser .ce_image {
  order: 1;
}
@media only screen and (min-width: 1023px) {
  .landingpage .fact-teaser .ce_image {
    order: unset;
  }
}
.landingpage .fact-teaser .ce_image .image_container img {
  width: 100%;
  max-height: 500px;
  object-fit: cover;
}
.landingpage .ce_text p + h1,
.landingpage .ce_text p + .h1,
.landingpage .ce_text p + h2,
.landingpage .ce_text p + .h2 {
  margin-top: -1rem;
}
.landingpage .mod_article .-gridLayout + .-gridLayout, .landingpage .mod_article #kontakt.v2 + .-gridLayout, .landingpage .mod_article .-gridLayout + #kontakt.v2, .landingpage .mod_article #kontakt.v2 + #kontakt.v2 {
  margin-top: 6rem;
}
.landingpage h1, .landingpage h2, .landingpage h3, .landingpage h4, .landingpage h5, .landingpage h6 {
  color: #000;
}
.landingpage .ce_landing_page_product_data {
  margin-top: 6rem !important;
}
.landingpage .ce_landing_page_product_data .graintechnology {
  color: var(--color-main);
}
.landingpage .ce_landing_page_product_data .grain-box-wrapper {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.landingpage .ce_landing_page_product_data .grain-box {
  width: 1.8125rem;
  height: 1.8125rem;
  background-color: var(--color-gray-24);
}
.landingpage .ce_landing_page_product_data .grain-box + span {
  width: 1.8125rem;
  text-align: center;
  display: block;
  margin-top: 10px;
  font-size: 0.6875rem;
}
.landingpage .ce_landing_page_product_data .downloads,
.landingpage .ce_landing_page_product_data .group + .group {
  margin-top: 40px;
  border-top: 1px solid var(--color-gray-24);
  padding-top: 40px;
}
.landingpage .ce_landing_page_product_data .downloads {
  margin-bottom: 60px;
}
.landingpage .ce_landing_page_product_data .download {
  display: flex;
  color: var(--color-gray-24);
}
.landingpage .ce_landing_page_product_data .download::before {
  display: none;
}
.landingpage .ce_landing_page_product_data .download .size {
  opacity: 0.4;
}
.landingpage .ce_landing_page_product_data .download .download-button {
  background-color: var(--color-gray-24);
  width: 60px;
  height: 60px;
  display: flex;
  margin-right: 10px;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s ease-in-out 0s;
}
.landingpage .ce_landing_page_product_data .download .download-button::before {
  content: "";
  background-image: url(/build/images/icon-download.1ecbf2bf.svg);
  display: block;
  width: 25px;
  height: 25px;
  background-size: contain;
  background-repeat: no-repeat;
}
.landingpage .ce_landing_page_product_data .download:hover {
  color: var(--color-main);
}
.landingpage .ce_landing_page_product_data .download:hover .download-button {
  background-color: var(--color-main);
}
.landingpage .ce_landing_page_product_data .download + .download {
  margin-top: 15px;
}
.landingpage .ce_landing_page_product_data .legend {
  font-size: 1rem;
  margin-bottom: 0.25em;
}
.landingpage .ce_landing_page_product_data div + .legend {
  margin-top: 15px;
}
.landingpage .ce_landing_page_product_data .group .image_container {
  max-width: 90px;
}
.landingpage .ce_landing_page_product_data .group .other .image_container {
  max-width: 130px;
}
.landingpage .ce_landing_page_product_data .caption {
  font-size: 1rem;
}
@media only screen and (min-width: 1023px) {
  .landingpage .ce_landing_page_product_data .product_image .image_container {
    justify-content: center;
  }
}
.landingpage .ce_landing_page_product_data .icons img[src$=".svg"] {
  height: 75px;
}
.landingpage .ce_landing_page_product_data .icons.highlight {
  border: 2px solid var(--color-main);
}
.landingpage .ce_page_teasers_element:not(.-highlights) {
  overflow: visible;
}
.landingpage .ce_page_teasers_element:not(.-highlights) .text-wrapper {
  position: static;
  display: block;
}
.landingpage .ce_page_teasers_element:not(.-highlights) .text-wrapper h4 {
  color: #fff;
}
.landingpage .ce_page_teasers_element:not(.-highlights) .text-wrapper::after {
  display: none;
}
.landingpage .ce_page_teasers_element:not(.-highlights) li > a::after {
  display: none;
}
.landingpage .ce_page_teasers_element:not(.-highlights) .image_container {
  overflow: visible;
}
.landingpage .ce_form .widget-explanation {
  display: none;
}
.landingpage .-compare-gloss {
  height: 500px;
  color: #fff;
}
@media only screen and (min-width: 767px) {
  .landingpage .-compare-gloss {
    height: clamp(500px, 50vw, 960px);
  }
}
.landingpage .-compare-gloss h4 {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0.25em;
  font-weight: 900;
  hyphens: auto;
  font-size: 1.625rem;
}
.landingpage .-compare-gloss h4 + p {
  font-size: 1.25rem;
}
.landingpage .-compare-gloss .article-image .image_container {
  height: 100%;
}
.landingpage .-compare-gloss .article-image .image_container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}
.landingpage .-compare-gloss > .width {
  height: 100%;
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.landingpage .-compare-gloss > .width > .inside {
  height: 100%;
  column-gap: 5vw;
}
.landingpage .-compare-gloss > .width > .inside > div {
  display: flex;
  align-content: space-between;
  height: 100%;
  flex-direction: column;
}
.landingpage .-compare-gloss > .width > .inside > div:first-child > div:nth-child(2),
.landingpage .-compare-gloss > .width > .inside > div:first-child > div:last-child {
  opacity: 0.5;
}
.landingpage .-compare-gloss > .width > .inside > div:first-child > div:last-child > div {
  display: none;
}
@media only screen and (min-width: 767px) {
  .landingpage .-compare-gloss > .width > .inside > div:first-child > div:last-child > div {
    display: block;
  }
}
.landingpage .-compare-gloss > .width > .inside > div > div:last-child {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.landingpage .-compare-gloss > .width > .inside > div .gloss-unit {
  text-align: center;
}
.landingpage .-compare-gloss > .width > .inside > div .gloss-unit p {
  margin-bottom: 0;
}
.landingpage .-compare-gloss > .width > .inside > div .gloss-unit p:first-child {
  font-size: 1.625rem;
}
.landingpage .-compare-gloss > .width > .inside > div .gloss-unit p:last-child {
  font-size: 9rem;
  font-weight: 700;
  line-height: 1em;
}
.landingpage .-compare-gloss > .width > .inside > div > div {
  flex-basis: 100%;
  hyphens: auto;
}
.landingpage .footer__line:first-child .width {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.landingpage #footer-nav ul {
  padding-top: 0;
  padding-bottom: 0;
}
.landingpage #footer-nav ul li {
  text-align: center;
}
.landingpage .footer__copyright,
.landingpage #footer-nav a {
  color: #565656;
  font-size: calc(1.025rem + 0.3vw);
  text-transform: none;
}
@media (min-width: 1200px) {
  .landingpage .footer__copyright,
  .landingpage #footer-nav a {
    font-size: 1.25rem;
  }
}
.landingpage .footer__copyright {
  margin-left: 0;
  margin-top: 1em;
}
@media only screen and (min-width: 1199px) {
  .landingpage .footer__copyright {
    margin-left: var(--base-margin-top);
    margin-top: 0;
  }
}
.landingpage .footer__line:last-child .footer__logo {
  display: block;
}
.landingpage #footer .footer__line:first-child .mod_customnav {
  margin-top: 2em;
}
@media only screen and (min-width: 1199px) {
  .landingpage #footer .footer__line:first-child .mod_customnav {
    margin-top: 0;
  }
}
.landingpage #footer .footer__line:last-child .nav__socials {
  margin-right: auto;
  order: 3;
  margin-top: 2em;
}
@media only screen and (min-width: 1199px) {
  .landingpage #footer .footer__line:last-child .nav__socials {
    margin-right: 0;
    margin-top: 0;
  }
}
.landingpage .footer__line:first-child .mod_customnav a::after {
  font-size: calc(1.15rem + 1.8vw);
}
@media (min-width: 1200px) {
  .landingpage .footer__line:first-child .mod_customnav a::after {
    font-size: 2.5rem;
  }
}

.landingpage-dark .-box {
  padding: var(--text-padding);
  background-color: #282828;
}
.landingpage-dark .ce_accordion {
  border-color: var(--color-gray-24);
}
.landingpage-dark .ce_accordion .toggler {
  background-color: var(--color-gray-24);
}
.landingpage-dark .ce_accordion .toggler .accordion__headline {
  color: #fff;
}
.landingpage-dark .ce_accordion .toggler .accordion__headline::after {
  border-top-color: #fff;
}
.landingpage-dark .ce_accordion .toggler .accordion__subtitle {
  color: var(--color-gray-71);
}
.landingpage-dark .ce_accordion .accordion {
  background-color: var(--color-gray-24);
}
.landingpage-dark .ce_form label {
  color: var(--color-gray-71) !important;
}
.landingpage-dark .ce_form .widget-checkbox label::before {
  background-color: #565656;
  border-color: #565656;
  color: #565656;
}
.landingpage-dark .ce_form .widget-checkbox input:not(:checked) + label:hover::before {
  color: #fff;
}
.landingpage-dark .ce_form input,
.landingpage-dark .ce_form textarea,
.landingpage-dark .ce_form .select,
.landingpage-dark .ce_form select {
  background-color: #565656;
  border-color: #565656;
  color: #fff;
}
.landingpage-dark .ce_form input[type=checkbox] {
  visibility: hidden;
}
.landingpage-dark .ce_form .widget-submit button, .landingpage-dark .ce_form .widget-submit button::after {
  background-color: var(--color-secondary);
}
.landingpage-dark .ce_form .widget-submit button:hover, .landingpage-dark .ce_form .widget-submit button:hover::after {
  background-color: var(--color-main);
}
.landingpage-dark #main .ce_player .video_container .video-wrapper::before {
  background-image: url(/build/images/play_button.e033e7c2.svg);
}
.landingpage-dark header a {
  color: var(--color-gray-93);
}
.landingpage-dark header a:hover {
  color: var(--color-secondary);
}
.landingpage-dark header .changelanguage__toggler span {
  color: #fff;
}
.landingpage-dark header .changelanguage__toggler svg line,
.landingpage-dark header .changelanguage__toggler svg path,
.landingpage-dark header .changelanguage__toggler svg circle {
  stroke: var(--color-gray-93);
}
.landingpage-dark header .changelanguage__toggler:hover svg line,
.landingpage-dark header .changelanguage__toggler:hover svg path,
.landingpage-dark header .changelanguage__toggler:hover svg circle {
  stroke: var(--color-secondary);
}
.landingpage-dark header .changelanguage__toggler:hover span {
  color: var(--color-secondary);
}
.landingpage-dark header .header-contact .label {
  color: var(--color-secondary);
}
.landingpage-dark #banner h1, .landingpage-dark #banner h2, .landingpage-dark #banner h3, .landingpage-dark #banner h4, .landingpage-dark #banner h5, .landingpage-dark #banner h6, .landingpage-dark #banner {
  color: #fff;
}
.landingpage-dark #banner .-flex .-button:first-child a, .landingpage-dark #banner .-flex .-button:first-child a::after {
  background-color: var(--color-secondary);
}
.landingpage-dark #banner .-flex .-button:last-child a:hover, .landingpage-dark #banner .-flex .-button:last-child a:hover::after {
  background-color: var(--color-secondary);
}
.landingpage-dark #banner::after {
  background-color: rgba(0, 0, 0, 0.7);
}
.landingpage-dark #banner #scroll-to-main {
  background-image: url(/build/images/triangle_legend_white.a68aafaf.svg);
}
.landingpage-dark #container::before {
  content: "";
  height: 10px;
  width: 100%;
  background-color: var(--color-secondary);
  display: block;
}
.landingpage-dark .ce_landing_page_product_data .graintechnology {
  color: var(--color-secondary);
}
.landingpage-dark .ce_landing_page_product_data .grain-box {
  background-color: var(--color-gray-93);
}
.landingpage-dark .ce_landing_page_product_data .downloads,
.landingpage-dark .ce_landing_page_product_data .group + .group {
  border-color: #fff;
}
.landingpage-dark .ce_landing_page_product_data .download {
  color: #fff;
}
.landingpage-dark .ce_landing_page_product_data .download:hover {
  color: var(--color-secondary);
}
.landingpage-dark .ce_landing_page_product_data .download:hover .download-button {
  background-color: var(--color-secondary);
}
.landingpage-dark .ce_landing_page_product_data .icons.highlight {
  border: 0;
}
.landingpage-dark .swiper-application {
  position: relative;
  margin-top: calc(var(--base-margin-top) * 2);
}
.landingpage-dark .swiper-application .swiper-wrapper {
  cursor: grab;
}
.landingpage-dark .swiper-application .swiper-wrapper:focus, .landingpage-dark .swiper-application .swiper-wrapper:active {
  cursor: grabbing;
}
.landingpage-dark .swiper-application .swiper-wrapper p {
  user-select: none;
}
.landingpage-dark .swiper-application .swiper-wrapper > div:nth-child(odd) {
  width: clamp(300px, 30vw, 400px);
  max-width: max(90vw, 400px);
}
.landingpage-dark .swiper-application .swiper-wrapper > div:nth-child(even) {
  width: clamp(350px, 40vw, 500px);
}
.landingpage-dark .swiper-application .swiper-wrapper > div img {
  height: 350px;
  width: 100%;
  max-height: 350px;
  object-fit: cover;
}
.landingpage-dark .swiper-application .swiper-wrapper > div .text-wrapper {
  margin-top: var(--gap);
}
.landingpage-dark .swiper-application .swiper-wrapper > div .text-wrapper h3,
.landingpage-dark .swiper-application .swiper-wrapper > div .text-wrapper h4,
.landingpage-dark .swiper-application .swiper-wrapper > div .text-wrapper p:first-child {
  margin-bottom: 0;
}
.landingpage-dark .swiper-application .swiper-pagination {
  display: none;
}
.landingpage-dark .-flex {
  display: flex !important;
}
.landingpage-dark .ce_landing_page_product_data .logo {
  max-width: 270px;
}
.landingpage-dark .ce_landing_page_product_data .icons {
  max-width: 75px;
  min-height: 50px;
}
.landingpage-dark .ce_landing_page_product_data .test-now-button {
  position: absolute;
  top: 0;
  right: 0;
}
.landingpage-dark .ce_landing_page_product_data .test-now-button > a {
  margin-top: 0;
  clip-path: var(--triangle-left);
  padding: 0 var(--text-padding) 0 2.65em;
  background-color: var(--color-secondary);
}
.landingpage-dark .ce_landing_page_product_data .test-now-button > a:hover {
  background-color: white;
  color: var(--color-gray-24);
}
.landingpage-dark .ce_landing_page_product_data .group {
  border-color: var(--color-secondary) !important;
}
.landingpage-dark .ce_landing_page_product_data .group + .group {
  margin-top: 30px;
  padding-top: 30px;
}
.landingpage-dark .ce_landing_page_product_data .swiper-wrapper > div {
  padding: var(--text-padding) var(--text-padding);
  padding-top: calc(var(--text-padding) * 2.5) !important;
}
@media (min-width: 600px) {
  .landingpage-dark .ce_landing_page_product_data .swiper-wrapper > div {
    padding: calc(var(--text-padding) * 1.5) calc(var(--text-padding) * 1.5);
  }
}
@media (min-width: 1200px) {
  .landingpage-dark .ce_landing_page_product_data .swiper-wrapper > div {
    padding: calc(var(--text-padding) * 2) calc(var(--text-padding) * 2);
  }
}
@media (min-width: 1600px) {
  .landingpage-dark .ce_landing_page_product_data .swiper-wrapper > div {
    padding: calc(var(--text-padding) * 2.5) calc(var(--text-padding) * 3);
  }
}
.landingpage-dark .ce_landing_page_product_data .downloads {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
.landingpage-dark .ce_landing_page_product_data .downloads > h4 {
  width: 100%;
}
.landingpage-dark .ce_landing_page_product_data .grain-box {
  background-color: #fff;
  border: 1px solid var(--color-gray-24);
}
.landingpage-dark .ce_landing_page_product_data .download {
  color: var(--color-secondary);
}
.landingpage-dark .ce_landing_page_product_data .download svg {
  width: auto;
  height: 1.25em;
  display: initial;
  margin-right: 0.5em;
  transition: inherit;
}
.landingpage-dark .ce_landing_page_product_data .download span {
  font-weight: 600;
  text-decoration: underline;
}
.landingpage-dark .ce_landing_page_product_data .download + .download {
  margin-top: auto;
}
.landingpage-dark .ce_landing_page_product_data .download:hover {
  color: var(--color-primary);
}
.landingpage-dark .ce_landing_page_product_data .download:hover::after {
  color: var(--color-primary);
}

.landingpage-xelerion {
  --color-main: var(--color-xelerion);
  --color-secondary: var(--color-xelerion);
  --bg-size: 100vw auto;
  --color-text: #3c3c3c;
  --shadow-length: 260px;
  --bigger-shadow-length: 340px;
  --inverted-shadow-length: calc(var(--shadow-length) * -1);
  --bigger-inverted-shadow-length: calc(var(--bigger-shadow-length) * -1);
  --blur-radius: 180px;
  --spread-radius: -160px;
  --shadow-color: #fff;
  background-image: url(/build/images/background_dots.8fcd26da.svg);
  background-size: var(--bg-size);
  background-repeat: repeat-y;
  --shadow-top: inset 0 var(--shadow-length) var(--blur-radius) var(--spread-radius) var(--shadow-color);
  --shadow-right: inset var(--bigger-inverted-shadow-length) 0 var(--blur-radius) var(--spread-radius)
      var(--shadow-color);
  --shadow-bottom: inset 0 var(--inverted-shadow-length) var(--blur-radius) var(--spread-radius) var(--shadow-color);
  --shadow-left: inset var(--bigger-shadow-length) 0 var(--blur-radius) var(--spread-radius) var(--shadow-color);
}
@media (max-width: 1200px) {
  .landingpage-xelerion {
    --bg-size: 1200px auto;
  }
}
.landingpage-xelerion h1 {
  color: var(--color-text);
}
.landingpage-xelerion .contact-buttons a.phone-button:hover {
  background-color: var(--color-xelerion-hover);
}
.landingpage-xelerion a:hover {
  color: var(--color-xelerion-hover);
}
.landingpage-xelerion #container::before {
  content: unset;
}
.landingpage-xelerion .-mc {
  color: var(--color-main);
}
.landingpage-xelerion .-flex {
  display: flex !important;
}
.landingpage-xelerion h2 {
  color: var(--color-main);
}
.landingpage-xelerion p {
  font-weight: 400;
}
.landingpage-xelerion .-shadowTop, .landingpage-xelerion #kontakt {
  box-shadow: var(--shadow-top);
}
.landingpage-xelerion .-shadowLeft {
  box-shadow: var(--shadow-left);
}
.landingpage-xelerion .-shadowTopLeft {
  box-shadow: var(--shadow-top), var(--shadow-left);
}
.landingpage-xelerion .-shadowTopLeftBottom, .landingpage-xelerion .products-family,
.landingpage-xelerion .praxiserprobt {
  box-shadow: var(--shadow-top), var(--shadow-left), var(--shadow-bottom);
}
.landingpage-xelerion .-shadowBottomRight {
  box-shadow: var(--shadow-bottom), var(--shadow-right);
}
.landingpage-xelerion .-shadowBottom {
  box-shadow: var(--shadow-bottom);
}
.landingpage-xelerion .-shadowTopBottom, .landingpage-xelerion #banner {
  box-shadow: var(--shadow-bottom), var(--shadow-top);
}
.landingpage-xelerion #header #logo img,
.landingpage-xelerion #header #logo svg {
  max-width: 160px;
}
@media (max-height: 1000px) {
  .landingpage-xelerion .-headingXL h1, .landingpage-xelerion .four-squared .inside h1, .landingpage-xelerion .-headingXL h2, .landingpage-xelerion .four-squared .inside h2, .landingpage-xelerion .-headingXL h3, .landingpage-xelerion .four-squared .inside h3, .landingpage-xelerion .-headingXL h4, .landingpage-xelerion .four-squared .inside h4, .landingpage-xelerion .-headingXL h5, .landingpage-xelerion .four-squared .inside h5, .landingpage-xelerion .-headingXL h6, .landingpage-xelerion .four-squared .inside h6 {
    font-size: 40px;
  }
}
@media (orientation: landscape) {
  .landingpage-xelerion #banner {
    height: max(100vh, 800px);
  }
}
@media (orientation: portrait) {
  .landingpage-xelerion #banner {
    height: max(100vh, 650px);
  }
}
.landingpage-xelerion #banner .width {
  padding-bottom: 3rem;
}
.landingpage-xelerion #banner .inside {
  width: 100%;
}
.landingpage-xelerion #banner::after {
  content: unset;
}
.landingpage-xelerion #banner .logo_xelerion {
  width: 100%;
  max-width: 1200px;
  margin: auto;
}
.landingpage-xelerion #banner .mod_article.text-video-mask .ce_player {
  height: auto;
  position: static;
  mask-image: url(/build/images/logo_xelerion.37e6bc89.svg);
  mask-position: left center;
  mask-repeat: no-repeat;
  mask-size: 90% auto;
}
.landingpage-xelerion #banner .mod_article.text-video-mask .title-wrapper .video_container .video-wrapper {
  height: calc(60px + 180 * (min(100vw, 1780px) - 360px) / (1780 - 360));
  margin-bottom: calc(16px + 14 * (min(100vw, 1780px) - 360px) / (1780 - 360));
}
@media (max-width: 360px) {
  .landingpage-xelerion #banner .mod_article.text-video-mask .title-wrapper .video_container .video-wrapper {
    height: 60px;
  }
}
@media (min-width: 1780px) {
  .landingpage-xelerion #banner .mod_article.text-video-mask .title-wrapper .video_container .video-wrapper {
    height: 240px;
  }
}
@media (max-width: 360px) {
  .landingpage-xelerion #banner .mod_article.text-video-mask .title-wrapper .video_container .video-wrapper {
    margin-bottom: 16px;
  }
}
@media (min-width: 1780px) {
  .landingpage-xelerion #banner .mod_article.text-video-mask .title-wrapper .video_container .video-wrapper {
    margin-bottom: 30px;
  }
}
.landingpage-xelerion #banner .mod_article.text-video-mask .title-wrapper .video_container video {
  scale: 1.25;
}
.landingpage-xelerion #banner .mod_article.video-behind:after {
  background-color: hsla(0, 0%, 100%, 0.6);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.landingpage-xelerion #banner .mod_article:not(.video-behind):not(.text-video-mask) .ce_hyperlink:first-child a {
  overflow: hidden;
}
.landingpage-xelerion .-button a {
  margin-top: 1.5em;
}
.landingpage-xelerion .bg-xelerion, .landingpage-xelerion .-o-bottom, .landingpage-xelerion .-o-right, .landingpage-xelerion .-e-left::after {
  background-repeat: no-repeat;
  background-size: auto 80vh;
  background-position: 0 10%;
}
.landingpage-xelerion .quicklinks__button {
  color: #fff;
  background-color: var(--color-xelerion);
}
.landingpage-xelerion .quicklinks__button:hover {
  color: #fff;
  background-color: var(--color-xelerion-hover);
}
.landingpage-xelerion .bg-xelerion-dark {
  background: var(--color-gray-24);
  color: white;
  background-image: url(/build/images/background_dots_dark.2037e086.svg);
  background-size: var(--bg-size);
}
.landingpage-xelerion .bg-xelerion-dark .-button a {
  background-color: var(#2ab9ce);
}
.landingpage-xelerion .bg-xelerion-dark .-button a::after {
  background-color: var(#2ab9ce);
}
.landingpage-xelerion .bg-xelerion-dark .-button a:hover {
  background-color: var(--color-secondary);
}
.landingpage-xelerion .bg-xelerion-dark .-button a:hover::after {
  background-color: var(--color-secondary);
}
.landingpage-xelerion .-e-left {
  position: relative;
}
.landingpage-xelerion .-e-left::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  background-image: url(/build/images/logo_element_E.8c4d86ed.svg);
  background-position: left center;
  background-size: auto 90%;
  pointer-events: none;
}
@media (max-width: 1450px) {
  .landingpage-xelerion .-e-left::after {
    background-size: auto 50%;
    background-position: left bottom;
  }
}
.landingpage-xelerion .inside > h2 {
  margin-left: auto;
  margin-right: auto;
}
.landingpage-xelerion .-o-right {
  background-size: auto 80%;
}
@media only screen and (min-width: 549px) {
  .landingpage-xelerion .-o-right {
    background-image: url(/build/images/logo_element_O.5198a120.svg);
    background-position: bottom right;
    background-size: auto 40%;
  }
}
@media only screen and (min-width: 767px) {
  .landingpage-xelerion .-o-right {
    background-size: auto 50%;
  }
}
@media only screen and (min-width: 1199px) {
  .landingpage-xelerion .-o-right {
    background-size: auto 80%;
  }
}
@media only screen and (max-width: 549px) {
  .landingpage-xelerion .-o-right::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 10px;
    right: -10px;
    background-size: 100% 100%;
    width: 160px;
    height: 130px;
    background-image: url(/build/images/logo_element_O.5198a120.svg);
  }
}
.landingpage-xelerion .-o-bottom {
  background-image: url(/build/images/logo_element_O_2.ac6e4831.svg);
  background-size: auto 50%;
  background-position: bottom left;
  z-index: 1;
}
.landingpage-xelerion .ce_form {
  --color-gray-93: #f7f7f7;
}
.landingpage-xelerion .ce_text img,
.landingpage-xelerion .ce_image img {
  width: 100%;
}
.landingpage-xelerion .swiper-application {
  position: relative;
  margin-top: calc(var(--base-margin-top) * 2);
}
.landingpage-xelerion .swiper-application .swiper-wrapper {
  cursor: grab;
}
.landingpage-xelerion .swiper-application .swiper-wrapper:focus, .landingpage-xelerion .swiper-application .swiper-wrapper:active {
  cursor: grabbing;
}
.landingpage-xelerion .swiper-application .swiper-wrapper p {
  user-select: none;
}
.landingpage-xelerion .swiper-application .swiper-wrapper > div:nth-child(odd) {
  width: clamp(260px, 30vw, 400px);
  max-width: max(90vw, 400px);
}
.landingpage-xelerion .swiper-application .swiper-wrapper > div:nth-child(even) {
  width: clamp(280px, 40vw, 500px);
}
.landingpage-xelerion .swiper-application .swiper-wrapper > div img {
  height: 350px;
  width: 100%;
  max-height: 350px;
  object-fit: cover;
}
.landingpage-xelerion .swiper-application .swiper-wrapper > div .text-wrapper {
  margin-top: var(--gap);
}
.landingpage-xelerion .swiper-application .swiper-wrapper > div .text-wrapper h3,
.landingpage-xelerion .swiper-application .swiper-wrapper > div .text-wrapper h4,
.landingpage-xelerion .swiper-application .swiper-wrapper > div .text-wrapper p:first-child {
  margin-bottom: 0;
}
.landingpage-xelerion .swiper-application .swiper-pagination {
  display: none;
}
.landingpage-xelerion .four-squared .inside {
  display: flex;
  flex-wrap: wrap;
}
.landingpage-xelerion .four-squared .inside h2 {
  color: #3c3c3c;
  text-transform: unset;
  letter-spacing: unset;
  margin-bottom: 0.25em;
  font-weight: 700;
}
@media (max-width: 1300px) {
  .landingpage-xelerion .four-squared .inside h2 {
    font-size: calc(1.1375rem + 1.65vw);
  }
}
@media (max-width: 1300px) and (min-width: 1200px) {
  .landingpage-xelerion .four-squared .inside h2 {
    font-size: 2.375rem;
  }
}
.landingpage-xelerion .four-squared .inside .flex-clr {
  display: none;
}
.landingpage-xelerion .four-squared .inside > div.ce_text:nth-child(4) {
  order: 4;
}
.landingpage-xelerion .four-squared .inside > div.ce_image:last-child {
  order: 2;
}
@media (max-width: 775.97px) {
  .landingpage-xelerion .four-squared .inside .ce_text {
    padding-left: var(--text-padding);
    padding-right: var(--text-padding);
  }
  .landingpage-xelerion .four-squared .inside .ce_image:first-child {
    position: relative;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 94%);
  }
  .landingpage-xelerion .four-squared .inside .ce_image:first-child figure::after {
    content: "";
    position: absolute;
    inset: 0;
    display: block;
    background: linear-gradient(65deg, rgba(90, 0, 150, 0.4), transparent 30%, transparent);
  }
  .landingpage-xelerion .four-squared .inside .ce_image:last-child {
    position: relative;
    clip-path: polygon(0% 0%, 100% 0%, 100% 94%, 0 100%);
  }
  .landingpage-xelerion .four-squared .inside .ce_image:last-child figure::after {
    content: "";
    position: absolute;
    inset: 0;
    display: block;
    background: linear-gradient(-65deg, rgba(90, 0, 150, 0.4), transparent 30%, transparent);
  }
}
@media (min-width: 776.03px) {
  .landingpage-xelerion .four-squared .inside > div {
    width: 50%;
    margin-top: 0 !important;
    min-height: 50vh;
    max-height: 50vh;
  }
  .landingpage-xelerion .four-squared .inside > div.ce_image:first-child {
    position: relative;
    backface-visibility: hidden; /* the magic ingredient */
  }
  .landingpage-xelerion .four-squared .inside > div.ce_image:first-child figure::after {
    content: "";
    position: absolute;
    inset: 0;
    display: block;
    background: linear-gradient(65deg, rgba(90, 0, 150, 0.4), transparent 30%, transparent);
  }
  .landingpage-xelerion .four-squared .inside > div.ce_image:first-child img {
    position: absolute;
    /* inset: 0; */
    left: 0;
    top: 0px;
    right: -41px;
    bottom: 0;
    width: 110%;
    max-width: unset;
    object-fit: cover;
    height: 100%;
  }
  .landingpage-xelerion .four-squared .inside > div.ce_text p {
    font-weight: 500;
  }
  .landingpage-xelerion .four-squared .inside > div.ce_text:nth-child(2) {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    background: white;
    background-image: url(/build/images/background_dots.8fcd26da.svg);
    background-size: var(--bg-size);
    clip-path: polygon(6% 0, 100% 0%, 100% 100%, 0% 101%);
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 5% 10%;
  }
}
@media (min-width: 776.03px) and (max-width: 1200px) {
  .landingpage-xelerion .four-squared .inside > div.ce_text:nth-child(2) {
    padding: 4% 8%;
  }
}
@media (min-width: 776.03px) and (max-width: 700px) {
  .landingpage-xelerion .four-squared .inside > div.ce_text:nth-child(2) {
    padding: 4% 6%;
  }
}
@media (min-width: 776.03px) {
  .landingpage-xelerion .four-squared .inside > div.ce_text:nth-child(4) {
    width: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 5% 10%;
    order: unset;
  }
}
@media (min-width: 776.03px) and (max-width: 1200px) {
  .landingpage-xelerion .four-squared .inside > div.ce_text:nth-child(4) {
    padding: 4% 8%;
  }
}
@media (min-width: 776.03px) and (max-width: 700px) {
  .landingpage-xelerion .four-squared .inside > div.ce_text:nth-child(4) {
    padding: 4% 6%;
  }
}
@media (min-width: 776.03px) {
  .landingpage-xelerion .four-squared .inside > div.ce_image:last-child {
    position: relative;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 6% 100%);
    order: unset;
  }
  .landingpage-xelerion .four-squared .inside > div.ce_image:last-child figure::after {
    content: "";
    position: absolute;
    inset: 0;
    display: block;
    background: linear-gradient(-65deg, rgba(90, 0, 150, 0.4), transparent 30%, transparent);
  }
  .landingpage-xelerion .four-squared .inside > div.ce_image:last-child img {
    position: absolute;
    inset: 0;
    height: 100%;
    object-fit: cover;
  }
  .landingpage-xelerion .four-squared .inside > div.flex-clr {
    display: block;
    width: 100%;
    height: 0 !important;
    min-height: unset;
    max-height: 0px;
  }
}
.landingpage-xelerion .four-squared .inside .skewed-shadow {
  position: relative;
}
.landingpage-xelerion .four-squared .inside .skewed-shadow::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  /* background: red; */
  box-shadow: var(--shadow-bottom), var(--shadow-right);
  transform: skewX(5deg);
  width: 115%;
  left: unset;
  right: -6%;
  z-index: -1;
}
.landingpage-xelerion .icons {
  max-width: 75px;
  min-height: 50px;
}
.landingpage-xelerion .small_gutter {
  --grid__gutter: 0.5rem;
}
.landingpage-xelerion .ce_landing_page_product_data .logo_xelerion {
  max-width: 270px;
}
.landingpage-xelerion .ce_landing_page_product_data .test-now-button {
  position: absolute;
  top: 0;
  right: 0;
}
.landingpage-xelerion .ce_landing_page_product_data .test-now-button > a {
  margin-top: 0;
  clip-path: var(--triangle-left);
  padding: 0 var(--text-padding) 0 2.65em;
}
.landingpage-xelerion .ce_landing_page_product_data .group {
  border-color: var(--color-main) !important;
}
.landingpage-xelerion .ce_landing_page_product_data .group + .group {
  margin-top: 30px;
  padding-top: 30px;
}
.landingpage-xelerion .ce_landing_page_product_data .swiper-wrapper > div {
  padding: var(--text-padding) var(--text-padding);
  padding-top: calc(var(--text-padding) * 2.5) !important;
}
@media (min-width: 600px) {
  .landingpage-xelerion .ce_landing_page_product_data .swiper-wrapper > div {
    padding: calc(var(--text-padding) * 1.5) calc(var(--text-padding) * 1.5);
  }
}
@media (min-width: 1200px) {
  .landingpage-xelerion .ce_landing_page_product_data .swiper-wrapper > div {
    padding: calc(var(--text-padding) * 2) calc(var(--text-padding) * 2);
  }
}
@media (min-width: 1600px) {
  .landingpage-xelerion .ce_landing_page_product_data .swiper-wrapper > div {
    padding: calc(var(--text-padding) * 2.5) calc(var(--text-padding) * 3);
  }
}
.landingpage-xelerion .ce_landing_page_product_data .downloads {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
.landingpage-xelerion .ce_landing_page_product_data .downloads > h4 {
  width: 100%;
}
.landingpage-xelerion .ce_landing_page_product_data .grain-box-wrapper > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.landingpage-xelerion .ce_landing_page_product_data .grain-box-wrapper .grain-box {
  background-color: #fff;
  border: 1px solid var(--color-gray-24);
}
.landingpage-xelerion .ce_landing_page_product_data .grain-box-wrapper .label {
  text-align: center;
  font-size: 0.5em;
}
.landingpage-xelerion .ce_landing_page_product_data .download {
  color: var(--color-main);
}
.landingpage-xelerion .ce_landing_page_product_data .download svg {
  width: auto;
  height: 1.25em;
  display: initial;
  margin-right: 0.5em;
  transition: inherit;
}
.landingpage-xelerion .ce_landing_page_product_data .download span {
  font-weight: 600;
  text-decoration: underline;
}
.landingpage-xelerion .ce_landing_page_product_data .download + .download {
  margin-top: auto;
}
.landingpage-xelerion .ce_landing_page_product_data .download:hover {
  color: var(--color-xelerion-hover);
}
.landingpage-xelerion .ce_landing_page_product_data .download:hover::after {
  color: var(--color-xelerion-hover);
}
.landingpage-xelerion .logo_xelerion {
  display: inline-block;
  max-width: 180px;
}
.landingpage-xelerion .logo_xelerion svg {
  width: 100%;
}
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 0.7;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
.landingpage-xelerion .fslightbox-container {
  background: rgba(35, 0, 59, 0.6509803922);
  backdrop-filter: blur(3px);
}
.landingpage-xelerion .item-explanation .inside > .ce_text {
  position: relative;
  z-index: 1;
}
.landingpage-xelerion .item-explanation .inside > .product-explanations {
  z-index: 1;
}
@media only screen and (min-width: 1199px) {
  .landingpage-xelerion .item-explanation .ce_image:not(.image-shape) {
    width: 60%;
    margin-left: auto;
  }
}
@media only screen and (min-width: 1399px) {
  .landingpage-xelerion .item-explanation .ce_image:not(.image-shape) {
    width: 70%;
    margin-left: auto;
  }
}
.landingpage-xelerion .item-explanation .point-opener-container {
  width: 100%;
  height: 100%;
}
.landingpage-xelerion .item-explanation .point-opener-container .image_container {
  box-sizing: border-box;
  overflow: hidden;
  max-height: 0px;
  pointer-events: none;
  margin: 0;
  position: absolute;
  top: calc(40% - 25px);
  right: calc(40% + 25px);
  transform: translate(50%, -100%);
  border: 6px solid var(--color-main);
  transition: 1s;
  opacity: 0;
  max-width: 500px;
  z-index: 1;
}
.landingpage-xelerion .item-explanation .point-opener {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  color: #fff;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 40%;
  right: 40%;
  background: var(--color-main);
  border-radius: 50%;
  cursor: pointer;
  border: 5px solid white;
  z-index: 1;
  padding: 0;
}
.landingpage-xelerion .item-explanation .point-opener::after {
  content: none !important;
}
.landingpage-xelerion .item-explanation .point-opener:hover + .image_container {
  max-height: 500px;
  opacity: 1;
}
.landingpage-xelerion .item-explanation .point-pulse {
  display: block;
  background-color: white;
  position: absolute;
  top: 40%;
  right: 40%;
  width: 50px;
  height: 50px;
  transform: translate(-5px, -5px);
  border-radius: 50%;
  animation: pulse 2s ease-in-out infinite;
  pointer-events: none;
}
.landingpage-xelerion .item-explanation .image-section {
  position: relative;
}
@media (min-width: 1200px) {
  .landingpage-xelerion .item-explanation .image-section > .ce_image:not(.point-opener-container) {
    margin-top: -4em;
    position: relative;
  }
}
.landingpage-xelerion .product-explanations {
  z-index: 1;
}
@media only screen and (min-width: 1199px) {
  .landingpage-xelerion .product-explanations {
    position: absolute;
  }
}
.landingpage-xelerion .product-explanation-icon-text {
  display: flex;
  gap: 1em;
  align-items: end;
}
.landingpage-xelerion .product-explanation-icon-text .image_container {
  flex-shrink: 0;
  width: 90px;
  height: 90px;
  border: 4px solid var(--color-main);
}
.landingpage-xelerion .product-explanation-icon-text .text-wrapper {
  font-style: italic;
  font-size: 0.9em;
  font-weight: normal;
  white-space: nowrap;
}
@media (max-width: 400px) {
  .landingpage-xelerion .product-explanation-icon-text .text-wrapper p {
    hyphens: auto;
    white-space: normal;
  }
}
.landingpage-xelerion .footer__copyright {
  color: white;
}
.landingpage-xelerion #footer .mod_customnav a {
  color: white;
}
.landingpage-xelerion #footer .mod_customnav a:hover {
  color: #5a2382;
}
.landingpage-xelerion #footer .mod_customnav a:hover::after {
  color: #5a2382;
}
.landingpage-xelerion #scroll-to-main {
  pointer-events: all;
}
.portfolio .ce_image img {
  padding: 0 4.3em;
}
.portfolio .text-wrapper ul + h4 {
  margin-top: 1.5em;
  border-top: var(--base-border);
  padding-top: 1.5em;
}

/**
Footer
**/
/* Footer =================================================================================================== */
#footer {
  position: relative;
}
#footer::before {
  background: url(/build/images/background_triangles_white_footer.c2b2780b.svg) right bottom/100% auto no-repeat;
  width: 100%;
  aspect-ratio: 16/9;
  display: block;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.footer__line:first-child h4 {
  text-transform: uppercase;
}
.footer__line:first-child .width {
  padding-top: 8em;
  padding-bottom: 5em;
}
.footer__line:first-child .inside {
  display: flex;
  justify-content: flex-start;
}
@media only screen and (max-width: 1199px) {
  .footer__line:first-child .inside {
    flex-direction: column;
    align-items: center;
  }
}
.footer__line:first-child .ce_text:first-child {
  flex: 0 0 auto;
  padding-right: var(--text-padding);
}
.footer__line:first-child .ce_text:first-child .row {
  grid-column-gap: var(--text-padding);
}
.footer__line:first-child .ce_text:first-child .col-6 {
  width: max-content;
}
@media only screen and (max-width: 1023px) {
  .footer__line:first-child .ce_text:first-child .row {
    display: block;
  }
  .footer__line:first-child .ce_text:first-child .col-6 {
    width: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .footer__line:first-child .ce_text:first-child {
    text-align: center;
    padding-right: 0;
  }
}
.footer__line:first-child .ce_text:not(:first-child) {
  max-width: 25%;
}
@media only screen and (max-width: 1199px) {
  .footer__line:first-child .ce_text:not(:first-child) {
    max-width: 100%;
  }
}
.footer__line:first-child .ce_text:first-child .text-wrapper {
  display: flex;
}
.footer__line:first-child .ce_text:first-child .text-wrapper p {
  margin-bottom: 0;
}
.footer__line:first-child .ce_text:first-child .text-wrapper p + p {
  margin-left: var(--text-padding);
}
@media only screen and (max-width: 1199px) {
  .footer__line:first-child .ce_text:first-child .text-wrapper {
    display: block;
  }
  .footer__line:first-child .ce_text:first-child .text-wrapper p + p {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .footer__line:first-child .ce_gallery ul {
    justify-content: center;
  }
}
.footer__line:first-child .ce_text + .ce_text,
.footer__line:first-child .ce_text + .ce_gallery {
  padding-left: var(--text-padding);
  border-left: 1px solid var(--color-gray-24);
  width: 50%;
}
.footer__line:first-child .ce_text + .ce_text li,
.footer__line:first-child .ce_text + .ce_gallery li {
  margin: 2%;
}
.footer__line:first-child .ce_text + .ce_text li:nth-child(1),
.footer__line:first-child .ce_text + .ce_gallery li:nth-child(1) {
  width: 98px !important;
}
.footer__line:first-child .ce_text + .ce_text li:nth-child(2),
.footer__line:first-child .ce_text + .ce_gallery li:nth-child(2) {
  width: 162px !important;
}
.footer__line:first-child .ce_text + .ce_text li:nth-child(3),
.footer__line:first-child .ce_text + .ce_gallery li:nth-child(3) {
  width: 70px !important;
}
.footer__line:first-child .ce_text + .ce_text li:nth-child(4),
.footer__line:first-child .ce_text + .ce_gallery li:nth-child(4) {
  width: 105px !important;
}
.footer__line:first-child .ce_text + .ce_text li:nth-child(5),
.footer__line:first-child .ce_text + .ce_gallery li:nth-child(5) {
  width: 245px !important;
}
@media only screen and (max-width: 767px) {
  .footer__line:first-child .ce_text + .ce_text li,
  .footer__line:first-child .ce_text + .ce_gallery li {
    margin: 5%;
  }
}
.footer__line:first-child .ce_text + .ce_text .image_container,
.footer__line:first-child .ce_text + .ce_gallery .image_container {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 1199px) {
  .footer__line:first-child .ce_text + .ce_text,
  .footer__line:first-child .ce_text + .ce_gallery {
    margin-top: 3em;
    border-left: none;
    padding-left: 0;
    padding-bottom: 3em;
    border-bottom: var(--base-border);
    text-align: center;
  }
}
.footer__line:first-child .ce_text + .ce_text a,
.footer__line:first-child .ce_text + .ce_gallery a {
  display: flex;
  align-items: center;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .footer__line:first-child .ce_text + .ce_text a,
  .footer__line:first-child .ce_text + .ce_gallery a {
    position: relative;
    justify-content: center;
    padding: 0 2em;
  }
}
.footer__line:first-child .ce_text + .ce_text a::after {
  margin-left: auto;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-left-color: var(--color-main);
  transition: border-color 0.3s ease-in-out 0s;
  content: "";
  border-width: 5px 0 5px 11.1126961484px;
}
@media only screen and (max-width: 1199px) {
  .footer__line:first-child .ce_text + .ce_text a::after {
    position: absolute;
    right: 0;
  }
}
.footer__line:first-child .mod_customnav {
  margin-left: auto;
  flex: 0 0 auto;
}
@media only screen and (max-width: 1199px) {
  .footer__line:first-child .mod_customnav {
    margin-left: 0;
    margin-top: 3em;
    text-align: center;
  }
}
.footer__line:first-child .mod_customnav ul {
  padding-left: 0;
}
.footer__line:first-child .mod_customnav strong,
.footer__line:first-child .mod_customnav a {
  font-weight: 300;
  color: var(--color-text);
}
.footer__line:first-child .mod_customnav strong.active,
.footer__line:first-child .mod_customnav a.active {
  font-weight: 700;
}
.footer__line:first-child a {
  color: var(--color-main);
}
.footer__line:first-child a:hover {
  color: var(--color-secondary);
}

.footer__line:last-child {
  background-color: #000;
  color: var(--color-text-inverted);
}
@media only screen and (max-width: 1023px) {
  .footer__line:last-child .width {
    padding-top: 3em;
    padding-bottom: 3em;
  }
}
.footer__line:last-child .inside {
  display: flex;
  align-items: center;
}
.footer__line:last-child .nav__socials,
.footer__line:last-child .footer__copyright {
  flex-shrink: 0;
}
.footer__line:last-child #footer-nav {
  flex: 1 1 auto;
}
@media only screen and (max-width: 1023px) {
  .footer__line:last-child .footer__logo {
    display: none;
  }
  .footer__line:last-child .footer__copyright {
    margin-left: 0;
    width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 1023px) {
  .footer__line:last-child .inside {
    flex-wrap: wrap;
    justify-content: center;
  }
  .footer__line:last-child .nav__socials {
    width: 100%;
    order: -1;
  }
  .footer__line:last-child .nav__socials ul {
    justify-content: center;
  }
}

.footer__logo {
  max-width: 8.75rem;
}

#footer .nav__socials {
  margin-left: auto;
  margin-top: 0;
}
@media only screen and (max-width: 1100px) {
  #footer .nav__socials {
    margin-bottom: 2em;
  }
}
#footer .nav__socials ul {
  display: flex;
}
#footer .nav__socials li + li {
  margin-left: var(--text-padding);
}
#footer .nav__socials a::after {
  color: var(--color-text-inverted);
}
#footer .nav__socials a:hover::after {
  color: var(--color-main);
}

.footer__copyright {
  font-size: 0.875rem;
  margin-left: var(--base-margin-top);
}

#footer-nav ul {
  display: flex;
  flex-flow: row wrap;
  padding-top: 3em;
  padding-bottom: 3em;
  column-gap: var(--text-padding);
  row-gap: 1rem;
  padding-inline: var(--text-padding);
}
#footer-nav li {
  text-align: center;
}
#footer-nav li.active strong,
#footer-nav li > a {
  display: block;
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--color-text-inverted);
}
@media only screen and (max-width: 1100px) {
  #footer-nav li.active strong,
  #footer-nav li > a {
    padding: 0;
  }
}
#footer-nav li.active strong,
#footer-nav li > a:hover {
  color: var(--color-main);
}
#footer-nav li.active strong span,
#footer-nav li > a:hover span {
  color: #000;
  font-weight: 700;
}
@media only screen and (max-width: 1023px) {
  #footer-nav ul {
    justify-content: center;
  }
  #footer-nav li {
    margin: 0 calc(var(--text-padding) / 2);
    text-align: left;
  }
}

/**
Header
**/
#header {
  max-width: 100%;
}
#header .inside {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

#logo {
  margin: 2rem auto 2rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 1 auto;
  padding-right: 2em;
}
#logo img {
  max-width: 160px;
  box-sizing: content-box;
  margin: auto;
  z-index: 1;
}

.header__nav ul {
  display: flex;
  margin-right: calc(1.525rem + 6.3vw);
}
@media (min-width: 1200px) {
  .header__nav ul {
    margin-right: 6.25rem;
  }
}
.header__nav a {
  color: var(--color-text);
}
.header__nav a.trail, .header__nav a:hover {
  color: var(--color-main);
}
.header__nav strong {
  color: var(--color-main);
}
.header__nav li + li {
  margin-left: 2.5em;
}
@media only screen and (max-width: 1023px) {
  .header__nav {
    display: none;
  }
}

.header__icon {
  display: flex;
  align-items: center;
}
.header__icon,
.header__icon button {
  min-height: 0;
  background: none;
  padding: 0;
}
.header__icon::after,
.header__icon button::after {
  display: none;
}
.header__icon + .header__icon {
  margin-left: 2.25rem;
}

.header__menu {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.header__menu:hover #mobile-button .line {
  background-color: var(--color-main);
}
.header__menu:hover p {
  color: var(--color-main);
}
.header__menu p {
  margin-left: 1em;
  text-transform: uppercase;
  font-weight: 900;
  transition: color 0.3s ease-in-out 0s;
  font-size: calc(1.0125rem + 0.15vw);
}
@media (min-width: 1200px) {
  .header__menu p {
    font-size: 1.125rem;
  }
}
@media only screen and (max-width: 549px) {
  .header__menu p {
    display: none;
  }
}

.header__search {
  border: none;
  padding: 0;
  margin: 0;
}
.header__search svg {
  max-width: var(--icon-width-small);
}
.header__search:hover {
  background-color: transparent;
}
.header__search:hover svg path,
.header__search:hover svg circle,
.header__search:hover svg line {
  stroke: var(--color-main);
}

.changelanguage__toggler {
  border: none;
  padding: 0;
  margin: 0;
}
.changelanguage__toggler svg {
  max-width: var(--icon-width-small);
}
.changelanguage__toggler:hover svg path,
.changelanguage__toggler:hover svg circle,
.changelanguage__toggler:hover svg line {
  stroke: var(--color-main);
}

#overlay {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 2000;
}
#overlay .overlay__slide {
  pointer-events: visible;
}
#overlay .block__background {
  position: absolute;
  inset: 0;
  background-color: #000;
  opacity: 0;
  transition: opacity 0.3s ease-in-out 0s;
  cursor: pointer;
}

#overlay.active .block__background {
  opacity: 0.07;
  pointer-events: visible;
}

.overlay__slide.active {
  transform: translateX(0);
  box-shadow: var(--base-shadow);
}

.overlay__slide {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #fff;
  width: 25rem;
  padding-block: 0;
  padding-right: calc(1.2125rem + 2.55vw);
  padding-left: calc(1.2125rem + 2.55vw);
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 549px) {
  .overlay__slide {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .overlay__slide {
    padding-right: 3.125rem;
  }
}
@media (min-width: 1200px) {
  .overlay__slide {
    padding-left: 3.125rem;
  }
}
.overlay__slide .inside {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  scrollbar-width: none;
  padding-top: calc(1.525rem + 6.3vw);
  padding-bottom: calc(1.2125rem + 2.55vw);
}
@media (min-width: 1200px) {
  .overlay__slide .inside {
    padding-top: 6.25rem;
  }
}
@media (min-width: 1200px) {
  .overlay__slide .inside {
    padding-bottom: 3.125rem;
  }
}
.overlay__slide .inside::-webkit-scrollbar {
  display: none;
}
.overlay__slide .nav__info {
  margin-top: auto;
}
.overlay__slide .-header {
  padding-bottom: 1.5em;
  border-bottom: var(--base-border);
}
.overlay__slide .-header h2,
.overlay__slide .-header h3 {
  font-weight: 900;
  font-size: calc(1.0625rem + 0.75vw);
}
@media (min-width: 1200px) {
  .overlay__slide .-header h2,
  .overlay__slide .-header h3 {
    font-size: 1.625rem;
  }
}
.overlay__slide .-header h2.-thin,
.overlay__slide .-header h3.-thin {
  font-weight: 300;
}
.overlay__slide .-header h2 + .subheadline,
.overlay__slide .-header h3 + .subheadline {
  font-weight: 900;
  font-size: calc(1.0625rem + 0.75vw);
  margin-top: -1.5rem;
  margin-bottom: 1rem;
  text-transform: uppercase;
  line-height: 1em;
}
@media (min-width: 1200px) {
  .overlay__slide .-header h2 + .subheadline,
  .overlay__slide .-header h3 + .subheadline {
    font-size: 1.625rem;
  }
}
.overlay__slide .-header + * {
  margin-top: 2rem;
}
.overlay__slide .-button a,
.overlay__slide .-button a:hover {
  color: #fff !important;
}
.overlay__slide a {
  color: var(--color-text);
}
.overlay__slide a.choose-country-link, .overlay__slide a.choose-region-link {
  color: var(--color-secondary);
}
.overlay__slide a:hover {
  color: var(--color-main);
}
.overlay__slide .choose-country {
  display: none;
}

.overlay__menu {
  justify-content: flex-start;
}
.overlay__menu .inside {
  flex: 1 0 auto;
  padding-top: calc(1.8rem + 9.6vw);
}
@media (min-width: 1200px) {
  .overlay__menu .inside {
    padding-top: 9rem;
  }
}
.overlay__menu .mod_navigation {
  margin-bottom: 2rem;
}
.overlay__menu .nav__socials,
.overlay__menu .nav__info {
  flex-shrink: 0;
}

.overlay__languages .inside {
  display: flex;
  justify-content: center;
}
.overlay__languages ul {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.overlay__languages li {
  font-size: calc(1.025rem + 0.3vw);
  letter-spacing: 0.01em;
  font-weight: 300;
  line-height: 1.6;
}
@media (min-width: 1200px) {
  .overlay__languages li {
    font-size: 1.25rem;
  }
}
.overlay__languages li a {
  font: inherit;
  letter-spacing: inherit;
}
.overlay__languages li:not(.external) + li.external {
  margin-top: 1em;
}
.overlay__languages li.external {
  display: flex;
  align-items: center;
}
.overlay__languages li.external::after {
  content: "\f35d";
  font-family: var(--base-icon-font);
  font-weight: 600;
  font-size: 0.75rem;
  display: inline-block;
  margin-left: 0.5em;
  color: inherit;
  transition: color 0.3s ease-in-out 0s;
}
.overlay__languages li.external::after:hover {
  color: var(--color-main);
}
.overlay__languages li.active {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--color-main);
}
.overlay__languages li.active::after {
  content: "\f00c";
  font-family: var(--base-icon-font);
  display: block;
  margin-left: 1em;
  font-weight: 600;
  font-size: 0.75rem;
  color: inherit;
}
.overlay__languages strong.active {
  font-weight: inherit;
}

.overlay__contact strong {
  font-size: calc(1.03125rem + 0.375vw);
  margin-bottom: 0.5em;
}
@media (min-width: 1200px) {
  .overlay__contact strong {
    font-size: 1.3125rem;
  }
}
.overlay__contact ul {
  margin-bottom: 1.5em;
}
.overlay__contact .form-response-message {
  margin-bottom: 1.5em;
  background-color: var(--color-secondary-light);
  color: var(--color-secondary);
  padding: 0.75em 1em 0.65em;
  font-weight: 700;
}
.overlay__contact .ce_form .widget {
  width: 100%;
}
.overlay__contact .ce_form .widget.widget-checkbox label {
  font-size: 0.9375rem;
}
.overlay__contact .container.show-not-in-overlay {
  display: none;
}
.overlay__contact .contact {
  margin-top: var(--base-margin-top);
  max-width: 300px;
}
.overlay__contact .contact:first-child {
  margin-top: 0;
}
.overlay__contact .contact .selected-region {
  margin-bottom: 0;
}
.overlay__contact .contact .headline:not(.show-in-overlay) {
  display: none;
}
.overlay__contact .contact .show-not-in-overlay {
  display: none;
}
.overlay__contact .contact .show-in-overlay {
  display: block;
}
.overlay__contact .contact .region-links a {
  color: var(--color-secondary);
}
.overlay__contact .contact .region-links a:hover {
  color: var(--color-main);
}

.overlay__close {
  position: absolute;
  width: 28px;
  height: 28px;
  cursor: pointer;
  margin: 0;
  padding: 0;
  background: none;
  outline: none;
  border: none;
  min-height: 0;
  position: absolute;
  right: 15px;
  top: 15px;
}
.overlay__close::before, .overlay__close::after {
  position: absolute;
  left: 14px;
  content: "";
  height: 28px;
  width: 2px;
  background-color: #000;
  clip-path: none;
  transition: background-color 0.3s ease-in-out 0s;
}
.overlay__close::before {
  transform: rotate(45deg);
}
.overlay__close::after {
  transform: rotate(-45deg);
}
.overlay__close:hover {
  background: none;
}
.overlay__close:hover::before, .overlay__close:hover::after {
  background-color: var(--color-main);
}

#pageid_pagejoboffers {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  min-height: 100vh;
}
#pageid_pagejoboffers #jobslisting {
  padding-left: var(--base-spacing);
  padding-right: var(--base-spacing);
}
#pageid_pagejoboffers #jobslisting p {
  margin-bottom: 2em;
}
#pageid_pagejoboffers header a:hover,
#pageid_pagejoboffers footer a:hover {
  text-decoration: none;
}
#pageid_pagejoboffers .css_button a:hover {
  color: #fff !important;
}
#pageid_pagejoboffers .login-footer {
  display: none;
  color: yellow;
  background-color: #fff;
}
#pageid_pagejoboffers footer {
  width: 100%;
}
#pageid_pagejoboffers footer .row::before,
#pageid_pagejoboffers footer .row::after {
  display: none;
}

#footer_links,
#sticky_jobalert {
  position: static;
}
#footer_links a,
#sticky_jobalert a {
  background-color: var(--color-gray-24);
  min-height: var(--button-height);
  padding: 0 var(--text-padding);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
#footer_links a:hover,
#sticky_jobalert a:hover {
  background-color: var(--color-main);
}

#content_zone {
  box-sizing: content-box;
}

.quicklinks {
  position: fixed;
  top: 0;
  bottom: 0;
  right: calc(-1 * (231px - 4.375rem));
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 10;
  pointer-events: none;
  width: 230px;
  overflow: visible;
}
@media only screen and (max-width: 549px) {
  .quicklinks {
    left: 0;
    top: auto;
    flex-direction: row;
    right: 0;
    width: auto;
  }
}
.quicklinks__career.quicklinks__button.visible {
  width: auto;
}
.quicklinks__career.quicklinks__button.visible .icon {
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 549px) {
  .quicklinks__career.quicklinks__button.visible .icon {
    width: 4.375rem;
  }
}
@media only screen and (min-width: 549px) {
  .quicklinks__career.quicklinks__button.visible {
    display: inline-flex;
  }
  .quicklinks__career.quicklinks__button.visible:hover {
    transform: translateX(calc(-1 * (230px - 4.375rem)));
  }
}
.quicklinks__career.quicklinks__button.visible .text {
  text-align: left;
  padding-right: 20px;
  padding-left: 5px;
  display: none;
}
@media only screen and (min-width: 549px) {
  .quicklinks__career.quicklinks__button.visible .text {
    display: block;
  }
}
.quicklinks__button {
  background: var(--color-secondary);
  margin: 0;
  padding: 0;
  border: none;
  width: 4.375rem;
  height: 4.375rem;
  transform: translateX(4.375rem);
  pointer-events: visible;
  transition: transform 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
}
.quicklinks__button.visible {
  transform: translateX(0);
}
.quicklinks__button:hover {
  background: var(--color-secondary-hover);
}
.quicklinks__button svg {
  width: var(--icon-width-large);
}
.quicklinks__button path,
.quicklinks__button polyline,
.quicklinks__button line {
  stroke: var(--color-text-inverted);
}
.quicklinks__button + .quicklinks__button {
  margin-top: 5px;
}
@media only screen and (max-width: 549px) {
  .quicklinks__button {
    width: auto;
    flex: 1 0 auto;
    transform: translateY(100%);
  }
  .quicklinks__button + .quicklinks__button {
    margin-top: 0;
    margin-left: var(--gap-sm);
  }
}
.quicklinks__menu {
  background-color: var(--color-main);
}
.quicklinks__menu:hover {
  background-color: var(--color-main-hover);
}

.-center {
  text-align: center;
}
.-center .ce_text img {
  display: inline-block;
}

.-noScroll {
  position: relative;
  overflow: hidden;
}

.-fullWidth .width {
  max-width: 100%;
}

.-noPadding .width {
  padding: 0;
}

.-noSidePadding .width {
  padding-left: 0;
  padding-right: 0;
}

.-lessTopPadding .width {
  padding-top: calc(var(--base-spacing) - 1rem);
}

.-lessPadding .width {
  padding-top: calc(var(--base-spacing) - 1rem);
  padding-bottom: calc(var(--base-spacing) - 1rem);
}

.-noVerticalPadding .width {
  padding-top: 0;
  padding-bottom: 0;
}

.-noTopPadding .width {
  padding-top: 0;
}

.-noBottomPadding .width {
  padding-bottom: 0;
}

.-moreTopPadding .width {
  padding-top: calc(var(--base-spacing) * 2 - 1rem);
}

h2.-lessBottomMargin {
  margin-bottom: 0.5em;
}

.-visibleOverflow {
  overflow: visible;
}

.-fontSize21 {
  font-size: calc(1.03125rem + 0.375vw);
}
@media (min-width: 1200px) {
  .-fontSize21 {
    font-size: 1.3125rem;
  }
}

.-fontSize26 {
  font-size: calc(1.0625rem + 0.75vw);
  line-height: 1.4em;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .-fontSize26 {
    font-size: 1.625rem;
  }
}
.-fontSize26 strong {
  font-weight: 600;
}
.-fontSize26.thin {
  font-weight: 300;
}

.-fontSize120 {
  font-size: calc(1.65rem + 7.8vw);
  font-weight: 900;
}
@media (min-width: 1200px) {
  .-fontSize120 {
    font-size: 7.5rem;
  }
}

.ce_text.-intro .text-wrapper {
  max-width: 55rem;
  font-size: calc(1.0125rem + 0.15vw);
  line-height: 1.6;
}
@media (min-width: 1200px) {
  .ce_text.-intro .text-wrapper {
    font-size: 1.125rem;
  }
}
.mod_article.-center .ce_text.-intro .text-wrapper {
  margin-left: auto;
  margin-right: auto;
}

span.-bold {
  font-weight: 600;
}

.mod_article .-borderTop {
  border-top: var(--base-border);
}

.mod_article.-borderTop .width {
  padding-top: 0;
}
.mod_article.-borderTop .inside {
  border-top: var(--base-border);
  padding-top: var(--base-spacing);
}

.-hide {
  display: none;
}

.-backgroundGrey {
  background-color: #f2f2f2;
}

.-backgroundGreyDark {
  background-color: var(--color-gray-93);
}

.-backgroundBlack {
  background-color: #000;
}
.-backgroundBlack h1, .-backgroundBlack h2, .-backgroundBlack h3, .-backgroundBlack h4, .-backgroundBlack h5, .-backgroundBlack h6, .-backgroundBlack {
  color: #fff;
}

.-backgroundPrimary {
  background-color: var(--color-main);
}
.-backgroundPrimary,
.-backgroundPrimary .-h1 {
  color: #fff !important;
}

.-backgroundSecondary {
  background-color: var(--color-secondary);
}

.-backgroundGreyTriangles {
  background: var(--color-gray-93) url(/build/images/background_triangles_grey.4dabdc88.svg) center top/100% auto no-repeat;
}

.-backgroundGreyTrianglesLandingpageLeftTop {
  background: #fff url(/build/images/background-triangles-left-top.71dc848f.svg) left top/auto 100% no-repeat;
}

.-backgroundGreyTrianglesLandingpageRightTop {
  background: #fff url(/build/images/background-triangles-right-top.9434975f.svg) right top/auto 100% no-repeat;
}

.-backgroundGreyTrianglesLandingpageRightTopGrey {
  background: var(--color-gray-93) url(/build/images/background-triangles-right-top.9434975f.svg) right top/auto 100% no-repeat;
}

.-backgroundGreyTrianglesLandingpageRightTopSecondary {
  background: var(--color-secondary) url(/build/images/background-triangles-right-top.9434975f.svg) right top/auto 100% no-repeat;
}
.-backgroundGreyTrianglesLandingpageRightTopSecondary .-button a, .-backgroundGreyTrianglesLandingpageRightTopSecondary .-button a::after {
  background-color: #000;
}
.-backgroundGreyTrianglesLandingpageRightTopSecondary .-button a:hover, .-backgroundGreyTrianglesLandingpageRightTopSecondary .-button a:hover::after {
  background-color: var(--color-main);
}

body.-backgroundWhiteTriangles {
  background: url(/build/images/background_triangles_white.c8b93eca.svg) right top/100% auto no-repeat;
}

.-backgroundGradient {
  background: url(/build/images/gradient_background.bb5f0191.png) center center/100% 100% no-repeat;
}
.-backgroundGradient h1, .-backgroundGradient h2, .-backgroundGradient h3, .-backgroundGradient h4, .-backgroundGradient h5, .-backgroundGradient h6, .-backgroundGradient {
  color: #fff;
}
.-backgroundGradient .-button a, .-backgroundGradient .-button a::after {
  background-color: var(--color-secondary);
}
.-backgroundGradient .-button a:hover, .-backgroundGradient .-button a:hover::after {
  background-color: var(--color-main);
}

.-backgroundMetal {
  background: url(/build/images/background_metal.e6c4c7fa.jpg) center center/100% 100% no-repeat;
}

.-blueLine::before {
  content: "";
  height: 10px;
  width: 100%;
  background-color: var(--color-secondary);
  display: block;
}

.-redLine::before {
  content: "";
  height: 10px;
  width: 100%;
  background-color: var(--color-main);
  display: block;
}

.-flex {
  display: flex;
}
.-flex.ce_text.-threeQuarter .float_left {
  margin-right: var(--gap);
}
.-flex.ce_text.-threeQuarter .text-wrapper {
  flex: 0 0 75%;
}
.-flex.ce_text .float_left {
  margin-right: var(--gap);
}
.-flex.ce_text .text-wrapper {
  flex: 0 0 50%;
}

.mod_article.-flex .inside {
  display: flex;
  flex-wrap: wrap;
}

.-grayscale img {
  filter: grayscale(1);
  transition: filter 0.3s ease-in-out 0s;
}
.-grayscale img:hover {
  filter: grayscale(0);
}

.mod_article.-twoColumns .inside {
  display: flex;
  flex-flow: row wrap;
}
.mod_article.-twoColumns .inside > div {
  width: 50%;
}
.mod_article.-twoColumns .ce_headline {
  width: 100%;
}
.mod_article.-twoColumns .ce_text {
  padding-left: 2em;
  padding-right: 2em;
}

.ce_text.-twoColumns .text-wrapper {
  columns: 2;
  column-gap: calc(1.3375rem + 4.05vw);
}
@media (min-width: 1200px) {
  .ce_text.-twoColumns .text-wrapper {
    column-gap: 4.375rem;
  }
}
@media only screen and (max-width: 768px) {
  .ce_text.-twoColumns .text-wrapper {
    columns: 1;
  }
}
.ce_text.-twoColumns .button {
  text-align: right;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
  animation-duration: 1s;
  animation-fill-mode: both;
}

.flex-i {
  display: flex !important;
}

.-w50 {
  width: 50%;
}

.-w100 {
  width: 100%;
}