/*-----------------------------------------------------------*/
/* Template                                                  */
/*-----------------------------------------------------------*/

body {
  -webkit-hyphenate-limit-chars: 6 3 3;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 3;
  -webkit-hyphenate-limit-lines: 2;

  -moz-hyphenate-limit-chars: 6 3 3;

  -ms-hyphenate-limit-lines: 2;
  -ms-hyphenate-limit-chars: 6 3 3;

  hyphenate-limit-chars: 6 3 3;
  hyphenate-limit-lines: 2;
  -webkit-font-smoothing: antialiased;
}

a {
  color: inherit;
}

svg {
  display: block;
}

/* Utility Classes */

[lang]:not([lang="de"]) [cb-lang-element="de"],
[lang]:not([lang="fr"]) [cb-lang-element="fr"],
[lang]:not([lang="it"]) [cb-lang-element="it"],
[lang]:not([lang="en"]) [cb-lang-element="en"] {
  display: none;
}

.utl__hidden {
  display: none;
}

.utl__inline {
  display: inline;
}

.utl__hyphens,
[cb-hyphens] {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

/* Hide Scrollbar */

[cb-scrollbar-hidden="true"]::-webkit-scrollbar,
.utl__scroller::-webkit-scrollbar,
.nav__link-wrapper::-webkit-scrollbar,
.j-jobs__container::-webkit-scrollbar,
.tvid__nav__section::-webkit-scrollbar,
.popup_section::-webkit-scrollbar,
.awards__collection-wrapper::-webkit-scrollbar {
  display: none;
}

.utl__scroller,
.nav__link-wrapper,
.j-jobs__container,
.tvid__nav__section,
.popup_section,
.awards__collection-wrapper {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

body.utl-locked {
  overflow: hidden !important;
}

/* remove webkit styles from Form Fields */

input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* Different CSS for touch devices */

@media (hover: hover) {
}

@media (hover: none) {
}

/* Rich Text */

.utl__rich-text ol li {
  counter-increment: step-counter;
  position: relative;
}

.utl__rich-text ol li::before {
  content: counter(step-counter);
  position: absolute;
  left: -40px;
  width: 26px;
  height: 26px;
  font-size: 14px;
  color: var(--text-medium);
  font-weight: 500;
  background-color: var(--box);
  border-radius: 99px;
  text-align: center;
  line-height: 28px;
  top: -2px;
}

.utl__rich-text ol li::marker {
  display: none;
  color: transparent;
}

.utl__rich-text > *:first-child {
  margin-top: 0;
  padding-top: 0;
}

.utl__rich-text .w-richtext-align-fullwidth.w-richtext-figure-type-image > div {
  width: 100%;
}

/* Colored selection */

/*
::selection {
  background: rgb(67, 83, 255);
  color: white;
}
::-moz-selection {
  background: rgb(67, 83, 255);
  color: white;
}
*/

/* Hides Headings and Links in the Header Symbols when they're empty */

.utl-header__text-wrapper .wf-empty,
.utl-header__text-wrapper *:empty,
.utl-header__wrapper .utl__button[href="#"] {
  display: none;
}

/* hides the last paragraph in rich text elements when they're empty */

.w-richtext p:last-child:empty {
  display: none;
}

.w-richtext > *:first-child {
  margin-top: 0;
}

/* hides the progressbar from Weglot */

body .wg-progress {
  background-color: transparent;
  box-shadow: none;
  display: none;
}

body .wg-progress-bar {
  background-color: transparent;
  box-shadow: none;
  display: none;
}

.noise__overlay,
.trans__overlay {
  pointer-events: none;
}

.w-condition-invisible + .utl__line {
  display: none;
}

/*-----------------------------------------------------------*/
/* Templates                                                 */
/*-----------------------------------------------------------*/

/* Modal */

.utl-modal.hidden,
.utl-modal__background {
  pointer-events: none;
}

.utl-modal__background * {
  pointer-events: auto;
}

.utl-modal {
  overflow-y: scroll;
}

.utl-modal.hidden .utl-modal__block {
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
  opacity: 0;
}

.utl-modal.hidden .utl-modal__background {
  opacity: 0;
}

/*-----------------------------------------------------------*/
/* Lenis Scroll                                              */
/*-----------------------------------------------------------*/

html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

/*-----------------------------------------------------------*/
/* Lang Switch                                               */
/*-----------------------------------------------------------*/

[lang="de"] [cb-langswitch-target="en"] .nav__link__text,
[lang="en"] [cb-langswitch-target="de"] .nav__link__text {
  opacity: 0.4;
}

/*
@media (hover:hover) {
  [lang="de"] [cb-langswitch-target=en]:hover .nav__link__text {
    color: rgb(255 255 255 / 100%);
  }
}
*/
@media screen and (max-width: 991px) {
  .lng-swt__wrapper .nav__link__text-wrapper {
    font-size: 20px;
  }
}

/*-----------------------------------------------------------*/
/* V2 – Transitions                                          */
/*-----------------------------------------------------------*/

body.transitioning,
.hh2__loading {
  cursor: wait !important;
}

body.transitioning * {
  pointer-events: none;
}

.nav__burger,
.nav__burger * {
  pointer-events: auto !important;
}

.barba__main,
.barba__main .utl__scroller {
  transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
  transition-duration: 1s;
  transition-property: all;
  transform: translateY(0%) scale(1);
}

.barba__main.page-unload {
  opacity: 0.3;
  background-color: grey;
  transform: translateY(-50%);
}

.barba__main.page-unload .utl__scroller {
  transform: scale(0.9);
}

@media (hover: hover) {
  .transitioning-indicator {
    display: none;
  }
}

body.transition-icon-visible .transitioning-indicator {
  opacity: 1;
  transition-delay: 1s;
}

/*-----------------------------------------------------------*/
/* Buttons                                                   */
/*-----------------------------------------------------------*/

.utl__button__text-wrapper:not(:first-child) {
  position: absolute;
  top: 100%;
}

.utl__button .button__circle {
  background-color: rgb(255 255 255 / 10%);
}

.utl__button .button__circle.active {
  width: calc(2 * var(--width));
  height: calc(2 * var(--width));
  top: calc(0px - var(--width));
  left: calc(0px - var(--width));
}

@media (hover: hover) {
  .utl__button:hover .utl__button__bg {
    transform: scale(0.95);
  }

  .utl__button:active .utl__button__bg {
    transform: scale(0.8);
  }

  .utl__button:hover .utl__button__text-wrapper {
    transform: translateY(-100%);
  }
}

.utl__button[cb-button-style="positive"] .utl__button__bg {
  background-color: var(--text);
}

.utl__button[cb-button-style="outline"] .utl__button__bg {
  background-color: transparent;
  border: 1px solid var(--border);
}

.utl__button[cb-button-style="positive"] {
  color: var(--black);
}

.utl__button__icon svg {
  width: 100%;
  height: 100%;
}

.utl__button[cb-button-style="default-multiply"] .utl__button__bg {
  background-color: var(--box);
}

.utl__button[cb-button-style="default-brighter"] .utl__button__bg {
  background-color: rgb(60 60 60);
}

/*-----------------------------------------------------------*/
/* Cursor                                                    */
/*-----------------------------------------------------------*/

@media (hover: none) or (pointer: coarse) {
  .crs {
    display: none;
  }
}

.crs {
  pointer-events: none;
}

.crs.visible {
  opacity: 1;
}

.crs.link-hover .crs__circle {
  width: 90px;
  height: 90px;
}

.crs.active .crs__circle {
  width: 40px;
  height: 40px;
}

.crs.jobs-hover .j-cursor__circle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  display: flex;
  transform: scale(1);
}

/*

body.transitioning .crs .crs__circle {
  width: 60px;
  height: 60px;
}
*/

/*-----------------------------------------------------------*/
/* Dropdowns                                                 */
/*-----------------------------------------------------------*/

[cb-dd-element="item"].dd-open .utl-dd__icon-embed {
  transform: scaleY(-1);
}

[cb-dd-element="item"].dd-open [cb-dd-element="list"] {
  height: var(--height);
}

.utl-dd__hover {
  pointer-events: none;
}

.utl-dd__collection-item:last-child {
  border-bottom: none;
}

@media (hover: hover) {
  .utl-dd__button:hover .utl-dd__icon-bg {
    transform: scale(1);
    opacity: 1;
  }

  .utl-dd__button:hover .utl-dd__icon {
    color: black;
  }

  .utl-dd__button:hover .utl-dd__hover {
    height: 100%;
  }

  .utl-dd__button:hover {
    padding-left: 30px;
    padding-right: 30px;
  }
}

[cb-dd-element="item"].dd-open .utl-dd__hover {
  height: 100%;
}

[cb-dd-element="item"].dd-open .utl-dd__list {
  margin-bottom: 0px;
}

[cb-dd-element="item"].dd-open .utl-dd__button {
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 479px) {
  [cb-dd-element="item"].dd-open .utl-dd__button {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/*-----------------------------------------------------------*/
/* Text Reveals                                              */
/*-----------------------------------------------------------*/

/* H1 */

[cb-textreveal-style="h1"] .cb-ts__wrapper {
  overflow: hidden;
  display: inline-block;
  margin: -0.15em -0.5em;
  vertical-align: top;
}

[cb-textreveal-style="h1"] .cb-ts__item {
  transform: translate(0, 100%);
  padding: 0.15em 0.5em;
  display: inline-block;
  transition-duration: 1s;
  transition-delay: calc(0.2s + 0.05s * var(--index));
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-property: transform;
}

.page-loaded [cb-textreveal-style="h1"] .cb-ts__item {
  transform: translate(0, 0%);
}

/* hero-paragraph */

[cb-textreveal-style="hero-paragraph"] .cb-ts__wrapper,
[cb-textreveal-style="paragraph"] .cb-ts__wrapper {
  display: inline-block;
  margin: 0em;
  vertical-align: top;
}

[cb-textreveal-style="hero-paragraph"] .cb-ts__item,
[cb-textreveal-style="paragraph"] .cb-ts__item {
  transform: translate(0, 200%);
  opacity: 0;
  padding: 0em;
  display: inline-block;
  transition-duration: 1s;
  transition-property: transform, opacity;
  transition-delay: calc(0.2s + 0.4s / var(--length) * var(--index));
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

[cb-textreveal-style="paragraph"] .cb-ts__item {
  transition-delay: calc(0.2s + 0.8s / var(--length) * var(--index));
}

.page-loaded [cb-textreveal-style="hero-paragraph"] .cb-ts__item,
.cb-inview[cb-textreveal-style="paragraph"] .cb-ts__item {
  transform: translate(0, 0%);
  opacity: 1;
}

/* heading with in view trigger */

[cb-textreveal-style="scrollheading"] .cb-ts__wrapper {
  display: inline-block;
  margin: -0.15em -0.5em;
  vertical-align: top;
  overflow: hidden;
}

[cb-textreveal-style="scrollheading"] .cb-ts__item {
  transform: translate(0, 200%);
  opacity: 0;
  padding: 0.15em 0.5em;
  display: inline-block;
  transition-duration: 1s;
  transition-property: transform, opacity;
  transition-delay: calc(0.2s + 0.4s / var(--length) * var(--index));
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

[cb-textreveal-style="scrollheading"].cb-inview .cb-ts__item,
.cb-inview [cb-textreveal-style="scrollheading"] .cb-ts__item {
  transform: translate(0, 0%);
  opacity: 1;
}

/* Footer */

[cb-textreveal-style="footer"] .cb-ts__wrapper,
[cb-textreveal-style="footer"] .cb-ts-el__wrapper {
  overflow: hidden;
  display: inline-block;
  margin: -0.15em -0.5em;
  vertical-align: top;
}

[cb-textreveal-style="footer"] .cb-ts__item,
[cb-textreveal-style="footer"] .cb-ts-el__item {
  transform: translate(0, 110%);
  padding: 0.15em 0.5em;
  display: inline-block;
  transition-duration: 1s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-property: transform;
}

[cb-textreveal-style="footer"] .foo__cta .cb-ts-el__item {
  transition-duration: 2s;
}

.foo__visible [cb-textreveal-style="footer"] .cb-ts__item,
.foo__visible [cb-textreveal-style="footer"] .cb-ts-el__item {
  transition-delay: calc(0.2s + 0.5s / var(--length) * var(--index));
  transform: translate(0, 0%);
}

.foo__rows__block.foo-row-open .utl__button-simple__icon {
  transform: scaleY(-1);
}

.foo__rows__block.foo-row-open .foo__rows__list-wrapper {
  height: auto;
}

@media (max-width: 767px) {
  .foo__rows__block:not(:last-child):after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    height: 1px;
    width: 100%;
    transform: scaleX(1);
    transform-origin: 0%;
    background-color: var(--border);
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-delay: calc(0.1s * var(--index));
  }
}

.foo__icon-wrapper {
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1s ease;
  transition-delay: calc(0.5s + 0.1s * var(--index));
}

/*-----------------------------------------------------------*/
/* Navigation                                                */
/*-----------------------------------------------------------*/

.nav-dd,
.nav-dd__list,
.nav,
.nav-dd__img-wrapper {
  pointer-events: none;
}

.expertise-open .nav-dd,
.nav-dd__list .nav-dd__link,
.nav__logo,
.nav__burger,
.nav__link-container,
.nav__link-wrapper {
  pointer-events: auto;
}

.transitioning .nav__link-container {
  transition-duration: 1.3s;
  transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
}

.nav-dd__block {
  height: 330px;
}

.expertise-open .nav-dd__wrapper {
  height: 430px;
}

.expertise-open .nav-dd__link,
.expertise-open .nav-dd__heading,
.expertise-open .nav-dd__img-wrapper {
  transform: translateY(0px);
  opacity: 1;
}

.expertise-open .nav-dd__bg {
  opacity: 1;
}

.nav-dd__link,
.nav-dd__heading,
.nav-dd__img-wrapper {
  transition-timing-function: cubic-bezier(0.59, 0.12, 0.85, 0.33);
  transition-duration: 0.6s;
}

.expertise-open .nav-dd__link,
.expertise-open .nav-dd__heading,
.expertise-open .nav-dd__img-wrapper {
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  transition-duration: 1s;
}

.nav-dd__link {
  transition-delay: calc(0.01s * (var(--length) - var(--index)));
}

.expertise-open .nav-dd__link {
  transition-delay: calc(0.05s * var(--index));
}

.expertise-open .nav__link__dd__icon {
  transform: scaleY(-1);
}

.nav__link__text:last-child,
.utl__button-simple__text:last-child {
  position: absolute;
  top: 100%;
  left: 0;
}

@media (hover: hover) {
  .nav__link:hover .nav__link__text,
  .utl__button-simple:hover .utl__button-simple__text {
    transform: translateY(-100%);
    opacity: 0.75;
  }

  .nav-dd__list:hover .nav-dd__link {
    color: rgba(255, 255, 255, 0.2);
    transition-delay: 0s;
    transition-duration: 0.5s;
  }

  .nav-dd__list .nav-dd__link:hover {
    color: rgba(255, 255, 255, 1);
  }
}

.nav-dd__list:focus .nav-dd__link {
  color: rgba(255, 255, 255, 0.2);
  transition-delay: 0s;
  transition-duration: 0.5s;
}

.nav-dd__list .nav-dd__link:focus {
  color: rgba(255, 255, 255, 1);
  outline: none;
}

@media (hover: none) {
  .nav__link__text:last-child {
    display: none;
  }
}

.nav-dd__img.cb-visible {
  opacity: 1;
}

.transitioning .nav__gradient {
  transition: opacity 0.7s ease;
}

.nav__burger__overlay {
  pointer-events: none;
}

@media screen and (max-width: 991px) {
  .nav__link {
    opacity: 0;
    transform: translateY(calc(-10px * var(--index) - 10px));
    transition-delay: calc(0.01s * var(--index));
  }

  .nav-open .nav__link-container {
    height: 100%;
  }

  .nav-open .nav__burger__overlay {
    opacity: 1;
  }

  .nav-open .nav__link {
    opacity: 1;
    transform: translateY(0px);
  }

  .nav-open.expertise-open .nav__link {
    opacity: 0.4;
  }

  .nav-dd__block {
    height: auto;
  }

  .expertise-open .nav-dd__wrapper {
    height: var(--expertise-height);
  }

  body.transitioning .nav__link__item:not(.cb-clicked),
  body.transitioning .nav-dd__collection-item:not(.cb-clicked) {
    opacity: 0;
    transition: opacity 2s ease;
  }
}

.body-ready .nav__burger__line:first-child {
  transition-delay: 0.2s;
}

.body-ready .nav__burger__line:last-child {
  transition-delay: 0.4s;
}

body.nav-first-open.nav-open .nav__burger__line:first-child {
  animation-name: burgerLineTopOpen;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

body.nav-first-open .nav__burger__line:first-child {
  animation-name: burgerLineTopClose;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  transition-delay: 0s;
}

body.nav-first-open.nav-open .nav__burger__line:last-child {
  animation-name: burgerLineBottomOpen;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

body.nav-first-open .nav__burger__line:last-child {
  animation-name: burgerLineBottomClose;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  transition-delay: 0s;
}

@keyframes burgerLineTopOpen {
  0% {
    transform: translateY(0px) rotate(0deg);
  }

  50% {
    transform: translateY(3px) rotate(0deg);
  }

  100% {
    transform: translateY(3px) rotate(45deg);
  }
}

@keyframes burgerLineTopClose {
  0% {
    transform: translateY(3px) rotate(45deg);
  }

  50% {
    transform: translateY(3px) rotate(0deg);
  }

  100% {
    transform: translateY(0px) rotate(0deg);
  }
}

@keyframes burgerLineBottomOpen {
  0% {
    transform: translateY(0px) rotate(0deg);
  }

  50% {
    transform: translateY(-3px) rotate(0deg);
  }

  100% {
    transform: translateY(-3px) rotate(-45deg);
  }
}

@keyframes burgerLineBottomClose {
  0% {
    transform: translateY(-3px) rotate(-45deg);
  }

  50% {
    transform: translateY(-3px) rotate(0deg);
  }

  100% {
    transform: translateY(0px) rotate(0deg);
  }
}

/*-----------------------------------------------------------*/
/* Footer                                                    */
/*-----------------------------------------------------------*/

.foo__cta__text {
  animation-name: tickerSingle;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  pointer-events: none;
}

@media (hover: hover) and (pointer: fine) {
  .foo__cta:hover {
    color: transparent;
    -webkit-text-stroke: 1px var(--text);
    text-stroke: 1px var(--text);
  }

  .foo__rows__list:hover .foo__rows__link:not(:hover) {
    color: var(--text-medium);
  }

  .foo__legal__link:hover {
    color: var(--text);
  }
}

.foo__rows__list {
  pointer-events: none;
}

.foo__rows__link {
  pointer-events: auto;
}

.foo__scaling .utl__scroller-wrapper {
  background-color: var(--box-full-color);
}

.foo__scaling .utl__scroller-wrapper .lay__page {
  background-color: black;
  overflow: hidden;
}

/*
.foo__rows__link::after,
.foo__legal__link::after {
  content: "";
  display: block;
  width: 0%;
  height: 1px;
  background-color: var(--text);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  animation-name: underlineOff;
  animation-duration: 0.3s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;  
}
.foo__legal__link::after {
  background-color: var(--text-medium);
  bottom: -2px;
}

.foo__rows__link.cb-current::after,
.foo__rows__link:hover::after,
.foo__legal__link:hover::after {
  background-color: var(--text);
  animation-name: underlineOn;
  animation-duration: 0.3s;
  animation-timing-function: cubic-bezier(.25,.74,.22,.99);
  animation-fill-mode: forwards;
}
.foo__legal__link:hover {
  color: var(--text);
}


@keyframes underlineOn {
  0%   {
    left: 0%; 
    width: 0%;
  }
  100%  {
    left: 0%; 
    width: 100%;
  }
}
@keyframes underlineOff {
  0%  {
    left: 0%; 
    width: 100%;
  }
  99%  {
    left: 100%; 
    width: 0%;
  }
  100% {
    left: 0%; 
    width: 0%;
  }
}
*/

/*-----------------------------------------------------------*/
/* Home                                                      */
/*-----------------------------------------------------------*/

.hh2__loading.cb-hidden {
  opacity: 0;
  pointer-events: none;
}

.hh2-vid__wrapper {
  pointer-events: none;
}

.hh2-heading__wrapper .cb-ts__wrapper {
  overflow-y: hidden;
  display: inline-block;
  margin: -0.15em -0.5em;
  vertical-align: top;
}

.hh2-heading__wrapper .cb-ts__item {
  padding: 0.15em 0.5em;
  transform: translateY(150%) scaleY(1.2);
  display: inline-block;
  transition-duration: 2s;
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: opacity, transform;
  transition-delay: calc(0.2s * (var(--length) - (var(--index) + 1)));
}

.hh2-heading__wrapper .cb-ts__active .cb-ts__item {
  transform: translateY(0%) scaleY(1);
  transition-delay: calc(1s / var(--length) * var(--index));
}

.hh2-heading__wrapper .cb-ts__active .cb-ts__item,
.hh2-heading__wrapper .cb-ts__active .cb-ts-el__item {
  transform: translateY(0%) scaleY(1);
  transition-delay: calc(2.5s / var(--length) * var(--index));
}

.hh2-heading__h1-dummy.cb-ts__active {
  transform: translate(0%);
}

.hh2-heading__h1-dummy {
  transition-duration: 7s;
}

@media (max-width: 767px) {
  .hh2-heading__h1-scrollmove {
    transform: translate(0px) !important;
  }
}

.cb-ts__active .hh2-heading__h1 {
  animation-name: tickerSingle;
  animation-duration: calc(1s * var(--ticker-speed));
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.cms-ang__hero__section .cb-ts__active .hh2-heading__h1,
.ang-lst .cb-ts__active .hh2-heading__h1 {
  animation-duration: calc(1s * var(--ticker-speed));
}

.cms-ang__hero__section .hh2-heading__h1-dummy {
  transform: translateX(30vw);
}

.cms-ang__hero__section .hh2-heading__h1-dummy.cb-ts__active {
  transform: translateX(0vw);
}

.cms-ang__hero__section .hh2-heading__wrapper .cb-ts__item {
  transition-delay: 0s;
}

.cms-ang__hero__section .hh2-heading__wrapper .cb-ts__active .cb-ts__item {
  transform: translateY(0%) scaleY(1);
  transition-delay: calc(
    (2.5s / var(--length) * var(--index)) - (var(--length) / 30s)
  );
}

@keyframes tickerSingle {
  0% {
    -webkit-transform: translate(-100%, 0px);
    -ms-transform: translate(-100%, 0px);
    transform: translate(-100%, 0px);
  }

  100% {
    -webkit-transform: translate(-200%, 0px);
    -ms-transform: translate(-200%, 0px);
    transform: translate(-200%, 0px);
  }
}

@keyframes tickerDouble {
  0% {
    -webkit-transform: translate(-200%, 0px);
    -ms-transform: translate(-200%, 0px);
    transform: translate(-200%, 0px);
  }

  100% {
    -webkit-transform: translate(-300%, 0px);
    -ms-transform: translate(-300%, 0px);
    transform: translate(-300%, 0px);
  }
}

.hh2-vid__target canvas {
  object-fit: cover;
}

.vertical-crop .teamvid__embed-v2,
.vertical-crop .teamvid__embed,
.vertical-crop .tvid__video__embed {
  top: -400%;
  bottom: -400%;
  width: 100%;
  height: 900%;
  left: 0;
  right: 0;
}

.clt__container {
  pointer-events: none;
  container-type: inline-size;
}

.clt__wrapper .clt__item {
  pointer-events: auto;
}

@media (hover: hover) and (pointer: fine) {
  .clt__wrapper:hover .clt__item {
    opacity: 0.2;
  }

  .clt__wrapper .clt__item:hover {
    opacity: 1;
  }
}

/* Limit visible items to cover last row */
@container (min-width: 1820px) {
  .clt__wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
  }
}

@container (min-width: 1300px) and (max-width: 1559px) {
  .clt__item:nth-child(n + 16) {
    display: none;
  }
}

@container (min-width: 1040px) and (max-width: 1299px) {
  .clt__item:nth-child(n + 17) {
    display: none;
  }
}

@container (min-width: 800px) and (max-width: 871px) {
  .clt__item:nth-child(n + 17) {
    display: none;
  }
}

/* Video Section */

.cursor-video__play {
  pointer-events: none;
}

@media (hover: hover) {
  .cursor-video__circle:hover {
    width: 130px;
    height: 130px;
    background-color: white;
  }
}

/* Testimonial Videos */

.tvid__video__item.cb-active {
  opacity: 1;
}

.tvid__nav__item.cb-active {
  opacity: 1;
  -webkit-backdrop-filter: brightness(150%) blur(30px);
  backdrop-filter: brightness(150%) blur(30px);
  background-color: rgba(99, 99, 99, 0.25);
}

[cb-textreveal-style="testimonialvideo"] .cb-ts__wrapper {
  overflow: hidden;
  display: inline-block;
  margin: -0.15em -0.5em;
  vertical-align: top;
}

[cb-textreveal-style="testimonialvideo"] .cb-ts__item {
  transform: translate(0, 100%);
  padding: 0.15em 0.5em;
  display: inline-block;
  transition-duration: 0s;
  transition-delay: 0.5s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-property: transform;
}

.tvid__video__item.cb-active
  [cb-textreveal-style="testimonialvideo"]
  .cb-ts__item {
  transform: translate(0, 0%);
  transition-duration: 1s;
  transition-delay: calc(0.2s + 0.05s * var(--index));
}

.vid-started .tvid__audio-toggle {
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
}

.vid-started .cursor-video__circle,
.vid-started .cursor-video__play {
  transform: scale(0.3);
  opacity: 0;
}

.vid-started .tvid__cursor-container,
.tvid__heading-container {
  pointer-events: none;
}

.tvid__heading-container > .tvid__heading {
  pointer-events: auto;
}

.unmuted .tvid__audio-toggle .vid-audio-icon.audio-off,
figure.unmuted .vid-audio-icon.audio-off,
.tvid__audio-toggle .vid-audio-icon.audio-on {
  transform: scale(0.5);
  opacity: 0;
}

.tvid__audio-toggle .vid-audio-icon.audio-off,
figure.unmuted .vid-audio-icon.audio-on,
.unmuted .tvid__audio-toggle .vid-audio-icon.audio-on {
  transform: scale(1);
  opacity: 1;
}

.tvid__video__embed iframe,
.teamvid__embed iframe {
  width: 100%;
  height: 100%;
}

@media (hover: hover) {
  .tvid__audio-toggle:hover {
    width: 80px;
    height: 80px;
    background-color: #fff;
    margin: -5px;
  }
}

@media (hover: hover) and (max-width: 767px) {
  .tvid__audio-toggle:hover {
    width: 50px;
    height: 50px;
    background-color: #fff;
    margin: -5px;
  }
}

.tvid__audio-toggle.replay.rotate .vid-audio-icon,
figure.rotate .vid-audio.vid-replay .vid-audio-icon {
  transform: rotate(-360deg);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.tvid__audio-toggle * {
  pointer-events: none;
}

/*-----------------------------------------------------------*/
/* Expertise List                                            */
/*-----------------------------------------------------------*/

.ang-lst__nav__container {
  pointer-events: none;
}

.ang-lst__collection-item {
  height: 100%;
  transform: translateY(100%);
}

.ang-lst__collection-item.cb-active,
.ang-lst__collection-item.cb-past {
  height: 100%;
  transform: translateY(0%);
}

.ang-lst__collection-item.cb-active .ang-lst__link,
.ang-lst__collection-item.cb-past .ang-lst__link {
  transform: translateY(0%);
}

.ang-lst__collection-item.cb-past .ang-lst__dummy,
.ang-lst__collection-item.cb-past .ang-lst__dummy {
  transform: translateY(-50%);
  opacity: 0.2;
}

@media (hover: hover) {
  .ang-lst:not(.ang-lst__past)
    .ang-lst__collection-item.cb-active:not(.transitioning)
    .hh2-heading__h1-wrapper:hover
    .hh2-heading__h1 {
    color: transparent;
    -webkit-text-stroke: 1px var(--text);
    text-stroke: 1px var(--text);
  }

  .ang-lst:not(.ang-lst__past)
    .ang-lst__collection-item.cb-active.cb-hover:not(.transitioning)
    .ang-lst__img {
    transform: scale(1.1);
  }
}

.ang-lst__link,
.ang-lst__collection-item {
  will-change: transform;
}

.ang-lst.ang-lst__past .ang-lst__nav__progress-bar {
  opacity: 0;
}

/*-----------------------------------------------------------*/
/* Agency                                                    */
/*-----------------------------------------------------------*/

.teamvid__section.transition.cb-loaded {
  opacity: 1;
  transform: scaleY(1) translateY(0px);
}

@media (hover: hover) {
  .awards__link-block:hover {
    padding-left: 20px;
    padding-right: 20px;
    background-color: var(--box);
  }
}

/*-----------------------------------------------------------*/
/* Work                                                      */
/*-----------------------------------------------------------*/

.wrk-flt__link .wrk-flt__link__text-bg {
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.wrk-flt__link {
  transition: color 0.3s cubic-bezier(0.25, 0.74, 0.22, 0.99);
}

.wrk-list__item.cb-filter-hidden,
.s__work-list__item.cb-filter-hidden {
  display: none;
}

[cb-wrklist-style="home"] .wrk-list__item:nth-child(9) {
  display: none;
}

@media (min-width: 768px) and (max-width: 991px) {
  [cb-wrklist-style="home"] .wrk-list__item:nth-child(9) {
    display: block;
  }
}

.clicked-work .work-list__link:not(.clicked-work-active),
.clicked-work .utl__line,
.clicked-work .wrk-flt__list,
.clicked-work .utl__h1,
.clicked-work .utl-lead__block,
.clicked-work .lay__button-wrapper,
.clicked-work .teamvid__section {
  transition-delay: 0 !important;
  opacity: 0 !important;
  transition: opacity 1s ease !important;
}

.work-list__link.clicked-work-active {
  transform: scale(1.1);
  z-index: 10;
}

@media (hover: hover) {
  .wrk-flt__link:not(.clicked-work-active):hover .wrk-flt__link__text-bg {
    transform: scale(1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 1;
  }

  .wrk-flt__link:not(.clicked-work-active):hover {
    color: var(--black);
    transition: color 0.3s cubic-bezier(0.25, 0.74, 0.22, 0.99);
  }

  .wrk-flt__link:not(.clicked-work-active):active .wrk-flt__link__text-bg,
  .wrk-flt__link:not(.clicked-work-active):active
    .wrk-flt__link__text-bg.default,
  .wrk-flt__link[cb-button-state="active"]:active .wrk-flt__link__text-bg {
    transform: scale(0.8);
  }

  .work-list__link:not(.clicked-work-active):hover .utl__img-hover,
  .s-list__link:not(.clicked-work-active):hover .utl__img-hover {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  .work-list__link:not(.clicked-work-active):hover .blog-list__hover,
  .s-list__link:not(.clicked-work-active):hover .blog-list__hover,
  .kp-list__img-wrapper:hover .blog-list__hover {
    background-color: rgba(0, 0, 0, 0.2);
  }

  .work-list__link:not(.clicked-work-active):hover .blog-list__hover__circle,
  .s-list__link:not(.clicked-work-active):hover .blog-list__hover__circle,
  .kp-list__img-wrapper:hover .blog-list__hover__circle {
    -webkit-transform: scale3d(1, 1, 1) rotate(0deg);
    transform: scale3d(1, 1, 1) rotate(0deg);
    opacity: 1;
  }
}

.wrk-flt__link[cb-button-state="active"] {
  color: var(--black);
}

.wrk-flt__link[cb-button-state="active"] .wrk-flt__link__text-bg {
  transform: scale(1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 1;
}

[cb-filter-button="reset"] .wrk-flt__link__text-bg.default {
  background-color: transparent;
  border: 1px solid var(--border);
}

.page-loaded .wrk-list__item,
.page-loaded .tem__collection-item,
.page-loaded .blg-lst__collection-item,
.s__work-list__item {
  transform: translateY(0%) scale(1);
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  transition-duration: 1s;
  opacity: 1;
}

.page-loaded .wrk-flt__list:not([cb-scrolltrigger-element]) .cb-ts-el__item {
  transform: translateY(0%);
}

.page-loaded .wrk-flt__list.cb-inview .cb-ts-el__item {
  transform: translateY(0%);
}

.page-loaded .utl__h1 .cb-ts__item {
  transform: translate(0, 0%);
}

.wrk-list__wrapper.cb-animate-out .wrk-list__item,
.s__work-list__wrapper.cb-animate-out .s__work-list__item {
  transform: scale(0.95);
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.6, 0.1, 0.88, 0.44);
  opacity: 0;
  transition-delay: calc(0.1s / var(--length) * var(--index));
}

/*-----------------------------------------------------------*/
/* Team                                                      */
/*-----------------------------------------------------------*/

.tem__block,
[cb-scrollreveal-element="item"] {
  transform: translateY(0%);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition-delay: calc(0.1s * var(--scrollIndex));
}

.ang-next__link[cb-scrollreveal-element="item"] {
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 1s cubic-bezier(0.23, 1, 0.32, 1), background-color 0.3s ease;
  transition-delay: calc(0.1s * var(--scrollIndex));
}

.scroll-past .tem__block,
.scroll-past [cb-scrollreveal-element="item"] {
  transform: translateY(-50%);
  opacity: 0;
  transition: none;
}

.scroll-before .tem__block,
.scroll-before [cb-scrollreveal-element="item"] {
  transform: translateY(50%);
  opacity: 0;
  transition: none;
}

.tem__link.w-condition-invisible {
  display: block !important;
  pointer-events: none;
  opacity: 0.5;
}

/*-----------------------------------------------------------*/
/* Blog List                                                 */
/*-----------------------------------------------------------*/

[cb-blg-lst-view="highlights"] .blg-lst__collection-item:first-child {
  grid-column-start: span 3;
  grid-column-end: span 3;
}

[cb-blg-lst-view="highlights"]
  .blg-lst__collection-item:first-child
  .blg-lst__block {
  flex-direction: row;
}

[cb-blg-lst-view="highlights"]
  .blg-lst__collection-item:first-child
  .blg-lst__img-container {
  width: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}

[cb-blg-lst-view="highlights"]
  .blg-lst__collection-item:first-child
  .blg-lst__img-block {
  padding-top: 0;
  height: 100%;
  min-height: 600px;
}

[cb-blg-lst-view="highlights"]
  .blg-lst__collection-item:first-child
  .blg-lst__content-wrapper {
  padding: 60px;
  max-width: 40%;
}

[cb-blg-lst-view="highlights"]
  .blg-lst__collection-item:first-child
  .blg-lst__heading {
  font-size: 50px;
}

[cb-blg-lst-view="highlights"]
  .blg-lst__collection-item:first-child
  .blg-lst__preheading {
  font-size: 16px;
  padding-bottom: 10px;
}

@media (hover: hover) and (min-width: 768px) {
  .blg-lst__block:hover .blg-lst__img {
    transform: scale(1.05);
  }

  .blg-lst__block:hover {
    background-color: #292929;
  }

  .blg-lst__block:hover .blg-lst__text-wrapper {
    transform: translateY(-20px);
  }

  .blg-lst__block:hover .blg-lst__hover-overlay {
    transform: translateY(-20px);
  }
}

@media (min-width: 992px) {
  [cb-blg-lst-view="highlights"]
    .blg-lst__collection-item:first-child
    .blg-lst__hover-overlay {
    left: 0;
    right: auto;
    width: 30px;
    height: 100%;
  }
}

@media (hover: hover) and (min-width: 992px) {
  [cb-blg-lst-view="highlights"]
    .blg-lst__collection-item:first-child
    .blg-lst__block:hover
    .blg-lst__text-wrapper,
  [cb-blg-lst-view="highlights"]
    .blg-lst__collection-item:first-child
    .blg-lst__block:hover
    .blg-lst__info-wrapper,
  [cb-blg-lst-view="highlights"]
    .blg-lst__collection-item:first-child
    .blg-lst__block:hover
    .blg-lst__hover-overlay {
    transform: translateX(0px);
  }
}

@media (max-width: 1400px) {
  [cb-blg-lst-view="highlights"]
    .blg-lst__collection-item:first-child
    .blg-lst__content-wrapper {
    padding: 30px;
  }

  [cb-blg-lst-view="highlights"]
    .blg-lst__collection-item:first-child
    .blg-lst__heading {
    font-size: 40px;
  }

  [cb-blg-lst-view="highlights"]
    .blg-lst__collection-item:first-child
    .blg-lst__text-wrapper {
    width: 100%;
  }

  [cb-blg-lst-view="highlights"]
    .blg-lst__collection-item:first-child
    .blg-lst__img-block {
    height: 100%;
    min-height: 450px;
  }
}

@media (max-width: 991px) {
  [cb-blg-lst-view="highlights"]
    .blg-lst__collection-item:first-child
    .blg-lst__block {
    flex-direction: column;
  }

  [cb-blg-lst-view="highlights"]
    .blg-lst__collection-item:first-child
    .blg-lst__img-container {
    max-width: 100%;
    flex: none;
  }

  [cb-blg-lst-view="highlights"]
    .blg-lst__collection-item:first-child
    .blg-lst__img-block {
    padding-top: 55%;
    min-height: 0;
    height: auto;
  }

  [cb-blg-lst-view="highlights"]
    .blg-lst__collection-item:first-child
    .blg-lst__content-wrapper {
    padding: 20px;
    max-width: 100%;
  }

  [cb-blg-lst-view="highlights"]
    .blg-lst__collection-item:first-child
    .blg-lst__heading {
    font-size: 30px;
  }

  [cb-blg-lst-view="highlights"]
    .blg-lst__collection-item:first-child
    .blg-lst__info-wrapper {
    display: flex;
  }

  [cb-blg-lst-view="highlights"]
    .blg-lst__collection-item:first-child
    .blg-lst__text-wrapper {
    margin-bottom: 40px;
    max-width: 80%;
  }
}

@media (max-width: 479px) {
  [cb-blg-lst-view="highlights"]
    .blg-lst__collection-item:first-child
    .blg-lst__img-block {
    padding-top: 70%;
  }

  [cb-blg-lst-view="highlights"]
    .blg-lst__collection-item:first-child
    .blg-lst__heading {
    font-size: 22px;
  }

  [cb-blg-lst-view="highlights"]
    .blg-lst__collection-item:first-child
    .blg-lst__preheading {
    font-size: 12px;
    padding-bottom: 0px;
  }
}

/*-----------------------------------------------------------*/
/* Work CMS                                                  */
/*-----------------------------------------------------------*/

.work__content__richtext_v2 > figure,
.work__content__richtext_v2 > img {
  position: relative;
  background-color: var(--box);
  background-image: url("https://uploads-ssl.webflow.com/651d15fb8f27f4a03c14ae88/652986c5b48d07bbf9fab342_loading.svg");
  background-position: 50% 50%;
  background-size: 48px 48px;
  background-repeat: no-repeat;
}

.w-richtext figure img.vid-audio-icon {
  width: 25px;
  height: 18.5px;
  min-height: 0px;
  min-width: 0px;
}

.vid-audio.audio-on .audio-on,
.tvid__audio-toggle.audio-on .audio-on {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.vid-audio.audio-on .audio-off,
.tvid__audio-toggle.audio-on .audio-off {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
}

.work__next__section:hover .work__hero__heading,
.homecta__section:hover .homecta__heading {
  color: white;
  -webkit-text-fill-color: transparent;
  /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;
}

.work__hero__heading.work__next__transition {
  color: white !important;
  -webkit-text-fill-color: white !important;
  /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 0 !important;
  opacity: 1;
}

.work__hero__heading.work__next__transition2 {
  opacity: 0;
}

.work__dummy__container.work__next__transition {
  position: fixed;
  height: 100vh;
}

.work__next__container.hidden__transition {
  opacity: 0;
}

.work__next__preheading.work__next__transition {
  opacity: 0;
  height: 0;
}

.work__hero__heading.next_transition {
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg)
    rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg) !important;
  opacity: 1 !important;
}

.work__facts__richtext p::before {
  content: "→";
  position: absolute;
  left: 0px;
}

.work__content__section .w-richtext-figure-type-video iframe,
.work__content__section .w-embed.w-iframe div iframe {
  height: 780px !important;
  max-height: 53vw;
}

@media (max-width: 767px) {
  .work__content__section .w-richtext figure.w-richtext-align-fullwidth > div {
    padding: 0 20px;
  }

  .work__content__richtext img,
  .work__content__richtext p {
    margin: 20px 0 20px 0;
  }
}

.w-richtext-figure-type-video,
.vid-audio > * {
  pointer-events: none;
}

/*
.work__content__richtext figure {
  margin: 60px;
}*/

@media (max-width: 991px) {
  .w-richtext-figure-type-video {
    pointer-events: auto;
  }
}

@media (max-width: 479px) {
  .work__content__richtext figure {
    margin: 60px;
  }
}

.work__content__richtext_v2.w-richtext
  figure.w-richtext-align-floatleft.w-richtext-figure-type-video {
  overflow: hidden;
}

.work__content__richtext_v2.w-richtext
  figure.w-richtext-align-floatleft.w-richtext-figure-type-video
  iframe {
  left: -200px;
  width: calc(100% + 400px);
}

@media screen and (max-width: 991px) {
  .work__content__richtext_v2.w-richtext
    figure.w-richtext-align-floatleft.w-richtext-figure-type-video {
    padding-bottom: 130% !important;
  }
}

.vid-audio.vid-replay {
  right: 140px;
}

@media screen and (max-width: 479px) {
  .vid-audio.vid-replay {
    right: 85px;
  }
}

.w-richtext figure .vid-replay img.vid-audio-icon {
  height: 20px;
  width: 20px;
}

.work__content__richtext_v2.w-richtext figure.w-richtext-align-fullwidth > div {
  display: block;
}

.cursor__circle.hidden {
  opacity: 0 !important;
}

.work-video-overlay {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: auto;
}

.w-richtext:not(.w-editor-bem-RichTextInput_Content)
  figure.w-richtext-figure-type-video
  iframe,
.w-richtext:not(.w-editor-bem-RichTextInput_Content)
  figure[data-rt-type="video"]
  iframe {
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  pointer-events: none;
  z-index: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: none;
}

.work__content__richtext_v2.w-richtext figure.w-richtext-align-floatleft {
  margin: 0px;
  width: 50%;
  padding: 0px;
  float: none;
  display: inline-block;
  margin-bottom: -5px;
}

.work__content__richtext_v2.w-richtext figure.w-richtext-align-floatleft div {
  display: block;
}

@media screen and (max-width: 991px) {
  .work__content__richtext_v2.w-richtext figure.w-richtext-align-floatleft {
    float: none;
    margin: 0px;
    width: 100%;
    padding: 0px;
    max-width: 100%;
    display: block;
    height: auto;
    margin-bottom: 0px;
  }

  .work__content__richtext_v2.w-richtext
    figure.w-richtext-align-floatleft
    img:not(.vid-audio-icon) {
    width: 100vw;
  }
}

.work__content__richtext_v2.w-richtext figure.w-richtext-align-fullwidth {
  max-width: 100% !important;
}

/*-----------------------------------------------------------*/
/* CMS Expertise                                             */
/*-----------------------------------------------------------*/

body .page-loaded .cms-ang__hero__img,
.first-load .cms-ang__hero__img {
  opacity: 1;
}

@media (hover: hover) {
  .ang-next__link:hover {
    background-color: rgba(255, 255, 255, 0.16);
  }
}

.utl__grid.numbers:empty {
  display: none;
}

.cms-ang__lap .utl__button[href="#"] {
  cursor: default;
}

.cms-ang__lap .utl__button[href="#"] .utl__button__bg {
  background-color: transparent;
  border: 1px solid var(--border);
}

/*-----------------------------------------------------------*/
/* Contact                                                   */
/*-----------------------------------------------------------*/

@media (min-width: 2000px) {
  .con__content-wrapper {
    padding-left: calc((100vw - 2000px) / 2 + 60px);
    padding-right: 60px;
    width: calc((100vw - 2000px) / 2 + 600px);
  }
}

.vcd-box__block {
  padding: 5px 5px;
}

.vcd-box__block input,
textarea {
  width: 100% !important;
  background-color: transparent !important;
  padding: 10px 10px;
  border: none;
}

.contact-button {
  background-color: rgba(255, 255, 255, 0.2);
  color: white;
  padding: 10px 10px;
  border-radius: 8px;
  transition: all ease-in-out 0.5s;
}

.contact-button:hover {
  background-color: rgba(44, 44, 44, 0.608);
}

@media (hover: hover) {
  .con__section .vcd-box__cta-link:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .con__cta__box:hover {
    background-color: #252525;
  }
}

/*-----------------------------------------------------------*/
/* Content Marketing                                         */
/*-----------------------------------------------------------*/

.s__kategorie__item:last-child .s__kategorie-divider {
  display: none;
}

.cb__popup-item:not(.cb-visible) {
  pointer-events: none;
}

.cb__popup-item.cb-visible .popup_container {
  transform: scale(1);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.215, 0.61, 0.427, 1.381);
}

.cb__popup-item.cb-visible .popup_bg {
  opacity: 1;
}

/*
[cb-hispop-target].cb__popup-item .popup_container {
  transition: all 0.5s cubic-bezier(.55, .055, .675, .19);
}
[cb-hispop-target].cb__popup-item.cb-visible .popup_container {
  transition: all 0.5s cubic-bezier(.215, .61, .427, 1.381);
}

[cb-hispop-target].cb__popup-item.cb-visible .popup_bg {
  transition: opacity 0.5s cubic-bezier(0, 0, 0.19, 1)
}
[cb-hispop-target] .popup_bg {
  transition: opacity 0.5s cubic-bezier(0.76, 0.01, 1, 1)
}
*/

.s__kategorie__item:last-child .s__kategorie-divider {
  display: none;
}

.kp__number-info__wrapper .s__kategorie__wrapper {
  justify-content: center;
}

@media (max-width: 479px) {
  .s__mobile-left {
    text-align: left;
  }

  .cb__popup-item.cb-visible .popup_container {
    transform: translateY(0svh);
  }
}

/*-----------------------------------------------------------*/
/* History Page                                              */
/*-----------------------------------------------------------*/

[cb-textreveal-style="history"] .cb-ts__wrapper,
[cb-hislightbox-element="text"] .cb-ts__wrapper {
  overflow: hidden;
  display: inline-block;
  margin: -0.15em -0.5em;
  vertical-align: top;
}

[cb-textreveal-style="history"] .cb-ts__item,
[cb-hislightbox-element="text"] .cb-ts__item {
  transform: translate(0, 100%);
  padding: 0.15em 0.5em;
  display: inline-block;
  transition-duration: 1s;
  transition-delay: calc(0.35s / var(--length) * var(--index));
  transition-timing-function: cubic-bezier(0.6, 0.03, 0.99, 0.36);
  transition-property: transform;
}

.page-loaded [cb-textreveal-style="history"]:first-child .cb-ts__item,
.his-fullload [cb-textreveal-style="history"]:last-child .cb-ts__item,
.his-lightbox .cb-ts__item {
  transform: translate(0, 0%);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.his-fullload [cb-textreveal-style="history"]:last-child .cb-ts__item {
  transition-delay: calc(0.35s / var(--length) * var(--index) + 0.5s);
}

.his-fullload [cb-textreveal-style="history"] {
  transform: translateY(0%);
}

.his-fullload [cb-textreveal-style="history"]:first-child {
  color: var(--text-light);
}

.his-hero__vid-wrapper {
  pointer-events: none;
}

/* Video Playing */

.his-vid-playing .his-hero__vid-wrapper {
  opacity: 1;
}

.his-vid-playing [cb-history-video="focustoggle"] {
  opacity: 1;
  pointer-events: auto;
}

/* scroll indicator */

.his-hero__scroll__wheel {
  animation-name: scrollIndicator;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
}

@keyframes scrollIndicator {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    transform: translateY(100%);
    opacity: 0;
  }
}

/* TV Focus Animation 

.his-hero__heading {
  transition: opacity 0.5s linear 1s, transform 2s cubic-bezier(.77,0,.175,1);
}
.tv-focus .his-hero__heading {
  transform: scale(4);
  opacity: 0;
  transition: opacity 0.5s linear 0.5s, transform 2s cubic-bezier(.77, 0, .175, 1);
}
.tv-focus .his-hero__img-scale {
  transform: scale(2);
}
.tv-focus .his-hero__vid-iframe {
  opacity: 1;
}
.tv-focus .his-hero__img {
  filter: brightness(35%);
}
*/

.his-lst__section {
  pointer-events: none;
}

.his-lst__section > * {
  pointer-events: auto;
}

.his-lb__wrapper {
  pointer-events: none;
  opacity: 0;
}

.his-img__img {
  pointer-events: auto;
}

@media (hover: hover) {
  .his-lb__close:hover .his-lb__bg,
  .his-pop__close:hover .his-lb__bg {
    transform: scale(0.85);
  }

  .his-lb__close:hover .his-lb__close__icon,
  .his-pop__close:hover .his-lb__close__icon {
    transform: rotate(90deg);
  }
}

.his-hover .his-img__item:not(.hover) .his-img__img {
  opacity: 0.3;
}

.his-transitioning .his-hover .his-img__item .his-img__img {
  opacity: 1;
}

.his-hover .his-lst__heading,
.his-hover .his-lst__preheading,
.his-hover .utl__button {
  color: #2b2b2b;
}

.his-hover .utl__button__bg {
  background-color: #090909;
}

.his-lst__heading-wrapper .utl__button {
  transition: color 400ms ease;
}

.his-lst__heading-wrapper {
  pointer-events: none;
}

.his-lst__heading-wrapper .utl__button {
  pointer-events: auto;
}

.his-lightbox .his-img__item:not(.active) .his-img__img,
.his-lightbox .his-lst__heading-wrapper,
.his-lightbox .his-hero__section {
  opacity: 0;
}

.his-img__item.active .his-img__img__dummy {
  transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
}

.his-lightbox .nav__main {
  opacity: 0;
}

.his-lightbox .nav__main,
.his-lightbox .nav__main * {
  pointer-events: none !important;
}

.his-img__item.active {
  z-index: 1000;
}

.his-lightbox .his-lb__wrapper {
  opacity: 1;
}

.his-lightbox .his-lb__copy-wrapper > *,
.his-lst__heading-wrapper .utl__button {
  pointer-events: auto;
}

.his-lb__copy:empty,
[cb-hislightbox-element="legal"]:empty {
  display: none;
}

@media screen and (max-width: 479px) {
  .cb__popup-item.cb-visible .popup_container {
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}

/*-----------------------------------------------------------*/
/* Jobs Pages                                                */
/*-----------------------------------------------------------*/

.jobs-page .nav,
.j-body,
.j-body h1,
.j-body h2,
.j-body h3,
.j-body h4,
.j-body h5,
.j-body h6,
.j-body p,
.j-jobs__link,
.j-cta__heading,
.j-cms-hero__heading,
.j-cms-percent__copy,
.j-utility__lead,
.j-cms__dd__heading,
.j-cms-about__heading,
.j-utility__lead a {
  color: #fff500;
  color: color(display-p3 1 1 0);
}

.j-body .lay__page {
  box-shadow: none;
}

@media (hover: hover) {
  .jobs-page .nav-dd__list:hover .nav-dd__link {
    color: rgba(255, 245, 0, 0.2);
    color: color(display-p3 1 1 0 / 0.2);
  }

  .jobs-page .nav-dd__list .nav-dd__link:hover {
    color: #fff500;
    color: color(display-p3 1 1 0);
  }
}

.j-body .foo__rows__block {
  border-color: rgba(0, 0, 0, 0.1);
}

.j-body .foo__icon-wrapper {
  background-color: rgba(0, 0, 0, 0.05);
}
.j-body .foo__rows__block:not(:last-child):after {
  background-color: rgba(0, 0, 0, 0.15);
}

.j-body .foo__wrapper,
.jobs-main.foo__scaling .utl__scroller-wrapper,
.jobs-page .nav__burger__line {
  background-color: #fff500;
  background-color: color(display-p3 1 1 0);
}

.j-body .foo__wrapper,
.j-body h5.foo__rows__heading {
  color: black;
}

.j-body .foo__legal {
  color: rgba(0, 0, 0, 0.5);
}

.j-body .foo__cta {
  font-family: Migha, sans-serif;
  text-transform: uppercase;
}

@media (hover: hover) {
  .j-body .foo__cta:hover {
    color: transparent;
    -webkit-text-stroke: 1px black;
    text-stroke: 1px black;
  }

  .j-body .foo__rows__list:hover .foo__rows__link:not(:hover) {
    color: rgba(0, 0, 0, 0.5);
  }

  .j-body .foo__legal__link:hover {
    color: rgba(0, 0, 0, 1);
  }
}

.j-hero__button-hover,
.j-cta__bg,
.j-cursor,
.j-jobs__transition {
  pointer-events: none;
}

.j-hero__button,
.j-cta__bg {
  background-color: #fff500;
  background-color: color(display-p3 1 1 0);
}

@media (hover: hover) {
  .j-jobs__link:hover {
    background-color: #fff500;
    background-color: color(display-p3 1 1 0);
    border-color: transparent;
    color: black;
  }

  .j-jobs__link:hover .j-jobs__name {
    color: black;
  }

  .j-jobs__link:hover path,
  .j-jobs__link:hover line {
    stroke: black;
  }

  .j-jobs__link:hover .j-jobs__arrow__hover {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.j-jobs__link.transition {
  background-color: #fff500;
  background-color: color(display-p3 1 1 0);
  border-color: transparent;
  color: black;
}

.j-jobs__link.transition .j-jobs__name {
  color: black;
}

.j-jobs__link.transition path,
.j-jobs__link.transition line {
  stroke: black;
}

.j-jobs__link.transition .j-jobs__arrow__hover {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.j-jobs__link path,
.j-jobs__link line {
  stroke: #fff500;
  stroke: color(display-p3 1 1 0);
}

.j-body h1 .textreveal__wrap span {
  padding-top: 30px;
}

.j-body h1 .textreveal__wrap {
  margin-bottom: -30px;
  padding: 0px;
}

.j-body h1 .textreveal__word {
  margin: 0px;
}

.j-body .j-prio__word-false {
  color: transparent;
  -webkit-text-stroke: 1px #fff500;
  text-stroke: 1px #fff500;
  -webkit-text-stroke: 1px color(display-p3 1 1 0);
  text-stroke: 1px color(display-p3 1 1 0);
}

.j-cta__section.hover .j-cta__bg {
  opacity: 1;
}

.j-cta__section.hover .j-cta__heading {
  color: black;
  z-index: 5000;
  font-style: italic;
  cursor: none;
  animation-name: textJitter;
  animation-duration: 0.1s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
}

.j-body .footer__copyright,
.j-body .footer__contact-link {
  opacity: 1;
}

@keyframes textJitter {
  0% {
    transform: translate(-1px, -2px);
  }

  20% {
    transform: translate(0px, 3px);
  }

  40% {
    transform: translate(1px, -2px);
  }

  60% {
    transform: translate(-2px, 1px);
  }

  80% {
    transform: translate(3px, 0px);
  }

  100% {
    transform: translate(0, 0);
  }
}

@keyframes eyeOpen {
  0% {
    transform: scale3d(1, 0, 1);
  }

  50% {
    transform: scale3d(1, 0, 1);
  }

  100% {
    transform: scale3d(1, 1, 1);
  }
}

@keyframes eyeBallOpen {
  0% {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1, 0, 1);
  }

  100% {
    transform: scale3d(1, 1, 1);
  }
}

.j-cms__dd__item:hover .j-cms__dd__eye-ball,
.j-cms__dd__item.dd-open .j-cms__dd__eye-ball {
  animation-name: eyeBallOpen;
  animation-duration: 0.3s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}

.j-cms__dd__item:hover .j-cms__dd__eye,
.j-cms__dd__item.dd-open .j-cms__dd__eye {
  animation-name: eyeOpen;
  animation-duration: 0.3s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}

.j-cms__dd__item:hover .j-cms__dd__hover,
.j-cms__dd__item.dd-open .j-cms__dd__hover {
  height: 100%;
}

.j-cms__dd__item:hover .j-cms__dd__button,
.j-cms__dd__item.dd-open .j-cms__dd__button {
  padding-left: 30px;
  padding-right: 60px;
}

.j-cms__dd__item.dd-open .j-cms-dd__list {
  margin: 0px;
}

@media (max-width: 479px) {
  .j-cms__dd__item:hover .j-cms__dd__button,
  .j-cms__dd__item.dd-open .j-cms__dd__button {
    padding-left: 20px;
    padding-right: 60px;
  }
}

.j-jobs__link.transition {
  transform: scale3d(1.1, 1.1, 1.1);
  z-index: 5000;
}

.j-prio__img {
  height: calc(100% + 20vw);
}

.j-body .j-cms-profil__richtext * {
  color: transparent;
  color: color(display-p3 1 1 0 / 0);
  -webkit-text-stroke: 0.5px #fff500;
  text-stroke: 0.5px #fff500;
  -webkit-text-stroke: 0.5px color(display-p3 1 1 0);
  text-stroke: 0.5px color(display-p3 1 1 0);
  -webkit-transition: 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: skew(0deg, 0deg);
  -ms-transform: skew(0deg, 0deg);
}

.j-cms-profil__richtext *.active {
  color: #fff500;
  color: color(display-p3 1 1 0);
  -webkit-text-stroke: 0.5px transparent;
  text-stroke: 0.5px transparent;
  -webkit-transform: skew(0deg, 0deg);
  -ms-transform: skew(0deg, 0deg);
}

.j-utility__lead a {
  text-decoration: underline;
  font-style: italic;
}

@media (hover: hover) {
  .j-utility__lead a:hover {
    color: #8b8600;
    color: color(display-p3 0.675 0.675 0);
  }
}

.j-cta__heading.mehrzu {
  color: transparent;
  -webkit-text-stroke: 1px #fff500;
  text-stroke: 1px #fff500;
  -webkit-text-stroke: 1px color(display-p3 1 1 0);
  text-stroke: 1px color(display-p3 1 1 0);
}

.j-cta__section.hover .j-cta__heading.jetztbewerben,
.j-cta__section.hover .j-cta__heading.mehrzu {
  color: transparent;
  -webkit-text-stroke: 1px black;
  text-stroke: 1px black;
}

@media (hover: hover) {
  .j-cta__section.hover .j-cta__heading.jetztbewerben:hover,
  .j-cta__section.hover .j-cta__heading.mehrzu:hover {
    color: black;
    -webkit-text-stroke: 1px transparent;
    text-stroke: 1px transparent;
  }
}

.j-prio__section .cb-ts__wrapper {
  margin-top: 0;
  overflow-y: hidden;
  display: inline-block;
}

.j-prio__section .cb-ts__item {
  transform: translateY(120%);
  display: inline-block;
  transition-property: opacity, transform;
  transition-delay: calc(0.03s * (var(--length) - (var(--index) + 1)));
  padding-top: 1vw;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.j-prio__section .notransition .cb-ts__item {
  transition: none !important;
}

.j-prio__section .cb-ts__item {
  transition-delay: calc(0.3s / var(--length) * var(--index));
}

.j-prio__section .cb-tt-top .cb-ts__item {
  transform: translateY(-120%);
  transition-timing-function: cubic-bezier(0.63, 0, 0.38, 1);
}

.j-prio__section .cb-tt-active .cb-ts__item {
  transform: translateY(0%);
  transition-timing-function: cubic-bezier(0.63, 0, 0.38, 1);
  transition-delay: calc(0.3s / var(--length) * var(--index));
}

.j-cms-percent__copy {
  animation-name: tickerSingle;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.utl__button[cb-button-style="jobs-main"] .utl__button__bg {
  background-color: #fff500;
  background-color: color(display-p3 1 1 0);
}

.utl__button[cb-button-style="jobs-main"] {
  color: var(--black);
}

/*-----------------------------------------------------------*/
/* vCards Page                                               */
/*-----------------------------------------------------------*/

.vcd__body {
  --text: #ffffff;
  --main-color: #ffffff;
  --background: #000000;
  --block: #242424;
  --box: #2f2f2f;
  --box-hover: #363636;
  --input: #2f2f2f;
  --input-placeholder: rgba(255, 255, 255, 0.3);
  --button: #414141;
  --light-text: hsla(0, 0%, 100%, 0.6);
  --line: #454545;
  --active-bg: #161616;
  --qr-bg: #1f1f21;
  --qr-button: #343435;
  --pb-gradient: linear-gradient(#6d6e6e, #464746);
  --nav-links: #9a9a9a;
}

@media (prefers-color-scheme: light) {
  .vcd__body {
    --text: #000000;
    --main-color: #3478f6;
    --background: #fefefe;
    --block: #f2f2f6;
    --box: #fefefe;
    --box-hover: #fefefe;
    --input: #eeeeef;
    --input-placeholder: #838387;
    --button: #fefefe;
    --light-text: #8e8e92;
    --line: #c6c6c880;
    --active-bg: #f7f7f9;
    --qr-bg: #f2f2f6;
    --qr-button: #dcdcde;
    --pb-gradient: linear-gradient(#a6aab6, #858992);
    --nav-links: #3478f6;
  }

  .vcd__body .vcd-box__cta-copy {
    color: var(--main-color);
  }

  .vcd__body .vcd-box__cta-link:hover,
  .vcd__body .vcd-box__cta-link:hover .vcd-box__cta-copy,
  .vcd__body .button.vcard:hover {
    color: var(--background);
    background-color: var(--main-color);
  }

  .vcd__body .button.vcard {
    font-weight: 500;
  }

  .vcd__body .vcd-box__img-container {
    background-color: #e3e3e7;
  }

  .vcd__body .vcd-box__preheading {
    color: var(--text);
  }

  .vcd__body .button__circle {
    display: none;
  }
}

@media (prefers-color-scheme: light) and (min-width: 768px) {
  .vcd__body {
    --block: #fefefe;
    --box: #f2f1f6;
    --button: #f2f1f6;
  }
}

.vcd__body,
.vcd__load-overlay {
  background-color: var(--background);
  color: var(--text);
}

.vcd-list__link,
.vcd-box__name,
.vcd-list__logo-img,
.vcd-box__link {
  color: var(--text);
}

.vcd-box__cta-link,
a.vcd-box__link {
  color: var(--main-color);
}

.vcd-box__item,
.vcd-box__cta-overlay {
  background-color: var(--block);
}

.vcd-list__form-input::placeholder {
  color: var(--input-placeholder);
}

.vcd-box__block,
.vcd-box__cta-link,
.vcd-box__img-container {
  background-color: var(--box);
}

@media (hover: hover) {
  .vcd__body .vcd-box__cta-link:hover {
    background-color: var(--box-hover);
  }
}

.box__divider,
.vcd-box__divider {
  background-color: var(--line);
}

.vcd__body .vcd-box__function,
.vcd__body .vcd-box__preheading,
.vcd__body .vcd-list__section,
.vcd__body .vcd-box__cta-copy {
  color: var(--light-text);
}

.vcd-list__link.cb-active,
.vcd-list__link:hover {
  background-color: var(--active-bg);
}

.vcd-list__form-input {
  background-color: var(--input);
}

.vcd-qr__container {
  background-color: var(--qr-bg);
}

.vcd-qr__close {
  background-color: var(--qr-button);
}

.button.vcard {
  background-color: var(--button);
  color: var(--main-color);
}

.vcd-list__item {
  border-color: var(--line);
}

.vcd-box__initials {
  background-image: var(--pb-gradient);
}

.vcd-list__section::-webkit-scrollbar,
.vcd-box__section::-webkit-scrollbar {
  display: none;
}

.vcd-nav__link {
  color: var(--nav-links);
}

.qr-code-img {
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
  transform: scale3d(1.1, 1.1, 1.1);
}

.vcd-rq__hidden.vcd-qr__section {
  pointer-events: none;
}

.vcd-rq__hidden .vcd-qr__container {
  transform: translate(0, 100%);
}

.vcd-rq__hidden .vcd-qr__bg {
  opacity: 0;
}

.vcd-list__section,
.vcd-box__section {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.vcd-list__item.cb-filter-hidden {
  display: none;
}

.vcd-list__search,
.vcd__load-overlay {
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  .vcd-list__section.cb-active-modal {
    -webkit-transform: translate(-40%, 0);
    -ms-transform: translate(-40%, 0);
    transform: translate(-40%, 0);
  }
}

.vcd-box__item.cb-animation-overwrite {
  -webkit-transition: none;
  transition: none;
}

/*-----------------------------------------------------------*/
/* Webseiten                                                 */
/*-----------------------------------------------------------*/

@media (hover: hover) {
  .web-shw__collection-item:not(.loading)
    .web-shw__site-container:hover
    .web-shw__button {
    transform: scale(1);
    opacity: 1;
  }
}

.web-shw__collection-item.loading .web-shw__preview {
  opacity: 0;
}

.web-shw__collection-item.loading .web-shw__site-container {
  transform: scale(0.9);
}

.web-shw__collection-item.liveview .web-shw__preview {
  opacity: 0;
  pointer-events: none;
}

.web-shw__collection-item.liveview iframe {
  opacity: 1;
}

.web-shw__nav__name {
  pointer-events: none;
}

/*-----------------------------------------------------------*/
/* Accessibility                                             */
/*-----------------------------------------------------------

.foo__rows__link:focus,
.foo__legal__link:focus {
  outline: none;
  margin: 0 -6px;
  padding-left: 6px;
  padding-right: 6px;
  background-color: var(--box);
  border-radius: 4px; 
}

.nav__logo:focus {
  outline: none;
  position: relative;
  overflow: visible;
}

.nav__logo:focus:after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  display: block;
  top: -2x;
  right: -6px;
  bottom: -2px;
  left: -6px;
  border-radius: 4px;
  background-color: var(--box);
}



.foo__rows__heading-wrapper:focus > * {
  outline: none;
  margin: -6px;
  padding: 6px;
  background-color: var(--box);
  border-radius: 4px;
}

.foo__rows__heading-wrapper:focus {
  outline: none;
}

*/

/*-----------------------------------------------------------*/
/* Webflow Landing Page                                      */
/*-----------------------------------------------------------*/

.wlp-page .foo__wrapper,
.wlp-main.foo__scaling .utl__scroller-wrapper,
.wlp-page .nav-dd__wrapper,
.wlp-page .ang-next__link {
  background-color: #18182e;
}

.wlp-page .ang-next__link::after {
  content: "";
  border-radius: 4px;
  display: block;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: inset 0 1px 2px 0 hsla(0, 0%, 100%, 0.35);
}

.wlp__heading > *,
.wlp-s2__heading > * {
  display: inline;
}

[cb-wlpbox-element] {
  display: inline-block;
  position: relative;
  padding: 0 0.15em 0 0.1em;
}

[cb-wlpbox-element]::after {
  content: "";
  opacity: 1;
  transition: opacity 1s ease;
  transition-delay: 1s;
  border-top-right-radius: 0.07em;
  border-bottom-right-radius: 0.07em;
  border-bottom-left-radius: 0.07em;
  display: block;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 0.015em solid var(--webflow--blue);
  box-shadow: 0 0px 5px 0 #146ef5, 0 0px 30px 0 #146ef534,
    inset 0 0px 5px 0 #146ef5, inset 0 0px 30px 0 #146ef534;
}

[cb-wlpbox-element]::before {
  content: var(--text);
  opacity: 1;
  transition: opacity 1s ease;
  transition-delay: 1s;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  pointer-events: none;
  font-size: 11px;
  letter-spacing: 0;
  position: absolute;
  bottom: 100%;
  left: 0;
  background-color: var(--webflow--blue);
  box-shadow: 0 0px 5px 0 #146ef5, 0 0px 30px 0 #146ef534;
  padding: 4px 6px 4px 21px;
  font-weight: 400;
  background-image: url("https://uploads-ssl.webflow.com/651d15fb8f27f4a03c14ae88/659d5c6dcfe0b3644cf00087_wlp-box-icon-text.svg");
  background-position: 7px 4px;
  background-size: 10px 10px;
  background-repeat: no-repeat;
}

/*

em sizing 


[cb-wlpbox-element]::after {
  content: "";
  border-top-right-radius: 0.07em;
  border-bottom-right-radius: 0.07em;
  border-bottom-left-radius: 0.07em;
  display: block;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid var(--webflow--blue);
  box-shadow: 0 0px 5px 0 var(--webflow--blue);
}
[cb-wlpbox-element]::before {
  content: var(--text);
  border-top-left-radius: 0.2em;
  border-top-right-radius: 0.2em;
  display: block;
  pointer-events: none;
  font-size: 0.11em;
  letter-spacing: 0;
  position: absolute;
  bottom: 100%;
  left: 0;
  background-color: var(--webflow--blue);
  box-shadow: 0 0px 5px 0 var(--webflow--blue);
  padding: 0.3em 0.3em 0.2em 1.9em;
  font-weight: 400;
  background-image: url('https://uploads-ssl.webflow.com/651d15fb8f27f4a03c14ae88/659d5c6dcfe0b3644cf00087_wlp-box-icon-text.svg');
  background-position: 0.6em 0.3em;
  background-size: 0.9em 0.9em;
  background-repeat: no-repeat;
}
*/

@media (hover: hover) {
  .wlp__button:hover {
    background-color: #0055d4;
    box-shadow: 0 1px 1px rgba(8, 8, 8, 0.08), 0 1px 1px rgba(8, 8, 8, 0.2),
      inset 0 6px 12px rgba(255, 255, 255, 0.12),
      inset 0 1px 1px rgba(255, 255, 255, 0.2);
  }
}

/*-----------------------------------------------------------*/
/* Privacy Bee                                               */
/*-----------------------------------------------------------*/

privacybee-widget {
  --custom-body-color: rgba(255, 255, 255, 0.7);
  --custom-title-color: rgba(255, 255, 255, 0.96);
}

body .CCca4W_expandableWrapper {
  border: none !important;
  background-color: var(--box-full-color) !important;
  border-radius: 8px;
}

body .oSc-KW_listWrapper {
  gap: 20px;
}

body .CCca4W_expandableImage {
  background-color: var(--box) !important;
}

body .CCca4W_expandableImage path {
  fill: white;
}

body .KFaIpG_link,
body .KFaIpG_h2,
body .KFaIpG_h1 {
  font-weight: 500;
}

body .CCca4W_expandableName {
  color: var(--custom-title-color);
}

.KFaIpG_wrapper > link + .KFaIpG_h1 {
  display: none;
}

body .KFaIpG_text,
body .oSc-KW_listWrapper,
body ._7Q79CG_techWrapper {
  max-width: 100%;
}

@container (min-width: 680px) {
  body .oSc-KW_listWrapper,
  body ._7Q79CG_techWrapper {
    max-width: 100%;
  }
}

/*-----------------------------------------------------------*/
/* Akquise: Comic                                            */
/*-----------------------------------------------------------*/

.cmc__video-wrapper.cmc__video-show {
  opacity: 1;
  transform: translate(0);
}

.cmc__heading[cb-textreveal-style="h1"] .cb-ts__item {
  transition-duration: 1s;
  transition-delay: calc(0.2s + 0.15s * var(--index));
}

.cmc__vid iframe {
  width: 100%;
  height: 100%;
  pointer-events: none;
}