/*-----------------------------------------------------------*/
/* 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;
}



/* 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;
}







/*-----------------------------------------------------------*/
/* Color Scheme: Light Mode                                  */
/*-----------------------------------------------------------*/

body.light-mode {
  --black: white;
  --text: rgba(0,0,0,.96);
  --colors--white: black;
  --text-medium: hsl(0, 0%, 38%);
  --layout--padding-mobile: 6vw;
  --box-full-color: hsl(0, 0%, 92%);
  --box: rgba(0,0,0,.08);
  --border: rgba(0,0,0,.1);
  --text-light: hsl(0, 0%, 55%);
  --border-focus: hsl(0, 0%, 64%);
  --text-inactive: rgba(0, 0, 0, .2);
  --box-hover: rgba(0, 0, 0, .12);
  --text-richtext: rgba(0, 0, 0, .70);
}

body.light-mode privacybee-widget {
  --custom-body-color: rgba(0, 0, 0, .7);
  --custom-title-color: rgba(0, 0, 0, .96);
}
body.light-mode .j-team__img,
body.light-mode .lay__page,
body.light-mode .his-img__img__dummy {
  box-shadow: none;
}


body.light-mode .utl__button[cb-button-style="default-brighter"] .utl__button__bg {
  background-color: rgb(229, 229, 229);
}

body.light-mode .clt__logo,
body.light-mode .awards__icon {
  filter: invert(1);
  mix-blend-mode: darken;
}
body.light-mode .cms-ang__hero__gradient {
  background-image: linear-gradient(to bottom,rgba(255,255,255,.01),var(--black));
}

body.light-mode .work__facts__column1 {
  background-color: hsl(0, 0%, 95%);
}
body.light-mode .vid-audio img {
  filter: invert(1)
}

body.light-mode .tvid__main-heading {
  color: white
}

body.light-mode .nav-dd__wrapper {
  background-color: hsl(240 4% 90% / 1);
}


@media (hover: hover) {
  body.light-mode .con__section .vcd-box__cta-link:hover {
    background-color: rgba(0, 0, 0, .20);
  }
  body.light-mode .con__cta__box:hover {
    background-color: hsl(0deg 0% 86%);
  }
}

body.light-mode .nav__gradient {
  background-image: none; /* linear-gradient(rgba(255,255,255,.3),transparent) */
}



body.light-mode .his-hover .his-lst__heading,
body.light-mode .his-hover .his-lst__preheading,
body.light-mode .his-hover .utl__button {
  color: var(--text-inactive);
}

body.light-mode .his-hover .utl__button__bg {
  background-color: hsl(0, 0%, 98%);
}


body.light-mode .his-hero__img {
  filter: brightness(1) !important;
}

body.light-mode .popup_container {
  background-color: var(--box-full-color);
}

body.light-mode .popup_bg {
  background-color: hsl(0deg 0% 88% / 95%);
}



/*-----------------------------------------------------------*/
/* 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(.25, .74, .22, .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, .crs-fast {
    display: none;
  }
}

.crs, .crs-fast {
  pointer-events: none;
}

.crs.visible, .crs-fast.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(.165, .84, .44, 1);
    transition-delay: calc(0.1s * var(--index));
  }
}

.foo__icon-wrapper {
  transition: transform 1s cubic-bezier(.165, .84, .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(.25, .74, .22, .99);
}

.nav-dd__block {
  height: 330px;
}

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

.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(.23, 1, .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: var(--text-inactive);
    transition-delay: 0s;
    transition-duration: 0.5s;
  }

  .nav-dd__list .nav-dd__link:hover {
    color: var(--text);
  }
}



.nav-dd__list:focus .nav-dd__link {
  color: var(--text-inactive);
  transition-delay: 0s;
  transition-duration: 0.5s;
}

.nav-dd__list .nav-dd__link:focus {
  color: var(--text);
  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: var(--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(.23, 1, .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, .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 .3s cubic-bezier(.165, .84, .44, 1);
}

.wrk-flt__link {
  transition: color .3s cubic-bezier(.25, .74, .22, .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 .3s cubic-bezier(.165, .84, .44, 1);
    opacity: 1;
  }

  .wrk-flt__link:not(.clicked-work-active):hover {
    color: var(--black);
    transition: color .3s cubic-bezier(.25, .74, .22, .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(.165, .84, .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(.23, 1, .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(.23, 1, .32, 1), opacity 1s cubic-bezier(.23, 1, .32, 1);
  transition-delay: calc(0.1s * var(--scrollIndex));
}

.ang-next__link[cb-scrollreveal-element=item] {
  transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity 1s cubic-bezier(.23, 1, .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: 28vw;
  }

  [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;
    width: 100%;
  }
}

@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("../../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;
}

.work__hero__subheading {
  color: rgba(255,255,255,.96)
}

.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: var(--text);
  -webkit-text-fill-color: transparent;
  /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--text);

}

.work__hero__heading.work__next__transition {
  color: var(--text) !important;
  -webkit-text-fill-color: var(--text) !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: var(--box-hover);
  }
}

.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);
  }
}

@media (hover: hover) {
  .con__section .vcd-box__cta-link:hover {
    background-color: rgba(255, 255, 255, .20);
  }
  .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 .2s cubic-bezier(.215, .61, .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(.77, 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: .6s;
    transition-timing-function: cubic-bezier(.165, .84, .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: .2s cubic-bezier(.165, .84, .44, 1);
  transition: .1s cubic-bezier(.165, .84, .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(.215, .61, .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%, .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);
  }
  .card__header h2{
    font-size: 33px !important;
  }
}

.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, .wlp-page * {
  cursor: none !important
}

.wlp-page .crs .crs__circle {
  border: 1px solid rgba(255,255,255,.0);
}
.wlp-page .wlp-cursor__embed {
  opacity: 1;
}

.wlp-page .crs-fast.link-hover .wlp-cursor__default {
  opacity: 0;
}
.wlp-page .crs-fast.link-hover .wlp-cursor__pointer {
  opacity: 1;
}
.wlp-page .wlp-cursor__default {
  transform: translate(7px, 27px)
}
.wlp-page .wlp-cursor__pointer {
  transform: translate(10px, -1px);
  opacity: 0
}

.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.00%, 100.00%, 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('../../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('../../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, .08),
      0 1px 1px rgba(8, 8, 8, .2),
      inset 0 6px 12px rgba(255, 255, 255, .12),
      inset 0 1px 1px rgba(255, 255, 255, .2)
  }
}






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


privacybee-widget {
  --custom-body-color: rgba(255, 255, 255, .7);
  --custom-title-color: rgba(255, 255, 255, .96)
}
body .CCca4W_expandableImage svg path {
  fill: var(--text)
}

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;
}

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

:root {
  --baseColor: #656c7c;
  --baseSize: 16px;
  --baseLineHeight: 1.5;
  --fontFamily: Inter, sans-serif;
  --pink: #5b47ddd2;
  --pinkLight: #ffecf0;
  --blue: #1769ff;

  
  --redTick: url("data:image/svg+xml,%3Csvg width='18' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.552.134 5.717 10.97 1.448 6.701 0 8.149l5.717 5.717L18 1.583 16.552.134Z' fill='%235B47DD'/%3E%3C/svg%3E%0A");


  --whiteTick: url("data:image/svg+xml,%3Csvg width='18' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.552.134 5.717 10.97 1.448 6.701 0 8.149l5.717 5.717L18 1.583 16.552.134Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");

  --close: url("data:image/svg+xml,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 1.414 16.586 0 9 7.586 1.414 0 0 1.414 7.586 9 0 16.586 1.414 18 9 10.414 16.586 18 18 16.586 10.414 9 18 1.414Z' fill='%23B1B8C9'/%3E%3C/svg%3E");

  --entpIcon: url("data:image/svg+xml,%3Csvg width='42' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.813 11.077 21 1.155l17.187 9.922v19.846L21 40.845 3.813 30.923V11.077Z' stroke='%23fff' stroke-width='2'/%3E%3Ccircle cx='21' cy='21' r='8' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");
}


html {
  color: var(--baseColor);
  font-family: var(--fontFamily);
  font-size: var(--baseSize);
  line-height: var(--baseLineHeight);
}


.plans {
  &__container {
    padding: 1rem 0 2rem;
  }

  width: 100%;
  max-width: 1128px;
  margin: 0 auto;
}


.plansHero {
  text-align: center;
  padding: 5rem 0 4.5rem;
  line-height: 1.21;

  &__title {
    font-weight: 700;
    font-size: 2rem;
    margin: 0 0 1rem 0;
    color: #FFF;
  }

  &__subtitle {
    margin: 0;
  }
}



.planItem {

  &__container {
    --direction: column;

    display: grid;
    grid-auto-flow: var(--direction);
    grid-auto-columns: 1fr;
    gap: 1.5rem;
  }

  background-color: var(--bgColor);
  border: var(--border);
  border-radius: 1rem;
  box-shadow: var(--boxShadow);
  padding: 2rem 1.5rem;
 
  flex-direction: column;

  .price {
    --priceMargin: 2rem 0;
  }

  &--free {
  }

  &--pro {
    --border: 0;
    --boxShadow: 0px 14px 30px rgba(204, 204, 204, 0.32);

    .label {
      --labelBg: #fdb72e;
      --labelColor: #fff;
    }
  }

  &--entp {
    --bgColor: var(--blue);

    .card {
      --titleColor: #fff;
      --descColor: rgb(255 255 255 / 80%);

      &__icon {
        background-image: var(--entpIcon);
        background-size: cover;
      }
    }

    .price,
    .featureList {
      --color: #fff;
    }

    .featureList {
      --icon: var(--whiteTick);
    }
  }

  .button {
    margin-top: auto;
  }
}

.button {
  --bgColor: #5B47DD;
    --color: #FFF;
    --shadowColor: #5b47dd85;
    --outline: #230ead;
    border-radius: 0.5rem;
    display: block;
    width: 100%;
    padding: 1rem 1.5rem;
    border: 0;
    line-height: inherit;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 600;
    background-color: var(--bgColor);
    color: var(--color);
    cursor: pointer;
    transition: all 0.1s ease-in-out;
    user-select: none;

  &--pink {
  --bgColor: #5B47DD;
    --color: #fff;
 --shadowColor: #5b47dd85;
  }

  &--white {
    --bgColor: #fff;
    --shadowColor: rgb(255 255 255 / 30%);
    --outline: #fff;
  }

  &:hover {
    transform: translateY(-2px);
    box-shadow: 0px 6px 10px var(--shadowColor);
  }

  &:focus-visible {
    outline-offset: 2px;
    outline: 2px solid var(--outline);
  }
}

.button--red {
  --bgColor: #5B47DD;
  --color: #fff;
  --shadowColor: #5b47dd7c;

  
}

.button--red:hover {
  box-shadow: 0px 6px 10px var(--shadowColor);
}

.card__header{

  word-wrap: break-word;

}

.card {
  --titleColor: ##fff;
  --descColor: var(--baseColor);

  &__header {
    display: flex;
    gap: 1rem;
    align-items: center;
  }

  &__icon {
    width: 2.625rem;
    height: 2.625rem;
  }

  h2 {
    color: var(--titleColor);
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400;
    margin: 0;
    margin-bottom: 2rem !important;
    flex-grow: 1;
  }

  &__desc {
    margin: 1.5rem 0 0;
    color: var(--descColor);
  }
}

.label {
  --labelColor: var(--baseColor);
  --labelBg: #e5e5e5;

  font-weight: 600;
  line-height: 1.25;
  font-size: 1rem;
  text-align: center;
  padding: 0.625rem 1.125rem;
  border-radius: 2rem;
  user-select: none;
  background-color: var(--labelBg);
  color: var(--labelColor);
}

.price {
  --color: #FFF;
  --priceMargin: 0;

  display: flex;
  color: var(--color);
  align-items: center;
  gap: 0.5625rem;
  font-weight: 600;
  font-size: 2rem;
  margin: var(--priceMargin);

  span {
    text-decoration: line-through;
    font-size: 1rem;
    font-weight: 400;
    color: var(--baseColor);
  }
}

.card__desc{
  margin-top: 2rem;
}

.featureList::-webkit-scrollbar-button {
  display: none;
}

/* Style the scrollbar thumb */
.featureList::-webkit-scrollbar-thumb {
  background: #5B47DD; /* Red color for the thumb */
  border-radius: 8px; /* Roundish border radius */
}

/* Style the scrollbar thumb when hovered */
.featureList::-webkit-scrollbar-thumb:hover {
  background: #5b47dd73; /* Darker red color when hovered */
}

/* Style the scrollbar thumb when active (clicked) */
.featureList::-webkit-scrollbar-thumb:active {
  background: #3d29bd; /* Even darker red color when active */
}
.featureList {
  overflow-x: hidden;
  height: 20rem;
  overflow-y: auto;

   /* Style the scrollbar */
   scrollbar-width: thin; /* Thin scrollbar */
   scrollbar-color: #5B47DD transparent; /* Red thumb with transparent track */
 
   /* Hide scrollbar arrows */
   scrollbar-arrow-color: transparent;
   scrollbar-gutter: scroll;
 
   /* Hide scrollbar track when not interacting */
   scrollbar-auto-hide: none;
 
   /* Enable smooth scrolling */
   scroll-behavior: smooth;
  --color: #FFF;
  --icon: var(--redTick);
  --height: 0.875rem;

  margin: 0 0 2.75rem;
  padding: 0;
  font-weight: 500;

  li {
    color: var(--color);
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    gap: 1rem;

    &:before {
      content: "";
      background-image: var(--icon);
      background-size: cover;
      display: block;
      width: 1.125rem;
      height: var(--height);
    }

    &:last-child {
      margin-bottom: 0;
    }

    &.disabled {
      --color: #FFF;
      --height: 1.125rem;
      --icon: var(--close);
    }
  }
}

.symbol {
  --big: 2.625rem;
  --small: 1.5rem;
  --radius: 0.25rem;

  border: 2px solid var(--blue);
  width: var(--big);
  height: var(--big);
  border-radius: var(--radius);
  position: relative;

  &--rounded {
    --radius: 2rem;
  }

  &:after {
    content: "";
    box-sizing: border-box;
    display: block;
    position: absolute;
    border: 2px solid var(--pink);
    width: var(--small);
    height: var(--small);
    border-radius: var(--radius);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

@media screen and (max-width: 640px) {
  .plans {
    max-width: 480px;
    width: 90%;
  }

  .planItem__container {
    --direction: row;
  }
}

@media screen and (min-width: 641px) and (max-width: 768px) {
  :root {
    --baseSize: 12px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1080px) {
  :root {
    --baseSize: 14px;
  }
}

.card__header h2 {
    height: 17vh;
    text-align: center;
    margin-bottom: 2rem !important;
    font-size: 3.3vw;
    text-transform: uppercase !important;
}
  


.p-footer{
  margin-top: 1rem;
  width: 17rem;
  height: auto;
  padding-top: 2px;
  transition: transform 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: translate(0);
}




/* Default styles */
.tab {
  margin-bottom: -6%;
  overflow-x: auto; /* Allow horizontal scrolling */
  background-color: #141414;
  display: flex;
}

.tab button {
  background-color: #141414;
  color: #fff;
  padding: 14px 20px;
  border: none;
  cursor: pointer;
  transition: 0.3s;
  flex: 1;
}

.tab button:hover {
  background-color: #575757;
}

.tab button.active {
  background-color: #5B47DD;
}

.tabcontent {
  display: none;
}

.tabcontent.active {
  display: block;
}

/* Media query for tablet screens */
@media screen and (max-width: 768px) {
  .tab {
    flex-wrap: nowrap; /* Prevent wrapping */
    overflow-x: auto; /* Allow horizontal scrolling */
    -webkit-overflow-scrolling: touch; /* Enable smooth scrolling on iOS */
  }

  .tab button {
    white-space: nowrap; /* Prevent button text from wrapping */
    /* min-width: 150px; Adjust as needed */
  }
}

/* Media query for mobile screens */
@media screen and (max-width: 480px) {
  .tab button {
    /* min-width: 100px; Adjust as needed */
    padding: 10px 15px; /* Adjust padding */
  }
}


.blg-lst__content-wrapper {
  width: 30vw; /* Default width for large screens */
}

@media (max-width: 1880px) and (min-width: 768px) {
  .blg-lst__content-wrapper {
      width: calc(30vw + (58) * ((100vw - 768px) / (1112px)));
  }
}

@media (max-width: 768px) {
  .blg-lst__content-wrapper {
      width: 88vw; /* Width for small screens */
  }
}
@media (max-width: 768px) {
  .blg-lst__collection-wrapper {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 769px) and (max-width: 1028px) {
  .blg-lst__collection-wrapper {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 1029px) {
  .blg-lst__collection-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.display-contents {
  display: contents !important;
}

.display-contents  input[type=text], input[type=url] {
  background: transparent;
  border: 1px solid #ffffff42;
  width: 100%;
  height: 2em;
}
.display-contents  input[type=text]:hover, input[type=url]:hover{
  border: 1px solid #ffffff42;
}

.display-contents textarea{
  background: transparent;
  border: 1px solid #ffffff42;
  width: 100%;
  height: 6em;
  resize:none;
}

.vcd-box__link select {
  /* Your styles here */
  padding-left: 0.5em;
  background: transparent;
  border: 1px solid #ffffff42;
  width: 100%;
  height: 2em;
  color: #FFF;
  appearance: none; /* Remove default arrow */
  -webkit-appearance: none; /* Remove default arrow in Safari */
  -moz-appearance: none; /* Remove default arrow in Firefox */
 
  box-sizing: border-box; /* Include padding and border in width */
  position: relative; /
}

.vcd-box__link select option {
  background: #1E1E1E;
  border: 1px solid #ffffff42;
  width: 100%;
  height: 2em;
  color: #FFF;
  
}





.select-dropdown,
.select-dropdown * {
	margin: 0;
	padding: 0;
	position: relative;
	box-sizing: border-box;
}
.select-dropdown {
	position: relative;

	border-radius: 4px;
}
.select-dropdown select {

	background-color: transparent;
		-webkit-appearance: none;
		-moz-appearance: none;
	appearance: none;
}
.select-dropdown select:active, .select-dropdown select:focus {
	outline: none;
	box-shadow: none;
}
.select-dropdown:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 0;
	height: 0;
	margin-top: -2px;
	border-top: 5px solid #aaa;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}



.contactbtn{
  width: 312%;
}



.combo_container {
  display: flex;
  flex-wrap: wrap;
}

.combo_column {
  padding: 20px;
  box-sizing: border-box;

  background-color: #5B47DD;
  /* text-align: center; */
}

@media (min-width: 1200px) {
  .combo_column {
      width: 33.33%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .combo_column {
      width: 33.33%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .combo_column {
      width: 100%;
  }
}

@media (max-width: 767px) {
  .combo_column {
      width: 100%;
  }
}

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

.combo_column li {
  font-weight: 500;
  font-size: 16px;
  text-align: left;
  line-height: 2;
}

/* .combo_column h3::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f111";
  margin-right: 10px;
  color: #FFF;
  font-size: 15px;
} */

.combo_column li::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f101";
  margin-right: 10px;
  color: #FFF;
}

.combo_column h3{
  letter-spacing: 1.5px;
  font-size: 25px;
  font-weight: 600;
  margin: 4% 0;
  text-transform: uppercase;
}

.btncombo p{
  font-weight: 500;
  font-size: 16px;
  text-align: ce;
  line-height: 2;
  color: #FFF;
}

.btncombo p::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f095";
  margin-right: 10px;
  color: #FFF;
}
.btncombo{
  padding: 0 20px;
  gap: 28%;
  display: flex;
  width: 100%;
  align-items: center;
}

.sec1, .sec2{
  width: 50%;
}



@media (min-width: 768px) {
  .sec1 {
      width: 50%;
      text-align: center;
  }
}

@media (max-width: 767px) {
  .sec1 {
    margin-bottom: 5%;
      width: 100%;
      text-align: center;
  }
  .sec1 .button--pink, .sec2 .button--pink{
    width: 100% !important;
  }
  .btncombo{
    display: block;
  }
  .sec2{
    margin-bottom: 5%;
    width: 100%;
  }
  .sec2 .button--pink{
    width: 100%;
  }

  .combo_column h3{
    font-size: 20px;
  }
  .combo_column li{
    font-weight: 400;
    font-size: 15px;
  }
  .headingscombo h2{
    font-size: 28px;
    font-weight: 400;
  }
  .headingscombo h1{
    font-weight: 600;
    font-size: 33px;
  }
}

.sec1 .button--pink{
  width: 100%;
  background: transparent;
  color: #fff;
  border: 1px solid #FFF;
}

/* .sec2 .button--pink{
  width: 50%;
} */

.pageh{

  
    color: var(--colors--white);
    letter-spacing: var(--letterspacing--h1);
    margin-top: 0;
    margin-bottom: 0;
    font-family: Suisseintl,sans-serif;
    font-size: 65px;
    font-weight: 500;
    line-height: 1.2;

}

.pagehs h1 {
  color: var(--colors--white);
  letter-spacing: var(--letterspacing--h1);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Suisseintl,sans-serif;
  font-size: 45px;
  font-weight: 500;
  line-height: 1.2;
}

.pagehs h2 {
  color: var(--colors--white);
  letter-spacing: var(--letterspacing--h1);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Suisseintl,sans-serif;
  font-size: 35px;
  font-weight: 500;
  line-height: 1;
}

.pagehs h3 {
  color: var(--colors--white);
  letter-spacing: var(--letterspacing--h1);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Suisseintl,sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 1;
}

.pagesul li {

  color: var(--text-medium);
  margin-bottom: 0;
  font-family: Suisseintl,sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

.pagehs a{
  color: #FFF;
}

.notfound {
  text-align: center;
}

.notfound img{
  width: 30%;

}
.notfound .button--pink{
  margin: 3% 35%;
  width: 30%;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .notfound img{
    width: 100%;
  
  }
  .notfound .button--pink{
    margin: 3% 0;
    width: 100%;
  }
}