:root {
  --white: #ffffff;
  --ci-color: #00529c;
  --gray: #ededed;
  --ci-color-hover: #006dcf;
  --swiper-navigation-color: #ffffff;
  --swiper-pagination-color: #00529c;
  --ci-color-carbolite-gero: #e30613;
  --ci-color-microtrac: #00b4cd;
  --ci-color-qatm: #ec5300;
  --ci-color-retsch: #006fb9;
  --ci-color-verder: #00529c;
  --ci-color-erweka: #95c221;
  --ci-color-eltra: #f39200;
  --ci-color-endecotts: #014e2f;
  --ci-color-hover-carbolite-gero: #f9232f;
  --ci-color-hover-microtrac: #01e0ff;
  --ci-color-hover-qatm: #ff6e20;
  --ci-color-hover-retsch: #008eec;
  --ci-color-hover-verder: #006dcf;
  --ci-color-hover-erweka: #afdd39;
  --ci-color-hover-eltra: #ffa927;
  --ci-color-hover-endecotts: #02804d;
}
header {
  width: 100vw;
  position: fixed;
  z-index: 10;
  display: grid;
  grid-template-columns: 320px 1fr 320px;
  grid-template-areas: "logo navigation actions";
  box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.2);
}
@media (max-width: 1024px) {
  header {
    grid-template-columns: 200px 1fr 200px;
  }
}
@media (max-width: 1024px) {
  header {
    grid-template-columns: 260px 1fr;
  }
}
@media (max-width: 560px) {
  header {
    background: #ffffff;
    height: 60px;
    grid-template-columns: 1fr 180px;
    grid-template-areas: "logo actions";
  }
}
header:before {
  content: '';
  display: block;
  width: 100%;
  height: 10px;
  background-color: #00529c;
  position: absolute;
}
@media screen and (max-width: 1024px) {
  header:before {
    display: none;
  }
}
header .inside {
  grid-area: navigation;
  position: static;
}
header nav > ul > li {
  text-transform: uppercase;
  line-height: 1.5rem;
}
header nav > ul > li.active:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  border-left: 0.8rem solid transparent;
  border-right: 0.8rem solid transparent;
  border-top: 0.4rem solid #00529c;
  position: absolute;
  right: calc(50% - 12px);
  top: -13px;
  transition: top 0.5s;
}
header .mod_navigation > ul {
  display: flex;
  justify-content: center;
}
header .logo {
  position: relative;
  grid-area: logo;
  z-index: 1;
  height: 60px;
  filter: drop-shadow(0 3px 10px rgba(0, 0, 0, 0.1));
  transition: 0.5s;
}
header .logo figure {
  padding-top: 5px;
}
header .logo:before {
  content: '';
  position: absolute;
  z-index: -1;
  background-color: white;
  clip-path: polygon(0% 0%, 100% 0%, 63% 100%, 0% 100%);
  inset: 0;
}
header .logo a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 70%;
  height: 100%;
}
header .logo img {
  max-width: 90%;
  max-height: 90%;
}
@media screen and (max-width: 1024px) {
  header .logo img {
    height: 45px;
    width: 170px;
  }
}
@media screen and (max-width: 1024px) {
  header .logo {
    height: 60px;
    padding-left: 5.5px;
    filter: none;
  }
}
header .actions {
  position: relative;
  height: 60px;
  filter: drop-shadow(0 3px 10px rgba(0, 0, 0, 0.1));
  grid-area: actions;
  display: grid;
  grid-template-columns: 120px 40px 1fr;
  grid-template-areas: ". search-engine language-switcher";
  transition: 0.5s;
}
@media (max-width: 1024px) {
  header .actions {
    font-size: 14px;
  }
}
header .actions a {
  color: #878787;
  text-decoration: none;
}
header .actions .mod_search {
  grid-area: search-engine;
  align-content: center;
}
header .actions .language-switcher {
  grid-area: language-switcher;
  position: relative;
  display: flex;
  justify-content: end;
  padding-right: 25px;
  align-items: center;
}
header .actions .language-switcher:hover .content,
header .actions .language-switcher.open .content {
  display: block;
}
header .actions .language-switcher .content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  width: 141px;
  padding: 12px 30px;
  right: 0;
  top: 60px;
  text-align: right;
  margin: 0;
}
header .actions .language-switcher .content li {
  padding: 5px 0;
}
header .actions .language-switcher .content li a {
  text-decoration: none;
  display: block;
}
header .actions .language-switcher .content li a:hover {
  text-decoration: underline;
}
@media (max-width: 1024px) {
  header .actions .language-switcher .content {
    top: 60px;
  }
}
header .actions:before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: white;
  clip-path: polygon(100% 0%, 0% 0%, 37% 100%, 100% 100%);
}
@media screen and (max-width: 1024px) {
  header .actions {
    grid-template-areas: "language-switcher search-engine navigation-toggle";
    grid-template-columns: 50px 60px 60px;
    justify-content: right;
    height: 60px;
    filter: none;
  }
}
@media (max-width: 560px) {
  header .actions {
    grid-template-columns: repeat(3, 1fr);
  }
}
header .open-search {
  grid-area: search-engine;
  cursor: pointer;
  background: none;
  border: 0;
  font-size: 1.25rem;
}
@media (max-width: 1280px) {
  header .open-search img {
    width: 16px;
    height: 16px;
  }
}
footer {
  margin-top: -2rem;
  clip-path: polygon(0px 0px, 110px 0px, 145px 20px, calc(100% - 145px) 20px, calc(100% - 110px) 0px, 100% 0%, 100% 100%, 0% 100%);
  width: 100%;
  background-color: #1a2833;
  padding: 2rem 0;
  position: relative;
}
footer .copyright {
  text-align: right;
  color: #b1bac3;
  font-size: 16px;
}
footer .inside {
  padding-top: 4rem;
  max-width: 1400px;
  margin: 0 auto;
}
footer .mod_navigation .level_1 {
  margin: 0 auto 55px auto;
  min-height: 350px;
}
footer .level_1 {
  display: flex;
  flex-wrap: wrap;
  max-width: 1400px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  footer .level_1 {
    flex-direction: column;
  }
}
footer .level_1 > li {
  flex: 1;
  min-width: 200px;
  padding: 0 1rem;
  margin-bottom: 1.5rem;
  text-align: left;
}
footer .level_1 > li.active > strong {
  color: #ffffff;
  font-size: 20px;
  font-weight: normal;
  text-transform: uppercase;
}
footer .level_1 > li > a {
  display: block;
  margin-bottom: 2.5rem;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  text-align: left;
  font-size: 20px;
}
@media (max-width: 1024px) {
  footer .level_1 > li > a {
    font-size: 16px;
  }
}
footer .level_1 > li > a:hover {
  color: #b1bac3;
}
footer .level_1 > li .level_2 {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
footer .level_1 > li .level_2 li {
  margin: 0.5rem 0;
  text-align: left;
  font-size: 16px;
}
footer .level_1 > li .level_2 li.active > strong {
  color: #b1bac3;
  font-size: 18px;
  font-weight: normal;
}
footer .level_1 > li .level_2 li a {
  color: #b1bac3;
  text-decoration: none;
  opacity: 0.8;
  text-align: left;
}
@media (max-width: 1024px) {
  footer .level_1 > li .level_2 li a {
    font-size: 15px;
    padding: 0.5rem 0;
  }
}
footer .level_1 > li .level_2 li a:hover {
  color: #ffffff;
}
footer .quicklinks {
  border-bottom: 1px solid #b1bac3;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
footer .quicklinks * {
  margin-bottom: 0px !important;
}
footer .quicklinks .content-image:first-of-type {
  flex: 1;
}
footer .quicklinks .inside {
  padding: 0;
}
footer .footer-links .mod_customnav {
  display: inline-block;
}
footer .footer-links ul li {
  min-width: 0;
  flex: initial;
}
footer .footer-links ul li:not(:last-child) {
  border-right: 1px solid #b1bac3;
}
footer .footer-links .level_1 a {
  text-transform: initial;
  font-size: 16px;
  color: #b1bac3;
  margin: 0;
}
#main [id]:target {
  scroll-margin-top: 200px;
}
#main.in-page-navigation-is-sticky [id]:target {
  scroll-margin-top: 170px;
}
#main > .inside .mod_article {
  margin-bottom: 0;
  padding: 3rem 0;
  overflow: visible;
  position: relative;
}
#main > .inside .mod_article.white:before {
  background-color: #ffffff;
}
#main > .inside .mod_article.small {
  height: 250px;
}
#main > .inside .mod_article.medium {
  height: 500px;
}
#main > .inside .mod_article.large {
  height: 650px;
}
#main > .inside .mod_article.limit-content-width > .inside {
  max-width: 1600px;
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
  box-sizing: border-box;
  padding-top: 40px;
}
@media screen and (max-width: 2560px) {
  #main > .inside .mod_article.limit-content-width > .inside {
    max-width: 1400px;
  }
}
#main > .inside .mod_article:last-child {
  padding-bottom: 4rem;
  margin-bottom: -2rem;
}
#main > .inside .mod_article > [class*="content-"]:not(.full-width) {
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
@media screen and (max-width: 1464px) {
  #main > .inside .mod_article > [class*="content-"]:not(.full-width) {
    margin: 2rem auto 2rem auto;
  }
}
@media screen and (max-width: 1214px) {
  #main > .inside .mod_article > [class*="content-"]:not(.full-width) {
    max-width: 970px;
    margin: 2rem auto 2rem auto;
  }
}
@media screen and (max-width: 1024px) {
  #main > .inside .mod_article > [class*="content-"]:not(.full-width) {
    max-width: 970px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
#main > .inside .mod_article.tab {
  margin-top: -22px;
  background: transparent;
}
#main > .inside .mod_article.tab.white:before {
  background: #ffffff;
}
#main > .inside .mod_article.tab.grey:before {
  background: #ededed;
}
#main > .inside .mod_article.tab.ci-color:before {
  background: #00529c;
}
#main > .inside .mod_article.tab:not(:has(> .background-image)):before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  clip-path: polygon(0px 0px, 150px 0px, 202px 21px, calc(100% - 202px) 21px, calc(100% - 150px) 0px, 100% 0%, 100% 100%, 0% 100%);
}
#main > .inside .mod_article.tab > .background-image {
  position: absolute;
  inset: 0;
  z-index: 0;
  clip-path: polygon(0px 0px, 150px 0px, 202px 21px, calc(100% - 202px) 21px, calc(100% - 150px) 0px, 100% 0%, 100% 100%, 0% 100%);
}
@media screen and (max-width: 1024px) {
  #main > .inside .mod_article.tab {
    clip-path: polygon(0px 0px, 40px 0px, 75px 20px, calc(100% - 75px) 20px, calc(100% - 40px) 0px, 100% 0%, 100% 100%, 0% 100%);
  }
}
@media screen and (max-width: 560px) {
  #main > .inside .mod_article.tab {
    clip-path: none;
  }
}
#main > .inside .mod_article > .background-image {
  position: absolute;
  inset: 0;
}
@media print {
  #main > .inside .mod_article.page-break-after {
    break-after: page;
  }
  #main > .inside .mod_article.page-break-before {
    break-before: page;
  }
}
ul li > a,
ol li > a {
  text-decoration: none;
  color: black;
}
.content-button {
  --button-color: var(--ci-color);
  --button-color-hover: var(--ci-color-hover);
}
.content-button a.ci-color,
.content-button i.ci-color {
  --button-color: var(--ci-color);
  --button-color-hover: var(--ci-color-hover);
}
.content-button a.color-white,
.content-button i.color-white {
  --button-color: #ffffff;
  --button-color-hover: #ededed;
  color: #00529c;
}
.content-button a.color-white:hover,
.content-button i.color-white:hover {
  color: #00529c;
}
.content-button .color-carbolite-gero,
.content-button a.color-carbolite-gero,
.content-button i.color-carbolite-gero {
  --button-color: var(--ci-color-carbolite-gero);
  --button-color-hover: var(--ci-color-hover-carbolite-gero);
}
.content-button .color-microtrac,
.content-button a.color-microtrac,
.content-button i.color-microtrac {
  --button-color: var(--ci-color-microtrac);
  --button-color-hover: var(--ci-color-hover-microtrac);
}
.content-button .color-qatm,
.content-button a.color-qatm,
.content-button i.color-qatm {
  --button-color: var(--ci-color-qatm);
  --button-color-hover: var(--ci-color-hover-qatm);
}
.content-button .color-retsch,
.content-button a.color-retsch,
.content-button i.color-retsch {
  --button-color: var(--ci-color-retsch);
  --button-color-hover: var(--ci-color-hover-retsch);
}
.content-button .color-verder,
.content-button a.color-verder,
.content-button i.color-verder {
  --button-color: var(--ci-color-verder);
  --button-color-hover: var(--ci-color-hover-verder);
}
.content-button .color-erweka,
.content-button a.color-erweka,
.content-button i.color-erweka {
  --button-color: var(--ci-color-erweka);
  --button-color-hover: var(--ci-color-hover-erweka);
}
.content-button .color-eltra,
.content-button a.color-eltra,
.content-button i.color-eltra {
  --button-color: var(--ci-color-eltra);
  --button-color-hover: var(--ci-color-hover-eltra);
}
.content-button .color-endecotts,
.content-button a.color-endecotts,
.content-button i.color-endecotts {
  --button-color: var(--ci-color-endecotts);
  --button-color-hover: var(--ci-color-hover-endecotts);
}
.content-button div {
  display: flex;
  gap: 5px;
  width: fit-content;
}
.content-button div.tiny {
  font-size: 75%;
}
.content-button div.tiny.bigger_icon {
  font-size: 150%;
  padding: 0.3rem;
}
.content-button div a,
.content-button div i {
  color: #ffffff;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  border-radius: 4px;
  border-width: 1.5px;
  line-height: 1;
}
.content-button div a > *,
.content-button div i > * {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.content-button div:hover {
  color: #ffffff;
  cursor: pointer;
}
.content-button div:hover a,
.content-button div:hover i {
  color: #ffffff;
  background-color: var(--button-color-hover);
}
.content-button div i {
  padding: 0.5rem 0.5rem;
}
.content-button div i.bigger_icon {
  font-size: 150%;
}
.content-button .full {
  background-color: var(--button-color);
  color: #ffffff;
  border: none;
}
.content-button .full:hover {
  color: #ffffff;
}
.content-button .button-padding-small {
  padding: 0.5rem 1rem;
}
@media screen and (max-width: 560px) {
  .content-button .button-padding-small {
    padding: 0.4rem 0.8rem;
  }
}
.content-button .button-padding-medium {
  padding: 0.6rem 2.2rem;
}
@media screen and (max-width: 560px) {
  .content-button .button-padding-medium {
    padding: 0.5rem 1.5rem;
  }
}
.content-button .button-padding-large {
  padding: 0.6rem 3.8rem;
}
@media screen and (max-width: 1024px) {
  .content-button .button-padding-large {
    padding: 0.6rem 2.2rem;
  }
}
@media screen and (max-width: 560px) {
  .content-button .button-padding-large {
    padding: 0.5rem 1.5rem;
  }
}
.content-button .transparent_60 {
  background-color: color-mix(in srgb, var(--button-color) 60%, transparent);
  color: #ffffff;
  border: none;
}
.content-button .transparent_60:hover {
  color: #ffffff;
}
.content-button .border {
  background: transparent;
  color: var(--button-color);
  border: 2px solid var(--button-color);
}
.content-button .border:hover {
  background: color-mix(in srgb, var(--button-color) 10%, #ffffff);
  color: var(--button-color);
}
.content-button .no_button_button {
  background: transparent;
  color: var(--button-color);
  border: none;
}
.content-button > a.tiny {
  font-size: 75%;
}
.content-button > a:hover {
  background-color: var(--button-color-hover);
  color: #ffffff;
  cursor: pointer;
}
.content-button a {
  background-color: var(--button-color);
  color: #ffffff;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  border-radius: 4px;
  border-width: 2px;
  line-height: 1;
}
.content-button a.has-icon {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.content-button a.has-icon .iconButton {
  font-size: inherit;
  line-height: 1;
}
.content-button a.button_icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-button a.button_icon .iconButton {
  font-size: inherit;
  line-height: 1;
}
body #header {
  background: #ffffff;
}
body.desktop-navigation #header {
  background: #ffffff;
}
@media (max-width: 1024px) {
  body.mobile-navigation .mod_navigation_with_preview.mobile {
    display: block;
  }
}
body .mod_navigation_with_preview {
  display: block;
  padding-top: 10px;
  left: 0;
  font-size: 14px;
  overflow-y: auto;
}
body .mod_navigation_with_preview.mobile {
  display: none;
  height: calc(100vh - 60px);
}
@media (min-width: 1024px) {
  body .mod_navigation_with_preview.mobile {
    display: none;
  }
}
body .mod_navigation_with_preview.desktop nav-details {
  position: absolute;
  left: 0;
  right: 0;
  padding-top: 20px;
}
@media (max-width: 1435px) {
  body .mod_navigation_with_preview.desktop nav ul {
    gap: 10px;
  }
  body .mod_navigation_with_preview.desktop nav ul li a {
    padding: 0;
  }
}
@media (max-width: 1280px) {
  body .mod_navigation_with_preview.desktop nav ul {
    height: 40px;
    font-size: 12px;
  }
}
@media screen and (max-width: 1024px) {
  body .mod_navigation_with_preview.desktop {
    display: none;
  }
}
body .mod_navigation_with_preview.mobile {
  background-color: #ffffff;
  font-weight: bolder;
  z-index: 1;
  position: absolute;
  top: 60px;
}
body .mod_navigation_with_preview.mobile .top {
  width: 100vw;
  background-color: #ffffff;
  height: 60px;
  position: fixed;
  z-index: 2;
  top: 0;
}
body .mod_navigation_with_preview.mobile .top span {
  display: none;
  position: absolute;
  min-height: 0;
  min-width: 0;
  height: 24px;
  width: 24px;
  top: calc(50% - 12px);
  right: 2%;
  cursor: pointer;
}
body .mod_navigation_with_preview.mobile .top span.menuClose {
  justify-content: center;
  font-size: 20px;
  align-items: center;
  font-weight: lighter;
}
body .mod_navigation_with_preview.mobile .top span.menuClose.active {
  display: flex;
}
body .mod_navigation_with_preview.mobile .top span.active {
  display: block;
}
body .mod_navigation_with_preview.mobile ul.level-1.active {
  display: flex;
}
body .mod_navigation_with_preview.mobile ul {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100vw;
}
body .mod_navigation_with_preview.mobile ul li a {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #dddddd;
  cursor: pointer;
  display: block;
}
body .mod_navigation_with_preview.mobile ul li.submenu > a > svg {
  right: 2%;
}
body .mod_navigation_with_preview.mobile ul li.submenu > a.active > svg {
  transform: rotate(270deg);
}
body .mod_navigation_with_preview.mobile ul li.submenu .level-1 {
  background: #ffffff;
  opacity: 1;
}
body .mod_navigation_with_preview.mobile ul li.submenu .level-2 {
  display: none;
  font-weight: lighter;
  background-color: #f1f1f1;
}
body .mod_navigation_with_preview.mobile ul li.submenu .level-2.active {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
body .mod_navigation_with_preview.mobile ul li.submenu .level-2 ul.level-3 {
  display: none;
}
body .mod_navigation_with_preview.mobile ul li.submenu .level-2 ul.level-3.active {
  display: block;
}
body .mod_navigation_with_preview.mobile ul li.submenu .level-2 ul.level-3 a {
  border: none;
}
body .mod_navigation_with_preview.mobile ul li.submenu .level-3 {
  background-color: #ffffff;
}
body .mod_navigation_with_preview.mobile ul li.submenu .level-3 li {
  position: relative;
  font-weight: lighter;
}
body .mod_navigation_with_preview.mobile ul li.submenu .level-3 li > .preview {
  padding: 1rem 2rem;
  text-transform: initial;
  background: linear-gradient(180deg, transparent 0%, transparent 15%, rgba(162, 162, 162, 0.1) 25%, transparent 28%);
}
@media screen and (max-width: 560px) {
  body .mod_navigation_with_preview.mobile ul li.submenu .level-3 li > .preview .content-multi-content-card .inside.grid {
    gap: 0;
  }
}
body .mod_navigation_with_preview.mobile ul li.submenu .level-3 li a {
  color: #00529c;
}
body .mod_navigation_with_preview.mobile ul li.submenu .level-3 li a > svg {
  transform: rotate(0);
  stroke: #00529c;
}
body .mod_navigation_with_preview.mobile ul li.submenu a {
  position: relative;
}
body .mod_navigation_with_preview.mobile ul li.submenu a svg {
  position: absolute;
  visibility: visible;
  top: calc(50% - 12.5px);
  transform: rotate(90deg);
  stroke: black;
  min-width: 25px;
  min-height: 25px;
}
body .mod_navigation_with_preview.mobile honeycombs {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px;
  padding: 2rem 5rem;
}
body .mod_navigation_with_preview > nav ul {
  display: flex;
  flex-direction: row;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin: 0;
  height: 50px;
  background-color: transparent;
  transition: height 0.5s, background-color 0.5s;
}
body .mod_navigation_with_preview > nav ul li {
  position: relative;
}
body .mod_navigation_with_preview > nav ul li.active a {
  color: black;
}
body .mod_navigation_with_preview > nav ul li a {
  display: inline-block;
  padding: 0 1em;
  color: #8f8e8e;
}
body .mod_navigation_with_preview > nav ul li a:hover {
  color: black;
}
body .mod_navigation_with_preview nav-details {
  display: none;
  grid-template-areas: "level-1 level-2 details" "honeycombs honeycombs honeycombs";
  grid-auto-columns: 16% 16% 1fr;
  padding: 0 13%;
  box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 1260px) {
  body .mod_navigation_with_preview nav-details {
    grid-auto-columns: 20% 20% 1fr;
    padding-left: 8%;
  }
}
body .mod_navigation_with_preview nav-details.active {
  display: grid;
}
body .mod_navigation_with_preview nav-details .claus {
  background-color: #00529c;
  color: white;
  font-weight: bold;
  height: 22px;
  width: 22px;
  border-radius: 100%;
  text-align: center;
  position: absolute;
  right: 16%;
  line-height: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
body .mod_navigation_with_preview nav-details .claus:hover {
  background-color: #0387ff;
  cursor: pointer;
}
body .mod_navigation_with_preview nav-details nav {
  display: none;
}
body .mod_navigation_with_preview nav-details nav.active {
  display: block;
}
body .mod_navigation_with_preview nav-details nav ul {
  display: flex;
  flex-direction: column;
  gap: 5px;
  height: 472.5px;
  overflow-y: auto;
}
body .mod_navigation_with_preview nav-details nav ul a {
  padding: 10px 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 40px;
  line-height: 15px;
}
body .mod_navigation_with_preview nav-details .level-1 {
  min-width: 0;
  grid-area: level-1;
  display: none;
}
body .mod_navigation_with_preview nav-details .level-1.active {
  display: block;
}
body .mod_navigation_with_preview nav-details .level-1 ul {
  padding-right: 20px;
}
body .mod_navigation_with_preview nav-details .level-1 ul li {
  width: 100%;
}
body .mod_navigation_with_preview nav-details .level-1 ul li a {
  color: black;
  padding: 5px 20px;
}
body .mod_navigation_with_preview nav-details .level-1 ul li a.active {
  background-color: #00529c;
  color: #ffffff;
}
body .mod_navigation_with_preview nav-details .level-2 {
  grid-area: level-2;
  display: none;
  text-transform: none;
  min-width: 0;
}
body .mod_navigation_with_preview nav-details .level-2.active {
  display: block;
}
body .mod_navigation_with_preview nav-details .level-2 ul li {
  text-transform: none;
  margin-left: 20px;
}
body .mod_navigation_with_preview nav-details .level-2 ul li a {
  color: #8f8e8e;
  font-size: 115%;
  padding: 0;
}
body .mod_navigation_with_preview nav-details .level-2 ul li a svg {
  visibility: hidden;
  top: calc(50% - 12.5px);
  stroke: transparent;
  transform: translateX(-5px);
  transition: stroke 1s ease, transform 1s ease;
  min-width: 25px;
  min-height: 25px;
}
body .mod_navigation_with_preview nav-details .level-2 ul li a.active {
  color: #00529c;
  transition: color 1s ease;
  background-color: initial;
}
body .mod_navigation_with_preview nav-details .level-2 ul li a.active svg {
  stroke: #00529c;
  transform: translateX(0);
  visibility: visible;
}
body .mod_navigation_with_preview nav-details .level-2 ul:before {
  content: '';
  width: 1px;
  height: 100%;
  max-height: 400px;
  background-color: #c8c8c8;
  display: block;
  position: absolute;
}
body .mod_navigation_with_preview nav-details .details {
  grid-area: details;
  display: none;
  background: linear-gradient(180deg, transparent 0%, transparent 20%, rgba(162, 162, 162, 0.1) 50%, transparent 53%);
  min-width: 0;
  max-height: 480px;
  overflow: scroll;
}
body .mod_navigation_with_preview nav-details .details.active {
  display: block;
}
body .mod_navigation_with_preview nav-details .details > div {
  display: none;
}
body .mod_navigation_with_preview nav-details .details > div.active {
  display: block;
}
body .mod_navigation_with_preview nav-details .details ul {
  font-weight: lighter;
}
body .mod_navigation_with_preview nav-details .details ul li {
  line-height: 25px;
  margin: 13px 0;
  color: dimgrey;
  position: relative;
}
body .mod_navigation_with_preview nav-details .details ul li strong {
  color: black;
}
body .mod_navigation_with_preview nav-details honeycombs {
  border-top: 1px solid #c8c8c8;
  padding: 10px;
  grid-area: honeycombs;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-width: 0;
  margin-right: 13%;
}
body .mod_navigation_with_preview nav-details honeycombs .parent-client {
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid #8f8e8e;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('/files/themes/corporate-identity/fonts/Montserrat-Light.ttf') format('truetype');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('/files/themes/corporate-identity/fonts/Montserrat-Light.ttf') format('truetype');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('/files/themes/corporate-identity/fonts/Montserrat-Light.ttf') format('truetype');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('/files/themes/corporate-identity/fonts/Montserrat-Light.ttf') format('truetype');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('/files/themes/corporate-identity/fonts/Montserrat-Light.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/files/themes/corporate-identity/fonts/Montserrat-Regular.ttf') format('truetype');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/files/themes/corporate-identity/fonts/Montserrat-Regular.ttf') format('truetype');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/files/themes/corporate-identity/fonts/Montserrat-Regular.ttf') format('truetype');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/files/themes/corporate-identity/fonts/Montserrat-Regular.ttf') format('truetype');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/files/themes/corporate-identity/fonts/Montserrat-Regular.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('/files/themes/corporate-identity/fonts/Montserrat-Medium.ttf') format('truetype');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('/files/themes/corporate-identity/fonts/Montserrat-Medium.ttf') format('truetype');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('/files/themes/corporate-identity/fonts/Montserrat-Medium.ttf') format('truetype');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('/files/themes/corporate-identity/fonts/Montserrat-Medium.ttf') format('truetype');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('/files/themes/corporate-identity/fonts/Montserrat-Medium.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('/files/themes/corporate-identity/fonts/Montserrat-Bold.ttf') format('truetype');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('/files/themes/corporate-identity/fonts/Montserrat-Bold.ttf') format('truetype');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('/files/themes/corporate-identity/fonts/Montserrat-Bold.ttf') format('truetype');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('/files/themes/corporate-identity/fonts/Montserrat-Bold.ttf') format('truetype');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('/files/themes/corporate-identity/fonts/Montserrat-Bold.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.content-headline-group span {
  display: block;
  margin-top: 5px;
}
.content-headline-group span.none {
  text-transform: none;
}
.content-headline-group .small,
.content-headline-group.small h1,
.content-headline-group.small h2,
.content-headline-group.small h3,
.content-headline-group.small h4,
.content-headline-group.small h5,
.content-headline-group.small h6 {
  font-size: 16px;
  line-height: 16px;
}
.content-headline-group .medium-small,
.content-headline-group.medium-small h1,
.content-headline-group.medium-small h2,
.content-headline-group.medium-small h3,
.content-headline-group.medium-small h4,
.content-headline-group.medium-small h5,
.content-headline-group.medium-small h6 {
  font-size: 20px;
  line-height: 20px;
}
.content-headline-group .medium,
.content-headline-group.medium h1,
.content-headline-group.medium h2,
.content-headline-group.medium h3,
.content-headline-group.medium h4,
.content-headline-group.medium h5,
.content-headline-group.medium h6 {
  font-size: 25px;
  line-height: 25px;
}
.content-headline-group .medium-large,
.content-headline-group.medium-large h1,
.content-headline-group.medium-large h2,
.content-headline-group.medium-large h3,
.content-headline-group.medium-large h4,
.content-headline-group.medium-large h5,
.content-headline-group.medium-large h6 {
  font-size: 35px;
  line-height: 35px;
}
.content-headline-group .large,
.content-headline-group.large h1,
.content-headline-group.large h2,
.content-headline-group.large h3,
.content-headline-group.large h4,
.content-headline-group.large h5,
.content-headline-group.large h6 {
  font-size: 45px;
  line-height: 45px;
}
.content-headline-group .light,
.content-headline-group.light h1,
.content-headline-group.light h2,
.content-headline-group.light h3,
.content-headline-group.light h4,
.content-headline-group.light h5,
.content-headline-group.light h6 {
  font-weight: 300;
}
.content-headline-group .light,
.content-headline-group.light h1,
.content-headline-group.light h2,
.content-headline-group.light h3,
.content-headline-group.light h4,
.content-headline-group.light h5,
.content-headline-group.light h6 {
  font-weight: 300;
}
.content-headline-group .regular,
.content-headline-group.regular h1,
.content-headline-group.regular h2,
.content-headline-group.regular h3,
.content-headline-group.regular h4,
.content-headline-group.regular h5,
.content-headline-group.regular h6 {
  font-weight: 400;
}
.content-headline-group .regular,
.content-headline-group.regular h1,
.content-headline-group.regular h2,
.content-headline-group.regular h3,
.content-headline-group.regular h4,
.content-headline-group.regular h5,
.content-headline-group.regular h6 {
  font-weight: 400;
}
.content-headline-group .bold,
.content-headline-group.bold h1,
.content-headline-group.bold h2,
.content-headline-group.bold h3,
.content-headline-group.bold h4,
.content-headline-group.bold h5,
.content-headline-group.bold h6 {
  font-weight: 500;
}
.content-headline-group .bold,
.content-headline-group.bold h1,
.content-headline-group.bold h2,
.content-headline-group.bold h3,
.content-headline-group.bold h4,
.content-headline-group.bold h5,
.content-headline-group.bold h6 {
  font-weight: 500;
}
.content-headline-group .bolder,
.content-headline-group.bolder h1,
.content-headline-group.bolder h2,
.content-headline-group.bolder h3,
.content-headline-group.bolder h4,
.content-headline-group.bolder h5,
.content-headline-group.bolder h6 {
  font-weight: 700;
}
.content-headline-group .bolder,
.content-headline-group.bolder h1,
.content-headline-group.bolder h2,
.content-headline-group.bolder h3,
.content-headline-group.bolder h4,
.content-headline-group.bolder h5,
.content-headline-group.bolder h6 {
  font-weight: 700;
}
.content-headline-group .uppercase,
.content-headline-group.uppercase h1,
.content-headline-group.uppercase h2,
.content-headline-group.uppercase h3,
.content-headline-group.uppercase h4,
.content-headline-group.uppercase h5,
.content-headline-group.uppercase h6 {
  text-transform: uppercase;
}
.content-headline-group .#000000,
.content-headline-group.#000000 h1,
.content-headline-group.#000000 h2,
.content-headline-group.#000000 h3,
.content-headline-group.#000000 h4,
.content-headline-group.#000000 h5,
.content-headline-group.#000000 h6 {
  color: #000000;
}
.content-headline-group .text-white,
.content-headline-group.text-white h1,
.content-headline-group.text-white h2,
.content-headline-group.text-white h3,
.content-headline-group.text-white h4,
.content-headline-group.text-white h5,
.content-headline-group.text-white h6 {
  color: #ffffff;
}
#hero .content-swiper {
  padding: 0 35px;
}
#hero .content-swiper [class*="swiper-button"] {
  width: 15px;
  height: 15px;
  margin: 0;
}
.content-swiper {
  min-width: 0;
  position: relative;
  padding: 0 80px;
}
.content-swiper.tiny .swiper {
  height: 110px;
}
.content-swiper.small .swiper {
  height: 250px;
}
.content-swiper.large .swiper {
  height: 650px;
}
@media (max-width: 1260px) {
  .content-swiper.large .swiper {
    height: 600px;
  }
}
.content-swiper.medium .swiper {
  height: 500px;
}
.content-swiper:hover .swiper button {
  opacity: 1;
}
.content-swiper.no-controls [class*="swiper-button"] {
  display: none;
}
.content-swiper.simple svg {
  color: #000000;
}
.content-swiper.button [class*="swiper-button"] {
  width: 30px;
  height: 30px;
  background: #00529c;
  padding: 10px;
  z-index: 0;
  display: block;
}
@media (max-width: 1024px) {
  .content-swiper.button [class*="swiper-button"] {
    width: 15px;
    height: 15px;
  }
}
@media (max-width: 560px) {
  .content-swiper.button [class*="swiper-button"] {
    display: none;
  }
}
.content-swiper.button [class*="swiper-button"] svg {
  display: flex;
  align-self: center;
}
@media (max-width: 1024px) {
  .content-swiper {
    padding: 0 40px;
  }
}
@media (max-width: 560px) {
  .content-swiper {
    padding: 0;
  }
}
.content-swiper [class*="swiper-pagination-"] {
  text-align: center;
}
.content-swiper > .swiper-pagination-bullets .swiper-pagination-bullet {
  border-radius: 0;
  width: 120px;
  height: 3px;
  transition: .25s;
  display: inline-block;
  box-sizing: border-box;
}
.content-swiper .swiper {
  width: 100%;
}
.content-swiper > [class*="swiper-button"] {
  border: none;
}
.content-swiper > [class*="swiper-button-prev"] {
  left: 0;
}
.content-swiper > [class*="swiper-button-next"] {
  right: 0;
}
.content-swiper:not(.button) > [class*="swiper-button"] {
  width: 50px;
  z-index: 1;
}
@media (max-width: 1024px) {
  .content-swiper:not(.button) > [class*="swiper-button"] {
    width: 40px;
  }
}
.content-swiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  border-radius: 0;
  width: 120px;
  height: 3px;
  transition: .25s;
  box-sizing: border-box;
}
.content-swiper .swiper {
  z-index: 0;
  overflow: hidden;
}
.content-swiper .swiper .swiper-slide .content-multi-content-card,
.content-swiper .swiper .swiper-slide .content-multi-content-card > .inside {
  height: 100%;
}
.content-swiper .swiper .swiper-slide .image_container {
  height: 100%;
}
.content-swiper .swiper .swiper-slide .image_container img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#hero .mod_article {
  margin-bottom: 0;
}
#hero .mod_article.limit-content-width > .inside {
  max-width: 1600px;
  margin: 60px auto 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
  box-sizing: border-box;
}
@media screen and (max-width: 2560px) {
  #hero .mod_article.limit-content-width > .inside {
    max-width: 1400px;
  }
}
#hero .mod_article > .background-image {
  position: absolute;
  inset: 0;
}
#hero .mod_article > .inside {
  margin-top: 60px;
}
#hero .mod_article > .inside:last-child {
  margin-bottom: 0;
}
#hero .mod_article > .inside > :last-child {
  margin-bottom: 0;
}
#hero .mod_article.small > .inside {
  height: 250px;
}
#hero .mod_article.medium > .inside {
  height: 500px;
}
#hero .mod_article.large > .inside {
  height: 650px;
}
.mod_search form {
  display: flex;
  justify-content: center;
}
.mod_search form .formbody {
  display: grid;
  grid-template-columns: 1fr 50px;
  grid-template-areas: "input search-button";
  width: 620px;
  height: 50px;
  background: #ffffff;
  padding: 20px;
}
.mod_search form .formbody .widget-text {
  grid-area: input;
}
.mod_search form .formbody .widget-text input {
  width: 100%;
  height: 100%;
  outline: 0;
  border: 0;
  border-bottom: 2px solid lightgrey;
  color: #00529c;
  font-size: 24px;
}
.mod_search form .formbody .widget-text input:focus {
  border-bottom: 2px solid #00529c;
}
.mod_search form .formbody .widget-submit {
  grid-area: search-button;
}
.mod_search form .formbody .widget-submit button.submit {
  padding: 1rem 1rem;
  background: #00529c;
  border: 0;
  cursor: pointer;
}
.mod_search form .formbody .widget-submit button.submit i {
  font-size: 1.25rem;
}
.mod_search .header {
  font-size: 25px;
}
.mod_search .search_default {
  padding: 25px;
}
.mod_search .search_default:nth-of-type(even) {
  background: transparent;
}
.mod_search .search_default:nth-of-type(odd) {
  background: lightgray;
}
.mod_search .search_default h1,
.mod_search .search_default h2,
.mod_search .search_default h3,
.mod_search .search_default h4,
.mod_search .search_default h5,
.mod_search .search_default h6 {
  margin: 0 0 15px 0;
  font-size: 16px;
  font-weight: 900;
}
.mod_search .search_default .highlight {
  padding: 5px;
  background: #00529c;
  color: #ffffff;
}
.mod_search .search_default .context {
  font-size: 16px;
}
.mod_search .search_default a {
  text-decoration: none;
  color: black;
}
body.search #widgets .mod_search {
  height: 90px;
}
#widgets .mod_search {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 0;
  z-index: 20;
  text-align: center;
  transition: .5s;
}
#widgets.search #search {
  height: 90px;
}
.module-go-to-top {
  position: fixed;
  left: 25px;
  bottom: 25px;
  width: 40px;
  height: 40px;
  background: #00529c;
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  transition: opacity .5s;
  text-align: center;
  font-size: 22px;
  color: #fff;
}
.module-go-to-top:hover {
  cursor: pointer;
}
body.scrolled .module-go-to-top {
  opacity: 1;
  pointer-events: auto;
}
.ce_form.block {
  overflow: visible;
}
form .formbody .widget {
  width: 100%;
  margin-bottom: 1.5rem;
}
form .formbody .widget:not(.widget-checkbox) label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
}
form .formbody .widget input,
form .formbody .widget textarea,
form .formbody .widget select {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  background: #ffffff;
  font-size: 16px;
}
form .formbody .widget input:focus,
form .formbody .widget textarea:focus,
form .formbody .widget select:focus {
  outline: none;
  border-color: #666;
}
form .formbody .widget .checkbox_container span,
form .formbody .widget .radio_container span {
  display: grid;
  grid-template-columns: 30px 1fr;
  grid-gap: 5px;
}
form .formbody .widget .checkbox_container span label,
form .formbody .widget .radio_container span label {
  margin-bottom: 0;
}
form .formbody .widget .checkbox_container span input,
form .formbody .widget .radio_container span input {
  width: auto;
}
form .formbody .widget.widget-grid-start {
  column-gap: 25px;
}
form .formbody .widget.widget-submit .submit {
  padding: 0.75rem 1.5rem;
  background-color: #00529c;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 500;
}
form .formbody .widget.widget-submit .submit:hover {
  background-color: #006dcf;
}
form .formbody .widget.hidden {
  display: none;
}
form .formbody .widget.hidden.preserve-space {
  display: block;
  visibility: hidden;
}
form .formbody .widget.widget-upload input[type="file"] {
  min-height: 76px;
}
form .formbody .widget.widget-upload input {
  display: none;
}
.error {
  color: red;
}
.mod_newslist {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.mod_newslist > *:not(.layout_short) {
  font-size: 16px;
}
.mod_newslist > *:not(.layout_short) h1 a,
.mod_newslist > *:not(.layout_short) h2 a,
.mod_newslist > *:not(.layout_short) h3 a,
.mod_newslist > *:not(.layout_short) h4 a,
.mod_newslist > *:not(.layout_short) h5 a,
.mod_newslist > *:not(.layout_short) h6 a {
  color: black;
  font-size: 25px;
  text-transform: uppercase;
  text-decoration: none;
}
@media (max-width: 1024px) {
  .mod_newslist > *:not(.layout_short) h1 a,
  .mod_newslist > *:not(.layout_short) h2 a,
  .mod_newslist > *:not(.layout_short) h3 a,
  .mod_newslist > *:not(.layout_short) h4 a,
  .mod_newslist > *:not(.layout_short) h5 a,
  .mod_newslist > *:not(.layout_short) h6 a {
    font-size: 20px;
  }
}
.mod_newslist > *:not(.layout_short) figure.float_left {
  margin: 0 15px 15px 0;
}
@media (max-width: 768px) {
  .mod_newslist > *:not(.layout_short) figure.float_left {
    float: none;
  }
  .mod_newslist > *:not(.layout_short) figure.float_left img {
    width: 100%;
    height: auto;
  }
}
.mod_newslist > *:not(.layout_short):not(:first-of-type) {
  border-top: 2px solid lightgray;
  padding-top: 45px;
}
.mod_newslist > *:not(.layout_short) .more a {
  color: #00529c;
  text-decoration: none;
}
.mod_newslist > *:not(.layout_short) .more a:hover {
  color: black;
}
@media (max-width: 1024px) {
  .mod_newslist > *:not(.layout_short) {
    font-size: 13px;
  }
}
.mod_newslist:has(.layout_short) > :not(:first-of-type) {
  padding: 0;
}
.mod_newslist:has(.layout_short) figure a img {
  aspect-ratio: 16 / 9;
  margin-bottom: 15px;
}
.mod_newslist:has(.layout_short) .content-button {
  margin-bottom: 0;
}
.content-text ul[style*="list-style-type: checkMark"] {
  list-style-type: none !important;
}
.content-text ul[style*="list-style-type: checkMark"] li:before {
  font-family: FontAwesome;
  content: "\f00c";
  color: #00529c;
  margin-right: 10px;
}
.content-text ul[style*="list-style-type: chevron"] {
  list-style-type: none !important;
}
.content-text ul[style*="list-style-type: chevron"] li:before {
  font-family: FontAwesome;
  content: "\f054";
  color: #00529c;
  margin-right: 10px;
}
.content-text ul[style*="list-style-type: pipe"],
.content-text ul {
  list-style-type: none !important;
}
.content-text ul[style*="list-style-type: pipe"] li:before,
.content-text ul li:before {
  content: "|";
  color: #00529c;
  margin-right: 10px;
  font-weight: 800;
}
.content-text ul[style*="list-style-type: dash"] {
  list-style-type: none !important;
}
.content-text ul[style*="list-style-type: dash"] li:before {
  content: "-";
  margin-right: 10px;
  font-weight: 500;
}
.content-text.media--left figure img {
  margin: 0 15px 15px 0;
}
.content-text.text-white ul li:before {
  color: #ffffff;
}
.mod_eventlist {
  display: flex;
  flex-direction: column;
  gap: 15px;
  overflow: visible;
}
.mod_eventlist > * {
  font-size: 16px;
}
@media (max-width: 1024px) {
  .mod_eventlist > * {
    font-size: 10px;
  }
}
.mod_eventlist > .event {
  display: grid;
  column-gap: 2rem;
  grid-template-columns: 1fr 3fr;
  grid-template-areas: "figure headline" "figure date" "figure location" "figure ce_text" "figure content";
}
.mod_eventlist > .event:not(:first-of-type) {
  border-top: 2px solid lightgray;
  padding-top: 25px;
}
.mod_eventlist > .event .time {
  grid-area: date;
}
.mod_eventlist > .event .location {
  grid-area: location;
  font-weight: 500;
}
.mod_eventlist > .event .image_container {
  grid-area: figure;
}
.mod_eventlist > .event .content-button {
  grid-area: content;
  margin-bottom: 0 !important;
  display: flex;
  justify-content: space-between;
}
.mod_eventlist > .event .content-button * {
  margin-bottom: 10px;
}
.mod_eventlist > .event .time:empty,
.mod_eventlist > .event .location:empty {
  display: none;
}
.mod_eventlist > .event .ce_text {
  grid-area: ce_text;
  margin-bottom: 15px;
}
.mod_eventlist > .event .ce_text a {
  color: #00529c;
  text-decoration: none;
}
.mod_eventlist > .event h1,
.mod_eventlist > .event h2,
.mod_eventlist > .event h3,
.mod_eventlist > .event h4,
.mod_eventlist > .event h5,
.mod_eventlist > .event h6 {
  grid-area: headline;
}
.mod_eventlist > .event h1 a,
.mod_eventlist > .event h2 a,
.mod_eventlist > .event h3 a,
.mod_eventlist > .event h4 a,
.mod_eventlist > .event h5 a,
.mod_eventlist > .event h6 a {
  color: black;
  font-weight: bold;
  text-decoration: none;
}
a.ci-color {
  --button-color: var(--ci-color);
}
.color-carbolite-gero,
a.color-carbolite-gero {
  --button-color: var(--ci-color-carbolite-gero);
}
.color-microtrac,
a.color-microtrac {
  --button-color: var(--ci-color-microtrac);
}
.color-qatm,
a.color-qatm {
  --button-color: var(--ci-color-qatm);
}
.color-retsch,
a.color-retsch {
  --button-color: var(--ci-color-retsch);
}
.color-verder,
a.color-verder {
  --button-color: var(--ci-color-verder);
}
.color-erweka,
a.color-erweka {
  --button-color: var(--ci-color-erweka);
}
.color-eltra,
a.color-eltra {
  --button-color: var(--ci-color-eltra);
}
.color-endecotts,
a.color-endecotts {
  --button-color: var(--ci-color-endecotts);
}
.content-in-page-navigation {
  --button-color: #00529c;
  background-color: #ffffff;
  padding-top: 20px;
  clip-path: polygon(0px 0px, 150px 0px, 202px 21px, calc(100% - 202px) 21px, calc(100% - 150px) 0px, 100% 0%, 100% 100%, 0% 100%);
}
@media screen and (max-width: 1024px) {
  .content-in-page-navigation {
    clip-path: polygon(0px 0px, 40px 0px, 75px 20px, calc(100% - 75px) 20px, calc(100% - 40px) 0px, 100% 0%, 100% 100%, 0% 100%);
  }
}
@media screen and (max-width: 560px) {
  .content-in-page-navigation {
    clip-path: none;
    padding-top: 0;
  }
}
.content-in-page-navigation.sticks {
  z-index: 2;
  left: 0;
  right: 0;
  padding-top: 0;
  clip-path: none;
}
.content-in-page-navigation .in-page-navigation__nav {
  border-bottom: 1px solid #ededed;
}
.content-in-page-navigation .in-page-navigation__nav ul.in-page-navigation__list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: end;
  margin: 0 202px;
}
@media screen and (max-width: 1024px) {
  .content-in-page-navigation .in-page-navigation__nav ul.in-page-navigation__list {
    max-width: 970px;
    margin: 0 75px;
  }
}
@media screen and (max-width: 560px) {
  .content-in-page-navigation .in-page-navigation__nav ul.in-page-navigation__list {
    margin-right: unset;
    justify-content: left;
  }
}
.content-in-page-navigation .in-page-navigation__nav ul.in-page-navigation__list li a {
  color: #333;
  text-decoration: none;
  padding: 10px 25px;
  display: block;
  background-color: unset;
}
.content-in-page-navigation .in-page-navigation__nav ul.in-page-navigation__list li a:hover {
  background-color: #EEE;
}
.content-in-page-navigation .in-page-navigation__nav ul.in-page-navigation__list li a.active {
  border-bottom: 3px solid var(--button-color);
  height: 21px;
}
@media screen and (max-width: 1260px) {
  .content-in-page-navigation .in-page-navigation__nav ul.in-page-navigation__list li a.active {
    height: 16px;
  }
}
.content-in-page-navigation .in-page-navigation__nav ul.in-page-navigation__list li a.button {
  background: var(--button-color);
  color: white;
}
.content-in-page-navigation .in-page-navigation__nav ul.in-page-navigation__list li a.button:hover {
  filter: brightness(120%);
}
.content-faq h3 {
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
}
.content-faq .item {
  margin-bottom: 2rem;
}
.event.layout_full > h1,
.event.layout_full h2,
.event.layout_full h3,
.event.layout_full h4,
.event.layout_full h5,
.event.layout_full h6 {
  margin-left: 0;
}
.content-list-card {
  display: grid;
  grid-template-columns: 10fr 9fr;
  grid-template-rows: 1fr auto 1fr;
  grid-template-areas: "headlines images" "text images" "button images";
  gap: 10px;
  width: auto;
  position: relative;
}
.content-list-card .content-headline-group {
  grid-area: headlines;
  text-decoration: none;
  color: black;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  align-items: baseline;
}
.content-list-card .content-headline-group > h2 {
  line-height: 20px;
  font-size: 16px;
}
.content-list-card .content-headline-group > h2 span.main_headline {
  font-size: 25px;
  font-weight: bold;
}
.content-list-card ul {
  grid-area: text;
  line-height: 2;
}
.content-list-card ul li:before {
  font-family: FontAwesome;
  content: "\f054";
  margin-right: 10px;
}
.content-list-card .image_container {
  grid-area: images;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: flex-end;
}
.content-list-card .image_container img {
  width: 100%;
  height: auto;
  display: flex;
}
.content-list-card .image_container .image {
  display: none;
}
.content-list-card .image_container .image.active {
  display: block;
}
.content-list-card .button {
  grid-area: button;
  display: flex;
  align-self: end;
}
.content-list-card .button a {
  color: #ffffff;
  background-color: #00529c;
  border-radius: 4px;
  border-width: 1.5px;
  padding: 0.5rem 1rem;
}
.content-list-card .button a:hover {
  background-color: #006dcf;
}
@media screen and (max-width: 767px) {
  .content-list-card {
    grid-template-columns: 1fr;
    grid-template-rows: 0.5fr auto 1fr 0.5fr;
    grid-template-areas: "headlines" "images" "text" "button";
  }
  .content-list-card .headlines {
    grid-area: headlines;
  }
  .content-list-card .image_container {
    grid-area: images;
  }
  .content-list-card ul {
    grid-area: text;
  }
  .content-list-card .button {
    grid-area: button;
  }
}
.pagination {
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  padding: 5px 0;
  display: grid;
  grid-template-columns: 1fr 250px;
}
@media (max-width: 768px) {
  .pagination {
    grid-template-columns: 1fr;
  }
}
.pagination .pages {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  grid-gap: 5px;
}
.pagination .pages .page {
  padding: 11px 7px;
  background: #ededed;
  text-decoration: none;
  color: #00529c;
}
.pagination .pages .page.active {
  background: #00427d;
  color: #ffffff;
}
.pagination .no-results-hint {
  display: none;
}
.content-accordion {
  border-bottom: none;
}
.content-accordion .accordion-tabs {
  width: 100%;
}
.content-accordion .accordion-tabs .accordion-tabs-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin-bottom: 20px;
}
.content-accordion .accordion-tabs .accordion-tabs-nav .accordion-tab-button {
  background: #ffffff;
  border: 1.5px solid #00529c;
  padding: 12px 60px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  color: #00529c;
  position: relative;
  margin-bottom: 5px;
  margin-right: -1px;
}
.content-accordion .accordion-tabs .accordion-tabs-nav .accordion-tab-button.twMedium .headline {
  width: 120px;
}
.content-accordion .accordion-tabs .accordion-tabs-nav .accordion-tab-button.twLarge .headline {
  width: 220px;
}
.content-accordion .accordion-tabs .accordion-tabs-nav .accordion-tab-button .headline {
  max-height: 40px;
  overflow: hidden;
  display: block;
}
.content-accordion .accordion-tabs .accordion-tabs-nav .accordion-tab-button.parallelogram {
  transform: skew(-20deg);
}
.content-accordion .accordion-tabs .accordion-tabs-nav .accordion-tab-button.parallelogram .headline {
  transform: skew(20deg);
}
.content-accordion .accordion-tabs .accordion-tabs-nav .accordion-tab-button:hover {
  background: #006dcf;
  color: #ffffff;
}
.content-accordion .accordion-tabs .accordion-tabs-nav .accordion-tab-button.active {
  color: #ffffff;
  background-color: #00529c;
  font-weight: 600;
}
@media (max-width: 768px) {
  .content-accordion .accordion-tabs .accordion-tabs-nav .accordion-tab-button {
    flex: 1 1 100%;
    text-align: left;
    padding: 10px 16px;
  }
}
.content-accordion .accordion-tabs .accordion-tabs-content .accordion-tab-panel {
  display: none;
}
.content-accordion .accordion-tabs .accordion-tabs-content .accordion-tab-panel.active {
  display: block;
}
.grid {
  display: grid;
}
.grid.cols-4 {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 2560px) {
  .grid.cols-4 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1024px) {
  .grid.cols-4 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 560px) {
  .grid.cols-4 {
    grid-template-columns: 1fr;
  }
}
.grid.gap-s {
  grid-gap: 15px;
}
.grid.rows.compact {
  grid-template-rows: 1fr 51px 66px 60px;
  grid-template-areas: "preview" "title" "description" "actions";
}
.grid.rows.compact .preview {
  aspect-ratio: 16 / 9;
  grid-area: preview;
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}
.grid.rows.compact .title {
  grid-area: title;
  font-size: 16px;
  line-height: 18px;
  overflow: hidden;
  color: #333;
  text-transform: uppercase;
  padding: 0 15px;
  margin-bottom: 15px;
  font-weight: 400;
}
.grid.rows.compact .description {
  grid-area: description;
  padding: 0 15px;
  font-size: 14px;
  line-height: 16px;
  color: #333;
  margin: 0;
  overflow: hidden;
}
.grid.rows.compact .actions {
  grid-area: actions;
  margin-left: 15px;
  vertical-align: center;
  margin-top: 15px;
}
.content-table table {
  width: 100%;
  overflow: auto;
  display: block;
  max-height: 600px;
  scrollbar-color: #00529c transparent;
}
@media screen and (max-width: 1024px) {
  .content-table table {
    max-height: 400px;
  }
}
@media screen and (max-width: 560px) {
  .content-table table {
    max-height: 250px;
  }
}
.content-table table a {
  text-decoration: none;
  color: #00529c;
}
.content-table table thead tr th {
  border: 1px solid #000000;
  font-weight: 700;
  padding: 10px;
  position: sticky;
  top: 0;
  background-color: inherit;
}
.content-table table thead tr th:first-child {
  left: 0;
  top: 0;
  z-index: 1;
}
.content-table table tbody tr th {
  border: 1px solid #000000;
  font-weight: 700;
  position: sticky;
  left: 0;
  background-color: inherit;
  padding: 5px 70px 5px 5px;
}
.content-table table tbody tr td {
  border: 1px solid #000000;
  padding: 5px;
}
.content-table.standard table thead tr {
  background-color: #ededed;
}
.content-table.standard table tbody tr th {
  background-color: #ffffff;
}
.content-table.standard table tbody tr td {
  background-color: #ffffff;
}
.content-table.ci-header table thead tr {
  background-color: #00529c;
  color: #ffffff;
}
.content-table.ci-header table tbody tr th {
  background-color: #ededed;
}
.content-table.ci-header table tbody tr td {
  background-color: #ededed;
}
.content-table.ci-line table thead tr {
  background-color: #ffffff;
}
.content-table.ci-line table thead tr th {
  border: none;
  border-bottom: 2px solid #00529c;
}
.content-table.ci-line table tbody {
  border-bottom: 2px solid #00529c;
}
.content-table.ci-line table tbody tr:nth-child(odd) {
  background-color: #ffffff;
}
.content-table.ci-line table tbody tr:nth-child(even) {
  background-color: #ededed;
}
.content-table.ci-line table tbody tr {
  border-bottom: 1px solid #b1bac3;
}
.content-table.ci-line table tbody tr th {
  border: none;
}
.content-table.ci-line table tbody tr td {
  border: none;
}
.content-table .footnote {
  font-size: 0.8rem;
}
.content-table .footnote ul {
  list-style: none;
  padding-left: 1rem;
}
.content-table .footnote ul li::marker {
  content: "*";
}
#in_page_navigation > .inside .mod_article.tab {
  margin-top: -22px;
  background: transparent;
}
#in_page_navigation > .inside .mod_article.white:before {
  background: #ffffff;
}
#in_page_navigation > .inside .mod_article.grey:before {
  background: #ededed;
}
#in_page_navigation > .inside .mod_article.ci-color:before {
  background: #00529c;
}
#in_page_navigation > .inside .mod_article [class*="content-"] {
  margin-bottom: 0;
}
html {
  scroll-behavior: smooth;
}
body {
  font: 18px / 1.44 Montserrat, Verdana, Arial, sans-serif;
  background-color: #ededed;
  box-sizing: border-box;
}
@media screen and (min-width: 2560px) {
  body {
    font: 16px / 1.5 Montserrat, Verdana, Arial, sans-serif;
  }
}
@media screen and (max-width: 1260px) {
  body {
    font: 12.8px / 1.5 Montserrat, Verdana, Arial, sans-serif;
  }
}
body [class*="content-"] {
  margin-bottom: 20px;
}
body [class*="content-"].margin-more {
  margin-bottom: 50px !important;
}
body [class*="content-"].margin-max {
  margin-bottom: 75px !important;
}
body [class*="content-"].margin-none {
  margin-bottom: 0 !important;
}
body img {
  max-width: 100%;
  height: auto;
}
#overlay {
  position: fixed;
  pointer-events: none;
  z-index: 15;
  left: 0;
  top: 0;
  content: '';
  background: #000;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  transition: .5s opacity;
}
body.dialog #overlay,
body.search #overlay,
body.video #overlay {
  opacity: .5;
}
.text-white {
  color: white;
}
.white {
  background-color: #ffffff;
}
.grey {
  background-color: #ededed;
}
.border {
  border: 1px solid #aaaaaa;
  border-radius: 4px;
}
.transparent {
  background-color: transparent;
}
.grey-gradient {
  background: radial-gradient(circle, #f4f5f7 40%, rgba(98, 112, 124, 0.6) 100%);
}
.dark-grey {
  background-color: #808080;
}
.ci-color {
  background-color: #00529c;
}
.center-h {
  text-align: center;
  display: grid;
  justify-content: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.padding {
  padding: 2rem;
}
.center-v {
  display: grid;
  align-content: center;
  height: 100%;
}
.bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.top {
  display: flex;
  align-items: flex-start;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
h1 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 25px;
}
@media screen and (max-width: 1260px) {
  h1 {
    font-size: 1.3rem;
  }
}
h2 {
  font-weight: 500;
  font-size: 20px;
}
@media screen and (max-width: 1260px) {
  h2 {
    font-size: 0.8rem;
  }
}
#toggle-mobile-navigation {
  display: none;
  grid-area: navigation-toggle;
  width: 60px;
  height: 60px;
  align-items: center;
  justify-content: center;
  grid-template-rows: 1fr repeat(3, 6px) 1fr;
  grid-gap: 2px;
  grid-template-areas: "." "top" "mid" "bot" ".";
}
#toggle-mobile-navigation .bar {
  width: 25px;
  height: 2px;
  background: #000000;
  grid-area: mid;
}
#toggle-mobile-navigation:before {
  grid-area: top;
}
#toggle-mobile-navigation:after {
  grid-area: bot;
}
#toggle-mobile-navigation:before,
#toggle-mobile-navigation:after {
  content: '';
  width: 25px;
  height: 2px;
  background: #000000;
}
#toggle-mobile-navigation:hover {
  cursor: pointer;
}
@media (max-width: 1024px) {
  #toggle-mobile-navigation {
    display: grid;
  }
}
#widgets .inside {
  position: static;
}
.fslightbox-container {
  font-family: Montserrat,Arial,sans-serif !important;
}
:root {
  --ci-color: #00529c;
  --ci-color-hover: #006dcf;
}
