@charset "UTF-8";
/* ----- Media Querrys ----- */
/* Small devices */
/* Medium devices */
/* Large devices */
/* Extra large devices */
/* Extra extra large devices */
/* Custom devices */
/* Default Theme */
:root {
  --dark: #000000;
  --dark-grey: #707070;
  --dark-grey-engine: #969696;
  --grey: #CCCCCC;
  --light-grey: #F0F0F0;
  --light-grey-engine: #FAFAFA;
  --light: #FFFFFF;
  --engine-orange: #FF6700;
  --engine-light-orange: #FF8D39;
}
/* Dark Theme */
.acc-bg-color-0 {
  --dark: #FFFFFF;
  --dark-grey: #F0F0F0;
  --dark-grey-engine: #CCCCCC;
  --grey: #969696;
  --light-grey: #707070;
  --light-grey-engine: #FAFAFA;
  --light: #000000;
  --engine-orange: #FF6700;
  --engine-light-orange: #FF8D39;
}
/* Accessibility Theme */
.acc-bg-color-1 {
  --dark: purple;
  --dark-grey: orange;
  --dark-grey-engine: green;
  --grey: red;
  --light-grey: lightblue;
  --light-grey-engine: coral;
  --light: deeppink;
  --engine-orange: gold;
  --engine-light-orange: greenyellow;
}
/* Color Variables - Theme Colors */
.bg-color-0 {
  background-color: unset;
}
.bg-color-1 {
  background-color: var(--light-grey);
}
.bg-color-2 {
  background-color: var(--engine-orange);
}
/* ----- Font Definitions ----- */
/* -- Default -- */
@font-face {
  font-family: "DIN Next LT Pro Bold";
  src: url("../Font/DinNextLtPro/Bold/DinNextLtProBold.woff") format("woff"), url("../Font/DinNextLtPro/Bold/DinNextLtProBold.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DIN Next LT Pro Light";
  src: url("../Font/DinNextLtPro/Light/DinNextLtProLight.woff") format("woff"), url("../Font/DinNextLtPro/Light/DinNextLtProLight.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DIN Next LT Pro Medium";
  src: url("../Font/DinNextLtPro/Medium/DinNextLtProMedium.woff") format("woff"), url("../Font/DinNextLtPro/Medium/DinNextLtProMedium.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DIN Next LT Pro Regular";
  src: url("../Font/DinNextLtPro/Regular/DinNextLtProRegular.woff") format("woff"), url("../Font/DinNextLtPro/Regular/DinNextLtProRegular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
/* -- Code Examples -- */
@font-face {
  font-family: "Roboto";
  src: url("../Font/Roboto/Regular/RobotoRegular.woff") format("woff"), url("../Font/Roboto/Regular/RobotoRegular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
/* -- Accessibility -- */
/* ----- Font Mixins ----- */
/* -- Default -- */
/* -- Code Examples -- */
/* -- Accessiblity -- */
/* ----- Font Changes (Accessibility Settings) ----- */
html {
  /* Font Size Setting */
  font-size: 1em;
  /* Line Height Setting */
  /* Paragraph Spacing Setting */
  /* Letter Spacing Setting */
  /* Word Spacing Setting */
}
html .acc-text-size-0 {
  font-size: 1.25em;
}
html .acc-text-size-1 {
  font-size: 1.5em;
}
html .acc-text-size-2 {
  font-size: 1.75em;
}
html .acc-text-size-3 {
  font-size: 2em;
}
html h1, html h2, html h3, html h4, html h5, html h6, html li {
  line-height: 1;
}
html p, html a {
  line-height: 1.3;
}
html .acc-text-space-0 h1, html .acc-text-space-0 h2, html .acc-text-space-0 h3, html .acc-text-space-0 h4, html .acc-text-space-0 h5, html .acc-text-space-0 h6, html .acc-text-space-0 p, html .acc-text-space-0 a {
  line-height: 1.5;
}
html p {
  margin-bottom: 1em;
}
html .acc-line-break-0 p {
  margin-bottom: 2em;
}
html .acc-letter-space-0 {
  letter-spacing: 0.12em;
}
html .acc-word-space-0 {
  word-spacing: 0.16em;
}
/* ----- Font Size Mixins ----- */
/* -- Special Sizes - Numbers -- */
/* -- Special Sizes - Main Navigation -- */
/* -- Special Sizes - 404 -- */
/* -- Font Size Fixed -- */
/* Remove Default List Style */
.no-list-styles {
  list-style: none;
  padding: 0;
  margin: 0;
}
/* Box Shadow (Focus-Status) */
/* Text Shadow */
/* --- Flexbox --- */
/* Changed Spacing Variables 2023 */
.footer {
  background-color: var(--dark);
}
.footer__top {
  padding-top: 24px;
  padding-bottom: 24px;
}
@media (min-width: 992px) {
  .footer__top {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}
.footer__bottom {
  border-top: 1px solid var(--dark-grey);
  padding-top: 16px;
  padding-bottom: 16px;
}
@media (min-width: 992px) {
  .footer__bottom {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.footer__text {
  font-family: "DIN Next LT Pro Regular";
  font-size: 0.625em;
  color: var(--light);
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .footer__text {
    font-size: 0.75em;
  }
}
.footer__text:hover {
  color: var(--light);
}
.footer__text--spacing {
  margin-bottom: 16px;
}
.footer__text--large {
  font-size: 1em;
}
@media (min-width: 992px) {
  .footer__text--large {
    font-size: 1em;
  }
}
.footer__text--nolink {
  text-decoration: none;
}
.footer__text--nolink:hover {
  text-decoration: none;
}
.footer-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-nav__item {
  flex-shrink: 0;
  padding: 0 4px;
}
.footer-nav__item:first-of-type {
  padding-left: 0;
}
.footer-nav__item:last-of-type {
  padding-right: 0;
}
.footer-nav__item::before {
  display: inline-block;
  margin-right: 4px;
  border-right: 1px solid var(--light);
  height: 0.5em;
  content: "";
}
.footer-nav__item:first-of-type::before {
  display: none;
}
.footer-nav__link {
  font-family: "DIN Next LT Pro Regular";
  font-size: 0.625em;
  color: var(--light);
  text-decoration: none;
}
@media (min-width: 992px) {
  .footer-nav__link {
    font-size: 0.75em;
  }
}
.footer-nav__link:hover {
  color: var(--dark-grey);
}
.footer-nav__link:focus {
  box-shadow: 0 0 0 2px var(--engine-orange);
}
.footer-nav__link--active {
  font-family: "DIN Next LT Pro Medium";
  text-decoration: none;
}
.social-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  list-style: none;
  padding: 0;
  margin: 0;
}
.social-nav__item {
  padding: 0 8px;
}
.social-nav__item:first-of-type {
  padding-left: 0;
}
.social-nav__item:last-of-type {
  padding-right: 0;
}
.social-nav__link {
  display: -ms-flexbox;
  display: flex;
}
.social-nav__icon {
  width: 28px;
  height: 28px;
  fill: var(--light);
}
@media (min-width: 992px) {
  .social-nav__icon {
    width: 35px;
    height: 35px;
  }
}
.footer__top .col-12.d-flex.justify-content-md-end.align-items-end img {
  margin-top: 20px;
}
.social-nav .social-nav__item:nth-of-type(2) {
  display: none;
}
.social-nav .social-nav__item:nth-of-type(5) {
  display: none;
}
/* --- Main Header --- */
.logo {
  width: 180px;
}
@media (min-width: 992px) {
  .logo {
    width: 200px;
  }
}
.logo--small {
  width: 130px;
}
@media (min-width: 992px) {
  .logo--small {
    width: 160px;
  }
}
.logo--light {
  fill: var(--light);
}
.logo--dark {
  fill: var(--dark);
}
.main-header {
  background-color: white;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
  transition: top 0.5s ease-in-out;
}
.main-header__top {
  padding: 2px;
  display: none;
}
.main-header__bottom {
  padding-top: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--grey);
}
.main-header.nav-down {
  top: 0;
}
.main-header.nav-up {
  top: -100px;
}
.main-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (min-width: 992px) {
  .main-nav {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: flex-start;
    align-items: flex-start;
  }
}
.main-nav__item {
  margin-bottom: 45px;
}
.main-nav__item:first-of-type {
  padding-left: 0;
}
.main-nav__item:last-of-type {
  padding-right: 0;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .main-nav__item {
    margin-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.main-nav__link {
  font-family: "DIN Next LT Pro Regular";
  font-size: 1.625em;
  line-height: 100%;
  color: var(--dark);
  text-decoration: none;
}
@media (min-width: 992px) {
  .main-nav__link {
    font-size: 1.125em;
  }
}
.main-nav__link:hover {
  color: var(--dark-grey);
}
.main-nav__link:focus {
  box-shadow: 0 0 0 2px var(--engine-orange);
}
.main-nav__link--active {
  font-family: "DIN Next LT Pro Medium";
  text-decoration: underline;
  text-decoration-color: var(--engine-orange);
}
/* --- Area Change --- */
.area-change__area {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  padding-top: 64px;
  padding-bottom: 64px;
}
.area-change__area--left {
  background-color: var(--engine-orange);
}
.area-change__area--right {
  background-color: var(--dark);
}
.area-change-button {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  -webkit-justify-content: end;
  justify-content: end;
  width: 100%;
  border: 1px solid;
  padding: 8px 16px;
  background-color: var(--engine-orange);
  border-color: var(--engine-orange);
  text-decoration: none;
  display: none;
  /* --- Button with Icon - Active --- */
}
@media (min-width: 992px) {
  .area-change-button {
    -ms-flex-pack: start;
    -webkit-justify-content: start;
    justify-content: start;
    width: auto;
  }
}
.area-change-button:hover {
  background-color: var(--engine-light-orange);
  border-color: var(--engine-light-orange);
}
.area-change-button:focus {
  outline: 0px;
  background-color: var(--engine-orange);
  border-color: var(--engine-orange);
  box-shadow: 0 0 0 2px var(--dark);
}
.area-change-button__text {
  font-family: "DIN Next LT Pro Light";
  font-size: 0.875em;
  line-height: 100%;
  margin-bottom: -4px;
  text-transform: uppercase;
  color: var(--dark);
}
@media (min-width: 992px) {
  .area-change-button__text {
    font-size: 1em;
  }
}
.area-change-button__icon {
  display: -ms-flexbox;
  display: flex;
  width: 12px;
  height: 12px;
  stroke: var(--dark);
  margin-left: 16px;
  transition: transform linear 300ms;
  transform: rotate(90deg);
}
.area-change-button--active .area-change-button__icon {
  transition: transform linear 300ms;
  transform: rotate(270deg);
}
body.acc-bg-color-0 .main-header {
  background-color: black;
}
body.acc-bg-color-0 .squared-button:hover .squared-button__icon {
  stroke: black;
}
body.acc-text-size-3 .squared-button__icon {
  font-size: inherit;
  margin-top: -30px;
}
.page-header {
  padding-top: 32px;
  padding-bottom: 32px;
}
@media (min-width: 992px) {
  .page-header {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}
.page-header__title {
  margin-bottom: 0px;
}
.page-header__title--small {
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .page-header__title--small {
    margin-bottom: 16px;
  }
}
.page-header__title--extra-large {
  font-family: "DIN Next LT Pro Bold";
  font-size: 8em;
  line-height: 100%;
}
@media (min-width: 992px) {
  .page-header__title--extra-large {
    font-size: 14em;
  }
}
.page-header__subtitle {
  margin-bottom: 0px;
}
#page-content {
  padding-top: 100px;
}
.breadcrumb-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  list-style: none;
  padding: 0;
  margin: 0;
  padding-bottom: 16px;
}
@media (min-width: 992px) {
  .breadcrumb-nav {
    padding-bottom: 16px;
  }
}
.breadcrumb-nav__item {
  padding: 0 4px;
}
.breadcrumb-nav__item::before {
  display: inline-block;
  margin-right: 4px;
  transform: rotate(15deg);
  border-right: 1px solid var(--dark-grey);
  height: 0.8em;
  content: "";
}
.breadcrumb-nav__item:first-of-type::before {
  display: none;
}
.breadcrumb-nav__link {
  font-family: "DIN Next LT Pro Regular";
  font-size: 1em;
  color: var(--dark);
  text-decoration: underline;
}
@media (min-width: 992px) {
  .breadcrumb-nav__link {
    font-size: 1em;
  }
}
.breadcrumb-nav__link:hover {
  color: var(--dark-grey);
}
.breadcrumb-nav__link:focus {
  box-shadow: 0 0 0 2px var(--engine-orange);
}
.breadcrumb-nav__link--active {
  font-family: "DIN Next LT Pro Medium";
  text-decoration: none;
}
.breadcrumb-nav__link--active:hover {
  text-decoration: none;
}
.container-fluid-no-padding {
  padding-left: 0px;
  padding-right: 0px;
  overflow-x: hidden;
}
.container-fluid-padding {
  padding-left: 25px;
  padding-right: 25px;
}
@media (min-width: 576px) {
  .container-fluid-padding {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.container-fluid-padding--left {
  padding-right: 0px;
}
.container-fluid-padding--right {
  padding-left: 0px;
}
/* Overwrite Bootstrap Modal Style */
body.modal-open {
  overflow: hidden;
  position: fixed;
  position: unset !important;
}
body.modal-open .modal {
  overflow-y: hidden;
}
.modal-custom {
  padding-right: 0 !important;
  overflow-y: hidden;
}
.modal-dialog-custom {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0;
}
@media (min-width: 576px) {
  .modal-dialog-custom {
    width: 100%;
    height: calc(100% - 3.5rem);
    margin: 1.75rem auto;
  }
}
@media (min-width: 576px) {
  .modal-dialog-custom--acc {
    height: 100%;
    margin-top: 0;
    margin-right: 0;
  }
}
.modal-content-custom {
  border-radius: 0;
  border: 1px solid #000000;
  background-color: var(--light);
}
.modal-content-custom--fixed-color {
  background-color: #FFFFFF;
}
.modal-header-custom {
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0;
  border-bottom: 1px solid var(--dark);
}
.modal-header-custom--fixed-color {
  border-bottom: 1px solid #000000;
}
.modal-title-custom {
  font-family: "DIN Next LT Pro Regular";
  font-size: 17.5px;
  color: var(--dark);
}
@media (min-width: 992px) {
  .modal-title-custom {
    font-size: 24px;
  }
}
.modal-title-custom--fixed-color {
  color: #000000;
}
.modal-body-custom {
  overflow-y: scroll;
}
/* --- Default Buttons --- */
.button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid;
  padding: 8px 16px;
  background-color: var(--light);
  border-color: var(--dark);
  text-decoration: none;
  /* --- Button with Icon - Active --- */
}
.button:focus {
  outline: 0px;
  background-color: var(--light);
  border-color: var(--light);
  box-shadow: 0 0 0 2px var(--engine-orange);
}
.button:hover {
  background-color: var(--light-grey);
}
.button__text {
  font-family: "DIN Next LT Pro Light";
  font-size: 0.875em;
  line-height: 100%;
  margin-bottom: -4px;
  text-transform: uppercase;
  color: var(--dark);
}
@media (min-width: 992px) {
  .button__text {
    font-size: 1em;
  }
}
.button__text--dark {
  color: var(--light);
}
.button__text--inverted {
  color: var(--light);
}
.button__text--highlight {
  color: var(--dark);
}
.button__icon {
  display: -ms-flexbox;
  display: flex;
  width: 12px;
  height: 12px;
  stroke: var(--dark);
  margin-left: 16px;
  transition: transform linear 300ms;
}
.button__icon--top {
  transform: rotate(90deg);
}
.button__icon--right {
  transform: rotate(180deg);
  margin-left: 16px;
}
.button__icon--bottom {
  transform: rotate(270deg);
}
.button__icon--left {
  transform: rotate(360deg);
  margin-right: 16px;
}
.button--dark {
  background-color: var(--dark);
  border-color: var(--dark);
}
.button--dark:hover {
  background-color: var(--dark-grey);
  border-color: var(--dark-grey);
}
.button--dark:focus {
  background-color: var(--dark);
  border-color: var(--dark);
}
.button--inverted {
  background-color: var(--dark);
  border-color: var(--light);
}
.button--inverted:hover {
  background-color: var(--dark-grey);
}
.button--inverted:focus {
  background-color: var(--dark);
  border-color: var(--dark);
}
.button--highlight {
  background-color: var(--engine-orange);
  border-color: var(--engine-orange);
}
.button--highlight:hover {
  background-color: var(--engine-light-orange);
  border-color: var(--engine-light-orange);
}
.button--highlight:focus {
  background-color: var(--engine-orange);
  border-color: var(--engine-orange);
  box-shadow: 0 0 0 2px var(--dark);
}
.button--large {
  padding: 16px 45px;
}
.button--full-width {
  width: 100%;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.button--active .button__icon {
  transition: transform linear 300ms;
  background-color: var(--dark);
  border-color: var(--dark);
}
.button--active .button__icon--top {
  transform: rotate(270deg);
}
.button--active .button__icon--right {
  transform: rotate(180deg);
  margin-left: 16px;
}
.button--active .button__icon--bottom {
  transform: rotate(270deg);
}
.button--active .button__icon--left {
  transform: rotate(360deg);
  margin-right: 16px;
}
/* --- Squared Button --- */
.squared-button {
  max-width: 100%;
  max-height: 100%;
  width: 40px;
  height: 40px;
  padding: 8px;
  background-color: var(--light);
  border: 1px solid;
  border-color: var(--dark);
}
@media (min-width: 992px) {
  .squared-button {
    width: 50px;
    height: 50px;
  }
}
.squared-button:hover {
  background-color: var(--light-grey-engine);
}
.squared-button:focus {
  outline: 0px;
  box-shadow: 0 0 0 2px var(--engine-orange);
}
.squared-button__icon {
  width: 100%;
  height: auto;
  stroke: var(--dark);
}
.squared-button__icon--light {
  stroke: var(--light);
}
.squared-button__icon--top {
  transform: rotate(90deg);
}
.squared-button__icon--right {
  transform: rotate(180deg);
}
.squared-button__icon--bottom {
  transform: rotate(270deg);
}
.squared-button__icon--left {
  transform: rotate(360deg);
}
.squared-button--dark {
  background-color: var(--dark);
  border-color: var(--dark);
}
.squared-button--dark:hover {
  background-color: var(--dark-grey);
  border-color: var(--dark-grey);
}
/* --- Accessbility Button --- */
.acc-button {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  border: 1px solid;
  border-color: #000000;
  background-color: #000000;
  margin-bottom: 8px;
  height: 130px;
  padding: 8px;
}
@media (min-width: 576px) {
  .acc-button {
    height: 144px;
    padding: 16px;
  }
}
.acc-button:hover {
  background-color: #FF6700;
}
.acc-button:focus {
  outline: 0px;
  box-shadow: 0 0 0 2px var(--engine-orange);
}
.acc-button__text {
  font-family: "DIN Next LT Pro Light";
  font-size: 14px;
  color: #FFFFFF;
}
@media (min-width: 992px) {
  .acc-button__text {
    font-size: 16px;
  }
}
.acc-button__text--active {
  color: #000000;
}
.acc-button--active {
  background-color: #FF6700;
}
.acc-button--active:hover {
  background-color: #FF6700;
}
/* --- Accessbility Button List --- */
.acc-settings-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  margin: 0;
}
.acc-settings-list__item {
  flex-basis: 48%;
}
.squared-button--acc-setting {
  display: none;
}
.cta__content {
  color: var(--light);
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .cta__content {
    margin-bottom: 16px;
  }
}
.cta__arrow {
  position: absolute;
  right: 0;
  bottom: 0;
  padding-right: 16px;
  padding-bottom: 16px;
}
@media (min-width: 992px) {
  .cta__arrow {
    padding-right: 24px;
    padding-bottom: 24px;
  }
}
.cta__icon {
  stroke: var(--light);
  height: 24px;
}
.cta__icon--right {
  transform: rotate(180deg);
}
.cta__text {
  font-size: 1.875em;
}
@media (min-width: 992px) {
  .cta__text {
    font-size: 2em;
  }
}
.cta__link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100px;
  padding: 16px;
  background-color: var(--engine-orange);
  border: 2px solid var(--engine-orange);
  text-align: left;
  color: var(--light);
  text-decoration: none;
}
@media (min-width: 768px) {
  .cta__link {
    min-height: 130px;
  }
}
@media (min-width: 992px) {
  .cta__link {
    padding: 24px;
  }
}
@media (min-width: 1200px) {
  .cta__link {
    min-height: 160px;
  }
}
.cta__link:hover {
  background-color: var(--engine-light-orange);
}
.cta__link:focus {
  box-shadow: 0 0 0 2px var(--dark);
}
.counter {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  background: #FF6700;
}
.counter__item {
  text-align: center;
}
@media (min-width: 992px) {
  .counter__item {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
.counter__link {
  display: block;
  color: #000000;
  text-decoration: none;
}
.counter__link:hover {
  color: #000000;
}
.counter__link:focus {
  box-shadow: 0 0 0 2px #000000;
}
.counter__wrapper {
  padding-top: 24px;
  padding-bottom: 24px;
  color: var(--light);
}
.counter__number {
  font-family: "DIN Next LT Pro Bold";
  font-size: 3.5em;
  line-height: 90%;
  display: block;
}
@media (min-width: 992px) {
  .counter__number {
    font-size: 4.5em;
  }
}
.counter__label {
  font-family: "DIN Next LT Pro Regular";
  font-size: 1.875em;
}
@media (min-width: 992px) {
  .counter__label {
    font-size: 2em;
  }
}
.logo-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
}
@media (min-width: 992px) {
  .logo-list {
    margin-left: -16px;
    margin-right: -16px;
  }
}
.logo-list__item {
  flex-basis: calc(50% - 20px);
  margin: 8px;
}
@media (min-width: 992px) {
  .logo-list__item {
    margin: 16px;
  }
}
@media (min-width: 992px) {
  .logo-list__item--col-25 {
    flex-basis: calc(25% - 40px);
  }
}
@media (min-width: 992px) {
  .logo-list__item--col-50 {
    flex-basis: calc(33% - 30px);
  }
}
.logo-wall-item__link {
  display: block;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .logo-wall-item__link {
    margin-bottom: 16px;
  }
}
.logo-wall-item__link:hover {
  opacity: 0.7;
}
.logo-wall-item__wrapper {
  border: 1px solid var(--dark-grey-engine);
  padding: 8px;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .logo-wall-item__wrapper {
    margin-bottom: 16px;
  }
}
.logo-wall-item__source {
  width: 100%;
  height: 100%;
}
.logo-wall-item__description {
  font-family: "DIN Next LT Pro Light";
  font-size: 1em;
  color: var(--dark-grey);
}
@media (min-width: 992px) {
  .logo-wall-item__description {
    font-size: 1em;
  }
}
.logo-row {
  display: flex;
  flex-direction: row;
}
.logo-row-image {
  height: auto;
  width: 100%;
  max-height: 80px;
  padding-right: 20px;
}
body {
  font-family: "DIN Next LT Pro Regular";
  font-size: 1em;
  color: var(--dark);
  background-color: var(--light);
}
@media (min-width: 992px) {
  body {
    font-size: 1em;
  }
}
body.mouse-focus a:focus, body.mouse-focus button:focus {
  outline: 0;
  outline-offset: 0;
  box-shadow: none;
}
h1 {
  font-family: "DIN Next LT Pro Regular";
  font-size: 3em;
}
@media (min-width: 992px) {
  h1 {
    font-size: 3.375em;
  }
}
h2 {
  font-family: "DIN Next LT Pro Regular";
  font-size: 2.5em;
}
@media (min-width: 992px) {
  h2 {
    font-size: 2.875em;
  }
}
h3 {
  font-family: "DIN Next LT Pro Regular";
  font-size: 1.875em;
}
@media (min-width: 992px) {
  h3 {
    font-size: 2em;
  }
}
h4 {
  font-family: "DIN Next LT Pro Regular";
  font-size: 1em;
}
@media (min-width: 992px) {
  h4 {
    font-size: 1em;
  }
}
p {
  font-family: "DIN Next LT Pro Regular";
  font-size: 1em;
}
@media (min-width: 992px) {
  p {
    font-size: 1em;
  }
}
a {
  font-family: "DIN Next LT Pro Regular";
  font-size: 1em;
  color: var(--engine-orange);
  text-decoration: underline;
}
@media (min-width: 992px) {
  a {
    font-size: 1em;
  }
}
a:hover {
  color: var(--engine-orange);
  text-decoration: none;
}
a:focus {
  outline: 0px;
  box-shadow: 0 0 0 2px var(--engine-orange);
}
/* CE Header */
.ce-header__title {
  font-family: "DIN Next LT Pro Regular";
  font-size: 1em;
  color: #595959;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .ce-header__title {
    font-size: 1.125em;
  }
}
@media (min-width: 992px) {
  .ce-header__title {
    margin-bottom: 32px;
  }
}
.ce-header__title--right {
  text-align: right;
}
.ce-header__title--center {
  text-align: center;
}
.ce-header__title--small {
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .ce-header__title--small {
    margin-bottom: 16px;
  }
}
.ce-header__subtitle {
  font-family: "DIN Next LT Pro Regular";
  font-size: 1em;
  color: #595959;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .ce-header__subtitle {
    font-size: 1em;
  }
}
@media (min-width: 992px) {
  .ce-header__subtitle {
    margin-bottom: 32px;
  }
}
.ce-header__subtitle--right {
  text-align: right;
}
.ce-header__subtitle--center {
  text-align: center;
}
/* Frame Space Before */
.frame-space-before-none {
  padding-top: 0;
}
.frame-space-before-xs {
  padding-top: 35px;
}
.frame-space-before-sm {
  padding-top: 35px;
}
@media (min-width: 992px) {
  .frame-space-before-sm {
    padding-top: 55px;
  }
}
.frame-space-before-default {
  padding-top: 55px;
}
@media (min-width: 992px) {
  .frame-space-before-default {
    padding-top: 70px;
  }
}
.frame-space-before-lg {
  padding-top: 70px;
}
@media (min-width: 992px) {
  .frame-space-before-lg {
    padding-top: 90px;
  }
}
.frame-space-before-xl {
  padding-top: 90px;
}
@media (min-width: 992px) {
  .frame-space-before-xl {
    padding-top: 105px;
  }
}
.frame-space-before-xxl {
  padding-top: 90px;
}
@media (min-width: 992px) {
  .frame-space-before-xxl {
    padding-top: 120px;
  }
}
/* Frame Spaces After */
.frame-space-after-none {
  padding-bottom: 0;
}
.frame-space-after-xs {
  padding-bottom: 35px;
}
.frame-space-after-sm {
  padding-bottom: 35px;
}
@media (min-width: 992px) {
  .frame-space-after-sm {
    padding-bottom: 55px;
  }
}
.frame-space-after-default {
  padding-bottom: 55px;
}
@media (min-width: 992px) {
  .frame-space-after-default {
    padding-bottom: 70px;
  }
}
.frame-space-after-lg {
  padding-bottom: 70px;
}
@media (min-width: 992px) {
  .frame-space-after-lg {
    padding-bottom: 90px;
  }
}
.frame-space-after-xl {
  padding-bottom: 90px;
}
@media (min-width: 992px) {
  .frame-space-after-xl {
    padding-bottom: 105px;
  }
}
.frame-space-after-xxl {
  padding-bottom: 90px;
}
@media (min-width: 992px) {
  .frame-space-after-xxl {
    padding-bottom: 120px;
  }
}
main {
  min-height: 50vh;
}
.area-change-button {
  display: none;
}
.image {
  position: relative;
  margin: 0px;
}
.image__source {
  width: 100%;
  height: auto;
}
.image__caption {
  font-family: "DIN Next LT Pro Regular";
  font-size: 0.625em;
  padding-top: 8px;
  color: var(--dark);
}
@media (min-width: 992px) {
  .image__caption {
    font-size: 0.75em;
  }
}
@media (min-width: 992px) {
  .image__caption {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 16px;
    padding-right: 16px;
    background-color: var(--dark);
    color: var(--light);
  }
}
.frame-no-grid .image__caption {
  padding-left: 25px;
}
@media (min-width: 576px) {
  .frame-no-grid .image__caption {
    padding-left: 15px;
    margin-left: 8.333333%;
  }
}
@media (min-width: 992px) {
  .frame-no-grid .image__caption {
    margin-left: 0;
  }
}
.icon {
  width: 100%;
  height: auto;
  stroke: var(--dark);
}
.icon--light {
  stroke: var(--light);
}
.icon--fixed-color {
  stroke: #000000;
}
.icon--fixed-color-light {
  stroke: #FFFFFF;
}
.icon--top {
  transform: rotate(90deg);
}
.icon--right {
  transform: rotate(180deg);
}
.icon--bottom {
  transform: rotate(270deg);
}
.icon--left {
  transform: rotate(360deg);
}
.list-ordered__item {
  display: -ms-flexbox;
  display: flex;
}
.list-ordered__iterator {
  color: var(--engine-orange);
  font-size: 5.313em;
  line-height: 90%;
  font-family: "DIN Next LT Pro Bold";
  text-shadow: 6px 6px 0px var(--light-grey);
  margin-right: 24px;
}
@media (min-width: 992px) {
  .list-ordered__iterator {
    font-size: 7.5em;
  }
}
.list-ordered__header {
  font-family: "DIN Next LT Pro Bold";
  font-size: 1.2em;
  font-weight: 500;
}
@media (min-width: 992px) {
  .list-ordered__header {
    font-size: 1.525em;
  }
}
.list-ordered__body {
  font-size: 1em;
  margin-top: 8px;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .list-ordered__body {
    font-size: 1.125em;
  }
}
.list-ordered .no-list-styles {
  list-style: none;
}
.frame-type-flux_orderedlist .ce-header__title {
  font-size: 1.2em;
  color: #CCCCCC;
}
@media (min-width: 992px) {
  .frame-type-flux_orderedlist .ce-header__title {
    font-size: 1.725em;
  }
}
.intro-text {
  max-width: 762px;
}
.intro-text span {
  position: relative;
  text-decoration: none;
  background: linear-gradient(var(--engine-orange), var(--engine-orange)) left bottom no-repeat;
  background-position-y: bottom;
  background-size: auto;
  background-size: 0% 5px;
  transition: all 0.5s;
  background-position-y: 40px !important;
  animation: 2s animate_intro forwards;
}
@media (min-width: 992px) {
  .intro-text span {
    background-position-y: 50px !important;
  }
}
body.acc-text-size-3 .intro-text span {
  background-position-y: 100px !important;
}
@keyframes animate_intro {
  0% {
    background-size: 0% 5px;
  }
  100% {
    background-size: 100% 5px;
  }
}
body.acc-text-size-3 .process-box-container .process-box p {
  line-break: anywhere;
}
.reference-slider__slide-item {
  position: relative;
}
.reference-slider__slide-item:hover .reference-slider__slide-overlay {
  opacity: 0.8;
}
.reference-slider__slide-img {
  object-fit: cover;
  height: 400px;
}
@media (min-width: 992px) {
  .reference-slider__slide-img {
    height: 662px;
  }
}
.reference-slider__slide-title {
  font-family: "DIN Next LT Pro Medium";
  font-size: 1.2em;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
@media (min-width: 992px) {
  .reference-slider__slide-title {
    font-size: 1.725em;
  }
}
.reference-slider__slide-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s ease;
  background-color: black;
}
.reference-slider__slide .col-sm-10 {
  flex: 0 0 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
.reference-slider .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23010101'%2F%3E%3C%2Fsvg%3E") !important;
  padding: 32px !important;
  background-color: #FFFFFF !important;
  top: 62px !important;
  border: 0;
  display: none;
}
.reference-slider .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23010101'%2F%3E%3C%2Fsvg%3E") !important;
  padding: 32px !important;
  background-color: #FFFFFF !important;
  top: 62px !important;
  border: 0;
  display: none;
}
.frame-type-flux_referenceslider .ce-header__title {
  font-size: 1.2em;
  color: #CCCCCC;
}
@media (min-width: 992px) {
  .frame-type-flux_referenceslider .ce-header__title {
    font-size: 1.725em;
  }
}
body {
  overflow-x: hidden;
}
.job-slider__slide-item {
  position: relative;
  height: 250px;
  background-color: var(--light-grey);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease;
}
@media (min-width: 992px) {
  .job-slider__slide-item {
    height: 400px;
  }
}
.job-slider__slide-item:hover {
  background-color: var(--dark);
  opacity: 0.6;
}
.job-slider__slide-item:hover p {
  color: var(--light);
}
.job-slider__slide-link {
  text-decoration: none !important;
}
.job-slider__slide-title {
  font-family: "DIN Next LT Pro Regular";
  font-size: 2.5em;
  color: var(--dark);
  text-align: center;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
@media (min-width: 992px) {
  .job-slider__slide-title {
    font-size: 2.875em;
  }
}
.job-slider__slide .col-sm-10 {
  flex: 0 0 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
body.acc-text-size-3 .job-slider__slide-item {
  height: 600px;
  line-break: anywhere;
}
.frame-type-flux_slidercontainer .swiper-scrollbar {
  display: none;
}
.swiper-button-next {
  background: url(../Images/arrow-right.png) no-repeat 0 0 !important;
  background-size: 9px !important;
}
.swiper-button-prev {
  background: url(../Images/arrow-left.png) no-repeat 0 0 !important;
  background-size: 9px !important;
}
@media only screen and (min-width: 768px) {
  .timeline h2 {
    font-size: 2.7rem;
  }
  .timeline p {
    font-size: 1.5rem;
  }
}
.timeline h2 {
  font-weight: bold;
  font-size: 2.6rem;
  font-family: "DIN Next LT Pro Regular";
  font-weight: 700;
  line-height: 1.2;
}
.timeline p {
  font-size: 1.4rem;
  color: #959595;
}
.imageservicelist__item {
  padding: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--grey);
}
.imageservicelist__item:last-of-type {
  border-bottom: 0px;
}
.imageservicelist__link {
  width: 100%;
  justify-content: space-between;
  display: flex;
  align-items: center;
  color: var(--dark);
  text-decoration: none;
  font-size: 1.875em;
}
@media (min-width: 992px) {
  .imageservicelist__link {
    font-size: 2em;
  }
}
.imageservicelist__link:hover {
  text-decoration: none;
}
.imageservicelist__link svg {
  height: 20px;
}
.imageservicelist__header {
  font-size: 1.2em;
  color: var(--grey);
}
@media (min-width: 992px) {
  .imageservicelist__header {
    font-size: 1.725em;
  }
}
.imageservicelist img {
  margin-bottom: 25px;
}
@media (min-width: 992px) {
  .imageservicelist img {
    margin-bottom: 0px;
  }
}
.skills__header {
  margin-bottom: 24px;
  margin-top: 24px;
}
@media (min-width: 768px) {
  .skills__header {
    margin-top: 32px;
    padding-right: 32px;
    padding-left: 32px;
  }
}
@media (min-width: 992px) {
  .skills__header {
    margin-bottom: 32px;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.skills__headline {
  font-family: "DIN Next LT Pro Bold";
  font-size: 1em;
}
@media (min-width: 992px) {
  .skills__headline {
    font-size: 1em;
  }
}
.skills .ce-progress {
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .skills .ce-progress {
    padding-right: 32px;
    padding-left: 32px;
  }
}
@media (min-width: 992px) {
  .skills .ce-progress {
    margin-bottom: 45px;
    padding-right: 0;
    padding-left: 0;
  }
}
.skills .ce-progress__label {
  font-family: "DIN Next LT Pro Medium";
  font-size: 1em;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .skills .ce-progress__label {
    font-size: 1em;
  }
}
@media (min-width: 992px) {
  .skills .ce-progress__label {
    margin-bottom: 16px;
  }
}
.skills .ce-progress .progress {
  background-color: inherit;
  border: 1px solid var(--dark-grey);
  border-radius: 0;
  height: 4px;
}
.skills .ce-progress .progress .progress-bar {
  background-color: var(--dark-grey);
}
.skills .ce-progress:last-of-type {
  margin-bottom: 0;
}
.progress-bar--length-1 {
  width: 1%;
  animation: load-progress--1 3s normal forwards;
}
@keyframes load-progress--1 {
  0% {
    width: 0;
  }
  100% {
    width: 1;
  }
}
.progress-bar--length-2 {
  width: 2%;
  animation: load-progress--2 3s normal forwards;
}
@keyframes load-progress--2 {
  0% {
    width: 0;
  }
  100% {
    width: 2;
  }
}
.progress-bar--length-3 {
  width: 3%;
  animation: load-progress--3 3s normal forwards;
}
@keyframes load-progress--3 {
  0% {
    width: 0;
  }
  100% {
    width: 3;
  }
}
.progress-bar--length-4 {
  width: 4%;
  animation: load-progress--4 3s normal forwards;
}
@keyframes load-progress--4 {
  0% {
    width: 0;
  }
  100% {
    width: 4;
  }
}
.progress-bar--length-5 {
  width: 5%;
  animation: load-progress--5 3s normal forwards;
}
@keyframes load-progress--5 {
  0% {
    width: 0;
  }
  100% {
    width: 5;
  }
}
.progress-bar--length-6 {
  width: 6%;
  animation: load-progress--6 3s normal forwards;
}
@keyframes load-progress--6 {
  0% {
    width: 0;
  }
  100% {
    width: 6;
  }
}
.progress-bar--length-7 {
  width: 7%;
  animation: load-progress--7 3s normal forwards;
}
@keyframes load-progress--7 {
  0% {
    width: 0;
  }
  100% {
    width: 7;
  }
}
.progress-bar--length-8 {
  width: 8%;
  animation: load-progress--8 3s normal forwards;
}
@keyframes load-progress--8 {
  0% {
    width: 0;
  }
  100% {
    width: 8;
  }
}
.progress-bar--length-9 {
  width: 9%;
  animation: load-progress--9 3s normal forwards;
}
@keyframes load-progress--9 {
  0% {
    width: 0;
  }
  100% {
    width: 9;
  }
}
.progress-bar--length-10 {
  width: 10%;
  animation: load-progress--10 3s normal forwards;
}
@keyframes load-progress--10 {
  0% {
    width: 0;
  }
  100% {
    width: 10;
  }
}
.progress-bar--length-11 {
  width: 11%;
  animation: load-progress--11 3s normal forwards;
}
@keyframes load-progress--11 {
  0% {
    width: 0;
  }
  100% {
    width: 11;
  }
}
.progress-bar--length-12 {
  width: 12%;
  animation: load-progress--12 3s normal forwards;
}
@keyframes load-progress--12 {
  0% {
    width: 0;
  }
  100% {
    width: 12;
  }
}
.progress-bar--length-13 {
  width: 13%;
  animation: load-progress--13 3s normal forwards;
}
@keyframes load-progress--13 {
  0% {
    width: 0;
  }
  100% {
    width: 13;
  }
}
.progress-bar--length-14 {
  width: 14%;
  animation: load-progress--14 3s normal forwards;
}
@keyframes load-progress--14 {
  0% {
    width: 0;
  }
  100% {
    width: 14;
  }
}
.progress-bar--length-15 {
  width: 15%;
  animation: load-progress--15 3s normal forwards;
}
@keyframes load-progress--15 {
  0% {
    width: 0;
  }
  100% {
    width: 15;
  }
}
.progress-bar--length-16 {
  width: 16%;
  animation: load-progress--16 3s normal forwards;
}
@keyframes load-progress--16 {
  0% {
    width: 0;
  }
  100% {
    width: 16;
  }
}
.progress-bar--length-17 {
  width: 17%;
  animation: load-progress--17 3s normal forwards;
}
@keyframes load-progress--17 {
  0% {
    width: 0;
  }
  100% {
    width: 17;
  }
}
.progress-bar--length-18 {
  width: 18%;
  animation: load-progress--18 3s normal forwards;
}
@keyframes load-progress--18 {
  0% {
    width: 0;
  }
  100% {
    width: 18;
  }
}
.progress-bar--length-19 {
  width: 19%;
  animation: load-progress--19 3s normal forwards;
}
@keyframes load-progress--19 {
  0% {
    width: 0;
  }
  100% {
    width: 19;
  }
}
.progress-bar--length-20 {
  width: 20%;
  animation: load-progress--20 3s normal forwards;
}
@keyframes load-progress--20 {
  0% {
    width: 0;
  }
  100% {
    width: 20;
  }
}
.progress-bar--length-21 {
  width: 21%;
  animation: load-progress--21 3s normal forwards;
}
@keyframes load-progress--21 {
  0% {
    width: 0;
  }
  100% {
    width: 21;
  }
}
.progress-bar--length-22 {
  width: 22%;
  animation: load-progress--22 3s normal forwards;
}
@keyframes load-progress--22 {
  0% {
    width: 0;
  }
  100% {
    width: 22;
  }
}
.progress-bar--length-23 {
  width: 23%;
  animation: load-progress--23 3s normal forwards;
}
@keyframes load-progress--23 {
  0% {
    width: 0;
  }
  100% {
    width: 23;
  }
}
.progress-bar--length-24 {
  width: 24%;
  animation: load-progress--24 3s normal forwards;
}
@keyframes load-progress--24 {
  0% {
    width: 0;
  }
  100% {
    width: 24;
  }
}
.progress-bar--length-25 {
  width: 25%;
  animation: load-progress--25 3s normal forwards;
}
@keyframes load-progress--25 {
  0% {
    width: 0;
  }
  100% {
    width: 25;
  }
}
.progress-bar--length-26 {
  width: 26%;
  animation: load-progress--26 3s normal forwards;
}
@keyframes load-progress--26 {
  0% {
    width: 0;
  }
  100% {
    width: 26;
  }
}
.progress-bar--length-27 {
  width: 27%;
  animation: load-progress--27 3s normal forwards;
}
@keyframes load-progress--27 {
  0% {
    width: 0;
  }
  100% {
    width: 27;
  }
}
.progress-bar--length-28 {
  width: 28%;
  animation: load-progress--28 3s normal forwards;
}
@keyframes load-progress--28 {
  0% {
    width: 0;
  }
  100% {
    width: 28;
  }
}
.progress-bar--length-29 {
  width: 29%;
  animation: load-progress--29 3s normal forwards;
}
@keyframes load-progress--29 {
  0% {
    width: 0;
  }
  100% {
    width: 29;
  }
}
.progress-bar--length-30 {
  width: 30%;
  animation: load-progress--30 3s normal forwards;
}
@keyframes load-progress--30 {
  0% {
    width: 0;
  }
  100% {
    width: 30;
  }
}
.progress-bar--length-31 {
  width: 31%;
  animation: load-progress--31 3s normal forwards;
}
@keyframes load-progress--31 {
  0% {
    width: 0;
  }
  100% {
    width: 31;
  }
}
.progress-bar--length-32 {
  width: 32%;
  animation: load-progress--32 3s normal forwards;
}
@keyframes load-progress--32 {
  0% {
    width: 0;
  }
  100% {
    width: 32;
  }
}
.progress-bar--length-33 {
  width: 33%;
  animation: load-progress--33 3s normal forwards;
}
@keyframes load-progress--33 {
  0% {
    width: 0;
  }
  100% {
    width: 33;
  }
}
.progress-bar--length-34 {
  width: 34%;
  animation: load-progress--34 3s normal forwards;
}
@keyframes load-progress--34 {
  0% {
    width: 0;
  }
  100% {
    width: 34;
  }
}
.progress-bar--length-35 {
  width: 35%;
  animation: load-progress--35 3s normal forwards;
}
@keyframes load-progress--35 {
  0% {
    width: 0;
  }
  100% {
    width: 35;
  }
}
.progress-bar--length-36 {
  width: 36%;
  animation: load-progress--36 3s normal forwards;
}
@keyframes load-progress--36 {
  0% {
    width: 0;
  }
  100% {
    width: 36;
  }
}
.progress-bar--length-37 {
  width: 37%;
  animation: load-progress--37 3s normal forwards;
}
@keyframes load-progress--37 {
  0% {
    width: 0;
  }
  100% {
    width: 37;
  }
}
.progress-bar--length-38 {
  width: 38%;
  animation: load-progress--38 3s normal forwards;
}
@keyframes load-progress--38 {
  0% {
    width: 0;
  }
  100% {
    width: 38;
  }
}
.progress-bar--length-39 {
  width: 39%;
  animation: load-progress--39 3s normal forwards;
}
@keyframes load-progress--39 {
  0% {
    width: 0;
  }
  100% {
    width: 39;
  }
}
.progress-bar--length-40 {
  width: 40%;
  animation: load-progress--40 3s normal forwards;
}
@keyframes load-progress--40 {
  0% {
    width: 0;
  }
  100% {
    width: 40;
  }
}
.progress-bar--length-41 {
  width: 41%;
  animation: load-progress--41 3s normal forwards;
}
@keyframes load-progress--41 {
  0% {
    width: 0;
  }
  100% {
    width: 41;
  }
}
.progress-bar--length-42 {
  width: 42%;
  animation: load-progress--42 3s normal forwards;
}
@keyframes load-progress--42 {
  0% {
    width: 0;
  }
  100% {
    width: 42;
  }
}
.progress-bar--length-43 {
  width: 43%;
  animation: load-progress--43 3s normal forwards;
}
@keyframes load-progress--43 {
  0% {
    width: 0;
  }
  100% {
    width: 43;
  }
}
.progress-bar--length-44 {
  width: 44%;
  animation: load-progress--44 3s normal forwards;
}
@keyframes load-progress--44 {
  0% {
    width: 0;
  }
  100% {
    width: 44;
  }
}
.progress-bar--length-45 {
  width: 45%;
  animation: load-progress--45 3s normal forwards;
}
@keyframes load-progress--45 {
  0% {
    width: 0;
  }
  100% {
    width: 45;
  }
}
.progress-bar--length-46 {
  width: 46%;
  animation: load-progress--46 3s normal forwards;
}
@keyframes load-progress--46 {
  0% {
    width: 0;
  }
  100% {
    width: 46;
  }
}
.progress-bar--length-47 {
  width: 47%;
  animation: load-progress--47 3s normal forwards;
}
@keyframes load-progress--47 {
  0% {
    width: 0;
  }
  100% {
    width: 47;
  }
}
.progress-bar--length-48 {
  width: 48%;
  animation: load-progress--48 3s normal forwards;
}
@keyframes load-progress--48 {
  0% {
    width: 0;
  }
  100% {
    width: 48;
  }
}
.progress-bar--length-49 {
  width: 49%;
  animation: load-progress--49 3s normal forwards;
}
@keyframes load-progress--49 {
  0% {
    width: 0;
  }
  100% {
    width: 49;
  }
}
.progress-bar--length-50 {
  width: 50%;
  animation: load-progress--50 3s normal forwards;
}
@keyframes load-progress--50 {
  0% {
    width: 0;
  }
  100% {
    width: 50;
  }
}
.progress-bar--length-51 {
  width: 51%;
  animation: load-progress--51 3s normal forwards;
}
@keyframes load-progress--51 {
  0% {
    width: 0;
  }
  100% {
    width: 51;
  }
}
.progress-bar--length-52 {
  width: 52%;
  animation: load-progress--52 3s normal forwards;
}
@keyframes load-progress--52 {
  0% {
    width: 0;
  }
  100% {
    width: 52;
  }
}
.progress-bar--length-53 {
  width: 53%;
  animation: load-progress--53 3s normal forwards;
}
@keyframes load-progress--53 {
  0% {
    width: 0;
  }
  100% {
    width: 53;
  }
}
.progress-bar--length-54 {
  width: 54%;
  animation: load-progress--54 3s normal forwards;
}
@keyframes load-progress--54 {
  0% {
    width: 0;
  }
  100% {
    width: 54;
  }
}
.progress-bar--length-55 {
  width: 55%;
  animation: load-progress--55 3s normal forwards;
}
@keyframes load-progress--55 {
  0% {
    width: 0;
  }
  100% {
    width: 55;
  }
}
.progress-bar--length-56 {
  width: 56%;
  animation: load-progress--56 3s normal forwards;
}
@keyframes load-progress--56 {
  0% {
    width: 0;
  }
  100% {
    width: 56;
  }
}
.progress-bar--length-57 {
  width: 57%;
  animation: load-progress--57 3s normal forwards;
}
@keyframes load-progress--57 {
  0% {
    width: 0;
  }
  100% {
    width: 57;
  }
}
.progress-bar--length-58 {
  width: 58%;
  animation: load-progress--58 3s normal forwards;
}
@keyframes load-progress--58 {
  0% {
    width: 0;
  }
  100% {
    width: 58;
  }
}
.progress-bar--length-59 {
  width: 59%;
  animation: load-progress--59 3s normal forwards;
}
@keyframes load-progress--59 {
  0% {
    width: 0;
  }
  100% {
    width: 59;
  }
}
.progress-bar--length-60 {
  width: 60%;
  animation: load-progress--60 3s normal forwards;
}
@keyframes load-progress--60 {
  0% {
    width: 0;
  }
  100% {
    width: 60;
  }
}
.progress-bar--length-61 {
  width: 61%;
  animation: load-progress--61 3s normal forwards;
}
@keyframes load-progress--61 {
  0% {
    width: 0;
  }
  100% {
    width: 61;
  }
}
.progress-bar--length-62 {
  width: 62%;
  animation: load-progress--62 3s normal forwards;
}
@keyframes load-progress--62 {
  0% {
    width: 0;
  }
  100% {
    width: 62;
  }
}
.progress-bar--length-63 {
  width: 63%;
  animation: load-progress--63 3s normal forwards;
}
@keyframes load-progress--63 {
  0% {
    width: 0;
  }
  100% {
    width: 63;
  }
}
.progress-bar--length-64 {
  width: 64%;
  animation: load-progress--64 3s normal forwards;
}
@keyframes load-progress--64 {
  0% {
    width: 0;
  }
  100% {
    width: 64;
  }
}
.progress-bar--length-65 {
  width: 65%;
  animation: load-progress--65 3s normal forwards;
}
@keyframes load-progress--65 {
  0% {
    width: 0;
  }
  100% {
    width: 65;
  }
}
.progress-bar--length-66 {
  width: 66%;
  animation: load-progress--66 3s normal forwards;
}
@keyframes load-progress--66 {
  0% {
    width: 0;
  }
  100% {
    width: 66;
  }
}
.progress-bar--length-67 {
  width: 67%;
  animation: load-progress--67 3s normal forwards;
}
@keyframes load-progress--67 {
  0% {
    width: 0;
  }
  100% {
    width: 67;
  }
}
.progress-bar--length-68 {
  width: 68%;
  animation: load-progress--68 3s normal forwards;
}
@keyframes load-progress--68 {
  0% {
    width: 0;
  }
  100% {
    width: 68;
  }
}
.progress-bar--length-69 {
  width: 69%;
  animation: load-progress--69 3s normal forwards;
}
@keyframes load-progress--69 {
  0% {
    width: 0;
  }
  100% {
    width: 69;
  }
}
.progress-bar--length-70 {
  width: 70%;
  animation: load-progress--70 3s normal forwards;
}
@keyframes load-progress--70 {
  0% {
    width: 0;
  }
  100% {
    width: 70;
  }
}
.progress-bar--length-71 {
  width: 71%;
  animation: load-progress--71 3s normal forwards;
}
@keyframes load-progress--71 {
  0% {
    width: 0;
  }
  100% {
    width: 71;
  }
}
.progress-bar--length-72 {
  width: 72%;
  animation: load-progress--72 3s normal forwards;
}
@keyframes load-progress--72 {
  0% {
    width: 0;
  }
  100% {
    width: 72;
  }
}
.progress-bar--length-73 {
  width: 73%;
  animation: load-progress--73 3s normal forwards;
}
@keyframes load-progress--73 {
  0% {
    width: 0;
  }
  100% {
    width: 73;
  }
}
.progress-bar--length-74 {
  width: 74%;
  animation: load-progress--74 3s normal forwards;
}
@keyframes load-progress--74 {
  0% {
    width: 0;
  }
  100% {
    width: 74;
  }
}
.progress-bar--length-75 {
  width: 75%;
  animation: load-progress--75 3s normal forwards;
}
@keyframes load-progress--75 {
  0% {
    width: 0;
  }
  100% {
    width: 75;
  }
}
.progress-bar--length-76 {
  width: 76%;
  animation: load-progress--76 3s normal forwards;
}
@keyframes load-progress--76 {
  0% {
    width: 0;
  }
  100% {
    width: 76;
  }
}
.progress-bar--length-77 {
  width: 77%;
  animation: load-progress--77 3s normal forwards;
}
@keyframes load-progress--77 {
  0% {
    width: 0;
  }
  100% {
    width: 77;
  }
}
.progress-bar--length-78 {
  width: 78%;
  animation: load-progress--78 3s normal forwards;
}
@keyframes load-progress--78 {
  0% {
    width: 0;
  }
  100% {
    width: 78;
  }
}
.progress-bar--length-79 {
  width: 79%;
  animation: load-progress--79 3s normal forwards;
}
@keyframes load-progress--79 {
  0% {
    width: 0;
  }
  100% {
    width: 79;
  }
}
.progress-bar--length-80 {
  width: 80%;
  animation: load-progress--80 3s normal forwards;
}
@keyframes load-progress--80 {
  0% {
    width: 0;
  }
  100% {
    width: 80;
  }
}
.progress-bar--length-81 {
  width: 81%;
  animation: load-progress--81 3s normal forwards;
}
@keyframes load-progress--81 {
  0% {
    width: 0;
  }
  100% {
    width: 81;
  }
}
.progress-bar--length-82 {
  width: 82%;
  animation: load-progress--82 3s normal forwards;
}
@keyframes load-progress--82 {
  0% {
    width: 0;
  }
  100% {
    width: 82;
  }
}
.progress-bar--length-83 {
  width: 83%;
  animation: load-progress--83 3s normal forwards;
}
@keyframes load-progress--83 {
  0% {
    width: 0;
  }
  100% {
    width: 83;
  }
}
.progress-bar--length-84 {
  width: 84%;
  animation: load-progress--84 3s normal forwards;
}
@keyframes load-progress--84 {
  0% {
    width: 0;
  }
  100% {
    width: 84;
  }
}
.progress-bar--length-85 {
  width: 85%;
  animation: load-progress--85 3s normal forwards;
}
@keyframes load-progress--85 {
  0% {
    width: 0;
  }
  100% {
    width: 85;
  }
}
.progress-bar--length-86 {
  width: 86%;
  animation: load-progress--86 3s normal forwards;
}
@keyframes load-progress--86 {
  0% {
    width: 0;
  }
  100% {
    width: 86;
  }
}
.progress-bar--length-87 {
  width: 87%;
  animation: load-progress--87 3s normal forwards;
}
@keyframes load-progress--87 {
  0% {
    width: 0;
  }
  100% {
    width: 87;
  }
}
.progress-bar--length-88 {
  width: 88%;
  animation: load-progress--88 3s normal forwards;
}
@keyframes load-progress--88 {
  0% {
    width: 0;
  }
  100% {
    width: 88;
  }
}
.progress-bar--length-89 {
  width: 89%;
  animation: load-progress--89 3s normal forwards;
}
@keyframes load-progress--89 {
  0% {
    width: 0;
  }
  100% {
    width: 89;
  }
}
.progress-bar--length-90 {
  width: 90%;
  animation: load-progress--90 3s normal forwards;
}
@keyframes load-progress--90 {
  0% {
    width: 0;
  }
  100% {
    width: 90;
  }
}
.progress-bar--length-91 {
  width: 91%;
  animation: load-progress--91 3s normal forwards;
}
@keyframes load-progress--91 {
  0% {
    width: 0;
  }
  100% {
    width: 91;
  }
}
.progress-bar--length-92 {
  width: 92%;
  animation: load-progress--92 3s normal forwards;
}
@keyframes load-progress--92 {
  0% {
    width: 0;
  }
  100% {
    width: 92;
  }
}
.progress-bar--length-93 {
  width: 93%;
  animation: load-progress--93 3s normal forwards;
}
@keyframes load-progress--93 {
  0% {
    width: 0;
  }
  100% {
    width: 93;
  }
}
.progress-bar--length-94 {
  width: 94%;
  animation: load-progress--94 3s normal forwards;
}
@keyframes load-progress--94 {
  0% {
    width: 0;
  }
  100% {
    width: 94;
  }
}
.progress-bar--length-95 {
  width: 95%;
  animation: load-progress--95 3s normal forwards;
}
@keyframes load-progress--95 {
  0% {
    width: 0;
  }
  100% {
    width: 95;
  }
}
.progress-bar--length-96 {
  width: 96%;
  animation: load-progress--96 3s normal forwards;
}
@keyframes load-progress--96 {
  0% {
    width: 0;
  }
  100% {
    width: 96;
  }
}
.progress-bar--length-97 {
  width: 97%;
  animation: load-progress--97 3s normal forwards;
}
@keyframes load-progress--97 {
  0% {
    width: 0;
  }
  100% {
    width: 97;
  }
}
.progress-bar--length-98 {
  width: 98%;
  animation: load-progress--98 3s normal forwards;
}
@keyframes load-progress--98 {
  0% {
    width: 0;
  }
  100% {
    width: 98;
  }
}
.progress-bar--length-99 {
  width: 99%;
  animation: load-progress--99 3s normal forwards;
}
@keyframes load-progress--99 {
  0% {
    width: 0;
  }
  100% {
    width: 99;
  }
}
.progress-bar--length-100 {
  width: 100%;
  animation: load-progress--100 3s normal forwards;
}
@keyframes load-progress--100 {
  0% {
    width: 0;
  }
  100% {
    width: 100;
  }
}
.card__info {
  padding: 16px;
  padding-top: 32px;
}
.card--employee {
  margin-bottom: 45px;
  border: none;
  font-size: 1em;
}
@media (min-width: 992px) {
  .card--employee {
    font-size: 1.125em;
  }
}
.card__title {
  font-family: "DIN Next LT Pro Bold";
  font-size: 1em;
}
@media (min-width: 992px) {
  .card__title {
    font-size: 1.125em;
  }
}
.card__image {
  height: auto;
}
.card__position {
  font-family: "DIN Next LT Pro Bold";
  color: var(--dark-grey-engine);
}
/*ACC Settings */
body.acc-bg-color-0 .frame-type-flux_employeecard .card {
  background-color: black;
  color: white;
}
body.acc-bg-color-1 .frame-type-flux_employeecard .card {
  background-color: deeppink;
}
body.acc-bg-color-1 .frame-type-flux_employeecard .card-contact a {
  color: gold;
}
.text-media__bodytext p {
  font-family: "DIN Next LT Pro Regular";
  font-size: 1em;
  color: var(--dark);
}
@media (min-width: 992px) {
  .text-media__bodytext p {
    font-size: 1em;
  }
}
.text-media__bodytext--teaser {
  padding-left: 25px;
  padding-right: 25px;
}
@media (min-width: 576px) {
  .text-media__bodytext--teaser {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.text-media__bodytext--teaser p {
  font-size: 1em;
}
@media (min-width: 992px) {
  .text-media__bodytext--teaser p {
    font-size: 1.125em;
  }
}
.bodytext {
  font-family: "DIN Next LT Pro Regular";
}
.bodytext * {
  font-family: inherit;
}
.bodytext--dev {
  font-family: "Roboto";
  padding: 8px;
  background-color: #000000;
  color: #FFFFFF;
}
@media (min-width: 992px) {
  .bodytext--dev {
    padding: 16px;
  }
}
.frame-type-text bodytext {
  max-width: 960px;
}
.frame-type-flux_servicelist #ce-service-list {
  max-width: 960px;
}
.frame-type-flux_imagetext .imagetext__text {
  padding-left: 10px;
  padding-right: 10px;
}
.frame-type-flux_imagedescriptiontext .imagetext .order-last img {
  margin-top: 20px;
}
.cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: "mobile";
  display: none;
}
.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
}
.cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
  /* these are used to create a shadow effect at the sides of the timeline */
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
}
.cd-horizontal-timeline .events-wrapper::before {
  left: 0;
}
.cd-horizontal-timeline .events-wrapper::after {
  right: 0;
}
.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: white;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #707070;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1.3rem;
  padding-bottom: 15px;
  color: #383838;
  /* fix bug on Safari - text flickering while timeline translates */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  text-decoration: none;
}
.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: "";
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid white;
  background-color: #f8f8f8;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: #707070;
  border-color: #707070;
}
.cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
  background-color: #707070;
  border-color: #707070;
}
.cd-horizontal-timeline .events a.older-event::after {
  border-color: #707070;
}
@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {
    margin: 6em auto;
  }
  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: "desktop";
  }
}
.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
  /* arrow icon */
  content: "";
  position: absolute;
  height: 16px;
  width: 16px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.cd-timeline-navigation a.next::after {
  background: url(../Images/arrow-right.png) no-repeat 0 0;
  background-size: 9px;
  left: 64%;
}
.cd-timeline-navigation a.prev::after {
  background: url(../Images/arrow-right.png) no-repeat 0 0;
  background-size: 9px;
  left: 64%;
}
.cd-timeline-navigation a.prev {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
  right: 0;
}
.no-touch .cd-timeline-navigation a:hover {
  border-color: #707070;
}
.cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
  background-position: 0 -20px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
  border-color: #dfdfdf;
}
.cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s;
}
.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 0 5%;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 2.6rem;
  font-family: "DIN Next LT Pro Regular";
  font-weight: 700;
  line-height: 1.2;
}
.cd-horizontal-timeline .events-content em {
  display: none;
  font-style: italic;
  margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
  content: "- ";
}
.cd-horizontal-timeline .events-content p {
  font-size: 1.4rem;
  color: #959595;
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  .cd-horizontal-timeline .events-content h2 {
    font-size: 2.7rem;
  }
  .cd-horizontal-timeline .events-content em {
    font-size: 2rem;
  }
  .cd-horizontal-timeline .events-content p {
    font-size: 1.5rem;
  }
}
@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
.cd-horizontal-timeline ol {
  list-style: none;
}
.cd-horizontal-timeline ul {
  list-style: none;
}
.events-content em {
  display: none;
}
.events-content h2 {
  text-align: center;
}
.events-content p {
  text-align: center;
}
.events-content ol {
  padding: 0;
}
.events-content ul {
  padding: 0;
}
/* ACC SETTINGS */
body.acc-bg-color-0 .cd-horizontal-timeline .filling-line {
  color: black;
  background-color: black;
}
body.acc-bg-color-0 .cd-horizontal-timeline .events a.selected::after {
  background-color: black;
  border-color: black;
}
body.acc-bg-color-0 .cd-horizontal-timeline .events a {
  color: white;
}
body.acc-bg-color-0 .cd-horizontal-timeline .events-content p {
  color: white;
}
body.acc-bg-color-1 .cd-horizontal-timeline .filling-line {
  color: purple;
  background-color: purple;
}
body.acc-bg-color-1 .cd-horizontal-timeline .events a.selected::after {
  background-color: purple;
  border-color: purple;
}
body.acc-bg-color-1 .cd-horizontal-timeline .events a {
  color: purple;
}
body.acc-bg-color-1 .cd-horizontal-timeline .events-content p {
  color: purple;
}
@media (min-width: 992px) {
  .service-button-list {
    margin-left: -8px;
    margin-right: -8px;
  }
}
@media (min-width: 992px) {
  .service-button-list__item {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 20px;
  }
}
.service-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border: 1px solid;
  padding: 18px 20px;
  background-color: var(--light);
  border-color: var(--dark);
  text-decoration: none;
  width: 100%;
  margin-bottom: 8px;
}
.service-button:focus {
  outline: 0px;
  background-color: var(--light);
  border-color: var(--light);
  box-shadow: 0 0 0 2px var(--engine-orange);
}
.service-button:hover {
  background-color: var(--light-grey);
}
.service-button:last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .service-button {
    width: auto;
  }
}
.service-button__text {
  font-family: "DIN Next LT Pro Light";
  font-size: 0.875em;
  line-height: 100%;
  margin-bottom: -4px;
  text-transform: uppercase;
  color: var(--dark);
}
@media (min-width: 992px) {
  .service-button__text {
    font-size: 1em;
  }
}
.service-button__icon {
  display: -ms-flexbox;
  display: flex;
  width: 12px;
  height: 12px;
  stroke: var(--dark);
  margin-left: 16px;
  transition: transform linear 300ms;
  transform: rotate(90deg);
}
[aria-expanded="true"] .service-button__text {
  color: var(--light);
}
[aria-expanded="true"] .service-button__icon {
  transition: transform linear 300ms;
  stroke: var(--light);
  transform: rotate(270deg);
}
.service-button[aria-expanded="true"] {
  background-color: var(--dark);
  border-color: var(--dark);
}
.service-button[aria-expanded="true"]:hover {
  background-color: var(--dark-grey);
  border-color: var(--dark-grey);
}
.service-button[aria-expanded="true"]:focus {
  background-color: var(--dark);
  border-color: var(--dark);
}
.service-content {
  padding-top: 24px;
}
@media (min-width: 992px) {
  .service-content {
    padding-top: 32px;
  }
}
@media (min-width: 1200px) {
  .service-content {
    padding-top: 45px;
  }
}
.service-content__headline {
  font-family: "DIN Next LT Pro Regular";
  font-size: 2.5em;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .service-content__headline {
    font-size: 2.875em;
  }
}
@media (min-width: 992px) {
  .service-content__headline {
    margin-bottom: 24px;
  }
}
#engine-bot-svg {
  position: fixed;
  /* Fixierte Position */
  bottom: 10px;
  /* Abstand vom unteren Rand */
  right: -175px;
  /* Startposition außerhalb des sichtbaren Bereichs */
  width: 175px;
  /* Breite des SVGs */
  height: 175px;
  /* Höhe des SVGs */
  opacity: 0;
  /* Anfangs unsichtbar */
  z-index: 9999;
  /* Sicherstellen, dass es immer oben ist */
  transition: opacity 1.5s ease-in-out, right 1s ease-in;
  /* Übergänge für opacity und right */
  animation: float 1.5s ease-in-out infinite;
  /* Schwebe-Animation */
}
#engine-bot-svg:hover {
  cursor: pointer;
}
.blurred {
  filter: blur(5px);
  transition: filter 0.3s ease;
}
#sidebar-engine-bot {
  position: fixed;
  top: 0;
  right: -700px;
  width: 700px;
  height: 100%;
  background-color: var(--light);
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
  z-index: 10000;
  display: none;
  padding: 20px;
  color: var(--dark);
  transition: right 0.5s ease-in;
  display: block;
}
#sidebar-engine-bot.open {
  right: 0px;
}
#sidebar-engine-bot #chatContainer .chat-bubble.assistant-bubble:first-of-type {
  margin-top: 30px !important;
}
#sidebar-engine-bot #close-sidebar {
  display: block;
  position: absolute;
  right: 20px;
  border: none;
}
#sidebar-engine-bot #engine-bot-small-svg {
  display: block;
  position: absolute;
  left: 20px;
  width: 135px;
  height: auto;
}
#sidebar-engine-bot .engine-bot-sidebar-content {
  margin-top: 75px;
  height: 100%;
  padding-bottom: 100px;
}
#sidebar-engine-bot iframe {
  width: 100%;
  height: 100%;
  border: none !important;
}
#layout-animation.blurred, #layout-thin.blurred, #layout-sidebar-main.blurred, #layout-content.blurred, #page-content.blurred, .footer.blurred, .main-header.blurred {
  filter: blur(5px);
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@media (max-width: 992px) {
  #sidebar-engine-bot {
    width: 100% !important;
  }
  #sidebar-engine-bot:not(.open) {
    right: -100% !important;
  }
  #engine-bot-svg {
    width: 120px !important;
    height: 120px !important;
  }
}
@media (max-width: 768px) {
  #sidebar-engine-bot {
    width: 100% !important;
  }
  #sidebar-engine-bot:not(.open) {
    right: -100% !important;
  }
  #engine-bot-svg {
    width: 100px !important;
    height: 100px !important;
  }
}