@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, dialog {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

strong, b {
  font-weight: 700;
}

i, em {
  font-style: italic;
}

input, select, textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 0;
}

.invisible {
  display: none;
}

button, input.submit {
  cursor: pointer;
  border-radius: 0;
}

sub, sup {
  font-size: 70%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.4em;
}

sub {
  bottom: -0.25em;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tns-ovh {
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

body.hidden-scroll {
  overflow: hidden;
}

.sl-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  display: none;
  z-index: 1035;
}

.sl-wrapper {
  z-index: 1040;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed;
}

.sl-wrapper * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.sl-wrapper button {
  border: 0 none;
  background: transparent;
  font-size: 28px;
  padding: 0;
  cursor: pointer;
}

.sl-wrapper button:hover {
  opacity: 0.7;
}

.sl-wrapper .sl-close {
  display: none;
  position: fixed;
  right: 30px;
  top: 30px;
  z-index: 10060;
  margin-top: -14px;
  margin-right: -14px;
  height: 44px;
  width: 44px;
  line-height: 44px;
  font-family: Arial, Baskerville, monospace;
  color: #000;
  font-size: 3rem;
}

.sl-wrapper .sl-counter {
  display: none;
  position: fixed;
  top: 30px;
  left: 30px;
  z-index: 10060;
  color: #000;
  font-size: 1rem;
}

.sl-wrapper .sl-navigation {
  width: 100%;
  display: none;
}

.sl-wrapper .sl-navigation button {
  position: fixed;
  top: 50%;
  margin-top: -22px;
  height: 44px;
  width: 22px;
  line-height: 44px;
  text-align: center;
  display: block;
  z-index: 10060;
  font-family: Arial, Baskerville, monospace;
  color: #000;
}

.sl-wrapper .sl-navigation button.sl-next {
  right: 5px;
  font-size: 2rem;
}

.sl-wrapper .sl-navigation button.sl-prev {
  left: 5px;
  font-size: 2rem;
}

@media (min-width: 35.5em) {
  .sl-wrapper .sl-navigation button {
    width: 44px;
  }
  .sl-wrapper .sl-navigation button.sl-next {
    right: 10px;
    font-size: 3rem;
  }
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 10px;
    font-size: 3rem;
  }
}

@media (min-width: 50em) {
  .sl-wrapper .sl-navigation button {
    width: 44px;
  }
  .sl-wrapper .sl-navigation button.sl-next {
    right: 20px;
    font-size: 3rem;
  }
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 20px;
    font-size: 3rem;
  }
}

.sl-wrapper.sl-dir-rtl .sl-navigation {
  direction: ltr;
}

.sl-wrapper .sl-image {
  position: fixed;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 10000;
}

.sl-wrapper .sl-image img {
  margin: 0;
  padding: 0;
  display: block;
  border: 0 none;
  width: 100%;
  height: auto;
}

@media (min-width: 35.5em) {
  .sl-wrapper .sl-image img {
    border: 0 none;
  }
}

@media (min-width: 50em) {
  .sl-wrapper .sl-image img {
    border: 0 none;
  }
}

.sl-wrapper .sl-image iframe {
  background: #000;
  border: 0 none;
}

@media (min-width: 35.5em) {
  .sl-wrapper .sl-image iframe {
    border: 0 none;
  }
}

@media (min-width: 50em) {
  .sl-wrapper .sl-image iframe {
    border: 0 none;
  }
}

.sl-wrapper .sl-image .sl-caption {
  display: none;
  padding: 10px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.sl-wrapper .sl-image .sl-caption.pos-top {
  bottom: auto;
  top: 0;
}

.sl-wrapper .sl-image .sl-caption.pos-outside {
  bottom: auto;
}

.sl-wrapper .sl-image .sl-download {
  display: none;
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: #000;
  z-index: 1060;
}

.sl-spinner {
  display: none;
  border: 5px solid #333;
  border-radius: 40px;
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  opacity: 0;
  position: fixed;
  top: 50%;
  width: 40px;
  z-index: 1007;
  -webkit-animation: pulsate 1s ease-out infinite;
  animation: pulsate 1s ease-out infinite;
}

.sl-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.sl-transition {
  transition: -webkit-transform ease 200ms;
  -webkit-transition: -webkit-transform ease 200ms;
  transition: transform ease 200ms;
  transition: transform ease 200ms, -webkit-transform ease 200ms;
}

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}

@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}

:root {
  --col-text: #000000;
  --col-text--rgb: 0, 0, 0;
  --col-head-700: #00214F;
  --col-head-700--rgb: 0, 33, 79;
  --col-head-600: #B1B2B3;
  --col-head-600--rgb: 177, 178, 179;
  --col-head-500: #A1B1C3;
  --col-head-500--rgb: 161, 177, 195;
  --col-head-400: #436487;
  --col-head-400--rgb: 67, 100, 135;
  --col-head-300: #e5e8ed;
  --col-head-300--rgb: 229, 232, 237;
  --col-mxam: #436487;
  --col-mxam--rgb: 67, 100, 135;
  --col-more: #e84424;
  --col-more--rgb: 232, 68, 36;
  --col-mqc: #008291;
  --col-mqc--rgb: 0, 130, 145;
  --col-mxray: #D47108;
  --col-mxray--rgb: 212, 113, 8;
  --col-mtest: #588B26;
  --col-mtest--rgb: 88, 139, 38;
  --col-tudoor: #b02625;
  --col-tudoor--rgb: 176, 38, 37;
  --col-background-100: #ECEFF3;
  --col-background-100--rgb: 236, 239, 243;
  --col-background-200: #E5E8ED;
  --col-background-200--rgb: 229, 232, 237;
  --col-yellow-100: #fff7e5;
  --col-yellow-100--rgb: 255, 247, 229;
  --col-yellow-200: #fde7b2;
  --col-yellow-200--rgb: 253, 231, 178;
  --col-yellow-400: #f9b100;
  --col-yellow-400--rgb: 249, 177, 0;
  --col-red-400: #B31B1A;
  --col-red-400--rgb: 179, 27, 26;
  --col-white: #ffffff;
  --col-white--rgb: 255, 255, 255;
  --col-black: #000000;
  --col-black--rgb: 0, 0, 0;
  --gap-col: 40px;
  --gap-row: 84px;
  --gap-lines: 1rem;
  --content-width: 1070px;
  --nav-width: 320px;
  --hero-scroll-progress: 0;
  --button-color: var(--col-white);
  --button-background: var(--col-head-700);
  --button-color-active: var(--col-head-700);
  --button-background-active: var(--col-yellow-400);
  --product-color: var(--col-head-700);
  --product-color--rgb: var(--col-head-700--rgb);
  --headline-color: var(--col-head-700);
}

@media (max-width: 500px) {
  :root {
    --gap-row: var(--gap-col);
  }
}

@media (max-width: 380px) {
  :root {
    --nav-width: calc(100vw - 69px);
  }
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

body {
  font-family: "Hanken Grotesk", Helvetica, Arial, sans-serif;
  line-height: 1.4;
  color: var(--col-text);
}

body input#menu-toggle:checked ~ #wrapper header label[for="menu-toggle"] svg path:nth-child(1), body:has(nav.mod_navigation ul.level_1:focus-within) header label[for="menu-toggle"] svg path:nth-child(1) {
  stroke-dashoffset: -132px;
}

body input#menu-toggle:checked ~ #wrapper header label[for="menu-toggle"] svg path:nth-child(2), body:has(nav.mod_navigation ul.level_1:focus-within) header label[for="menu-toggle"] svg path:nth-child(2) {
  stroke-dashoffset: -71px;
}

body input#menu-toggle:checked ~ #wrapper header label[for="menu-toggle"] svg path:nth-child(3), body:has(nav.mod_navigation ul.level_1:focus-within) header label[for="menu-toggle"] svg path:nth-child(3) {
  stroke-dashoffset: -132px;
}

body input#menu-toggle {
  display: none;
}

body input#menu-toggle:checked {
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
}

body input#menu-toggle:checked ~ #wrapper header nav.mod_navigation ul.level_1 {
  pointer-events: all;
  opacity: 1;
  -webkit-transform: none;
          transform: none;
}

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

body #wrapper {
  overflow: hidden;
}

body #menu-toggle {
  display: none;
}

body.no-breadcrumb .mod_breadcrumb {
  display: none;
}

body.hide-langswitch header nav.mod_changelanguage {
  display: none;
}

body.mxam {
  --product-color: var(--col-mxam);
  --product-color--rgb: var(--col-mxam--rgb);
  --product-filter: brightness(0) invert(34%) sepia(59%) saturate(375%) hue-rotate(170deg) brightness(95%) contrast(88%);
  --button-color: var(--col-white);
  --button-background: var(--product-color);
}

body.mxam .mod_article.hero .ce_text:not(.floating).product p:nth-child(1) {
  background-color: var(--product-color);
  color: var(--col-white);
  margin-left: 4em;
}

body.mxam .mod_article.hero .ce_text:not(.floating).product p:nth-child(1):before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -2em -1em;
  background-size: auto 5em;
  background-color: var(--product-color);
}

body.mxam .mod_article.hero .ce_text.button-link {
  --button-color: var(--product-color);
  --button-background: color-mix(in srgb, var(--product-color) 20%, var(--col-white));
  --button-color-active: var(--col-white);
  --button-background-active: var(--product-color);
}

body.mxam .ce_accordion:nth-child(1 of .ce_accordion):before, body.mxam .ce_accordion:nth-child(1 of .ce_accordion):not(:has(~ .ce_accordion)):after, body.mxam .ce_accordion:nth-child(1 of .ce_accordion) ~ .ce_accordion:not(:has(~ .ce_accordion)):after {
  background: rgba(var(--product-color--rgb), 0.5);
}

body.mxam .ce_accordion > div label:after {
  -webkit-filter: var(--product-filter);
          filter: var(--product-filter);
}

body.more {
  --product-color: var(--col-more);
  --product-color--rgb: var(--col-more--rgb);
  --product-filter: brightness(0) invert(37%) sepia(40%) saturate(1778%) hue-rotate(336deg) brightness(87%) contrast(100%);
  --button-color: var(--col-white);
  --button-background: var(--product-color);
}

body.more .mod_article.hero .ce_text:not(.floating).product p:nth-child(1) {
  background-color: var(--product-color);
  color: var(--col-white);
  margin-left: 4em;
}

body.more .mod_article.hero .ce_text:not(.floating).product p:nth-child(1):before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -2em -2em;
  background-size: auto 5em;
  background-color: var(--product-color);
}

body.more .mod_article.hero .ce_text.button-link {
  --button-color: var(--product-color);
  --button-background: color-mix(in srgb, var(--product-color) 20%, var(--col-white));
  --button-color-active: var(--col-white);
  --button-background-active: var(--product-color);
}

body.more .ce_accordion:nth-child(1 of .ce_accordion):before, body.more .ce_accordion:nth-child(1 of .ce_accordion):not(:has(~ .ce_accordion)):after, body.more .ce_accordion:nth-child(1 of .ce_accordion) ~ .ce_accordion:not(:has(~ .ce_accordion)):after {
  background: rgba(var(--product-color--rgb), 0.5);
}

body.more .ce_accordion > div label:after {
  -webkit-filter: var(--product-filter);
          filter: var(--product-filter);
}

body.mqc {
  --product-color: var(--col-mqc);
  --product-color--rgb: var(--col-mqc--rgb);
  --product-filter: brightness(0) invert(46%) sepia(75%) saturate(6065%) hue-rotate(165deg) brightness(87%) contrast(101%);
  --button-color: var(--col-white);
  --button-background: var(--product-color);
}

body.mqc .mod_article.hero .ce_text:not(.floating).product p:nth-child(1) {
  background-color: var(--product-color);
  color: var(--col-white);
  margin-left: 4em;
}

body.mqc .mod_article.hero .ce_text:not(.floating).product p:nth-child(1):before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -2em -3em;
  background-size: auto 5em;
  background-color: var(--product-color);
}

body.mqc .mod_article.hero .ce_text.button-link {
  --button-color: var(--product-color);
  --button-background: color-mix(in srgb, var(--product-color) 20%, var(--col-white));
  --button-color-active: var(--col-white);
  --button-background-active: var(--product-color);
}

body.mqc .ce_accordion:nth-child(1 of .ce_accordion):before, body.mqc .ce_accordion:nth-child(1 of .ce_accordion):not(:has(~ .ce_accordion)):after, body.mqc .ce_accordion:nth-child(1 of .ce_accordion) ~ .ce_accordion:not(:has(~ .ce_accordion)):after {
  background: rgba(var(--product-color--rgb), 0.5);
}

body.mqc .ce_accordion > div label:after {
  -webkit-filter: var(--product-filter);
          filter: var(--product-filter);
}

body.mxray {
  --product-color: var(--col-mxray);
  --product-color--rgb: var(--col-mxray--rgb);
  --product-filter: brightness(0) invert(46%) sepia(21%) saturate(3546%) hue-rotate(5deg) brightness(97%) contrast(94%);
  --button-color: var(--col-white);
  --button-background: var(--product-color);
}

body.mxray .mod_article.hero .ce_text:not(.floating).product p:nth-child(1) {
  background-color: var(--product-color);
  color: var(--col-white);
  margin-left: 4em;
}

body.mxray .mod_article.hero .ce_text:not(.floating).product p:nth-child(1):before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -2em -4em;
  background-size: auto 5em;
  background-color: var(--product-color);
}

body.mxray .mod_article.hero .ce_text.button-link {
  --button-color: var(--product-color);
  --button-background: color-mix(in srgb, var(--product-color) 20%, var(--col-white));
  --button-color-active: var(--col-white);
  --button-background-active: var(--product-color);
}

body.mxray .ce_accordion:nth-child(1 of .ce_accordion):before, body.mxray .ce_accordion:nth-child(1 of .ce_accordion):not(:has(~ .ce_accordion)):after, body.mxray .ce_accordion:nth-child(1 of .ce_accordion) ~ .ce_accordion:not(:has(~ .ce_accordion)):after {
  background: rgba(var(--product-color--rgb), 0.5);
}

body.mxray .ce_accordion > div label:after {
  -webkit-filter: var(--product-filter);
          filter: var(--product-filter);
}

body.mtest {
  --product-color: var(--col-mtest);
  --product-color--rgb: var(--col-mtest--rgb);
  --product-filter: brightness(0) invert(45%) sepia(54%) saturate(566%) hue-rotate(48deg) brightness(95%) contrast(88%);
  --button-color: var(--col-white);
  --button-background: var(--product-color);
}

body.mtest .mod_article.hero .ce_text:not(.floating).product p:nth-child(1) {
  background-color: var(--product-color);
  color: var(--col-white);
  margin-left: 4em;
}

body.mtest .mod_article.hero .ce_text:not(.floating).product p:nth-child(1):before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -12em -2em;
  background-size: auto 5em;
  background-color: var(--product-color);
}

body.mtest .mod_article.hero .ce_text.button-link {
  --button-color: var(--product-color);
  --button-background: color-mix(in srgb, var(--product-color) 20%, var(--col-white));
  --button-color-active: var(--col-white);
  --button-background-active: var(--product-color);
}

body.mtest .ce_accordion:nth-child(1 of .ce_accordion):before, body.mtest .ce_accordion:nth-child(1 of .ce_accordion):not(:has(~ .ce_accordion)):after, body.mtest .ce_accordion:nth-child(1 of .ce_accordion) ~ .ce_accordion:not(:has(~ .ce_accordion)):after {
  background: rgba(var(--product-color--rgb), 0.5);
}

body.mtest .ce_accordion > div label:after {
  -webkit-filter: var(--product-filter);
          filter: var(--product-filter);
}

@media (max-width: 768px) {
  body:has(.mod_article.hero .ce_text.floating) .mod_breadcrumb ul {
    padding-top: calc(var(--gap-col)* 2.25);
  }
}

.block, .widget {
  display: block;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: calc(var(--gap-col) * 0.5);
}

.block.span20, .widget.span20 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
}

.block.span25, .widget.span25 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}

.block.span30, .widget.span30 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
}

.block.span33, .widget.span33 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 33%;
      flex-basis: 33%;
  -ms-flex-preferred-size: 33.3333333333%;
      flex-basis: 33.3333333333%;
}

.block.span35, .widget.span35 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
}

.block.span40, .widget.span40 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
}

.block.span45, .widget.span45 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 45%;
      flex-basis: 45%;
}

.block.span50, .widget.span50 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}

@media (max-width: 768px) {
  .block.span50, .widget.span50 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

.block.span55, .widget.span55 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 55%;
      flex-basis: 55%;
}

.block.span60, .widget.span60 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
}

.block.span65, .widget.span65 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 65%;
      flex-basis: 65%;
}

.block.span66, .widget.span66 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 66%;
      flex-basis: 66%;
  -ms-flex-preferred-size: 66.6666666667%;
      flex-basis: 66.6666666667%;
}

.block.span70, .widget.span70 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 70%;
      flex-basis: 70%;
}

.block.span75, .widget.span75 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
}

.block.span80, .widget.span80 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 80%;
      flex-basis: 80%;
}

header {
  position: relative;
  z-index: 10;
  background: rgba(var(--col-white--rgb), 0.9);
  -webkit-backdrop-filter: brightness(2) blur(3px);
          backdrop-filter: brightness(2) blur(3px);
}

header > .inside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  max-width: calc(var(--content-width) + (var(--gap-col)*1));
  margin-inline: auto;
  padding-inline: calc(var(--gap-col) * 0.5);
  padding-block: calc(var(--gap-col) * 0.75);
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding-top: calc(var(--gap-col) * 1);
  padding-bottom: calc(var(--gap-col) * 0.5);
}

@media (max-width: 768px) {
  header > .inside {
    padding-inline: calc(var(--gap-col) * 0.75);
  }
}

@media (max-width: 600px) {
  header > .inside {
    padding-inline: calc(var(--gap-col) * 0.25);
  }
}

@media (max-width: 400px) {
  header > .inside {
    padding-inline: 0;
  }
}

@media (max-width: 500px) {
  header > .inside {
    padding-block: 0;
  }
}

header .logo {
  -ms-flex-preferred-size: 200px;
      flex-basis: 200px;
  margin-right: auto;
  padding-right: 0;
  max-width: 40vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .logo span {
  display: block;
  width: 100%;
  aspect-ratio: 176/63;
  max-width: clamp(100px, 20vw, 176px);
  background: url(../img/logo-mes.svg) no-repeat scroll 0 50%;
  background-size: contain;
}

header nav {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

header nav.mod_changelanguage {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

header nav.mod_changelanguage > ul.level_1 {
  height: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

header nav.mod_navigation {
  position: relative;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header nav.mod_navigation label[for="menu-toggle"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-transform: scale(1.75);
          transform: scale(1.75);
}

header nav.mod_navigation label[for="menu-toggle"] svg {
  display: block;
  width: 3.2rem;
  -webkit-transition: -webkit-transform 400ms;
  transition: -webkit-transform 400ms;
  transition: transform 400ms;
  transition: transform 400ms, -webkit-transform 400ms;
}

header nav.mod_navigation label[for="menu-toggle"] svg path {
  fill: none;
  -webkit-transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke: var(--col-yellow-400);
  stroke-width: 5.5;
  stroke-linecap: round;
}

header nav.mod_navigation label[for="menu-toggle"] svg path:nth-child(1) {
  stroke-dasharray: 40 172;
}

header nav.mod_navigation label[for="menu-toggle"] svg path:nth-child(2) {
  stroke-dasharray: 40 111;
}

header nav.mod_navigation label[for="menu-toggle"] svg path:nth-child(3) {
  stroke-dasharray: 40 172;
}

header nav.mod_navigation ul.level_1 {
  -webkit-transition: all .4s;
  transition: all .4s;
  position: absolute;
  z-index: 2;
  top: 100%;
  right: 0;
  min-width: 290px;
  padding: calc(var(--gap-col) * 1);
  background: var(--col-white);
  border-radius: 0 0 1rem 1rem;
  -webkit-box-shadow: 0 0 25px rgba(var(--col-head-400--rgb), 0.25);
          box-shadow: 0 0 25px rgba(var(--col-head-400--rgb), 0.25);
}

header nav.mod_navigation ul.level_1:not(:focus-within) {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(5rem);
          transform: translateY(5rem);
}

@media (min-width: 430px) {
  header nav.mod_navigation ul.level_1 {
    min-width: 340px;
  }
}

header nav.mod_navigation ul.level_1:after {
  content: "";
  position: absolute;
  bottom: 100%;
  right: calc((var(--gap-col) * 1) - 14px);
  width: 0;
  height: 0;
  border: solid transparent;
  border-color: transparent;
  border-bottom-color: var(--col-white);
  border-width: 20px;
  pointer-events: none;
}

header nav.mod_navigation ul.level_1 input, header nav.mod_navigation ul.level_1 label {
  display: none;
}

header nav.mod_navigation ul.level_1 a, header nav.mod_navigation ul.level_1 strong {
  text-decoration: none;
  color: var(--col-head-700);
  -webkit-transition: color .2s;
  transition: color .2s;
}

header nav.mod_navigation ul.level_1 strong {
  cursor: default;
  color: var(--col-head-600);
}

header nav.mod_navigation ul.level_1 a:focus,
header nav.mod_navigation ul.level_1 a:hover {
  color: var(--col-yellow-400);
}

header nav.mod_navigation ul.level_1 > li > a, header nav.mod_navigation ul.level_1 > li > strong {
  font-weight: 700;
  line-height: 1.2;
}

header nav.mod_navigation ul.level_1 > li > a.mxam, header nav.mod_navigation ul.level_1 > li > a.mqc, header nav.mod_navigation ul.level_1 > li > a.more, header nav.mod_navigation ul.level_1 > li > a.tudoor, header nav.mod_navigation ul.level_1 > li > strong.mxam, header nav.mod_navigation ul.level_1 > li > strong.mqc, header nav.mod_navigation ul.level_1 > li > strong.more, header nav.mod_navigation ul.level_1 > li > strong.tudoor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

header nav.mod_navigation ul.level_1 > li > a.mxam:before, header nav.mod_navigation ul.level_1 > li > a.mqc:before, header nav.mod_navigation ul.level_1 > li > a.more:before, header nav.mod_navigation ul.level_1 > li > a.tudoor:before, header nav.mod_navigation ul.level_1 > li > strong.mxam:before, header nav.mod_navigation ul.level_1 > li > strong.mqc:before, header nav.mod_navigation ul.level_1 > li > strong.more:before, header nav.mod_navigation ul.level_1 > li > strong.tudoor:before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  margin-right: 1ch;
  -webkit-transform: scale(1.65) translateY(4%);
          transform: scale(1.65) translateY(4%);
}

header nav.mod_navigation ul.level_1 > li > a.mxam:before, header nav.mod_navigation ul.level_1 > li > strong.mxam:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1rem;
  height: 1rem;
  background-position: -16rem -0rem;
  background-size: auto 5rem;
}

header nav.mod_navigation ul.level_1 > li > a.mqc:before, header nav.mod_navigation ul.level_1 > li > strong.mqc:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1rem;
  height: 1rem;
  background-position: -16rem -2rem;
  background-size: auto 5rem;
}

header nav.mod_navigation ul.level_1 > li > a.more:before, header nav.mod_navigation ul.level_1 > li > strong.more:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1rem;
  height: 1rem;
  background-position: -16rem -1rem;
  background-size: auto 5rem;
}

header nav.mod_navigation ul.level_1 > li > a.tudoor:before, header nav.mod_navigation ul.level_1 > li > strong.tudoor:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1rem;
  height: 1rem;
  background-position: -16rem -3rem;
  background-size: auto 5rem;
}

@media (min-width: 500px) {
  header nav.mod_navigation ul.level_1 > li.nav-footer {
    display: none;
  }
}

header nav.mod_navigation ul.level_1 > li.nav-footer a, header nav.mod_navigation ul.level_1 > li.nav-footer strong {
  color: var(--col-head-600);
  font-weight: 400;
}

header nav.mod_navigation ul.level_1 > li ul.level_2 {
  margin-left: 0.5em;
}

header nav.mod_navigation ul.level_1 > li ul.level_2 strong {
  font-weight: 400;
  color: var(--col-head-600);
}

header nav.mod_navigation ul.level_1 > li + li {
  margin-top: 1.25em;
}

header nav.mod_changelanguage, footer nav.mod_changelanguage {
  color: var(--col-head-600);
}

header nav.mod_changelanguage ul.level_1, footer nav.mod_changelanguage ul.level_1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header nav.mod_changelanguage ul.level_1 li, footer nav.mod_changelanguage ul.level_1 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header nav.mod_changelanguage ul.level_1 li + li:before, footer nav.mod_changelanguage ul.level_1 li + li:before {
  content: "|";
  margin-inline: 0.5ch;
}

header nav.mod_changelanguage ul.level_1 li a, footer nav.mod_changelanguage ul.level_1 li a {
  color: inherit;
  text-decoration: none;
}

header nav.mod_changelanguage ul.level_1 li strong, footer nav.mod_changelanguage ul.level_1 li strong {
  color: var(--col-head-700);
  font-weight: 800;
}

footer > .inside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  max-width: calc(var(--content-width) + (var(--gap-col)*1));
  margin-inline: auto;
  padding-inline: calc(var(--gap-col) * 0.5);
  padding-block: calc(var(--gap-col) * 0.75);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-block: calc(var(--gap-col) * 2);
}

@media (max-width: 768px) {
  footer > .inside {
    padding-inline: calc(var(--gap-col) * 0.75);
  }
}

@media (max-width: 600px) {
  footer > .inside {
    padding-inline: calc(var(--gap-col) * 0.25);
  }
}

@media (max-width: 400px) {
  footer > .inside {
    padding-inline: 0;
  }
}

footer .logo {
  -ms-flex-preferred-size: calc(100% - 200px);
      flex-basis: calc(100% - 200px);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: calc(var(--gap-col) * 0.5);
  -webkit-column-gap: calc(var(--gap-col) * 2);
     -moz-column-gap: calc(var(--gap-col) * 2);
          column-gap: calc(var(--gap-col) * 2);
}

footer .logo .mes {
  display: block;
  width: 116px;
  aspect-ratio: 116/35;
  background: url(../img/logo-mes.svg) no-repeat scroll 0 50%;
  background-size: contain;
}

footer .logo .tudoor {
  display: block;
  width: 116px;
  aspect-ratio: 116/42;
  background: url(../img/logo-tudoor.svg) no-repeat scroll 0 50%;
  background-size: contain;
}

footer .logo .samoconsult {
  display: block;
  width: 70px;
  aspect-ratio: 70/66;
  background: url(../img/logo-samoconsult.svg) no-repeat scroll 0 50%;
  background-size: contain;
}

@media (max-width: 670px) {
  footer .logo {
    -webkit-column-gap: calc(var(--gap-col) * 1);
       -moz-column-gap: calc(var(--gap-col) * 1);
            column-gap: calc(var(--gap-col) * 1);
  }
  footer .logo:has(span:nth-of-type(3)) span {
    max-width: 20vw !important;
  }
}

footer nav.mod_changelanguage {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

footer nav.mod_navigation:not(.social) {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  font-size: 0.9375rem;
  color: var(--col-head-600);
}

footer nav.mod_navigation:not(.social) > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: var(--gap-col);
     -moz-column-gap: var(--gap-col);
          column-gap: var(--gap-col);
  row-gap: var(--gap-lines);
  height: 100%;
}

footer nav.mod_navigation:not(.social) .copy {
  white-space: nowrap;
}

footer nav.mod_navigation:not(.social) ul.level_1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: var(--gap-col);
     -moz-column-gap: var(--gap-col);
          column-gap: var(--gap-col);
  row-gap: var(--gap-lines);
}

footer nav.mod_navigation:not(.social) ul.level_1 > li:not(.nav-footer) {
  display: none;
}

footer nav.mod_navigation:not(.social) ul.level_1 > li a, footer nav.mod_navigation:not(.social) ul.level_1 > li strong {
  color: inherit;
  font-weight: 400;
  text-decoration: none;
  white-space: nowrap;
}

footer nav.mod_navigation:not(.social) ul.level_1 > li a {
  -webkit-transition: color .2s;
  transition: color .2s;
}

footer nav.mod_navigation:not(.social) ul.level_1 > li a:focus, footer nav.mod_navigation:not(.social) ul.level_1 > li a:hover {
  color: var(--col-head-700);
}

footer nav.mod_navigation.social {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

footer nav.mod_navigation.social ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: calc(var(--gap-col) * 0.5);
     -moz-column-gap: calc(var(--gap-col) * 0.5);
          column-gap: calc(var(--gap-col) * 0.5);
}

footer nav.mod_navigation.social ul a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 7px;
  background: var(--col-head-600);
  -webkit-transition: background .2s, -webkit-transform .2s;
  transition: background .2s, -webkit-transform .2s;
  transition: background .2s, transform .2s;
  transition: background .2s, transform .2s, -webkit-transform .2s;
  outline: none;
}

footer nav.mod_navigation.social ul a > span {
  font-size: 0;
  display: block;
  color: transparent;
  -webkit-filter: invert(1);
          filter: invert(1);
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
}

footer nav.mod_navigation.social ul a:focus, footer nav.mod_navigation.social ul a:hover {
  background: var(--col-head-700);
  -webkit-transform: translateY(-10%);
          transform: translateY(-10%);
}

footer nav.mod_navigation.social ul a[href*="xing.com"] > span {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1.6rem;
  height: 1.6rem;
  background-position: -4.8rem -0rem;
  background-size: auto 8rem;
}

footer nav.mod_navigation.social ul a[href*="linkedin.com"] > span {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1.6rem;
  height: 1.6rem;
  background-position: -4.8rem -1.6rem;
  background-size: auto 8rem;
}

footer nav.mod_navigation.social ul a[href*="kununu.com"] > span {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1.6rem;
  height: 1.6rem;
  background-position: -4.8rem -3.2rem;
  background-size: auto 8rem;
}

footer nav.mod_navigation.social ul a[href*="facebook.com"] > span {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1.6rem;
  height: 1.6rem;
  background-position: -4.8rem -4.8rem;
  background-size: auto 8rem;
}

footer nav.mod_navigation.social ul a[href*="weixin"] > span {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1.6rem;
  height: 1.6rem;
  background-position: -4.8rem -6.4rem;
  background-size: auto 8rem;
}

footer nav.mod_navigation.social ul a[href*="youtube.com"] > span {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1.6rem;
  height: 1.6rem;
  background-position: -6.4rem -0rem;
  background-size: auto 8rem;
}

#toplink {
  position: fixed;
  z-index: 10;
  bottom: calc(var(--gap-col) * 1.5);
  right: calc(var(--gap-col) * 1.5);
  pointer-events: none;
}

#toplink a {
  display: block;
  font-size: 4.375rem;
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: 0em -4em;
  background-size: auto 5em;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  -webkit-transform: scale(calc(var(--hero-scroll-progress)*1)) translateY(calc(var(--hero-scroll-progress) * 50%));
          transform: scale(calc(var(--hero-scroll-progress)*1)) translateY(calc(var(--hero-scroll-progress) * 50%));
  pointer-events: all;
}

#toplink a:focus, #toplink a:hover {
  -webkit-transform: scale(calc(var(--hero-scroll-progress)*1)) translateY(calc(var(--hero-scroll-progress) * 50%)) translateY(-15%);
          transform: scale(calc(var(--hero-scroll-progress)*1)) translateY(calc(var(--hero-scroll-progress) * 50%)) translateY(-15%);
}

@media (max-width: 500px) {
  #toplink {
    bottom: calc(var(--gap-col) * 1);
    right: calc(var(--gap-col) * 0.5);
  }
  #toplink a {
    font-size: 3.125rem;
  }
}

main > .inside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.mod_breadcrumb {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  position: relative;
  padding-block: 0;
  padding-inline: calc(var(--gap-col) * 0.5);
  margin-bottom: calc(var(--gap-col) * -1);
  font-size: 0.8125rem;
  color: rgba(var(--col-head-700--rgb), 0.4);
  color: #757575;
}

.mod_breadcrumb ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  max-width: calc(var(--content-width) + (var(--gap-col)*1));
  margin-inline: auto;
  padding-inline: calc(var(--gap-col) * 0.5);
  padding-block: calc(var(--gap-col) * 0.75);
  max-width: 1070px;
  padding-bottom: 0;
  display: block;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  .mod_breadcrumb ul {
    padding-inline: calc(var(--gap-col) * 0.75);
  }
}

@media (max-width: 600px) {
  .mod_breadcrumb ul {
    padding-inline: calc(var(--gap-col) * 0.25);
  }
}

@media (max-width: 400px) {
  .mod_breadcrumb ul {
    padding-inline: 0;
  }
}

.mod_breadcrumb ul li {
  display: inline;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.mod_breadcrumb ul li a {
  color: inherit;
  text-decoration: none;
}

.mod_breadcrumb ul li a:hover {
  text-decoration: underline;
}

.mod_breadcrumb ul li strong {
  cursor: default;
}

.mod_breadcrumb ul li + li:before {
  content: "›";
  display: inline-block;
  margin-inline: 1.5ch;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.mod_article {
  padding-inline: 0;
}

.mod_article:nth-child(1) {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.mod_article:nth-child(1) ~ .mod_article {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

.mod_article > .inside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  max-width: calc(var(--content-width) + (var(--gap-col)*1));
  margin-inline: auto;
  padding-inline: calc(var(--gap-col) * 0.5);
  padding-block: calc(var(--gap-col) * 0.75);
  padding-block: calc(var(--gap-col) * 2.0);
}

@media (max-width: 768px) {
  .mod_article > .inside {
    padding-inline: calc(var(--gap-col) * 0.75);
  }
}

@media (max-width: 600px) {
  .mod_article > .inside {
    padding-inline: calc(var(--gap-col) * 0.25);
  }
}

@media (max-width: 400px) {
  .mod_article > .inside {
    padding-inline: 0;
  }
}

.mod_article.background-100 {
  background: var(--col-background-100);
}

.mod_article.background-200 {
  background: var(--col-background-200);
}

.mod_article.hero {
  padding: 0;
}

.mod_article.hero > .inside {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 500px;
}

.mod_article.hero .ce_image:nth-child(1):not(.blog) {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0;
}

.mod_article.hero .ce_image:nth-child(1):not(.blog), .mod_article.hero .ce_image:nth-child(1):not(.blog) > div, .mod_article.hero .ce_image:nth-child(1):not(.blog) figure, .mod_article.hero .ce_image:nth-child(1):not(.blog) picture {
  width: 100vw;
  height: 100%;
}

.mod_article.hero .ce_image:nth-child(1):not(.blog) img {
  width: 100%;
  width: 100vw;
  height: calc(100% + 166px);
  margin-top: calc(-166px);
  -o-object-fit: cover;
     object-fit: cover;
}

.mod_article.hero .ce_image:nth-child(1):not(.blog) ~ .block {
  z-index: 2;
}

.mod_article.hero:has(.ce_image:nth-child(1)) > .inside {
  position: relative;
}

.mod_article.hero .ce_text:not(.floating) {
  color: var(--col-white);
}

.mod_article.hero .ce_text:not(.floating) p strong,
.mod_article.hero .ce_text:not(.floating) h1 {
  font-size: clamp(2.8125rem, 12vw, 4.75rem);
  line-height: 1;
  font-weight: 800;
  text-shadow: 0 0 20px rgba(var(--col-black--rgb), 0.7);
}

.mod_article.hero:has(.ce_player) .ce_text {
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.mod_article.hero:has(.ce_player) .ce_player {
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.mod_article.hero .ce_player figure:nth-of-type(1) {
  -webkit-box-shadow: 0 0 15px var(--col-white);
          box-shadow: 0 0 15px var(--col-white);
}

.mod_article.hero .ce_player.invert-shadow figure:nth-of-type(1) {
  -webkit-box-shadow: 0 0 15px var(--col-black);
          box-shadow: 0 0 15px var(--col-black);
}

.mod_article.hero .ce_text:not(.floating).product p:nth-child(1) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 0.25em 0.5em;
  border-radius: 5px;
  background: var(--col-yellow-400);
  color: var(--col-black);
}

.mod_article.hero .ce_text:not(.floating).product p:nth-child(1):before {
  content: "";
  position: absolute;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  font-size: 3em;
  border-radius: 5px;
  margin-left: -1.4em;
  -webkit-transform: translateY(0.1em);
          transform: translateY(0.1em);
}

.mod_article.hero .ce_text.floating {
  position: absolute;
  right: 50%;
  top: calc(100% - (var(--gap-col)*2));
  -webkit-transform: translateX(50vw);
          transform: translateX(50vw);
  display: block;
  width: 100%;
  max-width: 175px;
  background: var(--col-white);
  color: var(--product-color);
  border-radius: 1rem 0 0 1rem;
  -webkit-box-shadow: 0 0 25px rgba(var(--col-head-400--rgb), 0.25);
          box-shadow: 0 0 25px rgba(var(--col-head-400--rgb), 0.25);
}

.mod_article.hero .ce_text.floating strong {
  font-weight: 800;
}

.mod_article.hero .ce_text.floating.product.inverted {
  background: var(--product-color);
  color: var(--col-white);
}

.mod_article.hero .ce_text.floating.product.inverted p a:after {
  -webkit-filter: invert(1);
          filter: invert(1);
}

.mod_article.hero:has(.ce_text.navigation) .ce_text:not(.floating) {
  -ms-flex-preferred-size: 33%;
      flex-basis: 33%;
}

@media (max-width: 768px) {
  .mod_article.hero:has(.ce_text.navigation) .ce_text:not(.floating) {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

.mod_article.hero:has(.ce_text.navigation) .ce_text.navigation {
  -ms-flex-preferred-size: 66%;
      flex-basis: 66%;
}

.mod_article.hero .ce_text.navigation {
  color: var(--col-text);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.mod_article.hero .ce_text.navigation ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 1rem;
  list-style-type: none;
}

.mod_article.hero .ce_text.navigation ul li {
  -ms-flex-preferred-size: calc(25% - 1rem);
      flex-basis: calc(25% - 1rem);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-top: 0;
  margin-left: unset;
  text-align: center;
}

.mod_article.hero .ce_text.navigation ul li a {
  display: block;
  min-height: 7.5em;
  padding: 0.5em;
  color: inherit;
  text-decoration: none;
  background: var(--col-white);
  border-radius: 1rem;
}

.mod_article.hero .ce_text.navigation ul li a:hover {
  background: color-mix(in srgb, var(--product-color) 50%, var(--col-white));
  color: var(--col-white);
}

.mod_article.hero .ce_text.navigation ul li a:hover:before {
  -webkit-filter: invert(1) !important;
          filter: invert(1) !important;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"] a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"] a:before {
  content: "";
  display: block;
  margin-inline: auto;
  margin-block: auto;
  font-size: 3em;
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
  -webkit-filter: var(--product-filter);
          filter: var(--product-filter);
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-arrow-round-yellow a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: 0em -0em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-arrow-round-red a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: 0em -1em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-close-round a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: 0em -2em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-arrow-round a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: 0em -3em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-arrow-round-top a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: 0em -4em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-tick-round a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -1em -0em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-play a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -1em -1em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-chevron a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -1em -2em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-phone-outline a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -1em -3em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-mail-outline a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -1em -4em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-tick a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -2em -0em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-product-mxam a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -2em -1em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-product-more a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -2em -2em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-product-mqc a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -2em -3em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-product-mxray a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -2em -4em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-social-xing a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -3em -0em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-social-linkedin a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -3em -1em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-social-kununu a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -3em -2em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-social-facebook a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -3em -3em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-social-wechat a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -3em -4em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-social-youtube a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -4em -0em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-info a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -4em -1em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-download-round a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -4em -2em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-placeholder a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -5em -0em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-customizing-mxam a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -5em -1em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-installation-mxam a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -5em -2em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-license-configuration a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -5em -3em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-tool-usage-mxam a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -5em -4em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-purchase-license a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -6em -0em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-quick-start a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -6em -1em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-security-safety a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -6em -2em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-system-requirements a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -6em -3em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-automation a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -6em -4em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-code-generation a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -7em -0em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-compliance a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -7em -1em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-model-analysis a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -7em -2em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-model-based-design a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -7em -3em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-quality-assurance a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -7em -4em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-scalability a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -8em -0em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-simply-better-models a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -8em -1em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-static-testing a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -8em -2em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-download a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -8em -3em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-faq a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -8em -4em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-newsletter a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -9em -0em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-release-notes a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -9em -1em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-support-request a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -9em -2em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-tutorials a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -9em -3em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-user-guide a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -9em -4em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-webinars-training a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -10em -0em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-arrow-round-top-tudoor a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -10em -1em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-close-round-tudoor a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -10em -2em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-quote a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -10em -3em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-zoom a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -10em -4em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-seminar-type-webinar a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -11em -0em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-seminar-type-training a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -11em -1em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-free-of-charge a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -11em -2em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-not-free-of-charge a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -11em -3em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-clock a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -11em -4em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-language a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -12em -0em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-map-pin a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -12em -1em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-product-mtest a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -12em -2em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-quality a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -12em -3em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-efficiency a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -12em -4em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-auto-layout a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -13em -0em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-automotive-engineering a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -13em -1em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-functional-safety a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -13em -2em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-iso26262 a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -13em -3em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-model-based-development-simulink a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -13em -4em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-quality-tools a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -14em -0em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-software-engineering a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -14em -1em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-software-quality a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -14em -2em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-software-test a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -14em -3em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-sotif a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -14em -4em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-static-model-testing a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -15em -0em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-systems-engineering a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -15em -1em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-best-practices a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -15em -2em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-guidance a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -15em -3em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-quality-alt a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -15em -4em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-product-logo-mxam a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -16em -0em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-product-logo-more a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -16em -1em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-product-logo-mqc a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -16em -2em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-product-logo-mtest a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -16em -4em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-product-logo-mxray a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -18em -4em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-product-logo-tudoor a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -16em -3em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-collect-info a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -17em -0em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-dashboard a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -17em -1em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-detect-analyze a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -17em -2em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-track-focus a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -17em -3em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-project-overview a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -17em -4em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-showing-results a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -18em -0em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-in-house-trainings a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -18em -1em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-open-enrollment-trainings a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -18em -2em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-virtual-classroom-trainings a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -18em -3em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-innovative-power a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -19em -0em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-adaption a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -19em -1em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-career-development a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -19em -2em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-competitiveness a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -19em -3em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-confidentiality-security a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -19em -4em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-cost-efficiency a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -20em -0em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-employee-loyalty a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -20em -1em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-improved-skills a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -20em -2em;
  background-size: auto 5em;
}

.mod_article.hero .ce_text.navigation ul li[class*="icon-"].icon-increasing-productivity a:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -20em -3em;
  background-size: auto 5em;
}

@media (max-width: 780px) {
  .mod_article.hero .ce_text.navigation ul li {
    -ms-flex-preferred-size: calc(33% - 1rem);
        flex-basis: calc(33% - 1rem);
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
}

@media (max-width: 600px) {
  .mod_article.hero .ce_text.navigation ul li {
    -ms-flex-preferred-size: calc(50% - 1rem);
        flex-basis: calc(50% - 1rem);
  }
}

.mod_article.hero.blog {
  background: -webkit-gradient(linear, left top, left bottom, from(var(--col-head-700)), color-stop(70%, var(--col-head-600)), color-stop(70%, transparent));
  background: linear-gradient(var(--col-head-700) 0%, var(--col-head-600) 70%, transparent 70%);
}

.mod_article.hero.blog > .inside {
  min-height: unset;
  padding-bottom: 0;
}

@media (max-width: 500px) {
  .mod_article.hero.blog > .inside {
    padding-top: calc(var(--gap-col) * 2.5);
  }
}

.mod_article.hero.blog .ce_image,
.mod_article.hero.blog .ce_player {
  padding-block: 0;
}

.mod_article.hero.blog .ce_image figure,
.mod_article.hero.blog .ce_player figure {
  border-radius: 1rem;
  overflow: hidden;
  -webkit-box-shadow: 0 0 25px rgba(var(--col-head-700--rgb), 0.25);
          box-shadow: 0 0 25px rgba(var(--col-head-700--rgb), 0.25);
}

.mod_article.hero.blog .ce_image figure img,
.mod_article.hero.blog .ce_player figure img {
  width: 100%;
  max-width: unset;
}

.mod_article.hero.blog .ce_image figure figcaption,
.mod_article.hero.blog .ce_player figure figcaption {
  position: absolute;
  z-index: 2;
  bottom: calc(var(--gap-col) * 0.75);
  right: 0;
  background: rgba(var(--col-black--rgb), 0.8);
  border-radius: 1em 0 0 1em;
  color: var(--col-white);
  line-height: 1.2;
  font-weight: 300;
  font-style: normal;
  padding: 1em;
  pointer-events: none;
}

@media (max-width: 450px) {
  .mod_article.hero.blog .ce_image figure figcaption,
.mod_article.hero.blog .ce_player figure figcaption {
    left: calc(var(--gap-col) * 0.75);
  }
}

.mod_article.hero.blog .ce_player figure.paused:has(figcaption) video {
  min-height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}

.mod_article.hero.blog .ce_player figure:not(.paused) figcaption {
  display: none;
}

.mod_article.hero.blog .ce_player figure .overlay .duration {
  text-shadow: 0 0 5px var(--col-black);
}

.mod_article.hero.blog .ce_image figure {
  position: relative;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: none;
  overflow: visible;
}

.mod_article.hero.blog .ce_image figure img {
  background-color: var(--col-background-100);
  border-radius: 1rem;
  overflow: hidden;
  -webkit-box-shadow: 0 0 25px rgba(var(--col-head-700--rgb), 0.25);
          box-shadow: 0 0 25px rgba(var(--col-head-700--rgb), 0.25);
}

@media (max-width: 500px) {
  .mod_article.hero.blog .ce_image figure figcaption {
    position: relative;
    bottom: initial;
    right: 0;
    margin-top: calc(var(--gap-col) * 0.5);
    padding: 0;
    border-radius: 0;
    background: none;
    color: var(--col-text);
    font-style: italic;
  }
}

.mod_article.hero:not(.blog):not(:has(.ce_image)) {
  background: var(--col-head-600);
}

.mod_article.hero.training {
  position: relative;
}

.mod_article.hero.training > .inside {
  padding-block: calc(var(--gap-col)* 1.5);
  padding-inline: calc(var(--gap-col) * 1);
}

@media (max-width: 768px) {
  .mod_article.hero.training > .inside {
    padding-inline: calc(var(--gap-col) * 1.25);
  }
}

@media (max-width: 600px) {
  .mod_article.hero.training > .inside {
    padding-inline: calc(var(--gap-col) * 0.75);
  }
}

@media (max-width: 400px) {
  .mod_article.hero.training > .inside {
    padding-inline: calc(var(--gap-col) * 0.5);
  }
}

.mod_article.hero.training .ce_text p {
  font-size: clamp(1.5625rem, 7vw, 2.125rem);
}

.mod_article.hero.training .ce_text p:nth-of-type(1) {
  margin-top: calc(var(--gap-lines) * 2);
}

.mod_article.hero.training .ce_text p em {
  display: inline-block;
  font-style: normal;
  border-radius: 0 1rem 0 1rem;
  padding: 0.3em 0.75em;
  background: var(--col-yellow-400);
  font-size: clamp(1.25rem, 5vw, 2.125rem);
}

.mod_article.hero.training:has(.ce_player) > .inside {
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 60% 40%;
  grid-template-rows: auto auto auto;
  gap: 0px 0px;
  grid-template-areas: "headline headline" "content player" "content player";
}

@media (max-width: 768px) {
  .mod_article.hero.training:has(.ce_player) > .inside {
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-template-areas: "headline" "content" "player" "type";
  }
  .mod_article.hero.training:has(.ce_player) > .inside .ce_text p:nth-of-type(1) {
    grid-area: content;
  }
  .mod_article.hero.training:has(.ce_player) > .inside .ce_text p:nth-of-type(2) {
    grid-area: type;
  }
}

.mod_article.hero.training:has(.ce_player) .ce_player {
  grid-area: player;
  padding-bottom: 0;
  padding-right: 0;
  padding-left: 0;
}

.mod_article.hero.training:has(.ce_player) .ce_text, .mod_article.hero.training:has(.ce_player) .ce_text > div, .mod_article.hero.training:has(.ce_player) .ce_text .content, .mod_article.hero.training:has(.ce_player) .ce_text .content > div {
  display: contents;
}

.mod_article.hero.training:has(.ce_player) .ce_text .hl, .mod_article.hero.training:has(.ce_player) .ce_text h1 {
  grid-area: headline;
}

.mod_article.hero.training:has(.ce_player) .ce_text .content {
  grid-area: content;
}

.mod_article.hero.training:has(.ce_player) .ce_text p:nth-of-type(1) {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.mod_article.hero.training:has(.ce_player) .ce_text p:nth-of-type(2) {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.mod_article.hero:has(.ce_image img.small) > .inside {
  min-height: unset;
}

.mod_article.hero:has(.ce_text.trainer) .ce_text.trainer > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.mod_article.hero:has(.ce_text.trainer) .ce_text.trainer > div .content {
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.mod_article.hero:has(.ce_text.trainer) .ce_text.trainer > div .content p:nth-of-type(1) {
  font-size: clamp(1.375rem, 5vw, 2.25rem);
}

.mod_article.hero:has(.ce_text.trainer) .ce_text.trainer > div figure {
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media (max-width: 768px) {
  .mod_article.hero:has(.ce_text.trainer) .ce_text.trainer > div {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.mod_article:not([class*="background"]):not(:has(~ .mod_article)) {
  -webkit-box-shadow: 0px 40px 20px -20px rgba(var(--col-head-600--rgb), 0.25);
          box-shadow: 0px 40px 20px -20px rgba(var(--col-head-600--rgb), 0.25);
}

.mod_article.no-gap-top > .inside {
  padding-top: 0;
}

.mod_article.nav {
  padding: 0;
  -webkit-box-ordinal-group: 3 !important;
      -ms-flex-order: 2 !important;
          order: 2 !important;
}

.mod_article.nav > .inside {
  padding-block: 0;
}

.mod_article.nav .ce_text {
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
}

.mod_article.nav .ce_text > div {
  color: var(--col-white);
  background: var(--col-head-700);
  border-radius: 0 0 1rem 1rem;
  -webkit-box-shadow: 0 0 25px rgba(var(--col-head-700--rgb), 0.25);
          box-shadow: 0 0 25px rgba(var(--col-head-700--rgb), 0.25);
  overflow: auto;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  scrollbar-width: none;
}

.mod_article.nav .ce_text > div::-webkit-scrollbar {
  display: none;
}

.mod_article.nav .ce_text ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  list-style-type: none;
}

.mod_article.nav .ce_text ul li {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-left: 0;
}

.mod_article.nav .ce_text ul li:nth-child(n+2) {
  margin-top: 0;
  border-left: 1px solid rgba(var(--col-white--rgb), 0.2);
}

.mod_article.nav .ce_text ul li:not(:last-child) {
  border-right: 1px solid rgba(var(--col-black--rgb), 0.2);
}

.mod_article.nav .ce_text ul li a {
  display: block;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  font-size: 1.1875rem;
  color: inherit;
  text-align: center;
  padding: 2em 1em;
  -webkit-transition: color .2s;
  transition: color .2s;
}

.mod_article.nav .ce_text ul li a:focus, .mod_article.nav .ce_text ul li a:hover {
  color: var(--col-yellow-400);
}

@media (max-width: 768px) {
  .mod_article.nav .ce_text ul li a {
    padding-block: 1.5em;
  }
}

@media (max-width: 600px) {
  .mod_article.nav .ce_text {
    padding-inline: 0;
  }
  .mod_article.nav .ce_text ul {
    width: 150%;
  }
}

@media (max-width: 600px) {
  .mod_article.nav > .inside {
    padding-inline: 0;
  }
}

.mod_article.training-limited > .inside > .block {
  max-width: 700px;
}

.hl {
  color: var(--col-head-700);
}

.hl em {
  font-style: normal;
  color: var(--col-yellow-400);
}

h1, h2 {
  font-size: clamp(2.1875rem, 10vw, 2.8125rem);
  font-weight: 800;
  line-height: 1;
}

h3 {
  font-weight: 800;
  font-size: 1.125rem;
}

/*
.product {

    .hl {
        color: var(--product-color);
    }
}
*/
.ce_text .content > div > * + * {
  margin-top: var(--gap-lines);
}

.ce_text .content .hl + * {
  margin-top: calc(var(--gap-lines) * 1.5);
}

.ce_text .content li + li {
  margin-top: 0.75em;
}

.ce_text .content a {
  color: inherit;
  text-decoration: underline;
  -webkit-transition: color .2s;
  transition: color .2s;
}

.ce_text .content a:focus, .ce_text .content a:hover {
  color: var(--col-yellow-400);
}

.ce_text .content small {
  font-size: 0.85em;
}

.ce_text.intro .content {
  min-width: 280px;
}

.ce_text.intro .content p:nth-of-type(1) {
  font-size: 1.375rem;
  line-height: 1.2;
}

.ce_text.button-link .content p:last-child:has(a) {
  margin-top: calc(var(--gap-lines) * 1.2);
}

.ce_text.button-link .content p:last-child:has(a) a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.975em 2em;
  min-width: 200px;
  font-family: "Hanken Grotesk", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  cursor: pointer;
  border: none;
  border-radius: 2em;
  color: var(--button-color);
  background: var(--button-background);
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  min-width: unset;
}

.ce_text.button-link .content p:last-child:has(a) a:focus, .ce_text.button-link .content p:last-child:has(a) a:hover {
  color: var(--button-color-active);
  background: var(--button-background-active);
}

.ce_text.arrow-link .content p:last-child:has(a) {
  margin-top: calc(var(--gap-lines) * 1.2);
  color: var(--product-color);
}

@media (min-width: 740px) {
  .ce_text.iconbox {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
}

@media (max-width: 450px) {
  .ce_text.iconbox {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

.ce_text.iconbox .content {
  text-align: center;
  max-width: 230px;
  margin-inline: auto;
}

.ce_text.iconbox .content a {
  font-weight: 700;
  text-decoration: none;
  color: var(--product-color);
}

.ce_text.iconbox[class*="icon-"] .content:before {
  content: "";
  display: block;
  margin-inline: auto;
  font-size: 5em;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-filter: var(--product-filter);
          filter: var(--product-filter);
  margin-bottom: calc(var(--gap-lines) * 1);
}

.ce_text.iconbox[class*="icon-"].icon-arrow-round-yellow .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: 0em -0em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-arrow-round-red .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: 0em -1em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-close-round .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: 0em -2em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-arrow-round .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: 0em -3em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-arrow-round-top .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: 0em -4em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-tick-round .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -1em -0em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-play .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -1em -1em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-chevron .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -1em -2em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-phone-outline .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -1em -3em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-mail-outline .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -1em -4em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-tick .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -2em -0em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-product-mxam .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -2em -1em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-product-more .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -2em -2em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-product-mqc .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -2em -3em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-product-mxray .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -2em -4em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-social-xing .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -3em -0em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-social-linkedin .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -3em -1em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-social-kununu .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -3em -2em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-social-facebook .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -3em -3em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-social-wechat .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -3em -4em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-social-youtube .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -4em -0em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-info .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -4em -1em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-download-round .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -4em -2em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-placeholder .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -5em -0em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-customizing-mxam .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -5em -1em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-installation-mxam .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -5em -2em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-license-configuration .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -5em -3em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-tool-usage-mxam .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -5em -4em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-purchase-license .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -6em -0em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-quick-start .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -6em -1em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-security-safety .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -6em -2em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-system-requirements .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -6em -3em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-automation .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -6em -4em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-code-generation .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -7em -0em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-compliance .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -7em -1em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-model-analysis .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -7em -2em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-model-based-design .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -7em -3em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-quality-assurance .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -7em -4em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-scalability .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -8em -0em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-simply-better-models .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -8em -1em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-static-testing .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -8em -2em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-download .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -8em -3em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-faq .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -8em -4em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-newsletter .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -9em -0em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-release-notes .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -9em -1em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-support-request .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -9em -2em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-tutorials .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -9em -3em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-user-guide .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -9em -4em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-webinars-training .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -10em -0em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-arrow-round-top-tudoor .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -10em -1em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-close-round-tudoor .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -10em -2em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-quote .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -10em -3em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-zoom .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -10em -4em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-seminar-type-webinar .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -11em -0em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-seminar-type-training .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -11em -1em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-free-of-charge .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -11em -2em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-not-free-of-charge .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -11em -3em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-clock .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -11em -4em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-language .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -12em -0em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-map-pin .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -12em -1em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-product-mtest .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -12em -2em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-quality .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -12em -3em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-efficiency .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -12em -4em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-auto-layout .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -13em -0em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-automotive-engineering .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -13em -1em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-functional-safety .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -13em -2em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-iso26262 .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -13em -3em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-model-based-development-simulink .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -13em -4em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-quality-tools .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -14em -0em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-software-engineering .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -14em -1em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-software-quality .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -14em -2em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-software-test .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -14em -3em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-sotif .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -14em -4em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-static-model-testing .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -15em -0em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-systems-engineering .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -15em -1em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-best-practices .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -15em -2em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-guidance .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -15em -3em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-quality-alt .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -15em -4em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-product-logo-mxam .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -16em -0em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-product-logo-more .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -16em -1em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-product-logo-mqc .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -16em -2em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-product-logo-mtest .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -16em -4em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-product-logo-mxray .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -18em -4em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-product-logo-tudoor .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -16em -3em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-collect-info .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -17em -0em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-dashboard .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -17em -1em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-detect-analyze .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -17em -2em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-track-focus .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -17em -3em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-project-overview .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -17em -4em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-showing-results .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -18em -0em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-in-house-trainings .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -18em -1em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-open-enrollment-trainings .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -18em -2em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-virtual-classroom-trainings .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -18em -3em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-innovative-power .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -19em -0em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-adaption .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -19em -1em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-career-development .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -19em -2em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-competitiveness .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -19em -3em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-confidentiality-security .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -19em -4em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-cost-efficiency .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -20em -0em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-employee-loyalty .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -20em -1em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-improved-skills .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -20em -2em;
  background-size: auto 5em;
}

.ce_text.iconbox[class*="icon-"].icon-increasing-productivity .content:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -20em -3em;
  background-size: auto 5em;
}

.ce_text.has-image figure img:not([src$=".svg"]) {
  border-radius: 1rem;
  overflow: hidden;
  -webkit-box-shadow: 0 0 25px rgba(var(--col-head-700--rgb), 0.25);
          box-shadow: 0 0 25px rgba(var(--col-head-700--rgb), 0.25);
}

.ce_text.has-image.right > div, .ce_text.has-image.left > div {
  container-type: inline-size;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: calc(var(--gap-col)*1);
}

@media (max-width: 768px) {
  .ce_text.has-image.right > div, .ce_text.has-image.left > div {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.ce_text.has-image.right figure, .ce_text.has-image.left figure {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

@media (max-width: 768px) {
  @container ( width > 50vw ) {
    .ce_text.has-image.right figure, .ce_text.has-image.left figure {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
    }
  }
}

.ce_text.has-image.right .content, .ce_text.has-image.left .content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 280px;
}

.ce_text.has-image.right.right figure, .ce_text.has-image.left.right figure {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.ce_text.has-image.above > div, .ce_text.has-image.below > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(var(--gap-col)*1);
}

.ce_text.has-image.above.below figure, .ce_text.has-image.below.below figure {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.ce_text.has-image.no-shadow figure img {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.ce_text.list-ticks .content {
  min-width: 280px;
}

.ce_text.list-ticks .content ul {
  list-style-type: none;
}

.ce_text.list-ticks .content ul:is(h3.hl + ul) {
  margin-top: calc(var(--gap-lines) * 0.5);
}

.ce_text.list-ticks .content ul li {
  position: relative;
  padding-left: 1.75em;
  margin-left: 0;
}

.ce_text.list-ticks .content ul li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -1em -0em;
  background-size: auto 5em;
  -webkit-transform: scale(1.75) translateY(10%);
          transform: scale(1.75) translateY(10%);
  -webkit-filter: var(--product-filter);
          filter: var(--product-filter);
  opacity: 0.6;
}

.ce_text.certificate.has-image > div {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ce_text.certificate.has-image figure {
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
}

.ce_text.certificate.has-image figure img {
  max-width: 160px;
  margin-inline: auto;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}

@media (min-width: 600px) {
  .ce_text.cols-2 .content {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: calc(var(--gap-col) * 1);
       -moz-column-gap: calc(var(--gap-col) * 1);
            column-gap: calc(var(--gap-col) * 1);
  }
}

.ce_text.boxed .content {
  padding: calc(var(--gap-col) * 1) calc(var(--gap-col) * 1);
  -webkit-box-shadow: 0 0 25px rgba(var(--col-head-400--rgb), 0.25);
          box-shadow: 0 0 25px rgba(var(--col-head-400--rgb), 0.25);
  background: var(--col-white);
  border-radius: 1rem;
}

@media (max-width: 500px) {
  .ce_text.boxed:not([class*="background-"]) .content {
    padding-inline: calc(var(--gap-col) * 0.5);
  }
}

.ce_text.boxed.background-200 .content {
  background: var(--col-background-200);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.ce_text.limited .content {
  max-width: 580px;
}

.ce_text.banner.has-image {
  --button-background: var(--col-yellow-400);
}

.ce_text.banner.has-image > div {
  position: relative;
}

.ce_text.banner.has-image > div > figure {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--col-head-700);
  border-radius: 1rem;
}

.ce_text.banner.has-image > div > figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.4;
}

.ce_text.banner.has-image > div > .content {
  z-index: 2;
  padding: calc(var(--gap-col) * 1) calc(var(--gap-col) * 1);
  color: var(--col-white);
}

.ce_text.banner.has-image > div > .content .hl {
  color: inherit;
}

.ce_text.banner.has-image.list-ticks .content ul li:before {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  opacity: 1;
}

@media (min-width: 768px) {
  .ce_text.banner.has-image.button-link .content {
    display: grid;
    grid-template-columns: 70% 30%;
    grid-template-rows: auto auto;
    gap: 0px 0px;
    grid-template-areas: "content button" "content button";
  }
  .ce_text.banner.has-image.button-link .content > div {
    display: contents;
    grid-area: content;
  }
  .ce_text.banner.has-image.button-link .content > div > p:last-child {
    grid-area: button;
    -ms-flex-item-align: end;
        align-self: end;
    margin-left: auto;
  }
}

.ce_text.customer-rating .content {
  position: relative;
  padding: calc(var(--gap-col) * 1) calc(var(--gap-col) * 1);
  -webkit-box-shadow: 0 0 25px rgba(var(--col-head-400--rgb), 0.25);
          box-shadow: 0 0 25px rgba(var(--col-head-400--rgb), 0.25);
  background: var(--col-white);
  border-radius: 1rem;
  font-size: 1.375rem;
  line-height: 1.2;
}

.ce_text.customer-rating .content:before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: block;
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1rem;
  height: 1rem;
  background-position: -10rem -3rem;
  background-size: auto 5rem;
  -webkit-transform: scale(4) translateX(50%) translateY(-18%);
          transform: scale(4) translateX(50%) translateY(-18%);
  -webkit-filter: brightness(0) invert(9%) sepia(37%) saturate(5833%) hue-rotate(206deg) brightness(94%) contrast(102%);
          filter: brightness(0) invert(9%) sepia(37%) saturate(5833%) hue-rotate(206deg) brightness(94%) contrast(102%);
  opacity: 0.7;
}

.ce_text.customer-rating .hl {
  font-size: 1.375rem;
}

.ce_text.customer-rating .hl:after {
  content: "";
  font-size: 1.4em;
  display: block;
  width: 5ch;
  height: 1ch;
  background: url(../img/star.svg) repeat-x scroll 0 50%;
  background-size: contain;
}

.ce_text figcaption, .ce_image figcaption {
  font-size: 0.875rem;
  font-style: italic;
  padding-top: 0.5em;
  opacity: 0.75;
}

.ce_text ul, .ce_text ol, .ce_list ul, .ce_list ol {
  list-style-position: outside;
}

.ce_text ul li, .ce_text ol li, .ce_list ul li, .ce_list ol li {
  margin-left: 1.2em;
}

.ce_text ul, .ce_list ul {
  list-style-type: disc;
}

.ce_text ol, .ce_list ol {
  list-style-type: decimal;
}

.ce_gallery ul {
  --columns: 1;
  --gap: calc(var(--gap-col) * 0.75);
  --gap-count: calc( var(--columns) - 1 );
  -webkit-column-gap: var(--gap);
     -moz-column-gap: var(--gap);
          column-gap: var(--gap);
}

.ce_gallery ul.cols_1 {
  --columns: 1;
}

.ce_gallery ul.cols_2 {
  --columns: 2;
}

.ce_gallery ul.cols_3 {
  --columns: 3;
}

.ce_gallery ul.cols_4 {
  --columns: 4;
}

.ce_gallery ul.cols_5 {
  --columns: 5;
}

.ce_gallery ul.cols_6 {
  --columns: 6;
}

.ce_gallery ul.cols_7 {
  --columns: 7;
}

.ce_gallery ul.cols_8 {
  --columns: 8;
}

.ce_gallery ul.cols_9 {
  --columns: 9;
}

.ce_gallery ul.cols_10 {
  --columns: 10;
}

.ce_gallery ul.cols_11 {
  --columns: 11;
}

.ce_gallery ul.cols_12 {
  --columns: 12;
}

.ce_gallery ul li {
  -ms-flex-preferred-size: calc( calc(100%/var(--columns)) - calc(var(--gap)/var(--columns) * var(--gap-count)));
      flex-basis: calc( calc(100%/var(--columns)) - calc(var(--gap)/var(--columns) * var(--gap-count)));
}

.ce_gallery .hl {
  margin-bottom: calc(var(--gap-col));
}

.ce_gallery.boxed ul {
  padding: calc(var(--gap-col) * 1) calc(var(--gap-col) * 1);
  -webkit-box-shadow: 0 0 25px rgba(var(--col-head-400--rgb), 0.25);
          box-shadow: 0 0 25px rgba(var(--col-head-400--rgb), 0.25);
  background: var(--col-white);
  border-radius: 1rem;
}

@media (max-width: 500px) {
  .ce_gallery.boxed ul {
    padding-inline: calc(var(--gap-col) * 0.5);
  }
}

.ce_gallery.logos ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: calc(var(--gap-col) * 1);
}

.ce_gallery.logos ul li img {
  display: block;
  margin-inline: auto;
  height: 43px;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 768px) {
  .ce_gallery.logos ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    row-gap: calc(var(--gap-col) * 0.5);
  }
  .ce_gallery.logos ul li {
    -ms-flex-preferred-size: 33% !important;
        flex-basis: 33% !important;
  }
}

@media (max-width: 500px) {
  .ce_gallery.logos ul li {
    -ms-flex-preferred-size: 50% !important;
        flex-basis: 50% !important;
  }
}

.ce_gallery.multi-row ul {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ce_gallery.customers ul {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: calc(var(--gap-col) * 1);
     -moz-column-gap: calc(var(--gap-col) * 1);
          column-gap: calc(var(--gap-col) * 1);
}

.ce_gallery.customers ul li img {
  height: 60px;
}

.ce_gallery.customers.carousel {
  --num-logos-visible: 1;
  --speed-per-slides: 10s;
}

.ce_gallery.customers.carousel:hover > div ul {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.ce_gallery.customers.carousel > div {
  container-type: inline-size;
  overflow: hidden;
  width: auto;
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, black), color-stop(90%, black), to(transparent));
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 10%, black 90%, transparent 100%);
          mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, black), color-stop(90%, black), to(transparent));
          mask-image: linear-gradient(90deg, transparent 0%, black 10%, black 90%, transparent 100%);
}

.ce_gallery.customers.carousel > div ul.cols_1 {
  -webkit-column-gap: unset;
     -moz-column-gap: unset;
          column-gap: unset;
  row-gap: unset;
  --num-logos-visible: 1;
  --logo-width: calc((100 / var(--num-logos-visible)) * 1cqw);
  --scroll-speed: calc( var(--speed-per-slides) / 1 * var(--num) );
}

@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc((var(--logo-width) * -1) * var(--num)));
            transform: translateX(calc((var(--logo-width) * -1) * var(--num)));
  }
}

@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc((var(--logo-width) * -1) * var(--num)));
            transform: translateX(calc((var(--logo-width) * -1) * var(--num)));
  }
}

@media (max-width: 600px) {
  .ce_gallery.customers.carousel > div ul.cols_1 {
    --num-logos-visible: 3;
  }
}

.ce_gallery.customers.carousel > div ul.cols_2 {
  -webkit-column-gap: unset;
     -moz-column-gap: unset;
          column-gap: unset;
  row-gap: unset;
  --num-logos-visible: 2;
  --logo-width: calc((100 / var(--num-logos-visible)) * 1cqw);
  --scroll-speed: calc( var(--speed-per-slides) / 2 * var(--num) );
}

@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc((var(--logo-width) * -1) * var(--num)));
            transform: translateX(calc((var(--logo-width) * -1) * var(--num)));
  }
}

@media (max-width: 600px) {
  .ce_gallery.customers.carousel > div ul.cols_2 {
    --num-logos-visible: 3;
  }
}

.ce_gallery.customers.carousel > div ul.cols_3 {
  -webkit-column-gap: unset;
     -moz-column-gap: unset;
          column-gap: unset;
  row-gap: unset;
  --num-logos-visible: 3;
  --logo-width: calc((100 / var(--num-logos-visible)) * 1cqw);
  --scroll-speed: calc( var(--speed-per-slides) / 3 * var(--num) );
}

@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc((var(--logo-width) * -1) * var(--num)));
            transform: translateX(calc((var(--logo-width) * -1) * var(--num)));
  }
}

@media (max-width: 600px) {
  .ce_gallery.customers.carousel > div ul.cols_3 {
    --num-logos-visible: 3;
  }
}

.ce_gallery.customers.carousel > div ul.cols_4 {
  -webkit-column-gap: unset;
     -moz-column-gap: unset;
          column-gap: unset;
  row-gap: unset;
  --num-logos-visible: 4;
  --logo-width: calc((100 / var(--num-logos-visible)) * 1cqw);
  --scroll-speed: calc( var(--speed-per-slides) / 4 * var(--num) );
}

@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc((var(--logo-width) * -1) * var(--num)));
            transform: translateX(calc((var(--logo-width) * -1) * var(--num)));
  }
}

@media (max-width: 600px) {
  .ce_gallery.customers.carousel > div ul.cols_4 {
    --num-logos-visible: 3;
  }
}

.ce_gallery.customers.carousel > div ul.cols_5 {
  -webkit-column-gap: unset;
     -moz-column-gap: unset;
          column-gap: unset;
  row-gap: unset;
  --num-logos-visible: 5;
  --logo-width: calc((100 / var(--num-logos-visible)) * 1cqw);
  --scroll-speed: calc( var(--speed-per-slides) / 5 * var(--num) );
}

@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc((var(--logo-width) * -1) * var(--num)));
            transform: translateX(calc((var(--logo-width) * -1) * var(--num)));
  }
}

@media (max-width: 600px) {
  .ce_gallery.customers.carousel > div ul.cols_5 {
    --num-logos-visible: 3;
  }
}

.ce_gallery.customers.carousel > div ul.cols_6 {
  -webkit-column-gap: unset;
     -moz-column-gap: unset;
          column-gap: unset;
  row-gap: unset;
  --num-logos-visible: 6;
  --logo-width: calc((100 / var(--num-logos-visible)) * 1cqw);
  --scroll-speed: calc( var(--speed-per-slides) / 6 * var(--num) );
}

@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc((var(--logo-width) * -1) * var(--num)));
            transform: translateX(calc((var(--logo-width) * -1) * var(--num)));
  }
}

@media (max-width: 600px) {
  .ce_gallery.customers.carousel > div ul.cols_6 {
    --num-logos-visible: 3;
  }
}

.ce_gallery.customers.carousel > div ul.cols_7 {
  -webkit-column-gap: unset;
     -moz-column-gap: unset;
          column-gap: unset;
  row-gap: unset;
  --num-logos-visible: 7;
  --logo-width: calc((100 / var(--num-logos-visible)) * 1cqw);
  --scroll-speed: calc( var(--speed-per-slides) / 7 * var(--num) );
}

@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc((var(--logo-width) * -1) * var(--num)));
            transform: translateX(calc((var(--logo-width) * -1) * var(--num)));
  }
}

@media (max-width: 600px) {
  .ce_gallery.customers.carousel > div ul.cols_7 {
    --num-logos-visible: 3;
  }
}

.ce_gallery.customers.carousel > div ul.cols_8 {
  -webkit-column-gap: unset;
     -moz-column-gap: unset;
          column-gap: unset;
  row-gap: unset;
  --num-logos-visible: 8;
  --logo-width: calc((100 / var(--num-logos-visible)) * 1cqw);
  --scroll-speed: calc( var(--speed-per-slides) / 8 * var(--num) );
}

@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc((var(--logo-width) * -1) * var(--num)));
            transform: translateX(calc((var(--logo-width) * -1) * var(--num)));
  }
}

@media (max-width: 600px) {
  .ce_gallery.customers.carousel > div ul.cols_8 {
    --num-logos-visible: 3;
  }
}

.ce_gallery.customers.carousel > div ul.cols_9 {
  -webkit-column-gap: unset;
     -moz-column-gap: unset;
          column-gap: unset;
  row-gap: unset;
  --num-logos-visible: 9;
  --logo-width: calc((100 / var(--num-logos-visible)) * 1cqw);
  --scroll-speed: calc( var(--speed-per-slides) / 9 * var(--num) );
}

@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc((var(--logo-width) * -1) * var(--num)));
            transform: translateX(calc((var(--logo-width) * -1) * var(--num)));
  }
}

@media (max-width: 600px) {
  .ce_gallery.customers.carousel > div ul.cols_9 {
    --num-logos-visible: 3;
  }
}

.ce_gallery.customers.carousel > div ul.cols_10 {
  -webkit-column-gap: unset;
     -moz-column-gap: unset;
          column-gap: unset;
  row-gap: unset;
  --num-logos-visible: 10;
  --logo-width: calc((100 / var(--num-logos-visible)) * 1cqw);
  --scroll-speed: calc( var(--speed-per-slides) / 10 * var(--num) );
}

@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc((var(--logo-width) * -1) * var(--num)));
            transform: translateX(calc((var(--logo-width) * -1) * var(--num)));
  }
}

@media (max-width: 600px) {
  .ce_gallery.customers.carousel > div ul.cols_10 {
    --num-logos-visible: 3;
  }
}

.ce_gallery.customers.carousel > div ul.cols_11 {
  -webkit-column-gap: unset;
     -moz-column-gap: unset;
          column-gap: unset;
  row-gap: unset;
  --num-logos-visible: 11;
  --logo-width: calc((100 / var(--num-logos-visible)) * 1cqw);
  --scroll-speed: calc( var(--speed-per-slides) / 11 * var(--num) );
}

@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc((var(--logo-width) * -1) * var(--num)));
            transform: translateX(calc((var(--logo-width) * -1) * var(--num)));
  }
}

@media (max-width: 600px) {
  .ce_gallery.customers.carousel > div ul.cols_11 {
    --num-logos-visible: 3;
  }
}

.ce_gallery.customers.carousel > div ul.cols_12 {
  -webkit-column-gap: unset;
     -moz-column-gap: unset;
          column-gap: unset;
  row-gap: unset;
  --num-logos-visible: 12;
  --logo-width: calc((100 / var(--num-logos-visible)) * 1cqw);
  --scroll-speed: calc( var(--speed-per-slides) / 12 * var(--num) );
}

@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc((var(--logo-width) * -1) * var(--num)));
            transform: translateX(calc((var(--logo-width) * -1) * var(--num)));
  }
}

@media (max-width: 600px) {
  .ce_gallery.customers.carousel > div ul.cols_12 {
    --num-logos-visible: 3;
  }
}

.ce_gallery.customers.carousel > div ul {
  -webkit-animation: scroll var(--scroll-speed) linear infinite;
          animation: scroll var(--scroll-speed) linear infinite;
  width: calc(var(--logo-width) * (var(--num-logos-visible) * 2));
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.ce_gallery.customers.carousel > div ul li {
  -ms-flex-preferred-size: var(--logo-width) !important;
      flex-basis: var(--logo-width) !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.ce_gallery.customers.carousel > div ul li img {
  max-width: calc(100% - var(--gap-col));
}

.ce_gallery.slider .tns-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
  padding-block: 0.75rem;
  font-size: 0.75rem;
}

.ce_gallery.slider .tns-nav button {
  display: block;
  width: 1em;
  height: 1em;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  border: none;
  border-radius: 50%;
  background: var(--col-white);
}

.ce_gallery.slider .tns-nav button.tns-nav-active {
  background: var(--button-background-active);
}

.ce_gallery.slider .tns-nav button:not(.tns-nav-active) {
  -webkit-box-shadow: 0 0 7px rgba(var(--col-head-400--rgb), 0.25);
          box-shadow: 0 0 7px rgba(var(--col-head-400--rgb), 0.25);
}

.ce_gallery.slider:not(:is(.mod_article[class*="background-"] .ce_gallery.slider)) .tns-nav button:not(.tns-nav-active) {
  background: var(--col-head-700);
}

.ce_headline {
  text-align: center;
}

.ce_headline .hl {
  margin-inline: auto;
  max-width: 700px;
}

.ce_headline.left {
  text-align: left;
}

.ce_headline.left .hl {
  margin-inline: 0;
  max-width: unset;
}

.ce_headline.blog h1 {
  font-size: clamp(2.1875rem, 10vw, 4.875rem);
}

.ce_headline.blog time {
  display: block;
  font-size: 1.375rem;
  line-height: 1.2;
  margin-top: calc(var(--gap-col) * 0.5);
}

.ce_headline.blog .author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-weight: 700;
  font-size: 1.125rem;
  color: var(--col-head-500);
}

.ce_headline.blog .author .position {
  font-weight: 500;
}

.ce_headline.blog .author .position:before {
  content: ", ";
}

.ce_headline.blog .tags {
  margin-top: calc(var(--gap-col) * 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1em;
}

.ce_headline.blog .tags a {
  display: inline-block;
  padding: 0.425em 1em;
  white-space: nowrap;
  line-height: 1;
  color: inherit;
  text-decoration: none;
  border-radius: 1em;
  background: rgba(var(--col-yellow-400--rgb), 0.25);
  -webkit-transition: background .2s;
  transition: background .2s;
}

.ce_headline.blog .tags a:focus, .ce_headline.blog .tags a:hover {
  background: var(--col-yellow-400);
}

@media (max-width: 500px) {
  .ce_headline.blog .tags {
    font-size: 0.8125rem;
  }
}

.ce_headline.blog ~ .intro.block ~ .block {
  padding-top: calc(var(--gap-col)* 1.5);
}

.ce_player {
  min-width: 280px;
}

.ce_player figure:nth-of-type(1) {
  position: relative;
  z-index: 2;
  border-radius: 1rem;
  overflow: hidden;
}

.ce_player figure:nth-of-type(1) .overlay {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.ce_player figure:nth-of-type(1) .overlay .duration {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  padding: 0.5em 1em;
  font-size: 1rem;
  font-weight: 400;
  color: var(--col-white);
  background: rgba(var(--col-black--rgb), 0.8);
  border-radius: 0.5em 0 0 0;
}

.ce_player figure:nth-of-type(1) .overlay:before, .ce_player figure:nth-of-type(1) .overlay:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  display: block;
  border-radius: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.ce_player figure:nth-of-type(1) .overlay:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 100px;
  height: 100px;
  background-position: -100px -100px;
  background-size: auto 500px;
}

.ce_player figure:nth-of-type(1) .overlay:after {
  z-index: 1;
  -webkit-box-shadow: 0 0 0px rgba(var(--col-head-500--rgb), 0.95);
          box-shadow: 0 0 0px rgba(var(--col-head-500--rgb), 0.95);
  width: 75px;
  height: 75px;
  -webkit-transition: -webkit-box-shadow .2s;
  transition: -webkit-box-shadow .2s;
  transition: box-shadow .2s;
  transition: box-shadow .2s, -webkit-box-shadow .2s;
}

.ce_player figure:nth-of-type(1) .overlay:focus:after, .ce_player figure:nth-of-type(1):hover .overlay:after {
  -webkit-box-shadow: 0 0 15px rgba(var(--col-head-500--rgb), 0.95);
          box-shadow: 0 0 15px rgba(var(--col-head-500--rgb), 0.95);
}

.ce_player figure:nth-of-type(1).paused {
  cursor: pointer;
}

.ce_player figure:nth-of-type(1):not(.paused) .overlay {
  display: none;
}

.ce_player figure:nth-of-type(1) video {
  display: block;
  width: 100%;
  line-height: 1;
  background: var(--col-black);
}

.ce_player figure:nth-of-type(1) video:not(:-webkit-full-screen) {
  aspect-ratio: 16/9;
  object-fit: contain;
}

.ce_player figure:nth-of-type(1) video:not(:-ms-fullscreen) {
  aspect-ratio: 16/9;
  object-fit: contain;
}

.ce_player figure:nth-of-type(1) video:not(:fullscreen) {
  aspect-ratio: 16/9;
  -o-object-fit: contain;
     object-fit: contain;
}

.ce_player .logo {
  padding: calc(var(--gap-col) * 0.5);
  padding-top: calc(var(--gap-col) * 1.5);
  margin-top: calc(var(--gap-col) * -1);
  border-radius: 0 0 1rem 1rem;
  background: var(--col-white);
  -webkit-box-shadow: 0 0 15px rgba(var(--col-head-500--rgb), 0.5);
          box-shadow: 0 0 15px rgba(var(--col-head-500--rgb), 0.5);
}

.ce_player .logo figure img {
  margin: auto;
  height: 40px;
  max-width: 60%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.ce_player:has(.logo) figure:nth-of-type(1) .overlay .duration {
  display: none;
}

.ce_player.laptop {
  container-type: inline-size;
}

.ce_player.laptop > div {
  padding-top: 3cqw;
  padding-bottom: 7cqw;
  background: url(../img/mask-laptop.png) no-repeat scroll 50% 50%;
  background-size: contain;
}

.ce_player.laptop > div > div {
  max-width: 73%;
  margin-inline: auto;
}

.ce_player.laptop > div > div figure:nth-of-type(1) {
  border-radius: 0.5rem;
}

.ce_player.laptop > div > div figure:nth-of-type(1) .overlay .duration {
  display: none;
}

.ce_player.laptop > div > div figure:nth-of-type(1) video {
  aspect-ratio: 1460 / 910;
}

.ce_hyperlink a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.975em 2em;
  min-width: 200px;
  font-family: "Hanken Grotesk", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  cursor: pointer;
  border: none;
  border-radius: 2em;
  color: var(--button-color);
  background: var(--button-background);
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.ce_hyperlink a:focus, .ce_hyperlink a:hover {
  color: var(--button-color-active);
  background: var(--button-background-active);
}

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

.ce_hyperlink.pagination-proxy {
  text-align: center;
  --button-background: var(--col-white);
}

.ce_hyperlink.pagination-proxy a {
  -webkit-box-shadow: 0 0 25px rgba(var(--col-head-400--rgb), 0.25);
          box-shadow: 0 0 25px rgba(var(--col-head-400--rgb), 0.25);
  min-width: unset;
  padding: 1em;
}

.ce_hyperlink.pagination-proxy a:after {
  content: "";
  display: block;
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1.75em;
  height: 1.75em;
  background-position: -1.75em -3.5em;
  background-size: auto 8.75em;
  -webkit-transform: translateY(10%);
          transform: translateY(10%);
}

.ce_hyperlink.pagination-proxy a span {
  display: none;
}

figure a[data-lightbox] {
  position: relative;
  display: block;
}

figure a[data-lightbox]:after {
  content: "";
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  display: block;
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 2rem;
  height: 2rem;
  background-position: -20rem -8rem;
  background-size: auto 10rem;
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s;
}

figure a[data-lightbox]:hover:after {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.mod_newslist .more a,
.mod_eventlist .more a,
.ce_text.arrow-link p:last-child:has(a) a,
.hero .ce_text.floating p a {
  color: inherit;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: color .2s;
  transition: color .2s;
}

.mod_newslist .more a:after,
.mod_eventlist .more a:after,
.ce_text.arrow-link p:last-child:has(a) a:after,
.hero .ce_text.floating p a:after {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  margin-left: 1ch;
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: 0em -0em;
  background-size: auto 5em;
  -webkit-transform: scale(1.75);
          transform: scale(1.75);
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
}

.mod_newslist .more a:focus, .mod_newslist .more a:hover,
.mod_eventlist .more a:focus,
.mod_eventlist .more a:hover,
.ce_text.arrow-link p:last-child:has(a) a:focus,
.ce_text.arrow-link p:last-child:has(a) a:hover,
.hero .ce_text.floating p a:focus,
.hero .ce_text.floating p a:hover {
  color: var(--col-yellow-400);
}

.mod_newslist .more a:focus:after, .mod_newslist .more a:hover:after,
.mod_eventlist .more a:focus:after,
.mod_eventlist .more a:hover:after,
.ce_text.arrow-link p:last-child:has(a) a:focus:after,
.ce_text.arrow-link p:last-child:has(a) a:hover:after,
.hero .ce_text.floating p a:focus:after,
.hero .ce_text.floating p a:hover:after {
  -webkit-transform: scale(1.75) translateX(10%);
          transform: scale(1.75) translateX(10%);
}

.product .more a:after,
.product.ce_text.arrow-link p:last-child:has(a) a:after,
.hero .ce_text.floating.product p a:after {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: 0em -3em;
  background-size: auto 5em;
  -webkit-filter: var(--product-filter);
          filter: var(--product-filter);
  opacity: 0.75;
}

.mod_newslist {
  padding-inline: 0;
}

.mod_newslist > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.mod_newslist > div > .hl {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding-inline: calc(var(--gap-col) * 0.5);
  margin-bottom: calc(var(--gap-col)* 0.5);
}

.mod_newslist > div > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
}

.mod_newslist .layout_latest {
  min-width: 250px;
  container-type: inline-size;
}

.mod_newslist .layout_latest > div {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 1rem;
  overflow: hidden;
  -webkit-box-shadow: 0 0 25px rgba(var(--col-head-400--rgb), 0.25);
          box-shadow: 0 0 25px rgba(var(--col-head-400--rgb), 0.25);
}

.mod_newslist .layout_latest > div figure img {
  max-width: unset;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 180px;
}

.mod_newslist .layout_latest > div figure figcaption {
  display: none;
}

.mod_newslist .layout_latest > div .content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--gap-lines);
  padding: calc(var(--gap-col)* 0.75);
  background: var(--col-white);
  color: var(--col-head-700);
}

.mod_newslist .layout_latest > div .content .teaser .hl {
  font-weight: 700;
  -webkit-transition: color .2s;
  transition: color .2s;
}

.mod_newslist .layout_latest > div .content .teaser .hl a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: color .2s;
  transition: color .2s;
}

.mod_newslist .layout_latest > div .content .teaser .hl a:focus, .mod_newslist .layout_latest > div .content .teaser .hl a:hover {
  color: var(--col-yellow-400);
}

@container ( width < 60vw ) {
  .mod_newslist .layout_latest > div .content .teaser {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.mod_newslist .layout_latest > div .content .more {
  margin-top: auto;
}

.mod_newslist .layout_latest > div:has(> a:nth-child(1)) {
  position: relative;
}

.mod_newslist .layout_latest > div:has(> a:nth-child(1)) > a:nth-child(1) {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.mod_newslist .layout_latest > div:has(> a:nth-child(1)):focus-within {
  outline: auto;
}

.mod_newslist .layout_latest > div:has(> a:nth-child(1)):focus-within .content .teaser .hl, .mod_newslist .layout_latest > div:has(> a:nth-child(1)) > a:nth-child(1):hover ~ .content .teaser .hl, .mod_newslist .layout_latest > div:has(> a:nth-child(1)) > a:nth-child(1):focus ~ .content .teaser .hl {
  color: var(--col-yellow-400);
}

@media (min-width: 768px) {
  .mod_newslist .layout_latest.span33 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
}

.mod_newslist .layout_latest.video > div, .mod_newslist .layout_latest.webinar > div {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  border-radius: unset;
}

.mod_newslist .layout_latest.video > div figure, .mod_newslist .layout_latest.webinar > div figure {
  border-radius: 1rem;
  overflow: hidden;
  margin-bottom: calc(var(--gap-lines) * 1);
}

.mod_newslist .layout_latest.video > div .content, .mod_newslist .layout_latest.webinar > div .content {
  background: unset;
  padding: 0;
}

.mod_newslist .layout_latest.video > div .content .teaser, .mod_newslist .layout_latest.webinar > div .content .teaser {
  display: block;
  overflow: visible;
  text-overflow: unset;
}

.mod_newslist .layout_latest.video > div .content .more, .mod_newslist .layout_latest.webinar > div .content .more {
  margin-top: unset;
}

.mod_newslist .layout_latest.video > div figure:not(.ce_player figure) {
  position: relative;
}

.mod_newslist .layout_latest.video > div figure:not(.ce_player figure):before, .mod_newslist .layout_latest.video > div figure:not(.ce_player figure):after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  display: block;
  border-radius: 50%;
  pointer-events: none;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.mod_newslist .layout_latest.video > div figure:not(.ce_player figure):before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 100px;
  height: 100px;
  background-position: -100px -100px;
  background-size: auto 500px;
}

.mod_newslist .layout_latest.video > div figure:not(.ce_player figure):after {
  z-index: 1;
  -webkit-box-shadow: 0 0 0px rgba(var(--col-head-500--rgb), 0.95);
          box-shadow: 0 0 0px rgba(var(--col-head-500--rgb), 0.95);
  width: 75px;
  height: 75px;
  -webkit-transition: -webkit-box-shadow .2s;
  transition: -webkit-box-shadow .2s;
  transition: box-shadow .2s;
  transition: box-shadow .2s, -webkit-box-shadow .2s;
}

.mod_newslist .layout_latest.video > div figure:not(.ce_player figure):hover:after {
  -webkit-box-shadow: 0 0 15px rgba(var(--col-head-500--rgb), 0.95);
          box-shadow: 0 0 15px rgba(var(--col-head-500--rgb), 0.95);
}

.mod_newslist .layout_latest.video > div .ce_player {
  padding: unset;
  -ms-flex-preferred-size: unset;
      flex-basis: unset;
  min-width: unset;
}

.mod_newslist .layout_latest.video > div .content .teaser > *:nth-child(n+2) {
  color: var(--col-black);
}

.mod_newslist .layout_latest[class*="seminar-type-"] figure {
  container-type: inline-size;
  background: var(--col-head-700);
  -webkit-transition: background .2s;
  transition: background .2s;
}

.mod_newslist .layout_latest[class*="seminar-type-"] figure img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  mix-blend-mode: luminosity;
  opacity: 0.5;
}

.mod_newslist .layout_latest[class*="seminar-type-"] figure:before {
  content: "";
  display: block;
  font-size: clamp(40px, 40cqw, 60px);
  position: absolute;
  z-index: 2;
  bottom: 0.5rem;
  right: 0.5rem;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  pointer-events: none;
}

.mod_newslist .layout_latest[class*="seminar-type-"].seminar-type-webinar figure:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -11em -0em;
  background-size: auto 5em;
}

.mod_newslist .layout_latest[class*="seminar-type-"].seminar-type-training figure:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -11em -1em;
  background-size: auto 5em;
}

.mod_newslist:has(.layout_overview)[class*="span"] {
  padding-block: 0;
}

@media (max-width: 860px) {
  .mod_newslist:has(.layout_overview)[class*="span"] {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

.mod_newslist .layout_overview {
  /*
        &.redirect {

            time {
                display: none;
            }
        }
        */
}

.mod_newslist .layout_overview > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  overflow: hidden;
  border-radius: 1rem;
  -webkit-box-shadow: 0 0 25px rgba(var(--col-head-400--rgb), 0.25);
          box-shadow: 0 0 25px rgba(var(--col-head-400--rgb), 0.25);
  background: var(--col-white);
}

.mod_newslist .layout_overview figure img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.mod_newslist .layout_overview figure figcaption {
  display: none;
}

.mod_newslist .layout_overview .image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 230px;
      flex-basis: 230px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.mod_newslist .layout_overview .image figure {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.mod_newslist .layout_overview .image time {
  -ms-flex-item-align: end;
      align-self: flex-end;
  display: block;
  padding: calc(var(--gap-col) * 0.45);
  width: 100%;
  background: rgba(var(--col-yellow-400--rgb), 0.1);
}

.mod_newslist .layout_overview .content {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.mod_newslist .layout_overview .content > * {
  padding: calc(var(--gap-col) * 0.45) calc(var(--gap-col) * 1);
}

.mod_newslist .layout_overview .content .teaser {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--gap-lines);
}

.mod_newslist .layout_overview .content .hl a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: color .2s;
  transition: color .2s;
}

.mod_newslist .layout_overview .content .hl a:focus, .mod_newslist .layout_overview .content .hl a:hover {
  color: var(--col-yellow-400);
}

.mod_newslist .layout_overview .content .tags {
  margin-top: auto;
}

.mod_newslist .layout_overview .content .tags ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1em;
  font-size: 0.8125rem;
}

@media (max-width: 380px) {
  .mod_newslist .layout_overview .content .tags ul {
    font-size: 0.6875rem;
  }
}

.mod_newslist .layout_overview .content .tags ul li a {
  display: inline-block;
  padding: 0.425em 1em;
  white-space: nowrap;
  line-height: 1;
  color: inherit;
  text-decoration: none;
  border-radius: 1em;
  background: rgba(var(--col-yellow-400--rgb), 0.25);
  -webkit-transition: background .2s;
  transition: background .2s;
}

.mod_newslist .layout_overview .content .tags ul li a:focus, .mod_newslist .layout_overview .content .tags ul li a:hover {
  background: var(--col-yellow-400);
}

.mod_newslist .layout_overview[class*="seminar-type-"] figure {
  container-type: inline-size;
  background: var(--col-head-700);
  -webkit-transition: background .2s;
  transition: background .2s;
}

.mod_newslist .layout_overview[class*="seminar-type-"] figure img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  mix-blend-mode: luminosity;
  opacity: 0.5;
}

.mod_newslist .layout_overview[class*="seminar-type-"] figure:before {
  content: "";
  display: block;
  font-size: clamp(40px, 40cqw, 60px);
  position: absolute;
  z-index: 2;
  bottom: 0.5rem;
  right: 0.5rem;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  pointer-events: none;
}

.mod_newslist .layout_overview[class*="seminar-type-"].seminar-type-webinar figure:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -11em -0em;
  background-size: auto 5em;
}

.mod_newslist .layout_overview[class*="seminar-type-"].seminar-type-training figure:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -11em -1em;
  background-size: auto 5em;
}

@media (max-width: 580px) {
  .mod_newslist .layout_overview > div {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .mod_newslist .layout_overview .image {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .mod_newslist .layout_overview .image figure:before {
    right: 1rem;
  }
  .mod_newslist .layout_overview .image img {
    min-height: 150px;
  }
  .mod_newslist .layout_overview .image time {
    padding-inline: calc(var(--gap-col) * 1);
  }
}

.mod_newslist + .ce_hyperlink {
  padding-top: 0;
}

.mod_eventlist:not(.tudoor-next-date) {
  padding-inline: 0;
}

.mod_eventlist:not(.tudoor-next-date) > div > .hl {
  padding-inline: calc(var(--gap-col) * 0.5);
}

.mod_eventlist > div > .hl {
  margin-bottom: calc(var(--gap-col) * 1);
}

.mod_eventlist > div > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
}

.mod_eventlist .tudoor-overview > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  overflow: hidden;
  border-radius: 1rem;
  -webkit-box-shadow: 0 0 25px rgba(var(--col-head-400--rgb), 0.25);
          box-shadow: 0 0 25px rgba(var(--col-head-400--rgb), 0.25);
  background: var(--col-white);
}

.mod_eventlist .tudoor-overview figure {
  container-type: inline-size;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 256px;
      flex-basis: 256px;
  background: var(--col-head-700);
  -webkit-transition: background .2s;
  transition: background .2s;
}

.mod_eventlist .tudoor-overview figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  mix-blend-mode: luminosity;
  opacity: 0.5;
}

.mod_eventlist .tudoor-overview figure:before {
  content: "";
  display: block;
  font-size: clamp(40px, 40cqw, 90px);
  position: absolute;
  z-index: 2;
  bottom: 0.5rem;
  right: 0.5rem;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  pointer-events: none;
}

.mod_eventlist .tudoor-overview .content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.mod_eventlist .tudoor-overview .content > * {
  padding: calc(var(--gap-col)* 0.45) calc(var(--gap-col)* 1);
}

.mod_eventlist .tudoor-overview .content .header,
.mod_eventlist .tudoor-overview .content .footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: calc(var(--gap-col)* 1);
     -moz-column-gap: calc(var(--gap-col)* 1);
          column-gap: calc(var(--gap-col)* 1);
  row-gap: 0.5em;
}

.mod_eventlist .tudoor-overview .content .header {
  background: rgba(var(--col-yellow-400--rgb), 0.1);
  -webkit-transition: background .2s, color .2s;
  transition: background .2s, color .2s;
}

.mod_eventlist .tudoor-overview .content .header time {
  text-transform: uppercase;
}

.mod_eventlist .tudoor-overview .content .header .charge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mod_eventlist .tudoor-overview .content .header .charge:after {
  content: "";
  display: block;
  margin-left: 1.25ch;
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -11em -2em;
  background-size: auto 5em;
  -webkit-transform: scale(2);
          transform: scale(2);
}

.mod_eventlist .tudoor-overview .content .teaser {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.mod_eventlist .tudoor-overview .content .teaser .hl {
  font-size: clamp(1.25rem, 10vw, 1.625rem);
}

.mod_eventlist .tudoor-overview .content .teaser .hl a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: color .2s;
  transition: color .2s;
}

.mod_eventlist .tudoor-overview .content .teaser .hl a:focus, .mod_eventlist .tudoor-overview .content .teaser .hl a:hover {
  color: var(--col-yellow-400);
}

.mod_eventlist .tudoor-overview .content .footer {
  margin-top: auto;
}

.mod_eventlist .tudoor-overview .content .footer:before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  width: 100%;
  height: 2px;
  margin-bottom: calc(var(--gap-col)* 0.45);
  background: var(--col-background-200);
}

.mod_eventlist .tudoor-overview .content .footer .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--col-head-500);
}

.mod_eventlist .tudoor-overview .content .footer .info span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mod_eventlist .tudoor-overview .content .footer .info span + span:before {
  content: "|";
  display: block;
  margin-inline: 1ch;
}

.mod_eventlist .tudoor-overview:not(.free) .content .header .charge:after {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -11em -3em;
  background-size: auto 5em;
}

.mod_eventlist .tudoor-overview:hover figure, .mod_eventlist .tudoor-overview:focus-within figure {
  background: var(--col-yellow-400);
}

.mod_eventlist .tudoor-overview.seminar-type-webinar figure:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -11em -0em;
  background-size: auto 5em;
}

.mod_eventlist .tudoor-overview.seminar-type-training figure:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -11em -1em;
  background-size: auto 5em;
}

@media (max-width: 660px) {
  .mod_eventlist .tudoor-overview > div {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .mod_eventlist .tudoor-overview figure {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .mod_eventlist .tudoor-overview figure img {
    min-height: 150px;
  }
  .mod_eventlist .tudoor-overview figure:before {
    font-size: clamp(70px, 18cqw, 100px);
  }
  .mod_eventlist .tudoor-overview .content .teaser {
    padding-top: calc(var(--gap-col) * 1);
  }
  .mod_eventlist .tudoor-overview .content .footer {
    padding-bottom: calc(var(--gap-col) * 1);
  }
}

.mod_eventlist .tudoor-dates > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(var(--gap-col) * 0.5);
  padding: calc(var(--gap-col) * 0.5);
  border-radius: 1rem;
  -webkit-box-shadow: 0 0 25px rgba(var(--col-head-700--rgb), 0.25);
          box-shadow: 0 0 25px rgba(var(--col-head-700--rgb), 0.25);
  background: var(--col-white);
}

.mod_eventlist .tudoor-dates > div > div {
  padding: calc(var(--gap-col) * 0.5);
}

.mod_eventlist .tudoor-dates > div .teaser {
  -ms-flex-preferred-size: 44%;
      flex-basis: 44%;
  font-size: 1.1875rem;
}

.mod_eventlist .tudoor-dates > div .teaser time {
  font-weight: 700;
}

.mod_eventlist .tudoor-dates > div .teaser .info > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mod_eventlist .tudoor-dates > div .teaser .info > div span + span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.mod_eventlist .tudoor-dates > div .teaser .info > div span + span:before {
  content: "|";
  margin-inline: 0.5ch;
}

.mod_eventlist .tudoor-dates > div .price {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(var(--gap-col) * 0.25);
  border-left: 2px solid rgba(var(--col-black--rgb), 0.2);
}

.mod_eventlist .tudoor-dates > div .price > .info {
  font-size: 0.75rem;
  text-align: right;
}

.mod_eventlist .tudoor-dates > div .price > .info a {
  color: var(--col-head-700);
  -webkit-transition: color .2s;
  transition: color .2s;
}

.mod_eventlist .tudoor-dates > div .price > .info a:focus, .mod_eventlist .tudoor-dates > div .price > .info a:hover {
  color: var(--col-yellow-400);
}

.mod_eventlist .tudoor-dates > div .price > .prices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(var(--gap-col) * 0.5);
  font-size: 1.25rem;
}

.mod_eventlist .tudoor-dates > div .price > .prices > div:first-child:not(:last-child) {
  text-decoration: line-through;
  text-decoration-thickness: 1px;
  opacity: 0.75;
}

.mod_eventlist .tudoor-dates > div .price > .prices > div:last-child {
  font-size: 1.5em;
  font-weight: 700;
}

.mod_eventlist .tudoor-dates > div .more {
  margin-left: auto;
}

.mod_eventlist .tudoor-dates > div .more a {
  all: unset;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.975em 2em;
  min-width: 200px;
  font-family: "Hanken Grotesk", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  cursor: pointer;
  border: none;
  border-radius: 2em;
  color: var(--button-color);
  background: var(--button-background);
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  min-width: auto;
}

.mod_eventlist .tudoor-dates > div .more a:focus, .mod_eventlist .tudoor-dates > div .more a:hover {
  color: var(--button-color-active);
  background: var(--button-background-active);
}

.mod_eventlist .tudoor-dates > div .more a:after {
  display: none;
}

@media (max-width: 700px) {
  .mod_eventlist .tudoor-dates > div .teaser, .mod_eventlist .tudoor-dates > div .price, .mod_eventlist .tudoor-dates > div .more {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .mod_eventlist .tudoor-dates > div .teaser {
    padding-bottom: 0;
  }
  .mod_eventlist .tudoor-dates > div .price {
    border-left: unset;
    padding-block: 0;
  }
  .mod_eventlist .tudoor-dates > div .price > .info {
    text-align: left;
  }
  .mod_eventlist .tudoor-dates > div .price > .info:before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    margin-bottom: calc(var(--gap-col) * 0.5);
    background: rgba(var(--col-black--rgb), 0.2);
  }
  .mod_eventlist .tudoor-dates > div .price > .prices {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .mod_eventlist .tudoor-dates > div .more {
    padding-top: 0;
  }
}

.mod_eventlist.tudoor-next-date {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 320px;
}

.mod_eventlist.tudoor-next-date > div {
  border-radius: 1rem;
  overflow: hidden;
  -webkit-box-shadow: 0 0 25px rgba(var(--col-head-700--rgb), 0.25);
          box-shadow: 0 0 25px rgba(var(--col-head-700--rgb), 0.25);
  background: var(--col-white);
}

.mod_eventlist.tudoor-next-date > div > div > input[type="radio"] {
  display: none;
}

.mod_eventlist.tudoor-next-date > div > div > input[type="radio"]:nth-of-type(1):checked ~ ul li:nth-of-type(1) {
  background: var(--col-head-700);
}

.mod_eventlist.tudoor-next-date > div > div > input[type="radio"]:nth-of-type(1):checked ~ ul li:nth-of-type(1) label {
  color: var(--col-white);
  font-weight: 700;
}

.mod_eventlist.tudoor-next-date > div > div > input[type="radio"]:nth-of-type(1):checked ~ div:not(:nth-of-type(1)) {
  display: none;
}

.mod_eventlist.tudoor-next-date > div > div > input[type="radio"]:nth-of-type(2):checked ~ ul li:nth-of-type(2) {
  background: var(--col-head-700);
}

.mod_eventlist.tudoor-next-date > div > div > input[type="radio"]:nth-of-type(2):checked ~ ul li:nth-of-type(2) label {
  color: var(--col-white);
  font-weight: 700;
}

.mod_eventlist.tudoor-next-date > div > div > input[type="radio"]:nth-of-type(2):checked ~ div:not(:nth-of-type(2)) {
  display: none;
}

.mod_eventlist.tudoor-next-date > div > div > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  font-size: 1.25rem;
}

.mod_eventlist.tudoor-next-date > div > div > ul li {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background: rgba(var(--col-head-700--rgb), 0.2);
}

.mod_eventlist.tudoor-next-date > div > div > ul li label {
  display: block;
  width: 100%;
  padding: 0.425em;
  text-align: center;
  color: var(--col-head-700);
  cursor: pointer;
  -webkit-transition: font-weight .2s;
  transition: font-weight .2s;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.mod_eventlist.tudoor-next-date > div > div > div {
  padding: calc(var(--gap-col) * 0.75);
}

.mod_eventlist.tudoor-next-date > div > div .training-dates .meta > div,
.mod_eventlist.tudoor-next-date > div > div .training-inhouse .meta > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.mod_eventlist.tudoor-next-date > div > div .training-dates .meta > div:before,
.mod_eventlist.tudoor-next-date > div > div .training-inhouse .meta > div:before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  font-size: 1.25em;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  margin-right: 1ch;
}

.mod_eventlist.tudoor-next-date > div > div .training-dates .meta > div .info,
.mod_eventlist.tudoor-next-date > div > div .training-inhouse .meta > div .info {
  display: block;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  font-size: 0.75rem;
  margin-left: 4.5ch;
  margin-top: 2ch;
}

.mod_eventlist.tudoor-next-date > div > div .training-dates .meta > div.duration:before,
.mod_eventlist.tudoor-next-date > div > div .training-inhouse .meta > div.duration:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -11em -4em;
  background-size: auto 5em;
}

.mod_eventlist.tudoor-next-date > div > div .training-dates .meta > div.language:before,
.mod_eventlist.tudoor-next-date > div > div .training-inhouse .meta > div.language:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -12em -0em;
  background-size: auto 5em;
}

.mod_eventlist.tudoor-next-date > div > div .training-dates .meta > div.location:before,
.mod_eventlist.tudoor-next-date > div > div .training-inhouse .meta > div.location:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -12em -1em;
  background-size: auto 5em;
  -webkit-transform: scale(1.75);
          transform: scale(1.75);
}

.mod_eventlist.tudoor-next-date > div > div .training-dates .meta > div.info,
.mod_eventlist.tudoor-next-date > div > div .training-inhouse .meta > div.info {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.mod_eventlist.tudoor-next-date > div > div .training-dates .more,
.mod_eventlist.tudoor-next-date > div > div .training-inhouse .more {
  padding-top: calc(var(--gap-col) * 0.5);
  text-align: center;
}

.mod_eventlist.tudoor-next-date > div > div .training-dates .more a,
.mod_eventlist.tudoor-next-date > div > div .training-inhouse .more a {
  all: unset;
  display: inline-block;
  cursor: pointer;
}

.mod_eventlist.tudoor-next-date > div > div .training-dates .more a:after,
.mod_eventlist.tudoor-next-date > div > div .training-inhouse .more a:after {
  display: none;
}

.mod_eventlist.tudoor-next-date > div > div .training-dates .more a.register, .mod_eventlist.tudoor-next-date > div > div .training-dates .more a.request,
.mod_eventlist.tudoor-next-date > div > div .training-inhouse .more a.register,
.mod_eventlist.tudoor-next-date > div > div .training-inhouse .more a.request {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.975em 2em;
  min-width: 200px;
  font-family: "Hanken Grotesk", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  cursor: pointer;
  border: none;
  border-radius: 2em;
  color: var(--button-color);
  background: var(--button-background);
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  min-width: auto;
  width: calc(100% - 4em);
}

.mod_eventlist.tudoor-next-date > div > div .training-dates .more a.register:focus, .mod_eventlist.tudoor-next-date > div > div .training-dates .more a.register:hover, .mod_eventlist.tudoor-next-date > div > div .training-dates .more a.request:focus, .mod_eventlist.tudoor-next-date > div > div .training-dates .more a.request:hover,
.mod_eventlist.tudoor-next-date > div > div .training-inhouse .more a.register:focus,
.mod_eventlist.tudoor-next-date > div > div .training-inhouse .more a.register:hover,
.mod_eventlist.tudoor-next-date > div > div .training-inhouse .more a.request:focus,
.mod_eventlist.tudoor-next-date > div > div .training-inhouse .more a.request:hover {
  color: var(--button-color-active);
  background: var(--button-background-active);
}

.mod_eventlist.tudoor-next-date > div > div .training-dates .more a.dates,
.mod_eventlist.tudoor-next-date > div > div .training-inhouse .more a.dates {
  color: var(--col-head-700);
  -webkit-transition: color .2s;
  transition: color .2s;
  text-decoration: underline;
}

.mod_eventlist.tudoor-next-date > div > div .training-dates .more a.dates:focus, .mod_eventlist.tudoor-next-date > div > div .training-dates .more a.dates:hover,
.mod_eventlist.tudoor-next-date > div > div .training-inhouse .more a.dates:focus,
.mod_eventlist.tudoor-next-date > div > div .training-inhouse .more a.dates:hover {
  color: var(--col-yellow-400);
}

.mod_eventlist.tudoor-next-date > div > div .training-dates .more a + a,
.mod_eventlist.tudoor-next-date > div > div .training-inhouse .more a + a {
  margin-top: calc(var(--gap-col) * 0.5);
}

.mod_eventlist.tudoor-next-date > div > div .training-dates .done {
  font-size: 1.1875rem;
  font-weight: 700;
}

.mod_eventlist.tudoor-next-date > div > div .training-dates .recording {
  margin-top: calc(var(--gap-col) * 0.5);
}

.mod_eventlist.tudoor-next-date > div > div .training-dates .recording > label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.975em 2em;
  min-width: 200px;
  font-family: "Hanken Grotesk", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  cursor: pointer;
  border: none;
  border-radius: 2em;
  color: var(--button-color);
  background: var(--button-background);
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  display: block;
  margin-inline: auto;
}

.mod_eventlist.tudoor-next-date > div > div .training-dates .recording > label:focus, .mod_eventlist.tudoor-next-date > div > div .training-dates .recording > label:hover {
  color: var(--button-color-active);
  background: var(--button-background-active);
}

.mod_eventlist.tudoor-next-date > div > div .training-dates .recording > input {
  display: none;
}

.mod_eventlist.tudoor-next-date > div > div .training-dates .recording > input:not(:checked) ~ .recording-overlay {
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  pointer-events: none;
  border-radius: 1rem;
  opacity: 0;
}

.mod_eventlist.tudoor-next-date > div > div .training-dates .recording > input:checked ~ .recording-overlay {
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  border-radius: 0;
}

.mod_eventlist.tudoor-next-date > div > div .training-dates .recording > input:checked ~ .recording-overlay label, .mod_eventlist.tudoor-next-date > div > div .training-dates .recording > input:checked ~ .recording-overlay a.pdf {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.mod_eventlist.tudoor-next-date > div > div .training-dates time span {
  display: block;
}

.mod_eventlist.tudoor-next-date > div > div .training-dates time span:nth-of-type(1) {
  font-size: 1.1875rem;
  font-weight: 700;
}

.mod_eventlist.tudoor-next-date > div > div .training-dates .price {
  margin-block: calc(var(--gap-col) * 0.5);
}

.mod_eventlist.tudoor-next-date > div > div .training-dates .price .prices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(var(--gap-col) * 0.5);
  font-size: 1.875rem;
}

.mod_eventlist.tudoor-next-date > div > div .training-dates .price .prices > div:first-child:not(:last-child) {
  text-decoration: line-through;
  text-decoration-thickness: 1px;
  opacity: 0.4;
}

.mod_eventlist.tudoor-next-date > div > div .training-dates .price .prices > div:last-child {
  font-weight: 700;
}

.mod_eventlist.tudoor-next-date > div > div .training-dates .price .info {
  margin-block: calc(var(--gap-col) * 0.25);
  font-size: 0.75rem;
  color: var(--col-head-600);
}

.mod_eventlist.tudoor-next-date > div > div .training-dates .price .info a {
  color: var(--col-head-700);
  -webkit-transition: color .2s;
  transition: color .2s;
}

.mod_eventlist.tudoor-next-date > div > div .training-dates .price .info a:focus, .mod_eventlist.tudoor-next-date > div > div .training-dates .price .info a:hover {
  color: var(--col-yellow-400);
}

.mod_eventlist.tudoor-next-date > div > div .training-dates .meta {
  margin-block: calc(var(--gap-col) * 0.5);
  padding-top: calc(var(--gap-col) * 0.5);
  border-top: 2px solid rgba(var(--col-black--rgb), 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  row-gap: calc(var(--gap-lines) * 1.25);
}

.mod_eventlist.tudoor-next-date > div > div .training-dates .meta > div {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.mod_eventlist.tudoor-next-date > div > div .training-inhouse .price {
  font-size: 1.875rem;
  font-weight: 700;
}

.mod_eventlist.tudoor-next-date > div > div .training-inhouse .meta {
  margin-block: calc(var(--gap-col) * 0.5);
  padding-top: calc(var(--gap-col) * 0.5);
  border-top: 2px solid rgba(var(--col-black--rgb), 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  row-gap: calc(var(--gap-lines) * 1.25);
}

.mod_eventlist .layout_latest.webinar {
  min-width: 280px;
  container-type: inline-size;
}

.mod_eventlist .layout_latest.webinar > div {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}

.mod_eventlist .layout_latest.webinar > div figure {
  container-type: inline-size;
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  margin-bottom: calc(var(--gap-lines) * 1);
  background: var(--col-head-700);
  -webkit-transition: background .2s;
  transition: background .2s;
}

.mod_eventlist .layout_latest.webinar > div figure img {
  max-width: unset;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 180px;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  mix-blend-mode: luminosity;
  opacity: 0.5;
}

.mod_eventlist .layout_latest.webinar > div figure figcaption {
  display: none;
}

.mod_eventlist .layout_latest.webinar > div figure:before {
  content: "";
  display: block;
  font-size: clamp(40px, 40cqw, 60px);
  position: absolute;
  z-index: 2;
  bottom: 0.5rem;
  right: 0.5rem;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  pointer-events: none;
}

.mod_eventlist .layout_latest.webinar > div .content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--gap-lines);
  padding: 0;
  color: var(--col-head-700);
}

.mod_eventlist .layout_latest.webinar > div .content .teaser {
  display: block;
  overflow: visible;
  text-overflow: unset;
}

.mod_eventlist .layout_latest.webinar > div .content .teaser .hl {
  font-weight: 700;
}

.mod_eventlist .layout_latest.webinar > div .content .teaser .hl a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: color .2s;
  transition: color .2s;
}

.mod_eventlist .layout_latest.webinar > div .content .teaser .hl a:focus, .mod_eventlist .layout_latest.webinar > div .content .teaser .hl a:hover {
  color: var(--col-yellow-400);
}

.mod_eventlist .layout_latest.webinar > div .content .teaser .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--col-head-500);
  font-size: 0.875rem;
}

.mod_eventlist .layout_latest.webinar > div .content .teaser .info span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mod_eventlist .layout_latest.webinar > div .content .teaser .info span + span:before {
  content: "|";
  display: block;
  margin-inline: 1ch;
}

.mod_eventlist .layout_latest.webinar > div .content .more {
  margin-top: unset;
}

.mod_eventlist .layout_latest.webinar > div:has(> a:nth-child(1)) {
  position: relative;
}

.mod_eventlist .layout_latest.webinar > div:has(> a:nth-child(1)) > a:nth-child(1) {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.mod_eventlist .layout_latest.webinar > div:has(> a:nth-child(1)):focus-within {
  outline: auto;
  border-radius: 1rem;
}

.mod_eventlist .layout_latest.webinar:hover figure, .mod_eventlist .layout_latest.webinar:focus-within figure {
  background: var(--col-yellow-400);
}

.mod_eventlist .layout_latest.webinar.seminar-type-webinar figure:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -11em -0em;
  background-size: auto 5em;
}

.mod_eventlist .layout_latest.webinar.seminar-type-training figure:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -11em -1em;
  background-size: auto 5em;
}

@media (min-width: 768px) {
  .mod_eventlist .layout_latest.webinar.span33 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
}

.mod_news_tag_cloud > div {
  background: var(--col-head-300);
  border-radius: 1rem;
  padding: calc(var(--gap-col) * 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: calc(var(--gap-col) * 1);
}

.mod_news_tag_cloud > div > div + div:before {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background: rgba(var(--col-head-500--rgb), 0.25);
  border-radius: 2px;
  margin-bottom: calc(var(--gap-col) * 1);
}

.mod_news_tag_cloud a.reset {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.975em 2em;
  min-width: 200px;
  font-family: "Hanken Grotesk", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  cursor: pointer;
  border: none;
  border-radius: 2em;
  color: var(--button-color);
  background: var(--button-background);
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.mod_news_tag_cloud a.reset:focus, .mod_news_tag_cloud a.reset:hover {
  color: var(--button-color-active);
  background: var(--button-background-active);
}

.mod_news_tag_cloud .head {
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--col-head-700);
  margin-bottom: 1em;
}

.mod_news_tag_cloud ul li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: var(--col-black);
  text-decoration: none;
}

.mod_news_tag_cloud ul li a:before, .mod_news_tag_cloud ul li a:after {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  display: block;
}

.mod_news_tag_cloud ul li a:before {
  border-radius: 0.15em;
  background: var(--col-white);
  width: 1.25em;
  height: 1.25em;
  margin-right: 1ch;
}

.mod_news_tag_cloud ul li a:after {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1.25em;
  height: 1.25em;
  background-position: -2.5em -0em;
  background-size: auto 6.25em;
}

.mod_news_tag_cloud ul li a:focus, .mod_news_tag_cloud ul li a:hover {
  color: var(--col-yellow-400);
}

.mod_news_tag_cloud ul li a[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.mod_news_tag_cloud ul li:not(.active) a:after {
  display: none;
}

.mod_news_tag_cloud ul li.active a {
  color: var(--col-head-700);
  font-weight: 800;
}

.mod_news_tag_cloud ul li + li {
  margin-top: 0.5em;
}

@media (min-width: 860px) {
  .mod_news_tag_cloud[class*="span"] {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
}

.no-gap-bottom {
  padding-bottom: 0;
}

.divider > div:before {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background: rgba(var(--col-head-500--rgb), 0.25);
  border-radius: 2px;
  margin-top: calc(var(--gap-col) * 1);
  margin-bottom: calc(var(--gap-col) * 1.5);
}

.ce_contentWrapperStart:not(.circle):not(.boxed):not(.boxed-accordion) {
  padding: 0;
}

.ce_contentWrapperStart > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.ce_contentWrapperStart.circle {
  text-align: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  --gradient-color: var(--col-head-400);
}

@media (min-width: 600px) {
  .ce_contentWrapperStart.circle {
    max-width: 366px;
  }
}

@media (max-width: 720px) {
  .ce_contentWrapperStart.circle {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-inline: auto;
  }
}

.ce_contentWrapperStart.circle .block {
  padding: 0;
}

.ce_contentWrapperStart.circle .ce_text:nth-of-type(1) {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  aspect-ratio: 1/1;
  padding: calc(var(--gap-col) * 0.5);
  background: var(--col-head-700);
  overflow: hidden;
}

.ce_contentWrapperStart.circle .ce_text:nth-of-type(1):before {
  content: "";
  position: absolute;
  z-index: 1;
  display: block;
  width: 120%;
  border-radius: 50%;
  aspect-ratio: 1/1;
  background: radial-gradient(circle at 50%, var(--gradient-color), transparent 65%);
  -webkit-transform: translateX(24%) translateY(-30%);
          transform: translateX(24%) translateY(-30%);
}

.ce_contentWrapperStart.circle .ce_text:nth-of-type(1) > div {
  position: relative;
  z-index: 2;
  color: var(--col-white);
}

.ce_contentWrapperStart.circle .ce_text:nth-of-type(1) > div .hl {
  color: inherit;
  font-size: 1.625rem;
  line-height: 1.3;
}

.ce_contentWrapperStart.circle .ce_text:nth-of-type(1) > div ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1em;
     -moz-column-gap: 1em;
          column-gap: 1em;
  row-gap: 0.75em;
}

.ce_contentWrapperStart.circle .ce_text:nth-of-type(1) > div ul li {
  display: block;
  padding: 0.5em 1em;
  margin: 0;
  border-radius: 2em;
  background: var(--col-head-700);
  color: var(--col-white);
  line-height: 1.2;
  white-space: nowrap;
}

.ce_contentWrapperStart.circle .ce_text:nth-of-type(1) > div ul li.yellow {
  background: var(--col-yellow-400);
  color: var(--col-black);
}

.ce_contentWrapperStart.circle .ce_text:nth-of-type(1) > div ul li.mxam {
  background: var(--col-mxam);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ce_contentWrapperStart.circle .ce_text:nth-of-type(1) > div ul li.mxam:before {
  content: "";
  display: block;
  margin-right: 1ch;
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -2em -1em;
  background-size: auto 5em;
  -webkit-transform: scale(1.75);
          transform: scale(1.75);
}

.ce_contentWrapperStart.circle .ce_text:nth-of-type(1) > div ul li.more {
  background: var(--col-more);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ce_contentWrapperStart.circle .ce_text:nth-of-type(1) > div ul li.more:before {
  content: "";
  display: block;
  margin-right: 1ch;
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -2em -2em;
  background-size: auto 5em;
  -webkit-transform: scale(1.75);
          transform: scale(1.75);
}

.ce_contentWrapperStart.circle .ce_text:nth-of-type(1) > div ul li.mqc {
  background: var(--col-mqc);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ce_contentWrapperStart.circle .ce_text:nth-of-type(1) > div ul li.mqc:before {
  content: "";
  display: block;
  margin-right: 1ch;
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -2em -3em;
  background-size: auto 5em;
  -webkit-transform: scale(1.75);
          transform: scale(1.75);
}

.ce_contentWrapperStart.circle .ce_text:nth-of-type(1) > div ul li.mtest {
  background: var(--col-mtest);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ce_contentWrapperStart.circle .ce_text:nth-of-type(1) > div ul li.mtest:before {
  content: "";
  display: block;
  margin-right: 1ch;
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -12em -2em;
  background-size: auto 5em;
  -webkit-transform: scale(1.75);
          transform: scale(1.75);
}

.ce_contentWrapperStart.circle .ce_text:nth-of-type(1) > div ul li.mxray {
  background: var(--col-mxray);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ce_contentWrapperStart.circle .ce_text:nth-of-type(1) > div ul li.mxray:before {
  content: "";
  display: block;
  margin-right: 1ch;
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -2em -4em;
  background-size: auto 5em;
  -webkit-transform: scale(1.75);
          transform: scale(1.75);
}

.ce_contentWrapperStart.circle .ce_text:nth-of-type(2) {
  padding: calc(var(--gap-col) * 1) calc(var(--gap-col) * 0.75);
  padding-top: calc(var(--gap-col) * 5);
  padding-bottom: calc(var(--gap-col) * 2);
  margin-top: calc(var(--gap-col) * -4);
  background: var(--col-white);
  -webkit-box-shadow: 0 0 25px rgba(var(--col-head-700--rgb), 0.25);
          box-shadow: 0 0 25px rgba(var(--col-head-700--rgb), 0.25);
  border-radius: 0 0 10em 10em;
}

.ce_contentWrapperStart.circle .ce_text:nth-of-type(2) strong {
  color: var(--col-head-700);
  font-weight: 800;
}

.ce_contentWrapperStart.circle + .circle {
  --gradient-color: var(--col-red-400);
}

.ce_contentWrapperStart.circle + .circle .ce_text:nth-of-type(1) > div ul li:not([class]) {
  background: var(--col-red-400);
}

.ce_contentWrapperStart.circle + .circle + .circle {
  --gradient-color: var(--col-mqc);
}

.ce_contentWrapperStart.boxed-accordion > div, .ce_contentWrapperStart.boxed > div {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  overflow: hidden;
  -webkit-box-shadow: 0 0 25px rgba(var(--col-head-400--rgb), 0.25);
          box-shadow: 0 0 25px rgba(var(--col-head-400--rgb), 0.25);
  border-radius: 1rem;
}

.ce_contentWrapperStart.boxed-accordion > div .mod_contact_person_list, .ce_contentWrapperStart.boxed > div .mod_contact_person_list {
  background: var(--col-background-200);
}

.ce_contentWrapperStart.limited > .inside {
  max-width: 580px;
}

.ce_contentWrapperStart.boxed-accordion {
  padding-top: calc(var(--gap-col) * 1);
}

.ce_contentWrapperStart.boxed-accordion > .inside {
  position: relative;
  overflow: visible;
  background: var(--col-white);
  padding: calc(var(--gap-col) * 0.5);
}

.ce_contentWrapperStart.boxed-accordion > .inside > .expandAll {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1em 1.25em;
  border-radius: 1rem 1rem 1rem 0;
  background: var(--col-yellow-400);
  color: var(--col-head-700);
  line-height: 1.2;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.ce_contentWrapperStart.boxed-accordion > .inside > .expandAll:after {
  content: "+";
  display: block;
  margin-left: 1ch;
}

.ce_contentWrapperStart.boxed-accordion > .inside > .expandAll[aria-expanded="true"]:after {
  content: "-";
}

.ce_contentWrapperStart.boxed-accordion .ce_accordion > div label {
  padding-bottom: 0;
  font-size: 1.1875rem;
}

.ce_contentWrapperStart.boxed-accordion .ce_accordion + .ce_accordion {
  padding-top: 0;
}

.ce_contentWrapperStart.boxed-accordion .ce_accordion + .ce_accordion:before {
  margin-bottom: calc(var(--gap-col)* 0.25);
}

.ce_contentWrapperStart.boxed .ce_contact_person {
  background: var(--col-background-200);
}

.player-overlay, .recording-overlay {
  position: fixed;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  background: rgba(var(--col-black--rgb), 0.8);
  -webkit-box-shadow: 0 0 25px rgba(var(--col-black--rgb), 0.8);
          box-shadow: 0 0 25px rgba(var(--col-black--rgb), 0.8);
  -webkit-backdrop-filter: blur(5px) grayscale(1);
          backdrop-filter: blur(5px) grayscale(1);
  border-radius: 1rem;
  -webkit-transition: all .75s;
  transition: all .75s;
}

.player-overlay video, .recording-overlay video {
  max-width: 70vw;
  max-height: 90vh;
  -webkit-transition: max-width 1s, max-height 1s, -webkit-transform 1s;
  transition: max-width 1s, max-height 1s, -webkit-transform 1s;
  transition: max-width 1s, max-height 1s, transform 1s;
  transition: max-width 1s, max-height 1s, transform 1s, -webkit-transform 1s;
  border-radius: 1rem;
  overflow: hidden;
}

@media (max-width: 450px) {
  .player-overlay video, .recording-overlay video {
    max-width: 100vw;
  }
}

.player-overlay > button, .player-overlay > label, .player-overlay > a.pdf, .recording-overlay > button, .recording-overlay > label, .recording-overlay > a.pdf {
  position: absolute;
  top: var(--gap-col);
  right: var(--gap-col);
  display: block;
  margin: 0;
  padding: 0;
  background: transparent;
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 5rem;
  height: 5rem;
  background-position: 0rem -10rem;
  background-size: auto 25rem;
  border: none;
  cursor: pointer;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.player-overlay > .form, .recording-overlay > .form {
  border-radius: 1rem;
  max-width: 740px;
  background: var(--col-white);
}

.player-overlay > a.pdf, .recording-overlay > a.pdf {
  right: calc(var(--gap-col) * 3);
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 5rem;
  height: 5rem;
  background-position: -20rem -10rem;
  background-size: auto 25rem;
}

.ce_form {
  background: var(--col-white);
}

@media (max-width: 768px) {
  .ce_form .formbody:has(.widget-checkbox.span50 + .widget-checkbox.span50 + .widget-checkbox.span50) .widget-checkbox:has(input[name="check_privacy"]) {
    -webkit-box-ordinal-group: 100;
        -ms-flex-order: 99;
            order: 99;
  }
  .ce_form .formbody:has(.widget-checkbox.span50 + .widget-checkbox.span50 + .widget-checkbox.span50) .widget-submit {
    -webkit-box-ordinal-group: 101;
        -ms-flex-order: 100;
            order: 100;
  }
}

.ce_form.form-submit-wrapper:is(.ce_headline.blog ~ .ce_form) {
  padding-inline: 0;
}

.formbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-block: calc(var(--gap-col) * 0.25);
  --accent-color: var(--col-head-700);
}

.formbody .widget {
  padding-block: calc(var(--gap-col) * 0.25);
  min-width: 200px;
}

.formbody .widget input[type="text"], .formbody .widget input[type="email"], .formbody .widget input[type="tel"], .formbody .widget input[type="password"], .formbody .widget input[type="file"],
.formbody .widget select,
.formbody .widget textarea {
  display: block;
  width: 100%;
  padding: 0.81em;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.2;
  background: var(--col-background-100);
  accent-color: var(--accent-color);
  border: none;
  border-radius: 5px;
}

.formbody .widget input[type="text"]::-webkit-input-placeholder, .formbody .widget input[type="email"]::-webkit-input-placeholder, .formbody .widget input[type="tel"]::-webkit-input-placeholder, .formbody .widget input[type="password"]::-webkit-input-placeholder, .formbody .widget input[type="file"]::-webkit-input-placeholder,
.formbody .widget select::-webkit-input-placeholder,
.formbody .widget textarea::-webkit-input-placeholder {
  color: rgba(var(--col-text--rgb), 0.7);
}

.formbody .widget input[type="text"]::-moz-placeholder, .formbody .widget input[type="email"]::-moz-placeholder, .formbody .widget input[type="tel"]::-moz-placeholder, .formbody .widget input[type="password"]::-moz-placeholder, .formbody .widget input[type="file"]::-moz-placeholder,
.formbody .widget select::-moz-placeholder,
.formbody .widget textarea::-moz-placeholder {
  color: rgba(var(--col-text--rgb), 0.7);
}

.formbody .widget input[type="text"]::-ms-input-placeholder, .formbody .widget input[type="email"]::-ms-input-placeholder, .formbody .widget input[type="tel"]::-ms-input-placeholder, .formbody .widget input[type="password"]::-ms-input-placeholder, .formbody .widget input[type="file"]::-ms-input-placeholder,
.formbody .widget select::-ms-input-placeholder,
.formbody .widget textarea::-ms-input-placeholder {
  color: rgba(var(--col-text--rgb), 0.7);
}

.formbody .widget input[type="text"]::placeholder, .formbody .widget input[type="email"]::placeholder, .formbody .widget input[type="tel"]::placeholder, .formbody .widget input[type="password"]::placeholder, .formbody .widget input[type="file"]::placeholder,
.formbody .widget select::placeholder,
.formbody .widget textarea::placeholder {
  color: rgba(var(--col-text--rgb), 0.7);
}

.formbody .widget input[type="file"] {
  cursor: pointer;
}

.formbody .widget select option[value=""] {
  color: rgba(var(--col-text--rgb), 0.5);
  color: red;
}

.formbody .widget textarea {
  min-height: 100px;
  max-height: 250px;
  resize: vertical;
}

.formbody .widget p.error {
  display: inline-block;
  padding: 0.1em 0.5em;
  margin-bottom: 0.5em;
  color: var(--col-white);
  background: var(--col-red-400);
  border-radius: 3px;
}

.formbody .widget.widget-select:has(option[value=""]) > label {
  display: block;
  height: 0;
  overflow: hidden;
}

.formbody .widget.widget-text:has(input[placeholder]) > label {
  display: none;
}

.formbody .widget.widget-checkbox fieldset > legend, .formbody .widget.widget-radio fieldset > legend {
  display: block;
  margin-bottom: 0.5em;
}

.formbody .widget.widget-checkbox fieldset > span, .formbody .widget.widget-radio fieldset > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.formbody .widget.widget-checkbox fieldset > span input, .formbody .widget.widget-radio fieldset > span input {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0;
  padding: 0;
  margin-right: 1.5ch;
  background: var(--col-background-100);
  accent-color: var(--accent-color);
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.formbody .widget.widget-checkbox fieldset > span input:not(:checked), .formbody .widget.widget-radio fieldset > span input:not(:checked) {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.formbody .widget.widget-checkbox fieldset > span input[type="radio"], .formbody .widget.widget-radio fieldset > span input[type="radio"] {
  border-radius: 50%;
}

.formbody .widget.widget-checkbox fieldset > span label, .formbody .widget.widget-radio fieldset > span label {
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.formbody .widget.widget-checkbox fieldset > span label a, .formbody .widget.widget-radio fieldset > span label a {
  color: inherit;
  -webkit-transition: color .2s;
  transition: color .2s;
}

.formbody .widget.widget-checkbox fieldset > span label a:focus, .formbody .widget.widget-checkbox fieldset > span label a:hover, .formbody .widget.widget-radio fieldset > span label a:focus, .formbody .widget.widget-radio fieldset > span label a:hover {
  color: var(--col-yellow-400);
}

.formbody .widget.widget-checkbox fieldset > span + span, .formbody .widget.widget-radio fieldset > span + span {
  margin-top: calc(var(--gap-lines) * 0.5);
}

.formbody .widget.widget-checkbox fieldset:has(legend), .formbody .widget.widget-radio fieldset:has(legend) {
  border: 1px solid var(--col-background-100);
  border-radius: 5px;
  padding: 0.81em;
}

.formbody .widget.widget-checkbox fieldset:has(legend) legend, .formbody .widget.widget-radio fieldset:has(legend) legend {
  font-weight: 600;
  padding-inline: 1.5ch;
}

.formbody .widget.widget-submit {
  text-align: right;
}

.formbody .widget.widget-submit button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.975em 2em;
  min-width: 200px;
  font-family: "Hanken Grotesk", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  cursor: pointer;
  border: none;
  border-radius: 2em;
  color: var(--button-color);
  background: var(--button-background);
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.formbody .widget.widget-submit button:focus, .formbody .widget.widget-submit button:hover {
  color: var(--button-color-active);
  background: var(--button-background-active);
}

.formbody .widget ~ .widget-explanation:not([class*="span"]) {
  padding-top: calc(var(--gap-col) * 0.75);
}

.formbody .widget.widget-textarea:has(textarea[placeholder]) > label {
  display: none;
}

.formbody .widget.training-info > div {
  border-radius: 1rem;
  -webkit-box-shadow: 0 0 25px rgba(var(--col-head-400--rgb), 0.25);
          box-shadow: 0 0 25px rgba(var(--col-head-400--rgb), 0.25);
  margin-bottom: calc(var(--gap-col) * 1.5);
  padding: calc(var(--gap-col) * 0.5) calc(var(--gap-col) * 1);
}

.formbody .widget.training-info > div.notice {
  position: relative;
  font-size: 1.125rem;
}

.formbody .widget.training-info > div.notice:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -4em -1em;
  background-size: auto 5em;
  -webkit-transform: translateX(-50%) translateY(60%) scale(3.5);
          transform: translateX(-50%) translateY(60%) scale(3.5);
}

.formbody .widget.training-info > div.details {
  padding-block: calc(var(--gap-col) * 1);
}

.formbody .widget.training-info > div.details > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.formbody .widget.training-info > div.details .title {
  font-size: clamp(1.875rem, 10vw, 2.5rem);
  padding-bottom: calc(var(--gap-col) * 1);
  margin-bottom: calc(var(--gap-col) * 1);
  border-bottom: 2px solid rgba(var(--col-black--rgb), 0.2);
}

.formbody .widget.training-info > div.details .date-info {
  font-size: 1.1875rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.formbody .widget.training-info > div.details .date-info time {
  font-weight: 700;
}

.formbody .widget.training-info > div.details .date-info .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.formbody .widget.training-info > div.details .date-info .info span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.formbody .widget.training-info > div.details .date-info .info span + span:before {
  content: "|";
  display: block;
  margin-inline: 1ch;
}

.formbody .widget.training-info > div.details .price {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  border-left: 2px solid rgba(var(--col-black--rgb), 0.2);
  margin-left: calc(var(--gap-col) * 1.5);
  padding-left: calc(var(--gap-col) * 1.5);
}

.formbody .widget.training-info > div.details .price .prices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(var(--gap-col) * 0.5);
  font-size: 1.875rem;
}

.formbody .widget.training-info > div.details .price .prices > div:first-child:not(:last-child) {
  text-decoration: line-through;
  text-decoration-thickness: 1px;
  opacity: 0.4;
}

.formbody .widget.training-info > div.details .price .prices > div:last-child {
  font-weight: 700;
}

.formbody .widget.training-info > div.details .price .info {
  margin-block: calc(var(--gap-col) * 0.25);
  font-size: 0.75rem;
  color: var(--col-head-600);
}

.formbody .widget.training-info > div.details .price .info a {
  color: var(--col-head-700);
  -webkit-transition: color .2s;
  transition: color .2s;
}

.formbody .widget.training-info > div.details .price .info a:focus, .formbody .widget.training-info > div.details .price .info a:hover {
  color: var(--col-yellow-400);
}

@media (max-width: 768px) {
  .formbody .widget.training-info > div.details > div {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .formbody .widget.training-info > div.details .price {
    border-left: none;
    margin-left: unset;
    padding-left: unset;
    margin-top: calc(var(--gap-col) * 0.5);
  }
}

.contact_person > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: var(--gap-col);
}

.contact_person figure {
  overflow: hidden;
  border-radius: 1rem;
}

.contact_person figure img {
  width: 100%;
  height: auto;
  max-width: unset;
}

.contact_person .name {
  font-weight: 800;
}

.contact_person a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: inherit;
  text-decoration: none;
  -webkit-transition: color .2s;
  transition: color .2s;
}

.contact_person a:focus, .contact_person a:hover {
  color: var(--col-yellow-400);
}

.contact_person a:before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  font-size: 2em;
  margin-right: 0.5ch;
}

.contact_person a[href^="tel:"]:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -1em -3em;
  background-size: auto 5em;
}

.contact_person a[href^="mailto:"]:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -1em -4em;
  background-size: auto 5em;
}

.contact_person a[href*="wechat"]:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -3em -4em;
  background-size: auto 5em;
  -webkit-filter: brightness(0) invert(9%) sepia(37%) saturate(5833%) hue-rotate(206deg) brightness(94%) contrast(102%);
          filter: brightness(0) invert(9%) sepia(37%) saturate(5833%) hue-rotate(206deg) brightness(94%) contrast(102%);
}

.contact_person a + a {
  margin-top: calc(var(--gap-col) * 0.25);
}

.ce_accordion {
  padding-inline: 0;
}

.ce_accordion:nth-child(1 of .ce_accordion):before {
  content: "";
  display: block;
  width: calc(100% - (var(--gap-col) * 1));
  height: 2px;
  margin-bottom: calc(var(--gap-col) * 1);
  margin-inline: auto;
  background: rgba(var(--col-black--rgb), 0.5);
  border-radius: 1px;
}

.ce_accordion:nth-child(1 of .ce_accordion):not(:has(~ .ce_accordion)):after,
.ce_accordion:nth-child(1 of .ce_accordion) ~ .ce_accordion:last-child:after,
.ce_accordion:nth-child(1 of .ce_accordion) ~ .ce_accordion:not(:has(~ .ce_accordion)):after {
  content: "";
  display: block;
  width: calc(100% - (var(--gap-col) * 1));
  height: 2px;
  margin-top: calc(var(--gap-col) * 1);
  margin-inline: auto;
  background: rgba(var(--col-black--rgb), 0.5);
  border-radius: 1px;
}

.ce_accordion > input {
  display: none;
}

.ce_accordion > input:not(:checked) ~ div > .accordion {
  display: none;
}

.ce_accordion > input:checked ~ div > label:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.ce_accordion > div label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-weight: 700;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  padding-inline: calc(var(--gap-col) * 0.5);
  padding-bottom: 0.25em;
}

.ce_accordion > div label > span {
  margin-right: 1em;
}

.ce_accordion > div label:after {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  margin-left: auto;
  margin-right: 1em;
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1.2em;
  height: 1.2em;
  background-position: -1.2em -2.4em;
  background-size: auto 6em;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
}

.ce_accordion > div .accordion {
  overflow: hidden;
}

.ce_accordion > div .accordion > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

.ce_accordion > div .accordion > div > .block:last-child {
  padding-bottom: 0;
}

.ce_accordion + .ce_accordion:before {
  content: "";
  display: block;
  width: calc(100% - (var(--gap-col) * 1));
  height: 2px;
  margin-bottom: calc(var(--gap-col) * 1);
  margin-inline: auto;
  background: rgba(var(--col-head-500--rgb), 0.25);
  border-radius: 1px;
}

.mod_navigation.icon-nav ul, .mod_navigation.formats ul {
  --columns: 3;
  --gap: calc(var(--gap-col) * 0.75);
  --gap-count: calc( var(--columns) - 1 );
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: var(--gap);
}

@media (max-width: 768px) {
  .mod_navigation.icon-nav ul, .mod_navigation.formats ul {
    --columns: 2;
  }
}

@media (max-width: 540px) {
  .mod_navigation.icon-nav ul, .mod_navigation.formats ul {
    --columns: 1;
  }
}

.mod_navigation.icon-nav ul li, .mod_navigation.formats ul li {
  -ms-flex-preferred-size: calc( calc(100%/var(--columns)) - calc(var(--gap)/var(--columns) * var(--gap-count)));
      flex-basis: calc( calc(100%/var(--columns)) - calc(var(--gap)/var(--columns) * var(--gap-count)));
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: var(--col-head-700);
}

.mod_navigation.icon-nav ul li a, .mod_navigation.formats ul li a {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.5rem;
  min-height: 85px;
  color: inherit;
  text-decoration: none;
  border-radius: 1rem;
  background: var(--col-white);
  -webkit-box-shadow: 0 0 25px rgba(var(--col-head-700--rgb), 0.25);
          box-shadow: 0 0 25px rgba(var(--col-head-700--rgb), 0.25);
  -webkit-transition: all .2s;
  transition: all .2s;
}

.mod_navigation.icon-nav ul li a:hover, .mod_navigation.formats ul li a:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.mod_navigation.icon-nav ul li {
  font-size: clamp(1.125rem, 10vw, 1.25rem);
}

.mod_navigation.icon-nav ul li a:focus, .mod_navigation.icon-nav ul li a:hover {
  background: var(--col-head-700);
  color: var(--col-white);
}

.mod_navigation.icon-nav ul li a[class*="icon-"]:before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  margin-right: 3.5ch;
  -webkit-transform: scale(3);
          transform: scale(3);
  -webkit-transform-origin: 25% 50%;
          transform-origin: 25% 50%;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  opacity: 0.5;
  -webkit-filter: brightness(0) invert(34%) sepia(59%) saturate(375%) hue-rotate(170deg) brightness(95%) contrast(88%);
          filter: brightness(0) invert(34%) sepia(59%) saturate(375%) hue-rotate(170deg) brightness(95%) contrast(88%);
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-arrow-round-yellow:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: 0em -0em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-arrow-round-red:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: 0em -1em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-close-round:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: 0em -2em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-arrow-round:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: 0em -3em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-arrow-round-top:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: 0em -4em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-tick-round:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -1em -0em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-play:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -1em -1em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-chevron:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -1em -2em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-phone-outline:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -1em -3em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-mail-outline:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -1em -4em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-tick:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -2em -0em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-product-mxam:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -2em -1em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-product-more:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -2em -2em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-product-mqc:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -2em -3em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-product-mxray:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -2em -4em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-social-xing:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -3em -0em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-social-linkedin:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -3em -1em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-social-kununu:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -3em -2em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-social-facebook:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -3em -3em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-social-wechat:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -3em -4em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-social-youtube:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -4em -0em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-info:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -4em -1em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-download-round:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -4em -2em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-placeholder:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -5em -0em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-customizing-mxam:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -5em -1em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-installation-mxam:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -5em -2em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-license-configuration:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -5em -3em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-tool-usage-mxam:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -5em -4em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-purchase-license:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -6em -0em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-quick-start:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -6em -1em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-security-safety:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -6em -2em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-system-requirements:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -6em -3em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-automation:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -6em -4em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-code-generation:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -7em -0em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-compliance:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -7em -1em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-model-analysis:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -7em -2em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-model-based-design:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -7em -3em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-quality-assurance:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -7em -4em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-scalability:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -8em -0em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-simply-better-models:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -8em -1em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-static-testing:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -8em -2em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-download:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -8em -3em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-faq:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -8em -4em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-newsletter:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -9em -0em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-release-notes:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -9em -1em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-support-request:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -9em -2em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-tutorials:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -9em -3em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-user-guide:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -9em -4em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-webinars-training:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -10em -0em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-arrow-round-top-tudoor:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -10em -1em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-close-round-tudoor:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -10em -2em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-quote:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -10em -3em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-zoom:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -10em -4em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-seminar-type-webinar:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -11em -0em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-seminar-type-training:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -11em -1em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-free-of-charge:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -11em -2em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-not-free-of-charge:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -11em -3em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-clock:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -11em -4em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-language:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -12em -0em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-map-pin:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -12em -1em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-product-mtest:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -12em -2em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-quality:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -12em -3em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-efficiency:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -12em -4em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-auto-layout:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -13em -0em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-automotive-engineering:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -13em -1em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-functional-safety:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -13em -2em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-iso26262:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -13em -3em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-model-based-development-simulink:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -13em -4em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-quality-tools:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -14em -0em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-software-engineering:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -14em -1em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-software-quality:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -14em -2em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-software-test:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -14em -3em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-sotif:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -14em -4em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-static-model-testing:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -15em -0em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-systems-engineering:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -15em -1em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-best-practices:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -15em -2em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-guidance:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -15em -3em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-quality-alt:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -15em -4em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-product-logo-mxam:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -16em -0em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-product-logo-more:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -16em -1em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-product-logo-mqc:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -16em -2em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-product-logo-mtest:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -16em -4em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-product-logo-mxray:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -18em -4em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-product-logo-tudoor:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -16em -3em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-collect-info:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -17em -0em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-dashboard:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -17em -1em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-detect-analyze:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -17em -2em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-track-focus:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -17em -3em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-project-overview:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -17em -4em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-showing-results:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -18em -0em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-in-house-trainings:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -18em -1em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-open-enrollment-trainings:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -18em -2em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-virtual-classroom-trainings:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -18em -3em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-innovative-power:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -19em -0em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-adaption:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -19em -1em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-career-development:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -19em -2em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-competitiveness:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -19em -3em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-confidentiality-security:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -19em -4em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-cost-efficiency:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -20em -0em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-employee-loyalty:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -20em -1em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-improved-skills:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -20em -2em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"].icon-increasing-productivity:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -20em -3em;
  background-size: auto 5em;
}

.mod_navigation.icon-nav ul li a[class*="icon-"]:hover:before {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  opacity: 1;
}

.mod_navigation.formats ul li {
  font-size: clamp(1.25rem, 10vw, 1.625rem);
}

.mod_navigation.formats ul li a {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mod_navigation.formats ul li a:after {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  margin-left: 0.75ch;
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1rem;
  height: 1rem;
  background-position: 0rem -0rem;
  background-size: auto 5rem;
  -webkit-transform: scale(1.75);
          transform: scale(1.75);
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}

.mod_navigation.formats ul li a:focus, .mod_navigation.formats ul li a:hover {
  background: var(--col-head-700);
  color: var(--col-white);
}

.gap-top {
  padding-top: calc(var(--gap-col)* 1.5);
}

.ce_sliderStart {
  padding-inline: 0;
}

.ce_sliderStart:not([class*="span"]) {
  width: 100%;
}

.ce_sliderStart.limited > div {
  max-width: clamp(0px, 580px, 100vw);
}

.ce_sliderStart .content-slider {
  margin-top: calc(var(--gap-col) * -0.5);
  margin-left: calc(var(--gap-col) * -0.5);
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(2.5%, black), color-stop(97.5%, black), to(transparent));
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 2.5%, black 97.5%, transparent 100%);
          mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(2.5%, black), color-stop(97.5%, black), to(transparent));
          mask-image: linear-gradient(90deg, transparent 0%, black 2.5%, black 97.5%, transparent 100%);
}

.ce_sliderStart .content-slider .tns-item {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.ce_sliderStart .content-slider .tns-item > div {
  padding: calc(var(--gap-col) * 0.5);
}

.ce_sliderStart .tns-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.75rem;
}

.ce_sliderStart .tns-nav button {
  display: block;
  width: 1em;
  height: 1em;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  border: none;
  border-radius: 50%;
  background: var(--col-white);
}

.ce_sliderStart .tns-nav button.tns-nav-active {
  background: var(--button-background-active);
}

.ce_sliderStart .tns-nav button:not(.tns-nav-active) {
  -webkit-box-shadow: 0 0 7px rgba(var(--col-head-400--rgb), 0.25);
          box-shadow: 0 0 7px rgba(var(--col-head-400--rgb), 0.25);
}

.ce_download ul li + li,
.ce_downloads ul li + li {
  margin-top: var(--gap-lines);
}

.ce_download .download-element a,
.ce_downloads .download-element a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: inherit;
  text-decoration: none;
}

.ce_download .download-element a:before,
.ce_downloads .download-element a:before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  width: 2.5em;
  height: 2.5em;
  margin-right: 1ch;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.ce_download .download-element a:hover, .ce_download .download-element a:focus,
.ce_downloads .download-element a:hover,
.ce_downloads .download-element a:focus {
  color: var(--col-yellow-400);
}

.ce_download .download-element a .size,
.ce_downloads .download-element a .size {
  display: block;
  font-size: 0.75rem;
  color: var(--col-head-600);
}

.ce_download .download-element.ext-ai a:before,
.ce_downloads .download-element.ext-ai a:before {
  background-image: url("../../../assets/contao/images/iconAI.svg");
}

.ce_download .download-element.ext-aif a:before,
.ce_downloads .download-element.ext-aif a:before {
  background-image: url("../../../assets/contao/images/iconAIF.svg");
}

.ce_download .download-element.ext-aifc a:before,
.ce_downloads .download-element.ext-aifc a:before {
  background-image: url("../../../assets/contao/images/iconAIFC.svg");
}

.ce_download .download-element.ext-aiff a:before,
.ce_downloads .download-element.ext-aiff a:before {
  background-image: url("../../../assets/contao/images/iconAIFF.svg");
}

.ce_download .download-element.ext-asp a:before,
.ce_downloads .download-element.ext-asp a:before {
  background-image: url("../../../assets/contao/images/iconASP.svg");
}

.ce_download .download-element.ext-avi a:before,
.ce_downloads .download-element.ext-avi a:before {
  background-image: url("../../../assets/contao/images/iconAVI.svg");
}

.ce_download .download-element.ext-avif a:before,
.ce_downloads .download-element.ext-avif a:before {
  background-image: url("../../../assets/contao/images/iconAVIF.svg");
}

.ce_download .download-element.ext-bin a:before,
.ce_downloads .download-element.ext-bin a:before {
  background-image: url("../../../assets/contao/images/iconBIN.svg");
}

.ce_download .download-element.ext-bmp a:before,
.ce_downloads .download-element.ext-bmp a:before {
  background-image: url("../../../assets/contao/images/iconBMP.svg");
}

.ce_download .download-element.ext-class a:before,
.ce_downloads .download-element.ext-class a:before {
  background-image: url("../../../assets/contao/images/iconCLASS.svg");
}

.ce_download .download-element.ext-cpt a:before,
.ce_downloads .download-element.ext-cpt a:before {
  background-image: url("../../../assets/contao/images/iconCPT.svg");
}

.ce_download .download-element.ext-css a:before,
.ce_downloads .download-element.ext-css a:before {
  background-image: url("../../../assets/contao/images/iconCSS.svg");
}

.ce_download .download-element.ext-csv a:before,
.ce_downloads .download-element.ext-csv a:before {
  background-image: url("../../../assets/contao/images/iconCSV.svg");
}

.ce_download .download-element.ext-cto a:before,
.ce_downloads .download-element.ext-cto a:before {
  background-image: url("../../../assets/contao/images/iconCTO.svg");
}

.ce_download .download-element.ext-dcr a:before,
.ce_downloads .download-element.ext-dcr a:before {
  background-image: url("../../../assets/contao/images/iconDCR.svg");
}

.ce_download .download-element.ext-dir a:before,
.ce_downloads .download-element.ext-dir a:before {
  background-image: url("../../../assets/contao/images/iconDIR.svg");
}

.ce_download .download-element.ext-dll a:before,
.ce_downloads .download-element.ext-dll a:before {
  background-image: url("../../../assets/contao/images/iconDLL.svg");
}

.ce_download .download-element.ext-dmg a:before,
.ce_downloads .download-element.ext-dmg a:before {
  background-image: url("../../../assets/contao/images/iconDMG.svg");
}

.ce_download .download-element.ext-dms a:before,
.ce_downloads .download-element.ext-dms a:before {
  background-image: url("../../../assets/contao/images/iconDMS.svg");
}

.ce_download .download-element.ext-doc a:before,
.ce_downloads .download-element.ext-doc a:before {
  background-image: url("../../../assets/contao/images/iconDOC.svg");
}

.ce_download .download-element.ext-docx a:before,
.ce_downloads .download-element.ext-docx a:before {
  background-image: url("../../../assets/contao/images/iconDOCX.svg");
}

.ce_download .download-element.ext-dvi a:before,
.ce_downloads .download-element.ext-dvi a:before {
  background-image: url("../../../assets/contao/images/iconDVI.svg");
}

.ce_download .download-element.ext-dxr a:before,
.ce_downloads .download-element.ext-dxr a:before {
  background-image: url("../../../assets/contao/images/iconDXR.svg");
}

.ce_download .download-element.ext-eml a:before,
.ce_downloads .download-element.ext-eml a:before {
  background-image: url("../../../assets/contao/images/iconEML.svg");
}

.ce_download .download-element.ext-eps a:before,
.ce_downloads .download-element.ext-eps a:before {
  background-image: url("../../../assets/contao/images/iconEPS.svg");
}

.ce_download .download-element.ext-exe a:before,
.ce_downloads .download-element.ext-exe a:before {
  background-image: url("../../../assets/contao/images/iconEXE.svg");
}

.ce_download .download-element.ext-fla a:before,
.ce_downloads .download-element.ext-fla a:before {
  background-image: url("../../../assets/contao/images/iconFLA.svg");
}

.ce_download .download-element.ext-gif a:before,
.ce_downloads .download-element.ext-gif a:before {
  background-image: url("../../../assets/contao/images/iconGIF.svg");
}

.ce_download .download-element.ext-gtar a:before,
.ce_downloads .download-element.ext-gtar a:before {
  background-image: url("../../../assets/contao/images/iconGTAR.svg");
}

.ce_download .download-element.ext-heic a:before,
.ce_downloads .download-element.ext-heic a:before {
  background-image: url("../../../assets/contao/images/iconHEIC.svg");
}

.ce_download .download-element.ext-hqx a:before,
.ce_downloads .download-element.ext-hqx a:before {
  background-image: url("../../../assets/contao/images/iconHQX.svg");
}

.ce_download .download-element.ext-htm a:before,
.ce_downloads .download-element.ext-htm a:before {
  background-image: url("../../../assets/contao/images/iconHTM.svg");
}

.ce_download .download-element.ext-html a:before,
.ce_downloads .download-element.ext-html a:before {
  background-image: url("../../../assets/contao/images/iconHTML.svg");
}

.ce_download .download-element.ext-inc a:before,
.ce_downloads .download-element.ext-inc a:before {
  background-image: url("../../../assets/contao/images/iconINC.svg");
}

.ce_download .download-element.ext-jpe a:before,
.ce_downloads .download-element.ext-jpe a:before {
  background-image: url("../../../assets/contao/images/iconJPE.svg");
}

.ce_download .download-element.ext-jpeg a:before,
.ce_downloads .download-element.ext-jpeg a:before {
  background-image: url("../../../assets/contao/images/iconJPEG.svg");
}

.ce_download .download-element.ext-jpg a:before,
.ce_downloads .download-element.ext-jpg a:before {
  background-image: url("../../../assets/contao/images/iconJPG.svg");
}

.ce_download .download-element.ext-js a:before,
.ce_downloads .download-element.ext-js a:before {
  background-image: url("../../../assets/contao/images/iconJS.svg");
}

.ce_download .download-element.ext-jxl a:before,
.ce_downloads .download-element.ext-jxl a:before {
  background-image: url("../../../assets/contao/images/iconJXL.svg");
}

.ce_download .download-element.ext-less a:before,
.ce_downloads .download-element.ext-less a:before {
  background-image: url("../../../assets/contao/images/iconLESS.svg");
}

.ce_download .download-element.ext-lha a:before,
.ce_downloads .download-element.ext-lha a:before {
  background-image: url("../../../assets/contao/images/iconLHA.svg");
}

.ce_download .download-element.ext-log a:before,
.ce_downloads .download-element.ext-log a:before {
  background-image: url("../../../assets/contao/images/iconLOG.svg");
}

.ce_download .download-element.ext-lzh a:before,
.ce_downloads .download-element.ext-lzh a:before {
  background-image: url("../../../assets/contao/images/iconLZH.svg");
}

.ce_download .download-element.ext-m4a a:before,
.ce_downloads .download-element.ext-m4a a:before {
  background-image: url("../../../assets/contao/images/iconM4A.svg");
}

.ce_download .download-element.ext-m4v a:before,
.ce_downloads .download-element.ext-m4v a:before {
  background-image: url("../../../assets/contao/images/iconM4V.svg");
}

.ce_download .download-element.ext-md a:before,
.ce_downloads .download-element.ext-md a:before {
  background-image: url("../../../assets/contao/images/iconMD.svg");
}

.ce_download .download-element.ext-mid a:before,
.ce_downloads .download-element.ext-mid a:before {
  background-image: url("../../../assets/contao/images/iconMID.svg");
}

.ce_download .download-element.ext-midi a:before,
.ce_downloads .download-element.ext-midi a:before {
  background-image: url("../../../assets/contao/images/iconMIDI.svg");
}

.ce_download .download-element.ext-mif a:before,
.ce_downloads .download-element.ext-mif a:before {
  background-image: url("../../../assets/contao/images/iconMIF.svg");
}

.ce_download .download-element.ext-mov a:before,
.ce_downloads .download-element.ext-mov a:before {
  background-image: url("../../../assets/contao/images/iconMOV.svg");
}

.ce_download .download-element.ext-movie a:before,
.ce_downloads .download-element.ext-movie a:before {
  background-image: url("../../../assets/contao/images/iconMOVIE.svg");
}

.ce_download .download-element.ext-mp3 a:before,
.ce_downloads .download-element.ext-mp3 a:before {
  background-image: url("../../../assets/contao/images/iconMP3.svg");
}

.ce_download .download-element.ext-mp4 a:before,
.ce_downloads .download-element.ext-mp4 a:before {
  background-image: url("../../../assets/contao/images/iconMP4.svg");
}

.ce_download .download-element.ext-mpeg a:before,
.ce_downloads .download-element.ext-mpeg a:before {
  background-image: url("../../../assets/contao/images/iconMPEG.svg");
}

.ce_download .download-element.ext-oda a:before,
.ce_downloads .download-element.ext-oda a:before {
  background-image: url("../../../assets/contao/images/iconODA.svg");
}

.ce_download .download-element.ext-odc a:before,
.ce_downloads .download-element.ext-odc a:before {
  background-image: url("../../../assets/contao/images/iconODC.svg");
}

.ce_download .download-element.ext-odf a:before,
.ce_downloads .download-element.ext-odf a:before {
  background-image: url("../../../assets/contao/images/iconODF.svg");
}

.ce_download .download-element.ext-odg a:before,
.ce_downloads .download-element.ext-odg a:before {
  background-image: url("../../../assets/contao/images/iconODG.svg");
}

.ce_download .download-element.ext-odi a:before,
.ce_downloads .download-element.ext-odi a:before {
  background-image: url("../../../assets/contao/images/iconODI.svg");
}

.ce_download .download-element.ext-odp a:before,
.ce_downloads .download-element.ext-odp a:before {
  background-image: url("../../../assets/contao/images/iconODP.svg");
}

.ce_download .download-element.ext-ods a:before,
.ce_downloads .download-element.ext-ods a:before {
  background-image: url("../../../assets/contao/images/iconODS.svg");
}

.ce_download .download-element.ext-odt a:before,
.ce_downloads .download-element.ext-odt a:before {
  background-image: url("../../../assets/contao/images/iconODT.svg");
}

.ce_download .download-element.ext-ogg a:before,
.ce_downloads .download-element.ext-ogg a:before {
  background-image: url("../../../assets/contao/images/iconOGG.svg");
}

.ce_download .download-element.ext-ogv a:before,
.ce_downloads .download-element.ext-ogv a:before {
  background-image: url("../../../assets/contao/images/iconOGV.svg");
}

.ce_download .download-element.ext-pdf a:before,
.ce_downloads .download-element.ext-pdf a:before {
  background-image: url("../../../assets/contao/images/iconPDF.svg");
}

.ce_download .download-element.ext-php a:before,
.ce_downloads .download-element.ext-php a:before {
  background-image: url("../../../assets/contao/images/iconPHP.svg");
}

.ce_download .download-element.ext-php3 a:before,
.ce_downloads .download-element.ext-php3 a:before {
  background-image: url("../../../assets/contao/images/iconPHP3.svg");
}

.ce_download .download-element.ext-php4 a:before,
.ce_downloads .download-element.ext-php4 a:before {
  background-image: url("../../../assets/contao/images/iconPHP4.svg");
}

.ce_download .download-element.ext-php5 a:before,
.ce_downloads .download-element.ext-php5 a:before {
  background-image: url("../../../assets/contao/images/iconPHP5.svg");
}

.ce_download .download-element.ext-phps a:before,
.ce_downloads .download-element.ext-phps a:before {
  background-image: url("../../../assets/contao/images/iconPHPS.svg");
}

.ce_download .download-element.ext-phtml a:before,
.ce_downloads .download-element.ext-phtml a:before {
  background-image: url("../../../assets/contao/images/iconPHTML.svg");
}

.ce_download .download-element.ext-plain a:before,
.ce_downloads .download-element.ext-plain a:before {
  background-image: url("../../../assets/contao/images/iconPLAIN.svg");
}

.ce_download .download-element.ext-png a:before,
.ce_downloads .download-element.ext-png a:before {
  background-image: url("../../../assets/contao/images/iconPNG.svg");
}

.ce_download .download-element.ext-pps a:before,
.ce_downloads .download-element.ext-pps a:before {
  background-image: url("../../../assets/contao/images/iconPPS.svg");
}

.ce_download .download-element.ext-ppt a:before,
.ce_downloads .download-element.ext-ppt a:before {
  background-image: url("../../../assets/contao/images/iconPPT.svg");
}

.ce_download .download-element.ext-pptx a:before,
.ce_downloads .download-element.ext-pptx a:before {
  background-image: url("../../../assets/contao/images/iconPPTX.svg");
}

.ce_download .download-element.ext-ps a:before,
.ce_downloads .download-element.ext-ps a:before {
  background-image: url("../../../assets/contao/images/iconPS.svg");
}

.ce_download .download-element.ext-psd a:before,
.ce_downloads .download-element.ext-psd a:before {
  background-image: url("../../../assets/contao/images/iconPSD.svg");
}

.ce_download .download-element.ext-qt a:before,
.ce_downloads .download-element.ext-qt a:before {
  background-image: url("../../../assets/contao/images/iconQT.svg");
}

.ce_download .download-element.ext-ra a:before,
.ce_downloads .download-element.ext-ra a:before {
  background-image: url("../../../assets/contao/images/iconRA.svg");
}

.ce_download .download-element.ext-ram a:before,
.ce_downloads .download-element.ext-ram a:before {
  background-image: url("../../../assets/contao/images/iconRAM.svg");
}

.ce_download .download-element.ext-rar a:before,
.ce_downloads .download-element.ext-rar a:before {
  background-image: url("../../../assets/contao/images/iconRAR.svg");
}

.ce_download .download-element.ext-rm a:before,
.ce_downloads .download-element.ext-rm a:before {
  background-image: url("../../../assets/contao/images/iconRM.svg");
}

.ce_download .download-element.ext-rpm a:before,
.ce_downloads .download-element.ext-rpm a:before {
  background-image: url("../../../assets/contao/images/iconRPM.svg");
}

.ce_download .download-element.ext-rtf a:before,
.ce_downloads .download-element.ext-rtf a:before {
  background-image: url("../../../assets/contao/images/iconRTF.svg");
}

.ce_download .download-element.ext-rtx a:before,
.ce_downloads .download-element.ext-rtx a:before {
  background-image: url("../../../assets/contao/images/iconRTX.svg");
}

.ce_download .download-element.ext-rv a:before,
.ce_downloads .download-element.ext-rv a:before {
  background-image: url("../../../assets/contao/images/iconRV.svg");
}

.ce_download .download-element.ext-scss a:before,
.ce_downloads .download-element.ext-scss a:before {
  background-image: url("../../../assets/contao/images/iconSCSS.svg");
}

.ce_download .download-element.ext-sea a:before,
.ce_downloads .download-element.ext-sea a:before {
  background-image: url("../../../assets/contao/images/iconSEA.svg");
}

.ce_download .download-element.ext-shtml a:before,
.ce_downloads .download-element.ext-shtml a:before {
  background-image: url("../../../assets/contao/images/iconSHTML.svg");
}

.ce_download .download-element.ext-sit a:before,
.ce_downloads .download-element.ext-sit a:before {
  background-image: url("../../../assets/contao/images/iconSIT.svg");
}

.ce_download .download-element.ext-smi a:before,
.ce_downloads .download-element.ext-smi a:before {
  background-image: url("../../../assets/contao/images/iconSMI.svg");
}

.ce_download .download-element.ext-smil a:before,
.ce_downloads .download-element.ext-smil a:before {
  background-image: url("../../../assets/contao/images/iconSMIL.svg");
}

.ce_download .download-element.ext-so a:before,
.ce_downloads .download-element.ext-so a:before {
  background-image: url("../../../assets/contao/images/iconSO.svg");
}

.ce_download .download-element.ext-svg a:before,
.ce_downloads .download-element.ext-svg a:before {
  background-image: url("../../../assets/contao/images/iconSVG.svg");
}

.ce_download .download-element.ext-svgz a:before,
.ce_downloads .download-element.ext-svgz a:before {
  background-image: url("../../../assets/contao/images/iconSVGZ.svg");
}

.ce_download .download-element.ext-swf a:before,
.ce_downloads .download-element.ext-swf a:before {
  background-image: url("../../../assets/contao/images/iconSWF.svg");
}

.ce_download .download-element.ext-tar a:before,
.ce_downloads .download-element.ext-tar a:before {
  background-image: url("../../../assets/contao/images/iconTAR.svg");
}

.ce_download .download-element.ext-text a:before,
.ce_downloads .download-element.ext-text a:before {
  background-image: url("../../../assets/contao/images/iconTEXT.svg");
}

.ce_download .download-element.ext-tgz a:before,
.ce_downloads .download-element.ext-tgz a:before {
  background-image: url("../../../assets/contao/images/iconTGZ.svg");
}

.ce_download .download-element.ext-tif a:before,
.ce_downloads .download-element.ext-tif a:before {
  background-image: url("../../../assets/contao/images/iconTIF.svg");
}

.ce_download .download-element.ext-tiff a:before,
.ce_downloads .download-element.ext-tiff a:before {
  background-image: url("../../../assets/contao/images/iconTIFF.svg");
}

.ce_download .download-element.ext-txt a:before,
.ce_downloads .download-element.ext-txt a:before {
  background-image: url("../../../assets/contao/images/iconTXT.svg");
}

.ce_download .download-element.ext-wav a:before,
.ce_downloads .download-element.ext-wav a:before {
  background-image: url("../../../assets/contao/images/iconWAV.svg");
}

.ce_download .download-element.ext-wbxml a:before,
.ce_downloads .download-element.ext-wbxml a:before {
  background-image: url("../../../assets/contao/images/iconWBXML.svg");
}

.ce_download .download-element.ext-webm a:before,
.ce_downloads .download-element.ext-webm a:before {
  background-image: url("../../../assets/contao/images/iconWEBM.svg");
}

.ce_download .download-element.ext-webp a:before,
.ce_downloads .download-element.ext-webp a:before {
  background-image: url("../../../assets/contao/images/iconWEBP.svg");
}

.ce_download .download-element.ext-wma a:before,
.ce_downloads .download-element.ext-wma a:before {
  background-image: url("../../../assets/contao/images/iconWMA.svg");
}

.ce_download .download-element.ext-wmlc a:before,
.ce_downloads .download-element.ext-wmlc a:before {
  background-image: url("../../../assets/contao/images/iconWMLC.svg");
}

.ce_download .download-element.ext-wmv a:before,
.ce_downloads .download-element.ext-wmv a:before {
  background-image: url("../../../assets/contao/images/iconWMV.svg");
}

.ce_download .download-element.ext-word a:before,
.ce_downloads .download-element.ext-word a:before {
  background-image: url("../../../assets/contao/images/iconWORD.svg");
}

.ce_download .download-element.ext-xht a:before,
.ce_downloads .download-element.ext-xht a:before {
  background-image: url("../../../assets/contao/images/iconXHT.svg");
}

.ce_download .download-element.ext-xhtml a:before,
.ce_downloads .download-element.ext-xhtml a:before {
  background-image: url("../../../assets/contao/images/iconXHTML.svg");
}

.ce_download .download-element.ext-xl a:before,
.ce_downloads .download-element.ext-xl a:before {
  background-image: url("../../../assets/contao/images/iconXL.svg");
}

.ce_download .download-element.ext-xls a:before,
.ce_downloads .download-element.ext-xls a:before {
  background-image: url("../../../assets/contao/images/iconXLS.svg");
}

.ce_download .download-element.ext-xlsx a:before,
.ce_downloads .download-element.ext-xlsx a:before {
  background-image: url("../../../assets/contao/images/iconXLSX.svg");
}

.ce_download .download-element.ext-xml a:before,
.ce_downloads .download-element.ext-xml a:before {
  background-image: url("../../../assets/contao/images/iconXML.svg");
}

.ce_download .download-element.ext-xsl a:before,
.ce_downloads .download-element.ext-xsl a:before {
  background-image: url("../../../assets/contao/images/iconXSL.svg");
}

.ce_download .download-element.ext-zip a:before,
.ce_downloads .download-element.ext-zip a:before {
  background-image: url("../../../assets/contao/images/iconZIP.svg");
}

.ce_table table {
  width: 100%;
  border-radius: 0.25rem;
  overflow: hidden;
}

.ce_table table th, .ce_table table td {
  padding: 0.5em 1em;
  text-align: left;
}

.ce_table table thead th {
  background: var(--col-head-700);
  color: var(--col-white);
}

.ce_table table tbody span.head {
  display: none;
}

.ce_table table tbody tr:nth-child(even) td {
  background: var(--col-background-100);
}

@media (max-width: 768px) {
  .ce_table table table, .ce_table table thead, .ce_table table tbody, .ce_table table tr, .ce_table table th, .ce_table table td {
    display: block;
  }
  .ce_table table thead {
    display: none;
  }
  .ce_table table tbody tr:nth-child(odd) {
    background: var(--col-background-100);
  }
  .ce_table table tbody tr:nth-child(even) td {
    background: unset;
  }
  .ce_table table tbody td:has(span.head) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .ce_table table tbody td:has(span.head) span.head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 700;
    padding-right: 1ch;
    margin-right: auto;
    max-width: 50%;
  }
  .ce_table table tbody td:has(span.head):nth-of-type(1) {
    padding-top: 1em;
  }
  .ce_table table tbody td:has(span.head):last-child {
    padding-bottom: 1em;
  }
}

.ce_contact_person.trainer:not([class*="span"]) {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.ce_contact_person.trainer input[type="checkbox"] {
  display: none;
}

.ce_contact_person.trainer input[type="checkbox"]:not(:checked) ~ .overlay {
  opacity: 0;
  pointer-events: none;
}

.ce_contact_person.trainer input[type="checkbox"]:not(:checked) ~ .overlay > div {
  -webkit-transform: rotateX(5deg) translateY(50%) scale(0.5);
          transform: rotateX(5deg) translateY(50%) scale(0.5);
  opacity: 0;
}

.ce_contact_person.trainer input[type="checkbox"]:not(:checked) ~ .overlay > label {
  -webkit-transform: scale(0);
          transform: scale(0);
}

.ce_contact_person.trainer input[type="checkbox"]:checked ~ .overlay {
  opacity: 1;
  pointer-events: all;
}

.ce_contact_person.trainer > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ce_contact_person.trainer .image {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  aspect-ratio: 1/1;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ce_contact_person.trainer .image > figure img {
  max-width: 115px;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.ce_contact_person.trainer .image > label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: var(--col-head-700);
  font-weight: 700;
  background: rgba(var(--col-white--rgb), 0.65);
  cursor: pointer;
  opacity: 0;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.ce_contact_person.trainer .image > label:hover {
  opacity: 1;
}

.ce_contact_person.trainer .image:hover figure img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-filter: blur(3px);
          filter: blur(3px);
}

.ce_contact_person.trainer .overlay {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(var(--col-black--rgb), 0.8);
  -webkit-backdrop-filter: blur(5px) grayscale(1);
          backdrop-filter: blur(5px) grayscale(1);
  -webkit-transition: opacity .4s;
  transition: opacity .4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-perspective: 100px;
          perspective: 100px;
}

.ce_contact_person.trainer .overlay > div {
  position: relative;
  z-index: 2;
  max-width: calc(100vw - (var(--gap-col) * 2));
  max-height: 70vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background: var(--col-white);
  -webkit-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
  border-radius: 1rem;
  overflow: hidden;
}

.ce_contact_person.trainer .overlay > div figure img {
  min-height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
}

.ce_contact_person.trainer .overlay > div .text {
  position: absolute;
  z-index: 2;
  right: var(--gap-col);
  bottom: var(--gap-col);
  background: rgba(var(--col-white--rgb), 0.8);
  border-radius: 0 1rem 1rem 1rem;
  padding: calc(var(--gap-col) * 0.75);
}

.ce_contact_person.trainer .overlay > div .text > * + * {
  margin-top: 0.5rem;
}

.ce_contact_person.trainer .overlay > div .text .name {
  font-size: clamp(1.375rem, 12vw, 1.875rem);
  line-height: 1;
  font-weight: 800;
  color: var(--col-head-700);
}

.ce_contact_person.trainer .overlay > div .text a.more {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: inherit;
  text-decoration: none;
}

.ce_contact_person.trainer .overlay > div .text a.more:after {
  content: "";
  display: block;
  margin-left: 0.5ch;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: 0em -3em;
  background-size: auto 5em;
  -webkit-transform: scale(1.4);
          transform: scale(1.4);
}

@media (max-width: 500px) {
  .ce_contact_person.trainer .overlay > div .text {
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.ce_contact_person.trainer .overlay > div:has(.text > .vita) figure img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.ce_contact_person.trainer .overlay > div:has(.text > .vita) .text {
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
  max-width: 500px;
  min-width: 360px;
  position: relative;
  right: unset;
  bottom: unset;
  padding: calc(var(--gap-col) * 1);
}

.ce_contact_person.trainer .overlay > div:has(.text > .vita) .text .vita {
  max-height: 50vh;
  overflow: auto;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  scrollbar-width: none;
}

.ce_contact_person.trainer .overlay > div:has(.text > .vita) .text .vita::-webkit-scrollbar {
  display: none;
}

@media (max-width: 800px) {
  .ce_contact_person.trainer .overlay > div:has(.text > .vita) {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .ce_contact_person.trainer .overlay > div:has(.text > .vita) figure, .ce_contact_person.trainer .overlay > div:has(.text > .vita) .text {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    height: 35vh;
  }
  .ce_contact_person.trainer .overlay > div:has(.text > .vita) figure {
    overflow: hidden;
  }
  .ce_contact_person.trainer .overlay > div:has(.text > .vita) figure img {
    -o-object-position: 50% 0;
       object-position: 50% 0;
  }
  .ce_contact_person.trainer .overlay > div:has(.text > .vita) .text {
    max-width: unset;
    min-width: unset;
    overflow: auto;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
  }
  .ce_contact_person.trainer .overlay > div:has(.text > .vita) .text::-webkit-scrollbar {
    display: none;
  }
  .ce_contact_person.trainer .overlay > div:has(.text > .vita) .text .vita {
    max-height: unset;
    overflow: unset;
  }
}

.ce_contact_person.trainer .overlay > label {
  content: "";
  position: absolute;
  z-index: 3;
  top: var(--gap-col);
  right: var(--gap-col);
  display: block;
  margin: 0;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.5s ease 1s;
  transition: -webkit-transform 0.5s ease 1s;
  transition: transform 0.5s ease 1s;
  transition: transform 0.5s ease 1s, -webkit-transform 0.5s ease 1s;
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 5rem;
  height: 5rem;
  background-position: 0rem -10rem;
  background-size: auto 25rem;
}

.ce_contact_person.trainer[class*="span"] .image > figure img {
  max-width: unset;
}

.ce_contact_person.ce_text li span.charge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  color: rgba(var(--col-head-400--rgb), 0.75);
}

.ce_contact_person.ce_text li span.charge:after {
  content: "";
  display: block;
  margin-left: 0.5ch;
}

.ce_contact_person.ce_text li span.charge.free:after {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -11em -2em;
  background-size: auto 5em;
}

.ce_contact_person.ce_text li span.charge:not(.free):after {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -11em -3em;
  background-size: auto 5em;
}

.trainer-overlay-navigation {
  position: fixed;
  z-index: 100;
  top: 50%;
  left: 0;
  display: none;
  width: 100%;
  padding: var(--gap-col);
  pointer-events: none;
}

.trainer-overlay-navigation > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.trainer-overlay-navigation > div a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: all;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 10px rgba(var(--col-black--rgb), 1);
          box-shadow: 0 0 10px rgba(var(--col-black--rgb), 1);
  background: rgba(var(--col-black--rgb), 0.2);
}

.trainer-overlay-navigation > div a:after {
  content: "";
  display: block;
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 30px;
  height: 30px;
  background-position: 0px -90px;
  background-size: auto 150px;
  -webkit-filter: invert(1);
          filter: invert(1);
  -webkit-transform: scale(1.4);
          transform: scale(1.4);
}

.trainer-overlay-navigation > div a.prev:after {
  -webkit-transform: scale(1.4) scaleX(-1);
          transform: scale(1.4) scaleX(-1);
}

.mod_article:has(.ce_contact_person.trainer input[type="checkbox"][id^="trainer-overlay-"]:checked) .trainer-overlay-navigation {
  display: block;
}

.ce_mes_frame_file iframe {
  width: 100%;
  aspect-ratio: 16/10;
}

.hide-empty:has(.empty) {
  display: none;
}

.mod_customnav.products {
  padding: unset;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.mod_customnav.products ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.mod_customnav.products ul li {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  padding: calc(var(--gap-col) * 0.5);
}

@media (max-width: 920px) {
  .mod_customnav.products ul li {
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
}

@media (max-width: 620px) {
  .mod_customnav.products ul li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

.mod_customnav.products ul li > a, .mod_customnav.products ul li > strong {
  container-type: inline-size;
  display: block;
  font-size: 1.125rem;
  color: inherit;
  font-weight: 700;
  text-decoration: none;
  -webkit-transition: color .2s;
  transition: color .2s;
}

.mod_customnav.products ul li > a:before, .mod_customnav.products ul li > strong:before {
  content: "";
  display: block;
  margin-bottom: calc(var(--gap-col) * 0.5);
  font-size: 100cqw;
  -webkit-transform: scale(1.25) translateX(-2.5%);
          transform: scale(1.25) translateX(-2.5%);
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
}

.mod_customnav.products ul li > a > span, .mod_customnav.products ul li > strong > span {
  text-decoration: underline;
}

.mod_customnav.products ul li > a:hover:before {
  -webkit-transform: scale(1.2) translateX(-2.5%);
          transform: scale(1.2) translateX(-2.5%);
}

.mod_customnav.products ul li.mxam > a:before, .mod_customnav.products ul li.mxam > strong:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -16em -0em;
  background-size: auto 5em;
}

.mod_customnav.products ul li.mxam > a:hover {
  color: var(--col-mxam);
}

.mod_customnav.products ul li.more > a:before, .mod_customnav.products ul li.more > strong:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -16em -1em;
  background-size: auto 5em;
}

.mod_customnav.products ul li.more > a:hover {
  color: var(--col-more);
}

.mod_customnav.products ul li.mqc > a:before, .mod_customnav.products ul li.mqc > strong:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -16em -2em;
  background-size: auto 5em;
}

.mod_customnav.products ul li.mqc > a:hover {
  color: var(--col-mqc);
}

.mod_customnav.products ul li.mtest > a:before, .mod_customnav.products ul li.mtest > strong:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -16em -4em;
  background-size: auto 5em;
}

.mod_customnav.products ul li.mtest > a:hover {
  color: var(--col-mtest);
}

.mod_customnav.products ul li.mxray > a:before, .mod_customnav.products ul li.mxray > strong:before {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -18em -4em;
  background-size: auto 5em;
}

.mod_customnav.products ul li.mxray > a:hover {
  color: var(--col-mxray);
}

@media screen {
  .animate.ce_contentWrapperStart.circles > .inside .circle .ce_text:nth-of-type(1) {
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  .animate.ce_contentWrapperStart.circles > .inside .circle .ce_text:nth-of-type(2) > div {
    overflow: hidden;
    max-height: 0px;
  }
  .animate.ce_contentWrapperStart.circles:not(.hidden) > .inside .circle {
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
  }
  .animate.ce_contentWrapperStart.circles:not(.hidden) > .inside .circle .ce_text .content {
    -webkit-transition: opacity 2s;
    transition: opacity 2s;
    -webkit-transition-delay: 2s;
            transition-delay: 2s;
  }
  .animate.ce_contentWrapperStart.circles:not(.hidden) > .inside .circle .ce_text:nth-of-type(1) {
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
  }
  .animate.ce_contentWrapperStart.circles:not(.hidden) > .inside .circle .ce_text:nth-of-type(1) .content > div > * {
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
  }
  .animate.ce_contentWrapperStart.circles:not(.hidden) > .inside .circle .ce_text:nth-of-type(1) .content > div > *:nth-child(1) {
    -webkit-transition-delay: 2.2s;
            transition-delay: 2.2s;
  }
  .animate.ce_contentWrapperStart.circles:not(.hidden) > .inside .circle .ce_text:nth-of-type(1) .content > div > *:nth-child(2) {
    -webkit-transition-delay: 2.4s;
            transition-delay: 2.4s;
  }
  .animate.ce_contentWrapperStart.circles:not(.hidden) > .inside .circle .ce_text:nth-of-type(1) .content > div > * a {
    text-decoration: none;
  }
  .animate.ce_contentWrapperStart.circles:not(.hidden) > .inside .circle .ce_text:nth-of-type(1) .content > div > * a:hover {
    color: inherit;
  }
  .animate.ce_contentWrapperStart.circles:not(.hidden) > .inside .circle .ce_text:nth-of-type(2) {
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    -webkit-transition-delay: 3s;
            transition-delay: 3s;
  }
  .animate.ce_contentWrapperStart.circles:not(.hidden) > .inside .circle .ce_text:nth-of-type(2) > div {
    -webkit-transition: max-height 1.2s, overflow 1.2s;
    transition: max-height 1.2s, overflow 1.2s;
    -webkit-transition-delay: 3s;
            transition-delay: 3s;
    max-height: 270px;
    overflow: visible;
  }
  .animate.ce_contentWrapperStart.circles:not(.hidden) > .inside .circle .ce_text:nth-of-type(2) .content {
    -webkit-transition: opacity 1s, -webkit-transform 1.5s;
    transition: opacity 1s, -webkit-transform 1.5s;
    transition: opacity 1s, transform 1.5s;
    transition: opacity 1s, transform 1.5s, -webkit-transform 1.5s;
    -webkit-transition-delay: 4.3s;
            transition-delay: 4.3s;
  }
  .animate.ce_contentWrapperStart.circles.hidden > .inside .circle:nth-child(1) {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  .animate.ce_contentWrapperStart.circles.hidden > .inside .circle:nth-child(3) {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  .animate.ce_contentWrapperStart.circles.hidden > .inside .circle .ce_text .content {
    opacity: 0;
  }
  .animate.ce_contentWrapperStart.circles.hidden > .inside .circle .ce_text:nth-of-type(1) {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  .animate.ce_contentWrapperStart.circles.hidden > .inside .circle .ce_text:nth-of-type(1) .content > div > * {
    opacity: 0;
  }
  .animate.ce_contentWrapperStart.circles.hidden > .inside .circle .ce_text:nth-of-type(2) {
    opacity: 0;
  }
  .animate.ce_contentWrapperStart.circles.hidden > .inside .circle .ce_text:nth-of-type(2) > div {
    max-height: 0px;
  }
  .animate.ce_contentWrapperStart.circles.hidden > .inside .circle .ce_text:nth-of-type(2) .content {
    opacity: 0;
    -webkit-transform: translateY(-2rem);
            transform: translateY(-2rem);
  }
  .animate.block:not(.ce_text.banner):not(.hidden) .hl {
    -webkit-transition: all 1s;
    transition: all 1s;
  }
  .animate.block:not(.ce_text.banner).hidden .hl {
    opacity: 0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
  .animate.mod_newslist:not(.hidden) .layout_latest {
    -webkit-transition: all 1s;
    transition: all 1s;
  }
  .animate.mod_newslist:not(.hidden) .layout_latest:nth-child(3) {
    -webkit-transition-delay: .25s;
            transition-delay: .25s;
  }
  .animate.mod_newslist:not(.hidden) .layout_latest:nth-child(4) {
    -webkit-transition-delay: .5s;
            transition-delay: .5s;
  }
  .animate.mod_newslist.hidden .layout_latest {
    opacity: 0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
  .animate.ce_text.banner {
    overflow: hidden;
  }
  .animate.ce_text.banner:not(.hidden) .content {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-delay: .5s;
            transition-delay: .5s;
  }
  .animate.ce_text.banner.hidden .content {
    opacity: 0;
    -webkit-transform: translateY(2rem);
            transform: translateY(2rem);
  }
  .animate.ce_text.banner.list-ticks:not(.hidden) li {
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-delay: .5s;
            transition-delay: .5s;
  }
  .animate.ce_text.banner.list-ticks:not(.hidden) li:nth-of-type(1) {
    -webkit-transition-delay: 0.7s;
            transition-delay: 0.7s;
  }
  .animate.ce_text.banner.list-ticks:not(.hidden) li:nth-of-type(2) {
    -webkit-transition-delay: 0.9s;
            transition-delay: 0.9s;
  }
  .animate.ce_text.banner.list-ticks:not(.hidden) li:nth-of-type(3) {
    -webkit-transition-delay: 1.1s;
            transition-delay: 1.1s;
  }
  .animate.ce_text.banner.list-ticks:not(.hidden) li:nth-of-type(4) {
    -webkit-transition-delay: 1.3s;
            transition-delay: 1.3s;
  }
  .animate.ce_text.banner.list-ticks:not(.hidden) li:nth-of-type(5) {
    -webkit-transition-delay: 1.5s;
            transition-delay: 1.5s;
  }
  .animate.ce_text.banner.list-ticks:not(.hidden) li:nth-of-type(6) {
    -webkit-transition-delay: 1.7s;
            transition-delay: 1.7s;
  }
  .animate.ce_text.banner.list-ticks.hidden li {
    opacity: 0;
    -webkit-transform: translateY(2rem);
            transform: translateY(2rem);
  }
}

body.tudoor {
  --button-background-active: var(--col-tudoor);
  --button-color-active: var(--col-white);
  --tudoor-muted: color-mix(in srgb, var(--col-tudoor) 68%, var(--col-white));
}

body.tudoor:not(.product) {
  --product-filter: brightness(0) invert(9%) sepia(37%) saturate(5833%) hue-rotate(206deg) brightness(94%) contrast(102%);
}

body.tudoor .mod_newslist .more a:focus, body.tudoor .mod_newslist .more a:hover,
body.tudoor .mod_eventlist .more a:focus,
body.tudoor .mod_eventlist .more a:hover,
body.tudoor .ce_text.arrow-link p:last-child:has(a) a:focus,
body.tudoor .ce_text.arrow-link p:last-child:has(a) a:hover,
body.tudoor .hero .ce_text.floating p a:focus,
body.tudoor .hero .ce_text.floating p a:hover {
  color: var(--col-tudoor);
}

body.tudoor header .logo span {
  background-image: url(../img/logo-tudoor.svg);
}

body.tudoor header nav.mod_navigation label[for="menu-toggle"] svg path {
  stroke: var(--col-tudoor);
}

body.tudoor header nav.mod_navigation ul.level_1 a:focus, body.tudoor header nav.mod_navigation ul.level_1 a:hover {
  color: var(--col-tudoor);
}

body.tudoor footer nav.mod_navigation:not(.social) {
  color: var(--col-head-700);
}

body.tudoor footer nav.mod_navigation:not(.social) ul.level_1 > li a:focus, body.tudoor footer nav.mod_navigation:not(.social) ul.level_1 > li a:hover {
  color: var(--col-tudoor);
}

body.tudoor footer nav.mod_navigation.social ul a:focus, body.tudoor footer nav.mod_navigation.social ul a:hover {
  background: var(--col-tudoor);
}

body.tudoor header nav.mod_changelanguage, body.tudoor footer nav.mod_changelanguage {
  color: var(--col-head-700);
}

body.tudoor header nav.mod_changelanguage ul.level_1 li strong, body.tudoor footer nav.mod_changelanguage ul.level_1 li strong {
  color: var(--col-tudoor);
}

body.tudoor #toplink a {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1em;
  height: 1em;
  background-position: -10em -1em;
  background-size: auto 5em;
}

body.tudoor .mod_article.hero:not(:has(.ce_image)) {
  position: relative;
  background: linear-gradient(140deg, #9f1d20 25%, #1d2849 50%) !important;
  overflow: hidden;
}

body.tudoor .mod_article.hero:not(:has(.ce_image)) > .inside {
  position: relative;
  z-index: 2;
}

body.tudoor .mod_article.hero:not(:has(.ce_image)):after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/background-hero-tudoor.svg) no-repeat scroll 50% 50%;
  background-size: 100%;
  opacity: 0.3;
  -webkit-transition: all .2s;
  transition: all .2s;
  pointer-events: none;
}

@media (max-width: 860px) {
  body.tudoor .mod_article.hero:not(:has(.ce_image)):after {
    background-size: cover;
    background-position: 100% 50%;
    opacity: 0.1;
  }
}

body.tudoor .mod_article.hero.training .ce_text p em {
  background: var(--tudoor-muted);
}

body.tudoor .mod_article.nav .ce_text ul li a:focus,
body.tudoor .mod_article.nav .ce_text ul li a:hover {
  color: var(--tudoor-muted);
}

body.tudoor .hl em {
  color: var(--col-tudoor);
}

body.tudoor .ce_text .content a:hover {
  color: var(--col-tudoor);
}

body.tudoor .ce_text.intro .content a:focus, body.tudoor .ce_text.intro .content a:hover {
  color: var(--col-tudoor);
}

body.tudoor .ce_text.list-ticks .content ul li:before {
  -webkit-filter: brightness(0) invert(17%) sepia(78%) saturate(3354%) hue-rotate(348deg) brightness(87%) contrast(88%);
          filter: brightness(0) invert(17%) sepia(78%) saturate(3354%) hue-rotate(348deg) brightness(87%) contrast(88%);
}

body.tudoor .ce_text.banner.has-image {
  --button-background: var(--tudoor-muted);
}

body.tudoor .ce_text.customer-rating .content:before {
  -webkit-filter: brightness(0) invert(17%) sepia(78%) saturate(3354%) hue-rotate(348deg) brightness(87%) contrast(88%);
          filter: brightness(0) invert(17%) sepia(78%) saturate(3354%) hue-rotate(348deg) brightness(87%) contrast(88%);
}

body.tudoor .ce_text ul li::marker, body.tudoor .ce_list ul li::marker {
  color: var(--tudoor-muted);
}

body.tudoor .mod_navigation.icon-nav ul li a:focus, body.tudoor .mod_navigation.icon-nav ul li a:hover {
  background: rgba(var(--col-tudoor--rgb), 0.25);
  color: inherit;
  -webkit-box-shadow: none;
          box-shadow: none;
}

body.tudoor .mod_navigation.icon-nav ul li a:focus:before, body.tudoor .mod_navigation.icon-nav ul li a:hover:before {
  -webkit-filter: brightness(0) invert(34%) sepia(59%) saturate(375%) hue-rotate(170deg) brightness(95%) contrast(88%) !important;
          filter: brightness(0) invert(34%) sepia(59%) saturate(375%) hue-rotate(170deg) brightness(95%) contrast(88%) !important;
}

body.tudoor .mod_navigation.formats ul li a:after {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1rem;
  height: 1rem;
  background-position: 0rem -3rem;
  background-size: auto 5rem;
  -webkit-filter: brightness(0) invert(17%) sepia(78%) saturate(3354%) hue-rotate(348deg) brightness(87%) contrast(88%);
          filter: brightness(0) invert(17%) sepia(78%) saturate(3354%) hue-rotate(348deg) brightness(87%) contrast(88%);
  opacity: 0.5;
}

body.tudoor .mod_navigation.formats ul li a:focus, body.tudoor .mod_navigation.formats ul li a:hover {
  background: rgba(var(--col-tudoor--rgb), 0.25);
  color: inherit;
}

body.tudoor .mod_navigation.formats ul li a:focus:after, body.tudoor .mod_navigation.formats ul li a:hover:after {
  opacity: 1;
}

body.tudoor .player-overlay > button, body.tudoor .player-overlay > label, body.tudoor .recording-overlay > button, body.tudoor .recording-overlay > label {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 5rem;
  height: 5rem;
  background-position: -50rem -10rem;
  background-size: auto 25rem;
}

body.tudoor .ce_sliderStart .tns-nav button.tns-nav-active {
  background: var(--tudoor-muted);
}

body.tudoor .contact_person a:focus,
body.tudoor .contact_person a:hover {
  color: var(--col-tudoor);
}

body.tudoor .ce_contact_person.trainer .overlay > label {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 5rem;
  height: 5rem;
  background-position: -50rem -10rem;
  background-size: auto 25rem;
}

body.tudoor .ce_contact_person.trainer .overlay a.more:hover, body.tudoor .ce_contact_person.trainer .overlay a.more:focus {
  color: var(--col-tudoor);
}

body.tudoor .ce_contact_person.trainer .overlay a.more:after {
  -webkit-filter: brightness(0) invert(17%) sepia(78%) saturate(3354%) hue-rotate(348deg) brightness(87%) contrast(88%);
          filter: brightness(0) invert(17%) sepia(78%) saturate(3354%) hue-rotate(348deg) brightness(87%) contrast(88%);
}

body.tudoor .ce_accordion > input:checked ~ div > label:after {
  content: "-";
  -webkit-transform: none;
          transform: none;
}

body.tudoor .ce_accordion > div label:after {
  content: "+";
  margin-right: unset;
  background: unset;
  text-align: center;
  color: var(--col-tudoor);
  -webkit-transition: none;
  transition: none;
  -webkit-transform: none;
          transform: none;
}

body.tudoor .ce_contentWrapperStart.boxed-accordion > .inside > .expandAll {
  background: color-mix(in srgb, var(--col-tudoor) 20%, var(--col-white));
}

body.tudoor .mod_news_tag_cloud ul li a:focus, body.tudoor .mod_news_tag_cloud ul li a:hover {
  color: var(--col-tudoor);
}

body.tudoor .mod_newslist .more a:focus, body.tudoor .mod_newslist .more a:hover,
body.tudoor .mod_eventlist .more a:focus,
body.tudoor .mod_eventlist .more a:hover {
  color: var(--col-tudoor);
}

body.tudoor .mod_newslist .more a:focus:after, body.tudoor .mod_newslist .more a:hover:after,
body.tudoor .mod_eventlist .more a:focus:after,
body.tudoor .mod_eventlist .more a:hover:after {
  opacity: 1;
}

body.tudoor .mod_newslist .more a:after,
body.tudoor .mod_eventlist .more a:after {
  background: url("../img/sprite-icons.svg?u58b9bfd8") no-repeat scroll;
  width: 1rem;
  height: 1rem;
  background-position: 0rem -3rem;
  background-size: auto 5rem;
  -webkit-filter: brightness(0) invert(17%) sepia(78%) saturate(3354%) hue-rotate(348deg) brightness(87%) contrast(88%);
          filter: brightness(0) invert(17%) sepia(78%) saturate(3354%) hue-rotate(348deg) brightness(87%) contrast(88%);
  opacity: 0.5;
  -webkit-transition: all .2s;
  transition: all .2s;
}

body.tudoor .mod_newslist .layout_overview .hl a:hover,
body.tudoor .mod_newslist .layout_overview .hl a:focus,
body.tudoor .mod_newslist .layout_latest .hl a:hover,
body.tudoor .mod_newslist .layout_latest .hl a:focus {
  color: var(--col-tudoor) !important;
}

body.tudoor .mod_newslist .layout_overview .image time,
body.tudoor .mod_newslist .layout_overview .tags ul li a {
  background: color-mix(in srgb, var(--col-tudoor) 20%, var(--col-white));
}

body.tudoor .mod_newslist .layout_overview .tags ul li a:hover,
body.tudoor .mod_newslist .layout_overview .tags ul li a:focus {
  background: var(--col-tudoor);
  color: var(--col-white);
}

body.tudoor .ce_headline.blog .tags a {
  background: color-mix(in srgb, var(--col-tudoor) 20%, var(--col-white));
}

body.tudoor .ce_headline.blog .tags a:hover {
  background: var(--col-tudoor);
  color: var(--col-white);
}

body.tudoor .mod_eventlist .tudoor-overview > div:has(> a:nth-child(1)) {
  position: relative;
}

body.tudoor .mod_eventlist .tudoor-overview > div:has(> a:nth-child(1)) > a:nth-child(1) {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
}

body.tudoor .mod_eventlist .tudoor-overview > div:has(> a:nth-child(1)):focus-within {
  outline: auto;
}

body.tudoor .mod_eventlist .tudoor-overview .header {
  background: color-mix(in srgb, var(--col-tudoor) 20%, var(--col-white));
}

body.tudoor .mod_eventlist .tudoor-overview .teaser .hl a:focus, body.tudoor .mod_eventlist .tudoor-overview .teaser .hl a:hover {
  color: var(--col-tudoor);
}

body.tudoor .mod_eventlist .tudoor-overview .teaser .info {
  margin-top: var(--gap-lines);
}

body.tudoor .mod_eventlist .tudoor-overview:hover figure, body.tudoor .mod_eventlist .tudoor-overview:focus-within figure {
  background: var(--col-tudoor);
}

body.tudoor .mod_eventlist .tudoor-overview:hover .content .header, body.tudoor .mod_eventlist .tudoor-overview:focus-within .content .header {
  background: var(--col-tudoor);
  color: var(--col-white);
}

body.tudoor .mod_eventlist .tudoor-overview:hover .content .header .charge:after, body.tudoor .mod_eventlist .tudoor-overview:focus-within .content .header .charge:after {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

body.tudoor .mod_eventlist .tudoor-dates .info a:focus, body.tudoor .mod_eventlist .tudoor-dates .info a:hover {
  color: var(--col-tudoor);
}

body.tudoor .mod_eventlist .tudoor-dates .more a:focus, body.tudoor .mod_eventlist .tudoor-dates .more a:hover {
  color: var(--button-color-active);
}

body.tudoor .mod_eventlist.tudoor-next-date .training-dates .more a.register,
body.tudoor .mod_eventlist.tudoor-next-date .training-dates .more a.request,
body.tudoor .mod_eventlist.tudoor-next-date .training-inhouse .more a.register,
body.tudoor .mod_eventlist.tudoor-next-date .training-inhouse .more a.request {
  --button-background: var(--tudoor-muted);
}

body.tudoor .mod_eventlist.tudoor-next-date .training-dates .more a.dates:focus, body.tudoor .mod_eventlist.tudoor-next-date .training-dates .more a.dates:hover,
body.tudoor .mod_eventlist.tudoor-next-date .training-inhouse .more a.dates:focus,
body.tudoor .mod_eventlist.tudoor-next-date .training-inhouse .more a.dates:hover {
  color: var(--col-tudoor);
}

body.tudoor .mod_eventlist.tudoor-next-date .training-dates .price .info a:focus, body.tudoor .mod_eventlist.tudoor-next-date .training-dates .price .info a:hover {
  color: var(--col-tudoor);
}

body.tudoor .mod_eventlist div.empty {
  margin: calc(var(--gap-col)*0.5);
  padding: calc(var(--gap-col)*0.5);
  border-radius: 1rem;
  background: var(--col-background-200);
}

body.tudoor .ce_download .download-element a:focus, body.tudoor .ce_download .download-element a:hover,
body.tudoor .ce_downloads .download-element a:focus,
body.tudoor .ce_downloads .download-element a:hover {
  color: var(--col-tudoor);
}

body.tudoor .formbody {
  --accent-color: var(--col-tudoor);
}

body.tudoor .formbody .widget.widget-checkbox fieldset > span label a:hover,
body.tudoor .formbody .widget.widget-checkbox fieldset > span label a:focus, body.tudoor .formbody .widget.widget-radio fieldset > span label a:hover,
body.tudoor .formbody .widget.widget-radio fieldset > span label a:focus {
  color: var(--col-tudoor);
}

body.tudoor .formbody .widget.training-info .price .info a:hover {
  color: var(--accent-color);
}

body.tudoor .ce_hyperlink.pagination-proxy a:hover:after {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

@media print {
  header nav.mod_navigation,
#toplink,
.ce_hyperlink.pagination-proxy {
    display: none;
  }
  .mod_article#contact, .mod_article#trainers, .mod_article:has(.tns-outer) {
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid;
    page-break-inside: avoid;
  }
  .boxed {
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid;
    page-break-inside: avoid;
  }
  .ce_contentWrapperStart.circle {
    zoom: 0.8;
  }
  .ce_contentWrapperStart.limited > .inside {
    max-width: unset;
  }
  .ce_accordion > input ~ div > .accordion {
    display: unset !important;
  }
  .ce_accordion > input ~ div > label:after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .ce_text.has-image:not(.banner) > div figure {
    max-width: 30vw;
  }
  .mod_eventlist.tudoor-next-date {
    position: relative !important;
    width: auto !important;
    top: unset !important;
    left: unset !important;
    z-index: unset !important;
  }
}