/* 
* Fontface
 */
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/4ce991");
@font-face {
  font-family: "ProximaNova-Semibold";
  font-display: swap;
  src: url("../fonts/proximanova/ProximaNovaSemibold/font.woff2") format("woff2"), url("../fonts/proximanova/ProximaNovaSemibold/font.woff") format("woff");
}
@font-face {
  font-family: "ProximaNova-Black";
  font-display: swap;
  src: url("../fonts/proximanova/ProximaNovaBlack/font.woff2") format("woff2"), url("../fonts/proximanova/ProximaNovaBlack/font.woff") format("woff");
}
@font-face {
  font-family: "ProximaNovaT-Thin";
  font-display: swap;
  src: url("../fonts/proximanova/ProximaNovaTThin/font.woff2") format("woff2"), url("../fonts/proximanova/ProximaNovaTThin/font.woff") format("woff");
}
@font-face {
  font-family: "ProximaNova-Bold";
  font-display: swap;
  src: url("../fonts/proximanova/ProximaNovaBold/font.woff2") format("woff2"), url("../fonts/proximanova/ProximaNovaBold/font.woff") format("woff");
}
@font-face {
  font-family: "ProximaNova-BoldIt";
  font-display: swap;
  src: url("../fonts/proximanova/ProximaNovaBoldIt/font.woff2") format("woff2"), url("../fonts/proximanova/ProximaNovaBoldIt/font.woff") format("woff");
}
@font-face {
  font-family: "ProximaNova-ThinIt";
  font-display: swap;
  src: url("../fonts/proximanova/ProximaNovaThinIt/font.woff2") format("woff2"), url("../fonts/proximanova/ProximaNovaThinIt/font.woff") format("woff");
}
@font-face {
  font-family: "ProximaNova-Extrabld";
  font-display: swap;
  src: url("../fonts/proximanova/ProximaNovaExtrabld/font.woff2") format("woff2"), url("../fonts/proximanova/ProximaNovaExtrabld/font.woff") format("woff");
}
@font-face {
  font-family: "ProximaNova-Light";
  font-display: swap;
  src: url("../fonts/proximanova/ProximaNovaLight/font.woff2") format("woff2"), url("../fonts/proximanova/ProximaNovaLight/font.woff") format("woff");
}
@font-face {
  font-family: "ProximaNova-BlackIt";
  font-display: swap;
  src: url("../fonts/proximanova/ProximaNovaBlackIt/font.woff2") format("woff2"), url("../fonts/proximanova/ProximaNovaBlackIt/font.woff") format("woff");
}
@font-face {
  font-family: "ProximaNova-ExtrabldIt";
  font-display: swap;
  src: url("../fonts/proximanova/ProximaNovaExtrabldIt/font.woff2") format("woff2"), url("../fonts/proximanova/ProximaNovaExtrabldIt/font.woff") format("woff");
}
@font-face {
  font-family: "ProximaNova-RegularIt";
  font-display: swap;
  src: url("../fonts/proximanova/ProximaNovaRegularIt/font.woff2") format("woff2"), url("../fonts/proximanova/ProximaNovaRegularIt/font.woff") format("woff");
}
@font-face {
  font-family: "ProximaNova-SemiboldIt";
  font-display: swap;
  src: url("../fonts/proximanova/ProximaNovaSemiboldIt/font.woff2") format("woff2"), url("../fonts/proximanova/ProximaNovaSemiboldIt/font.woff") format("woff");
}
@font-face {
  font-family: "ProximaNova-MediumIt";
  font-display: swap;
  src: url("../fonts/proximanova/ProximaNovaMediumIt/font.woff2") format("woff2"), url("../fonts/proximanova/ProximaNovaMediumIt/font.woff") format("woff");
}
@font-face {
  font-family: "ProximaNova-LightIt";
  font-display: swap;
  src: url("../fonts/proximanova/ProximaNovaLightIt/font.woff2") format("woff2"), url("../fonts/proximanova/ProximaNovaLightIt/font.woff") format("woff");
}
@font-face {
  font-family: "ProximaNova-Medium";
  font-display: swap;
  src: url("../fonts/proximanova/ProximaNovaMedium/font.woff2") format("woff2"), url("../fonts/proximanova/ProximaNovaMedium/font.woff") format("woff");
}
@font-face {
  font-family: "ProximaNova-Regular";
  font-display: swap;
  src: url("../fonts/proximanova/ProximaNovaRegular/font.woff2") format("woff2"), url("../fonts/proximanova/ProximaNovaRegular/font.woff") format("woff");
}
/* 
* GT Zirkon Webfont (custom, converted to WOFF2/WOFF)
* NOTE/MM: Ensure filenames match the actual files in /wp-content/uploads/et-fonts/gt-zirkon/
 */
@font-face {
  font-family: "GT Zirkon";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/wp-content/uploads/et-fonts/GT-Zirkon-Light.woff2) format("woff2"), url(/wp-content/uploads/et-fonts/GT-Zirkon-Light.woff) format("woff");
}
@font-face {
  font-family: "GT Zirkon";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/wp-content/uploads/et-fonts/GT-Zirkon-Book.woff2) format("woff2"), url(/wp-content/uploads/et-fonts/GT-Zirkon-Book.woff) format("woff");
}
@font-face {
  font-family: "GT Zirkon";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/wp-content/uploads/et-fonts/GT-Zirkon-Medium.woff2) format("woff2"), url(/wp-content/uploads/et-fonts/GT-Zirkon-Medium.woff) format("woff");
}
@font-face {
  font-family: "GT Zirkon";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/wp-content/uploads/et-fonts/GT-Zirkon-Light-Italic.woff2) format("woff2"), url(/wp-content/uploads/et-fonts/GT-Zirkon-Light-Italic.woff) format("woff");
}
/* 
* CSS Variables
*/
:root {
  --fs-h1-title: 80px;
  --fs-h2-title: 64px;
  --fs-h3-title: 52px;
  --fs-h4-title: 44px;
  --fs-subtitle: 30px;
  --fs-body-l: 28px;
  --fs-body-m: 24px;
  --fs-body-s: 18px;
  --fs-caption: 23px;
  --fs-h1: var(--fs-h2-title); /* 64px; */
  --fs-h2: var(--fs-h3-title); /* 52px; */
  --fs-h3: var(--fs-h4-title); /* 44px; */
  --fs-h4: var(--fs-subtitle); /* 30px; */
  --fs-h5: var(--fs-body-l); /* 28px; */
  --fs-h6: var(--fs-body-m); /* 24px; */
  --clr-primary: #FF2910;
  --clr-secondary: #9698BA;
  --clr-dark: #404040;
  --clr-light: #fff;
  --clr-grey-light: #F3F3F6;
  --clr-purple-dark: #8D89A5;
  --clr-purple-darkest: #2E026B;
  --clr-purple-20perc: #D7CCE3;
  --bdr-radius-l: 30px;
  --bdr-radius-m: 12px;
  --bdr-radius-s: 5px;
}

/* 
* Brand color palette (from design reference)
*/
:root {
  /* Default Colors */
  --clr-brand-vermilion: hsla(17, 98%, 50%, 1);
  --clr-brand-violet: hsla(297, 75%, 32%,1);
  --clr-brand-purple: hsla(269, 71%, 42%,1);
  --clr-brand-blue: hsla(240, 64%, 40%,1);
  --clr-brand-lime: hsla(92, 64%, 40%,1);
  /* Dark Colors */
  --clr-brand-dark-vermilion: hsla(10, 100%, 41%,1);
  --clr-brand-dark-violet: hsla(297, 75%, 32%,1);
  --clr-brand-dark-purple: hsla(269, 71%, 42%,1);
  --clr-brand-dark-blue: hsla(240, 66%, 22%,1);
  --clr-brand-green: hsla(92, 64%, 40%,1);
  --clr-brand-dark-green: hsla(92, 64%, 40%,1);
  /* Neutral */
  --clr-brand-neutral: hsla(37, 91%, 91%,1);
  /* Extra */
  --clr-brand-news-bg:hsla(19, 93%, 95%,1);
}

/* 
* Typography tokens (based on brand style guide / Figma column)
*/
:root {
  /* Heading 1 */
  --typo-h1-size: 8.5rem;
  --typo-h1-weight: 300; /* Light */
  --typo-h1-letterspacing: -0.09em;
  --typo-h1-line-height: 1.06;
  /* Heading 2 */
  --typo-h2-size: 6rem;
  --typo-h2-weight: 300; /* Light */
  --typo-h2-letterspacing: -0.05em;
  --typo-h2-line-height: 1.10;
  /* Eyebrow title */
  --typo-eyebrow-size: 10px;
  --typo-eyebrow-weight: 400; /* Regular */
  --typo-eyebrow-letterspacing: 0.17em;
  --typo-eyebrow-line-height: 1.20;
  /* Heading 3 */
  --typo-h3-size: 2.25rem;
  --typo-h3-weight: 600; /* Semi-bold */
  --typo-h3-letterspacing: -0.03em;
  --typo-h3-line-height: 1.20;
  /* Heading 4 */
  --typo-h4-size: 1.8rem;
  --typo-h4-weight: 600; /* Semi-bold */
  --typo-h4-letterspacing: -0.03em;
  --typo-h4-line-height: 1.20;
  /* Body text */
  --typo-body-size: 2rem;
  --typo-body-weight: 400; /* Regular */
  --typo-body-letterspacing: -0.03em;
  --typo-body-line-height: 1.20;
  /* Footnote / Caption */
  --typo-caption-size: 1rem;
  --typo-caption-weight: 400; /* Regular */
  --typo-caption-letterspacing: 0;
  --typo-caption-line-height: 1.20;
  --typo-button-size: 2rem;
  --typo-button-weight: 500;
  --typo-button-letterspacing: -0.1rem;
  --typo-button-line-height: 2;
}

/* 
* Font families
*/
:root {
  /* Font families */
  --ff-base: "GT Zirkon", "Arial Narrow", sans-serif;
  --ff-heading: var(--ff-base);
}

:root {
  --button-radius: 25px;
  --button-padding: 0 2.75rem;
  --button-margin: 3.5rem 0 0;
  --button-height: var(--typo-button-line-height);
  --button-transition: .3s ease;
}

:root {
  --tile-radius: 25px;
  --tile-padding: 2rem;
  --tile-margin: 1rem;
  --tile-gap: 1rem;
}

/* 
* Breakpoints
*/
:root {
  /* Generic breakpoints */
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 576px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1400px;
  /* Divi breakpoints */
  --divi-breakpoint-smartphone-portrait-max: 479px;
  --divi-breakpoint-smartphone-max: 767px;
  --divi-breakpoint-tablet-min: 768px;
  --divi-breakpoint-tablet-max: 980px;
  --divi-breakpoint-desktop-standard-min: 1100px;
  --divi-breakpoint-desktop-large-min: 1405px;
}

/* 
* Spacing tokens
*/
:root {
  --tile-gap: 33px;
}

@media (max-width: 479px) {
  :root {
    --typo-h1-size: 6rem;
    --typo-h2-size: 5rem;
    --typo-h3-size: 2.25rem;
    --typo-body-size: 2rem;
    --typo-caption-size: 1rem;
    --typo-button-size: 2rem;
  }
}
/* 
* GENERIC
 */
html, body {
  font-family: var(--ff-base) !important;
  font-size: 10px;
}

h1, h2, h3, .body-m, .body-s {
  font-family: var(--ff-heading) !important;
  hyphens: auto;
}

h4, h5, h6, .caption {
  font-family: var(--ff-heading) !important;
  hyphens: auto;
}

p,
.body-text,
li,
td,
th,
.small-text,
strong,
.subheading,
.eyebrow {
  font-family: var(--ff-heading) !important;
}

body h1,
body h1.et_pb_module_header {
  font-size: var(--typo-h1-size);
}
body h2 {
  font-size: var(--typo-h2-size);
}
body h3 {
  font-size: var(--typo-h3-size);
}
body h4,
body h4.df_ab_blurb_sub_title {
  font-size: var(--typo-h4-size);
}
body h1 {
  font-weight: var(--typo-h1-weight);
  letter-spacing: var(--typo-h1-letterspacing);
  line-height: var(--typo-h1-line-height);
}
body h2 {
  font-weight: var(--typo-h2-weight);
  letter-spacing: var(--typo-h2-letterspacing) !important;
  line-height: var(--typo-h2-line-height);
}
body h3 {
  font-weight: var(--typo-h3-weight);
  letter-spacing: var(--typo-h3-letterspacing);
  line-height: var(--typo-h3-line-height);
}
body h4 {
  font-weight: var(--typo-h4-weight);
  letter-spacing: var(--typo-h4-letterspacing);
  line-height: var(--typo-h4-line-height);
}
body .dp_custom_field .dp_custom_field_value {
  font-family: var(--ff-heading) !important;
  font-size: var(--typo-h3-size);
  font-weight: var(--typo-h3-weight);
  letter-spacing: var(--typo-h3-letterspacing);
  line-height: var(--typo-h3-line-height);
}

p,
.body-text,
li,
td,
th,
.small-text {
  font-weight: var(--typo-body-weight);
  letter-spacing: var(--typo-body-letterspacing);
  line-height: var(--typo-body-line-height);
}

ol li,
ul li {
  margin-bottom: 0.5rem;
}

.caption,
.caption-text,
small,
figcaption,
.footnote,
.footer-note {
  font-size: var(--typo-caption-size);
  font-weight: var(--typo-caption-weight);
  letter-spacing: var(--typo-caption-letterspacing);
  line-height: var(--typo-caption-line-height);
  text-transform: none; /* oder uppercase, falls der Styleguide das so will */
}

strong {
  font-weight: var(--typo-button-weight);
}

/* to define */
.subtitle {
  font-size: var(--fs-subtitle); /* 30px; */
}

.body-l {
  font-size: var(--fs-body-l); /* 28px; */
}

.body-m {
  font-size: var(--fs-body-m); /*  24px; */
}

.body-s,
#menu-sub-menu a {
  font-size: var(--fs-body-s); /* 18px; */
}

.caption {
  font-size: var(--fs-caption); /* 23px; */
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.et_pb_module_header {
  hyphens: auto;
}

#main-content h4.df_ab_blurb_sub_title,
#main-content h4.subheading {
  color: var(--clr-brand-violet) !important;
  opacity: 0.6;
}
#main-content .df_ab_blurb_title {
  color: var(--clr-brand-dark-blue) !important;
}

/* Device visibility helpers */
@media (max-width: 767px) {
  body:not(.et-fb) .et_pb_hidden_phone,
  .et_pb_hidden_phone {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 980px) {
  body:not(.et-fb) .et_pb_hidden_tablet,
  .et_pb_hidden_tablet {
    display: none !important;
  }
}
@media (min-width: 981px) {
  body:not(.et-fb) .et_pb_hidden_desktop,
  .et_pb_hidden_desktop {
    display: none !important;
  }
}
#main-header {
  box-shadow: unset;
}

.subheading {
  color: var(--clr-brand-blue) !important;
  font-size: var(--fs-body-s); /* 18px; */
  padding-bottom: 0;
  margin-bottom: 12px;
}

/* NEW Stuff / Redesign 2025 */
@media screen and (max-width: 576px) {
  #hero-fw-home .et_pb_fullwidth_header_scroll {
    display: flex;
    justify-content: flex-end;
    margin-right: 1.5rem;
  }
}

@media (min-width: 768px) and (max-width: 980px) {
  .grid-row-2cols-14--1col-24 .et_pb_column {
    margin-bottom: 0;
  }
  .grid-row-2cols-14--1col-24 .et_pb_column_2 {
    order: 1;
  }
  .grid-row-2cols-14--1col-24 .et_pb_column_0 {
    order: 2;
  }
  .grid-row-2cols-14--1col-24 .et_pb_column_1 {
    order: 3;
  }
  .grid-row-4cols-14 .et_pb_column {
    margin-bottom: 0;
  }
}
@media (max-width: 992px) {
  .footer--global ul {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

/*
* Standorte Grid styles
*/
.blurb-standorte .et_pb_main_blurb_image,
.blurb-standorte .et_pb_image_wrap {
  display: block;
}

.blurb-standorte img {
  height: 200px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.grid-row-280 .et_pb_column {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  grid-gap: 3rem 4%;
}

.grid-row-280 .et_pb_column > div {
  width: auto;
  max-height: 450px;
  margin-right: 0;
  margin-bottom: 0;
}

/*
* Widget: Job Offers
*/
.widget-job-offers .widgettitle {
  padding-bottom: 1rem;
}

.widget-job-offers .job {
  margin: 0.75rem 0 0 0 !important;
  padding: 0;
}

.widget-job-offers .job .entry-title {
  font-size: var(--fs-body-xs, 15px) !important;
  font-weight: bolder !important;
  line-height: 1.25em;
  padding: 0;
}

.widget-job-offers footer {
  position: relative;
  top: -0.25rem;
}

.widget-job-offers .job .entry-categories {
  font-size: var(--fs-body-xxs, 12px) !important;
  color: #9698BA;
}

/* 
 * Job Carousel
 */
#career-jobs.job-carousel {
  width: 100vw;
}
#career-jobs.job-carousel .owl-carousel {
  width: 100vw;
  /* 
  * Job Carousel Arrows
  */
}
#career-jobs.job-carousel .owl-carousel .owl-nav {
  position: absolute;
  left: 33px;
  bottom: -3rem;
}
#career-jobs.job-carousel .owl-carousel .owl-dots {
  margin-top: 0;
  position: absolute;
  bottom: -3.5rem;
  width: 80%;
  text-align: right;
  /* padding-right: 3rem; */
  width: clamp(200px, 80%, 1080px);
}
#career-jobs.job-carousel .owl-carousel .owl-dots .owl-dot {
  width: 16px !important;
  height: 16px !important;
  border-radius: 20px;
}
#career-jobs.job-carousel .owl-carousel .owl-dots .owl-dot.active {
  width: 40px !important;
}
#career-jobs.job-carousel .owl-carousel .owl-nav.disabled,
#career-jobs.job-carousel .owl-carousel .owl-dots.disabled {
  display: none !important;
}
#career-jobs.job-carousel .owl-stage {
  display: flex;
}
@media (min-width: 100px) {
  #career-jobs.job-carousel .owl-item {
    min-width: 333px !important;
    min-width: 244px;
    max-width: 333px !important;
  }
}
#career-jobs.job-carousel .owl-item {
  position: relative;
  max-width: calc(100vw - 10%);
  height: 360px;
  border-radius: 0;
  box-shadow: 10px 10px 50px 3px rgba(39, 92, 141, 0.1);
  background: url(/wp-content/uploads/2022/05/job-dummy-scaled.jpg), #8D89A5;
  background-size: cover;
  transition: all 0.1s ease-in-out;
}
#career-jobs.job-carousel .owl-item::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1;
  border-radius: 0;
}
#career-jobs.job-carousel .owl-item .job {
  padding: 2rem;
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
  transition: all 0.1s ease-in-out;
}
#career-jobs.job-carousel .owl-item .job > a {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
}
#career-jobs.job-carousel .owl-item .job .dp_custom_field_name {
  display: none;
}
#career-jobs.job-carousel .owl-item .job .dp_oc_post_title {
  /* Change to button */
  transition: all 0.1s ease-in-out;
  position: absolute;
  bottom: 2rem;
  left: 2rem;
}
#career-jobs.job-carousel .owl-item .job .dp_oc_post_title a {
  font-size: 1.6rem !important;
  font-weight: 500;
  color: var(--clr-brand-vermilion) !important;
  text-align: left !important;
  background-color: RGBA(255, 255, 255, 0);
  display: inline-block;
  padding: 2px 0 !important;
  border-bottom: 2px solid var(--clr-brand-vermilion);
  line-height: 1.2em;
}
#career-jobs.job-carousel .owl-item .job .dp_custom_field {
  text-align: center;
  max-width: 100%;
}
#career-jobs.job-carousel .owl-item .job {
  /* Headline */
}
#career-jobs.job-carousel .owl-item .job .dp_custom_field_value {
  color: var(--clr-brand-dark-blue);
  color: white;
  font-size: 2.25rem;
  line-height: 1em;
  font-weight: bolder;
  display: block;
  transition: all 0.1s ease-in-out;
}
#career-jobs.job-carousel .owl-item .job .dp_custom_field:first-of-type {
  color: #fff;
  z-index: 2;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.3s ease, color 0.3s ease;
}
#career-jobs.job-carousel .owl-item .job .dp_custom_field:nth-of-type(2) {
  margin: auto 0; /* vertikale Zentrierung */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}
#career-jobs.job-carousel .owl-item .job .dp_custom_field:nth-of-type(2) .dp_custom_field_value {
  font-size: 2rem !important;
  font-weight: 500 !important;
  line-height: 1.2em !important;
  color: var(--clr-brand-dark-blue);
}
#career-jobs.job-carousel .owl-item .job .dp_oc_post_title {
  margin-top: auto;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}
#career-jobs.job-carousel .owl-item {
  /* HOVER */
}
#career-jobs.job-carousel .owl-item:hover {
  background: var(--clr-brand-news-bg) !important;
}
#career-jobs.job-carousel .owl-item:hover > a {
  display: none;
}
#career-jobs.job-carousel .owl-item:hover .dp_custom_field:nth-of-type(2),
#career-jobs.job-carousel .owl-item:hover .dp_oc_post_title {
  opacity: 1;
  visibility: visible;
}
#career-jobs.job-carousel .owl-item:hover .dp_custom_field:first-of-type {
  position: relative;
  top: unset;
  transform: none;
  margin-bottom: 1rem;
}
#career-jobs.job-carousel .owl-item:hover .dp_custom_field:first-of-type .dp_custom_field_value {
  font-size: 1.6rem;
  font-weight: 400;
  background: #fff;
  color: var(--clr-brand-dark-blue);
  padding: 8px 14px;
  border-radius: 17px;
  display: inline-block;
  line-height: 1.2em;
}
#career-jobs.job-carousel .owl-item:hover .job > * {
  align-self: start;
}
#career-jobs.job-carousel .owl-item:hover .job .dp_custom_field {
  text-align: left;
}
#career-jobs.job-carousel .owl-item:hover .job .dp_custom_field {
  display: block !important;
}
#career-jobs.job-carousel .owl-item:hover .job .dp_custom_field_value {
  color: var(--clr-brand-dark-blue);
}
#career-jobs.job-carousel .owl-item:not(:hover) .dp_custom_field .dp_custom_field_value {
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);
}

/* 
* Values Tabs
*/
.values-tabs .df_at_content {
  min-height: 400px;
}

.values-tabs .df_at_all_tabs {
  padding-left: 0;
  padding-right: 0;
}

.values-tabs .df_at_content *:last-child {
  padding-top: 2rem;
}

.values-tabs .df_ati_container {
  align-items: initial !important;
  justify-content: space-between;
}

@media only screen and (min-width: 981px) {
  .values-tabs .df_at_content_wrapper {
    width: 60%;
  }
}
.values-tabs .df_at_nav_wrap {
  flex-direction: row;
  flex-wrap: wrap;
}

.values-tabs .custom-arrow-nav {
  width: 100%;
  margin: 2rem 0;
  color: var(--clr-primary);
}

.values-tabs.has-image-mask.mask-style-01 .df_at_image {
  max-width: 400px !important;
  margin: 3rem 0;
  transform: rotate(0deg) scale(1.5);
}

.values-tabs.has-image-mask.mask-style-01 .df_at_image_wrapper {
  border: 1px solid var(--clr-light);
  overflow: hidden !important;
  /* -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 104.94 124.1'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23231f20;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Emask_image_25%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='layer_1-2' data-name='layer 1'%3E%3Cpath class='cls-1' d='M99.76,30.34C95.67,14.78,75.21-11.5,53.36,5.54c-11.8,9.2-15.24,24.33-17.71,42.3S-1.27,56.17,0,84.52c1.36,29.65,53.12,55,82.93,28.39S105.46,52,99.76,30.34Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 104.94 124.1'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23231f20;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Emask_image_25%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='layer_1-2' data-name='layer 1'%3E%3Cpath class='cls-1' d='M99.76,30.34C95.67,14.78,75.21-11.5,53.36,5.54c-11.8,9.2-15.24,24.33-17.71,42.3S-1.27,56.17,0,84.52c1.36,29.65,53.12,55,82.93,28.39S105.46,52,99.76,30.34Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); */
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzY4IiBoZWlnaHQ9IjMxOSIgdmlld0JveD0iMCAwIDM2OCAzMTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjQ0NDU1MyA0Mi44MjEyQy0wLjM0NTM2NyAzNi4wODM2IDQuNjAyMjkgMzAuMDMxMyAxMS4zNjI0IDI5LjQ2NTZMMzU0LjU3OCAwLjc0ODU0NUMzNjIuMjMzIDAuMTA4MDQ1IDM2OC41MSA2LjcyNTAzIDM2Ny40NjcgMTQuMzM1N0wzMzMuNDY5IDI2Mi40NzZDMzMyLjc1NSAyNjcuNjkyIDMyOC43MjQgMjcxLjgzMyAzMjMuNTI5IDI3Mi42ODhMNDUuNDAzMiAzMTguNDU5QzM4LjY0ODIgMzE5LjU3IDMyLjMzMzUgMzE0LjgxNSAzMS41MzYzIDMwOC4wMTVMMC40NDQ1NTMgNDIuODIxMloiIGZpbGw9IiNBQUFBQUEiLz4KPC9zdmc+Cg==");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzY4IiBoZWlnaHQ9IjMxOSIgdmlld0JveD0iMCAwIDM2OCAzMTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjQ0NDU1MyA0Mi44MjEyQy0wLjM0NTM2NyAzNi4wODM2IDQuNjAyMjkgMzAuMDMxMyAxMS4zNjI0IDI5LjQ2NTZMMzU0LjU3OCAwLjc0ODU0NUMzNjIuMjMzIDAuMTA4MDQ1IDM2OC41MSA2LjcyNTAzIDM2Ny40NjcgMTQuMzM1N0wzMzMuNDY5IDI2Mi40NzZDMzMyLjc1NSAyNjcuNjkyIDMyOC43MjQgMjcxLjgzMyAzMjMuNTI5IDI3Mi42ODhMNDUuNDAzMiAzMTguNDU5QzM4LjY0ODIgMzE5LjU3IDMyLjMzMzUgMzE0LjgxNSAzMS41MzYzIDMwOC4wMTVMMC40NDQ1NTMgNDIuODIxMloiIGZpbGw9IiNBQUFBQUEiLz4KPC9zdmc+Cg==");
  -webkit-mask-size: 69% !important;
  mask-size: 69% !important;
  -webkit-mask-position: center;
  mask-position: center;
  transform: rotate(0deg) !important;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.custom-arrow-nav {
  display: none;
  position: relative;
}

.custom-arrow-nav .can-prev,
.custom-arrow-nav .can-next {
  cursor: pointer;
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: 0.6;
  display: inline-block;
  /* transform: translateY(-50%);
  top: 50%;
  position: absolute; */
  position: relative;
  z-index: 100;
}

.custom-arrow-nav .can-prev {
  text-align: left;
  /* left: -33px; */
}

.custom-arrow-nav .can-next {
  text-align: right;
  right: -15px;
}

.can-prev:hover, .can-next:hover {
  opacity: 1;
}

.custom-arrow-nav .can-prev::before {
  font-size: var(--fs-body-l, 28px);
  content: "\f060";
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  vertical-align: text-bottom;
}

.custom-arrow-nav .can-next::before {
  font-size: var(--fs-body-l, 28px);
  content: "\f061";
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  vertical-align: text-bottom;
}

.values-tabs .df_at_nav_container {
  flex: 0 1 100px;
}

.values-tabs .df_at_nav {
  background-color: transparent;
  padding: 0 2rem 1rem 0;
}

@media (max-width: 480px) {
  .values-tabs .difl_advancedtabitem > div {
    display: initial;
  }
}
.values-tabs .df_at_nav .df_at_title {
  color: #D5CCE1;
  font-size: var(--fs-body-s, 18px);
  font-weight: 700;
}

.values-tabs .df_at_nav:hover .df_at_title,
.values-tabs .df_at_nav_active .df_at_title {
  color: var(--clr-secondary);
  font-weight: bold;
}

.values-tabs .df_at_subtitle {
  display: none;
}

@media (max-width: 981px) {
  .values-tabs .df_at_nav_wrap {
    flex-direction: column-reverse;
  }
  .values-tabs .df_at_nav_container {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .values-tabs .df_at_nav {
    width: auto;
    height: auto;
  }
  .values-tabs .custom-arrow-nav {
    margin-top: 0;
  }
}
@media (min-width: 481) and (max-width: 981px) {
  .values-tabs .df_at_nav_container {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  .values-tabs .df_ati_container {
    display: flex;
    flex-direction: column-reverse;
  }
  /* .values-tabs .df_at_image_wrapper{
      display:none;
  } */
}
/* Team Gallery */
.team-gallery .df_ig_caption {
  margin-bottom: 0.5rem !important;
}

.team-gallery .df_ig_description {
  /* width: calc(20% -  2rem); */
  overflow: hidden;
  /* height: 4.3rem; */
  line-height: 1.25;
}

/* 
* Post Interviews
 */
.interview-question-typing.dipi_typing_text .dipi-typing-wrap {
  height: auto !important;
}

/* 
* Related Posts
*/
.dipi-post-row .dipi-post-right, .dipi-post-row .dipi-post-left {
  border-radius: 5px;
  /* border: 2px solid #FF2910; */
  background-color: var(--clr-primary);
  color: var(--clr-light) !important;
}

.dipi-post-row .dipi-post-right:hover, .dipi-post-row .dipi-post-left:hover {
  background-color: #EC2910; /* TODO: CHeck Color */
  /* color: #FF2910 !important; */
}

.dipi-post-row .dipi-post-row .dipi-post-right a,
.dipi-post-row .dipi-post-left a,
.dipi-post-row .dipi-post-right a:hover,
.dipi-post-row .dipi-post-left a:hover {
  color: currentColor !important;
}

#main-content .dipi-related-article-column {
  border-radius: 0px !important;
}

@media (max-width: 444px) {
  .dipi-post-row .dipi-post-right, .dipi-post-row .dipi-post-left {
    margin-bottom: 1rem;
  }
}
/* 
* Senior Balloons Team Page
 */
.tippy-arrow::before {
  left: -17px !important;
  border-width: 18px 18px 18px 0 !important;
}

.slide-in-menu .et_pb_code {
  display: none;
}

#hero-career .et_pb_bottom_inside_divider {
  height: 100%;
  bottom: -70px;
  z-index: 1;
  transform: scale(1, 1);
  background-position-y: bottom;
  background-size: cover;
  background-repeat: repeat;
  /* background-image: url("data:image/svg+xml,%3Csvg width='1728' height='426' viewBox='0 0 1728 104' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='career-hero-divider' d='M618.982 357.932C605.107 362.419 589.965 360.624 577.523 353.019L0 0V426H1728V0H1726V92L618.982 357.932Z' fill='%23FFFFFF'/%3E%3C/svg%3E") !important; */
  background-image: url("data:image/svg+xml,%3Csvg width='300' height='150' viewBox='0 0 1728 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='career-hero-divider' d='M618.982 357.932C605.107 362.419 589.965 360.624 577.523 353.019L0 0V426H1728V0H1726V92L618.982 357.932Z' fill='%23F3F3F6'/%3E%3C/svg%3E") !important;
}

/* 
* Slide in Menu
 */
#et-boc .header-section {
  background-color: rgba(255, 255, 255, 0);
  transition: background-color 500ms linear;
}
#et-boc .header-section.showbar {
  background-color: rgb(255, 255, 255) !important;
}
#et-boc .header-section.showbar .et_pb_text_0_tb_header {
  background: transparent !important;
}
#et-boc .header-section .et_pb_text_0_tb_header {
  transition: background-color 500ms linear;
}
#et-boc .header-section .main-menu-bar .wpml-ls-item {
  position: absolute !important;
  width: 100%;
  top: -5rem;
  left: -5rem;
}
@media (max-width: 767px) {
  #et-boc .header-section .main-menu-bar .wpml-ls-item {
    top: -30vw;
    left: -2rem;
  }
}
#et-boc .header-section .main-menu-bar .wpml-ls-current-language {
  display: none !important;
}
#et-boc .header-section .main-menu-bar .wpml-ls-item a {
  font-size: 18px !important;
}
#et-boc .header-section .main-menu-bar #slide-in-open {
  cursor: pointer;
}
#et-boc .header-section .main-menu-bar #slide-in-open .line {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: var(--clr-brand-vermilion);
  border-radius: 9px;
  opacity: 1;
  transition: 0.1s ease-in-out;
}
#et-boc .header-section .main-menu-bar #slide-in-open .line-2 {
  top: 10px;
}
#et-boc .header-section .main-menu-bar #slide-in-open .line-3 {
  top: 20px;
}
#et-boc .header-section .main-menu-bar #slide-in-open.open .line-1 {
  top: 10px;
  transform: rotate(135deg);
  background: var(--clr-brand-vermilion);
}
#et-boc .header-section .main-menu-bar #slide-in-open.open .line-2 {
  display: none;
}
#et-boc .header-section .main-menu-bar #slide-in-open.open .line-3 {
  top: 10px;
  transform: rotate(-135deg);
  background: var(--clr-brand-vermilion);
}
#et-boc .header-section .main-menu-bar #slide-in-open .et_pb_code {
  display: none;
}
#et-boc .header-section .slide-in-menu-container .logo.large .et_pb_image_wrap img {
  width: 25vw;
}
#et-boc #menu-sub-menu {
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
#et-boc #oc-main-menu .wpml-ls-item {
  position: absolute !important;
  width: 100%;
  top: -5rem;
  left: -5rem;
}
#et-boc #oc-main-menu .wpml-ls-item a {
  font-size: var(--typo-button-size) !important;
}

header .et_builder_inner_content {
  z-index: 99;
}

.hide-main-logo {
  z-index: -1;
  display: none;
}

.slide-in-menu {
  right: 0 !important;
  opacity: 1 !important;
}

#main-menu-logo,
.slide-in-menu-container {
  transition: all 0.5s ease !important;
}

.slide-in-menu-container {
  padding-bottom: 0 !important;
}

.hide-main-logo {
  opacity: 0;
}

#oc-main-menu ul.nav {
  flex-direction: column;
}

.et_pb_menu__wrap {
  justify-content: flex-start !important;
}

.et_mobile_nav_menu {
  display: none !important;
}

.et_pb_menu .et_pb_menu__menu {
  display: flex !important;
}

header .et_builder_inner_content,
.et-l--header .et_builder_inner_content {
  z-index: 99 !important;
}

.my-custom-css {
  z-index: 999777;
}

.slide-in-menu-container.et_pb_row_1_tb_header {
  background-color: RGBA(255, 255, 255, 0);
  border-left-width: 1px;
  border-left-color: #8D89A5;
  height: 100vh;
  z-index: 9 !important;
  position: absolute !important;
  top: 0px;
  bottom: auto;
  /* right: -100%; */
  left: auto;
  opacity: 0;
  z-index: 1 !important;
  max-width: 100%;
  width: 100%;
  display: flex;
  padding-top: 0px !important;
}

/* Hide on Phone */
@media (max-width: 767px) {
  body:not(.et-fb) .et_pb_hidden_phone,
  .et_pb_hidden_phone {
    display: none !important;
  }
}
/* Hide on Tablet */
@media (min-width: 768px) and (max-width: 980px) {
  body:not(.et-fb) .et_pb_hidden_tablet,
  .et_pb_hidden_tablet {
    display: none !important;
  }
}
/* Hide on Desktop */
@media (min-width: 981px) {
  body:not(.et-fb) .et_pb_hidden_desktop,
  .et_pb_hidden_desktop {
    display: none !important;
  }
}
@media screen and (max-width: 576px) {
  #main-content .grid-row-2cols-14--1col-24 .et_pb_column,
  #main-content .grid-row-4cols-14 .et_pb_column,
  #main-content #section-special-grid-home .et_pb_column {
    margin-bottom: 0 !important;
  }
}
#main-content #section-competences .df_flipbox_container .df_fb_back .fb_inner,
#main-content #section-competencies .df_flipbox_container .df_fb_back .fb_inner,
#main-content #section-special-grid-home .df_flipbox_container .df_fb_back .fb_inner {
  background-color: var(--clr-brand-news-bg);
  background-image: none;
}
#main-content #section-competences .df_flipbox_container .df_fb_back .fb_inner .fb_inner_content .title,
#main-content #section-competencies .df_flipbox_container .df_fb_back .fb_inner .fb_inner_content .title,
#main-content #section-special-grid-home .df_flipbox_container .df_fb_back .fb_inner .fb_inner_content .title {
  display: inline-block;
  background: #fff;
  color: var(--clr-brand-dark-blue);
  padding: 0;
  height: 34px;
  line-height: 34px;
  padding: 0 14px;
  border-radius: 17px;
  font-size: 2rem;
  letter-spacing: -0.1rem;
  text-transform: none;
  font-weight: 400;
  margin-bottom: 2rem;
}
#main-content #section-competences .df_flipbox_container .df_fb_back .fb_inner .fb_inner_content .fb-text, #main-content #section-competences .df_flipbox_container .df_fb_back .fb_inner .fb_inner_content p,
#main-content #section-competencies .df_flipbox_container .df_fb_back .fb_inner .fb_inner_content .fb-text,
#main-content #section-competencies .df_flipbox_container .df_fb_back .fb_inner .fb_inner_content p,
#main-content #section-special-grid-home .df_flipbox_container .df_fb_back .fb_inner .fb_inner_content .fb-text,
#main-content #section-special-grid-home .df_flipbox_container .df_fb_back .fb_inner .fb_inner_content p {
  font-weight: var(--typo-button-weight);
}
#main-content #section-special-grid-home .et_pb_row {
  display: flex;
  align-items: stretch;
}
#main-content #section-special-grid-home .et_pb_row .et_pb_column_1_2 {
  display: flex;
  flex-direction: column;
}
#main-content #section-special-grid-home .et_pb_row .et_pb_column_1_2 .et_pb_row_inner_1 {
  margin-top: auto !important;
}
@media screen and (min-width: 992px) {
  #main-content #section-special-grid-home .et_pb_row .et_pb_column_1_2 .et_pb_row_inner_1 {
    margin-bottom: var(--tile-gap) !important;
  }
}
#main-content #section-special-grid-home .tile-empty-2rows {
  margin: 0 !important;
}
@media screen and (max-width: 992px) {
  #main-content #section-about-us .et_pb_row {
    display: flex;
    flex-direction: column-reverse !important;
  }
  #main-content #section-about-us .et_pb_row .et_pb_column {
    width: 100% !important;
  }
  #main-content #section-about-us .et_pb_row .et_pb_column_12 {
    margin-right: 0 !important;
  }
  #main-content #section-about-us .et_pb_row .et_pb_column_13 {
    margin-left: 0 !important;
    margin-right: 5.5% !important;
  }
}
#main-content #section-about-us .df_flipbox_container .df_fb_back .fb_inner {
  background-color: var(--clr-brand-news-bg);
  background-image: none;
}
#main-content #section-about-us .df_flipbox_container .df_fb_back .fb_inner .fb_inner_content .title {
  display: inline-block;
  background: #fff;
  color: var(--clr-brand-dark-blue);
  padding: 0;
  height: 34px;
  line-height: 34px;
  padding: 0 14px;
  border-radius: 17px;
  font-size: 2rem;
  letter-spacing: -0.1rem;
  text-transform: none;
  font-weight: 400;
  margin-bottom: 2rem;
}
#main-content #section-about-us .df_flipbox_container .df_fb_back .fb_inner .fb_inner_content .fb-text, #main-content #section-about-us .df_flipbox_container .df_fb_back .fb_inner .fb_inner_content p {
  font-weight: var(--typo-button-weight);
}

.button-wrapper:not(.menu-item).primary {
  background-color: var(--clr-brand-vermilion) !important;
  color: #fff !important;
  text-decoration: none;
  padding: 0 2.75rem !important;
  height: 42px;
  line-height: 42px;
  border: 2px solid var(--clr-brand-vermilion);
  border-radius: 25px;
  font-size: 2rem;
  letter-spacing: -0.1rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.3s ease;
  display: inline-flex;
  align-items: center;
}
.button-wrapper:not(.menu-item).primary:hover {
  background-color: var(--clr-brand-dark-vermilion) !important;
}

#menu-sub-menu .button-wrapper {
  margin-top: 0 !important;
}
#menu-sub-menu .button-wrapper a {
  background-color: var(--clr-brand-vermilion) !important;
  color: #fff !important;
  text-decoration: none;
  padding: 0 2.75rem !important;
  height: 42px;
  line-height: 42px;
  border: 2px solid var(--clr-brand-vermilion);
  border-radius: 25px;
  font-size: 2rem;
  letter-spacing: -0.1rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.3s ease;
  display: inline-flex;
  align-items: center;
}
#menu-sub-menu .button-wrapper a:hover {
  background-color: var(--clr-brand-dark-vermilion) !important;
}

.button.primary {
  background-color: var(--clr-brand-vermilion) !important;
  color: #fff !important;
  text-decoration: none;
  padding: 0 2.75rem !important;
  height: 42px;
  line-height: 42px;
  border: 2px solid var(--clr-brand-vermilion);
  border-radius: 25px;
  font-size: 2rem;
  letter-spacing: -0.1rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.3s ease;
  display: inline-flex;
  align-items: center;
}
.button.primary:hover {
  background-color: var(--clr-brand-dark-vermilion) !important;
}

#main-content .et_pb_button,
#main-content .df_fb_button-xxx {
  background: var(--clr-brand-vermilion) !important;
  color: #fff !important;
  text-decoration: none;
  padding: var(--button-padding);
  height: var(--button-height);
  line-height: var(--typo-button-line-height);
  border: none;
  border-radius: var(--button-radius);
  font-size: var(--typo-button-size);
  letter-spacing: var(--typo-button-letterspacing);
  font-weight: var(--typo-button-weight);
  cursor: pointer;
  transition: background var(--button-transition);
  margin: var(--button-margin);
  display: inline-flex;
  align-items: center;
}
#main-content .et_pb_button :hover,
#main-content .df_fb_button-xxx :hover {
  background: #cf2300;
}
#main-content .dipi-loadmore-btn {
  background-color: var(--clr-brand-vermilion) !important;
  color: #fff !important;
  text-decoration: none;
  padding: 0 2.75rem !important;
  height: 42px;
  line-height: 42px;
  border: 2px solid var(--clr-brand-vermilion);
  border-radius: 25px;
  font-size: 2rem;
  letter-spacing: -0.1rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.3s ease;
  display: inline-flex;
  align-items: center;
}
#main-content .dipi-loadmore-btn:hover {
  background-color: var(--clr-brand-dark-vermilion) !important;
}
#main-content .df_ia_button_wrapper .df_ia_button {
  background-color: var(--clr-brand-vermilion) !important;
  color: #fff !important;
  text-decoration: none;
  padding: 0 2.75rem !important;
  height: 42px;
  line-height: 42px;
  border: 2px solid var(--clr-brand-vermilion);
  border-radius: 25px;
  font-size: 2rem;
  letter-spacing: -0.1rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.3s ease;
  display: inline-flex;
  align-items: center;
}
#main-content .df_ia_button_wrapper .df_ia_button:hover {
  background-color: var(--clr-brand-dark-vermilion) !important;
}
#main-content .df_ia_button_wrapper .df_ia_button {
  background-color: transparent !important;
  color: white !important;
  border-color: white !important;
  cursor: pointer;
}
#main-content .df_ia_button_wrapper .df_ia_button:hover {
  background-color: white !important;
  color: var(--clr-brand-purple) !important;
  border-color: white !important;
}
#main-content .ig-load-more-btn {
  background-color: var(--clr-brand-vermilion) !important;
  color: #fff !important;
  text-decoration: none;
  padding: 0 2.75rem !important;
  height: 42px;
  line-height: 42px;
  border: 2px solid var(--clr-brand-vermilion);
  border-radius: 25px;
  font-size: 2rem;
  letter-spacing: -0.1rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.3s ease;
  display: inline-flex;
  align-items: center;
}
#main-content .ig-load-more-btn:hover {
  background-color: var(--clr-brand-dark-vermilion) !important;
}
#main-content .dipi-post-right,
#main-content .dipi-post-left {
  background-color: transparent !important;
}
#main-content .dipi-post-right a,
#main-content .dipi-post-left a {
  background-color: var(--clr-brand-vermilion) !important;
  color: #fff !important;
  text-decoration: none;
  padding: 0 2.75rem !important;
  height: 42px;
  line-height: 42px;
  border: 2px solid var(--clr-brand-vermilion);
  border-radius: 25px;
  font-size: 2rem;
  letter-spacing: -0.1rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.3s ease;
  display: inline-flex;
  align-items: center;
}
#main-content .dipi-post-right a:hover,
#main-content .dipi-post-left a:hover {
  background-color: var(--clr-brand-dark-vermilion) !important;
}

.footer--global a.button.secondary {
  background: 0 0;
  border-radius: 21px;
  border: 1px solid #fff;
  padding: 8px 25px;
  height: 40px;
  line-height: 40px;
  letter-spacing: normal;
  font-size: 2rem;
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.25s ease-out;
  white-space: nowrap;
  text-transform: none;
}
.footer--global a.button.secondary:hover {
  background-color: white !important;
  border-color: white !important;
  color: var(--clr-brand-dark-purple) !important;
}

.dipi_btt_wrapper {
  border-radius: 50px !important;
  background-color: var(--clr-brand-vermilion) !important;
}
.dipi_btt_wrapper:hover {
  background-color: var(--clr-brand-dark-vermilion);
}

#main-content .df_fb_button,
#main-content .link-button,
#main-content .button-link {
  padding: 2px 0 !important;
}

.competences {
  --competences-min-height: 500px;
  --comp-button-size: 45px;
  --swiper-slide-height: auto;
  --controls-justify-content: flex-start;
  --controls-gap: 3rem;
  --controls-margin: 2rem 0 0;
  --card-max-width: 100%;
  --card-media-max-width: 60vw;
  --card-media-height: 400px;
  --card-body-max-width: calc(100vw - var(--card-media-max-width));
  --card-flex-direction: row;
  --card-body-justify-content: flex-end;
  --card-body-padding-left: 2vw;
  --card-body-padding-right: 2rem;
}
@media (min-width: 479px) and (max-width: 767px) {
  .competences {
    --card-media-max-width: 45vw;
  }
}
@media (max-width: 479px) {
  .competences {
    --competences-min-height: 80vh;
    --card-media-max-width: 100vw;
    --card-media-height: 400px;
    --card-body-max-width: 100vw;
    --card-max-width: 90vw;
    --card-flex-direction: column;
    --card-body-justify-content: flex-start;
    --card-body-padding-top: 10%;
    --card-body-padding-bottom: 2rem;
    --card-body-padding-left: 10%;
    --card-body-padding-right: 0;
    --swiper-slide-height: 100%;
    --controls-margin: 0 0 0 10%;
    --controls-gap: 3rem;
    --controls-width: 100%;
    --controls-justify-content: flex-start;
  }
}
.competences {
  min-height: var(--competences-min-height);
  overflow: hidden;
}
.competences .swiper-slide {
  display: flex;
  justify-content: flex-start;
}
.competences__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
.competences__grid:has(.competences__detail.active), .competences__grid:has(.competences__detail:not([hidden])) {
  display: grid;
  grid-template-columns: 1fr;
}
.competences__carousel[hidden], .competences__detail[hidden] {
  display: none !important;
}
.competences__carousel {
  outline: none;
  width: 100%;
  position: relative;
}
.competences__carousel .swiper {
  width: 80vw;
  max-width: 100%;
  overflow: visible;
  margin-left: 0 !important;
}
.competences__carousel .swiper.position-fixed {
  position: absolute;
  top: 0;
  left: 0;
}
.competences__carousel .swiper-wrapper {
  align-items: stretch;
  display: flex;
}
.competences__carousel .swiper-slide {
  height: var(--swiper-slide-height);
  display: flex;
}
.competences .competence-card {
  width: 100%;
  max-width: var(--card-max-width);
  display: flex;
  flex-direction: var(--card-flex-direction);
  overflow: hidden;
  min-height: 0;
  min-width: 0;
}
.competences .competence-card__media {
  flex: 0 1 auto;
  width: 100%;
  height: var(--card-media-height);
  max-width: var(--card-media-max-width);
  max-height: 400px;
  overflow: hidden;
  min-height: 1px;
  background-color: var(--clr-brand-violet);
}
.competences .competence-card__media img {
  width: 100%;
  height: 100%;
  max-height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.competences .competence-card__body {
  flex: 1 1 auto;
  padding-top: var(--card-body-padding-top);
  padding-bottom: var(--card-body-padding-bottom);
  padding-left: var(--card-body-padding-left);
  padding-right: var(--card-body-padding-right);
  display: flex;
  flex-direction: column;
  justify-content: var(--card-body-justify-content);
  max-width: var(--card-body-max-width);
}
.competences .competence-card__title {
  margin: 0 0 0.5rem;
  font-size: var(--typo-h3-size);
  font-weight: var(--typo-h3-weight);
  line-height: var(--typo-h3-line-height);
}
.competences .competence-card__excerpt {
  margin: 0 0 1rem;
  font-size: var(--typo-button-size);
}
.competences .competence-card__more {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid var(--clr-brand-vermilion);
  background: var(--clr-brand-vermilion);
  padding: 0 calc(2.75rem + 14px) 0 calc(2.75rem - 14px);
  font-size: var(--typo-button-size);
  font-weight: var(--typo-button-weight);
  line-height: var(--typo-button-line-height);
  align-self: flex-start;
  cursor: pointer;
  border-radius: 25px;
  color: white;
  position: relative;
  transform: scale(0.8);
  transform-origin: left;
}
.competences .competence-card__more::after {
  content: "";
  position: absolute;
  right: 1.75rem;
  top: 50%;
  width: 1rem;
  height: 1rem;
  background: url(../images/icons/arrow-right-white.svg) no-repeat center center;
  background-size: contain;
  pointer-events: none;
  transform: translateY(-50%) scale(1.5);
}
.competences .competence-card__more:hover {
  border-color: var(--clr-brand-dark-vermilion);
  background: var(--clr-brand-dark-vermilion);
}
.competences .competence-card__more {
  align-self: flex-start;
  cursor: pointer;
}
.competences__controls {
  margin: var(--controls-margin);
  width: var(--controls-width);
  display: flex;
  justify-content: var(--controls-justify-content);
  gap: var(--controls-gap);
}
.competences__controls .nav-group-right {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.competences__controls button {
  cursor: pointer;
  background-color: #D9D9D9;
  border: 1px solid #D9D9D9;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.competences__controls button:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.competences__controls button.competences__next, .competences__controls button.competences__prev, .competences__controls button.competences__toggle {
  position: relative;
  font-size: 0;
  line-height: 0;
}
.competences__controls button.competences__next::before {
  font-family: "Font Awesome 5 Free", sans-serif;
  content: "\f061";
  font-weight: 900;
  font-size: var(--fs-body-s, 18px);
  color: currentcolor;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
  text-indent: 0;
}
.competences__controls button.competences__prev::before {
  font-family: "Font Awesome 5 Free", sans-serif;
  content: "\f060";
  font-weight: 900;
  font-size: var(--fs-body-s, 18px);
  color: currentcolor;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
  text-indent: 0;
}
.competences__controls button.competences__toggle::before {
  font-family: "Font Awesome 5 Free", sans-serif;
  content: "\f04c";
  font-weight: 900;
  font-size: var(--fs-body-s, 18px);
  color: currentcolor;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
  text-indent: 0;
}
.competences__controls button.competences__toggle[aria-pressed=true]::before {
  content: "\f04b";
}
.competences__controls .competences__page {
  margin-left: auto;
  font-size: var(--typo-caption-size);
  line-height: var(--typo-caption-line-height);
  letter-spacing: var(--typo-caption-letterspacing);
  font-weight: var(--typo-caption-weight);
  text-transform: uppercase;
  min-width: 2.5rem;
  text-align: center;
}
.competences__detail {
  display: block;
  max-width: var(--wp--style--global--wide-size);
  margin: 0 auto 0;
  background: #fff;
  width: 80%;
  padding: 0;
  justify-self: center;
  max-height: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease, max-height 0.5s ease;
}
.competences__detail-inner {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s ease;
}
.competences__detail.active {
  max-height: 2000px;
  opacity: 1;
  pointer-events: auto;
  margin-bottom: 1rem;
  overflow: initial;
}
.competences__detail.active .competences__detail-inner {
  opacity: 1;
  transform: translateY(0);
}
.competences__detail.active .competences__detail-inner .competences__detail-title {
  font-size: 44px;
  font-weight: var(--typo-h2-weight);
  line-height: var(--typo-h2-line-height);
}
.competences__detail .competences__back {
  margin-bottom: 0.75rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: var(--clr-brand-vermilion);
  color: white;
  border: none;
  cursor: pointer;
  width: var(--comp-button-size);
  height: var(--comp-button-size);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: calc(var(--comp-button-size) * -1 - 1rem);
  top: 0.75rem;
}
@media (max-width: 576px) {
  .competences__detail .competences__back {
    position: relative;
    top: 0;
    left: 0;
  }
}
.competences__detail .competences__back::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 1rem;
  height: 1rem;
  background: url(../images/icons/arrow-left-white.svg) no-repeat center center;
  color: white;
  background-size: contain;
  pointer-events: none;
  transform: translateY(-50%) scale(1.5);
}
.competences__detail .competences__detail-title {
  display: none;
  margin-top: 0;
}
.competences__detail .competences__detail-body {
  --typo-body-size: 20px;
  --typo-h3-size: 22px;
  --typo-h3-weight: 500;
  margin-top: 1rem;
  font-size: var(--typo-body-size);
  font-weight: var(--typo-body-weight);
  line-height: var(--typo-body-line-height);
}
.competences__detail .competences__detail-body h2 {
  margin-bottom: 2rem;
}
.competences__detail .competences__detail-body p {
  padding-bottom: 1.5rem;
}
.competences.is-loading {
  opacity: 0.7;
  pointer-events: none;
}
@media all and (max-width: 980px) {
  .competences__grid {
    grid-template-columns: 1fr;
  }
}

#main-content .faq-tabs .dipi-at-tabs .dipi-at-tab--active {
  background-color: transparent !important;
}