/* Reset & base */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --color-orange: #ee7202;
  --color-orange-nav: #f07200;
  --color-orange-accent: #ee7203;
  --color-orange-link: #ff6b00;
  --color-nav-bg: #575756;
  --color-nav-border: #c2c2c2;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-heading: #171717;
  --color-divider: #d9d9d9;
  --color-circle-border: #f9f9f8;
  --color-peach: #fdf1e6;
  --font-family: "Open Sans", sans-serif;
  --max-width: 1920px;
}

html {
  font-size: 16px;
  overflow-x: hidden;
}

.translated-ltr h1::first-letter,
.translated-ltr h2::first-letter,
.translated-ltr h3::first-letter,
.translated-ltr h4::first-letter,
.translated-ltr h5::first-letter,
.translated-ltr h6::first-letter {
  text-transform: capitalize;
}

.translated-ltr h1 font::first-letter,
.translated-ltr h2 font::first-letter,
.translated-ltr h3 font::first-letter,
.translated-ltr h4 font::first-letter,
.translated-ltr h5 font::first-letter,
.translated-ltr h6 font::first-letter {
  text-transform: capitalize;
}

body {
  font-family: var(--font-family);
  background-color: var(--color-white);
  color: var(--color-black);
  min-width: 320px;
  overflow-x: hidden;
}

img {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

a:focus,
a:focus-visible {
  outline: none;
  box-shadow: none;
}

button {
  font-family: inherit;
  border: none;
  background: none;
  cursor: pointer;
}

button:focus,
button:focus-visible {
  outline: none;
  box-shadow: none;
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
}

/* Reset & base end */

/* Buttons */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  font-size: 16px;
  line-height: 28px;
  white-space: nowrap;
  transition: background-color 0.2s ease;
}

.btn--primary {
  background-color: var(--color-orange);
  color: var(--color-white);
  padding: 12px 16px;
}

.btn--primary:hover {
  background-color: #d56502;
}

.btn--nav {
  background-color: var(--color-orange-nav);
  font-weight: 400;
}

.btn--nav:hover {
  background-color: #d86500;
}

.btn--hero {
  font-weight: 600;
}


.wrapper {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
  width: 100%;
}

.wrapper2 {
  max-width: 1700px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
  width: 100%;
}

/* Buttons end */

/* Navigation */


.logged-in .header_menu {
  top: 32px;
}

.header_con {
  padding-top: 108px;
}

.header_menu {

  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;

  width: 100%;
  padding: 18px 0;
  background-color: var(--color-nav-bg);
  border-bottom: 0.5px solid #c2c2c25c;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.header_menu_inner {

  display: flex;
  align-items: center;
  justify-content: space-between;
}

.h_top_logo {
  width: 13%;
}

.main_logo {
  max-width: 200px;
  width: 100%;
  display: flex;
}

.main_logo a {
  display: block;
  width: 100%;
}

.main_logo a img {
  display: block;
  width: 100%;
}

.h_menu_bar {
  width: 65%;
  display: flex;
  justify-content: center;
}

.h_action_box {
  width: 22%;
  display: flex;
  justify-content: flex-end;
}

/* Navigation end */


/* Menu Bar */


.site-menu {
  display: inline-block;
}

#header_menu_sticky {
  display: flex;
  flex-wrap: wrap;
}

.nav-menu>li {
  /* margin: 0 8px; */
  position: relative;
  display: inline-block;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.nav-menu>li>a {
  display: block;
  font-family: "Open Sans", sans-serif;
  position: relative;
  padding: 16px;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  font-size: 16px;
  line-height: normal;
  text-transform: capitalize;
  color: #fff;

  font-size: 16px;
  font-weight: 600;
  color: var(--color-white);
  white-space: nowrap;

  border-radius: 8px;
}

.menu__mega-trigger {
  position: relative;
}

/* .menu__mega-trigger::before {
  position: absolute;
  content: "";
  display: block;
  height: 8px;
  width: 14px;
  right: -14px;
  top: 19px;
  background: url(../images/menu-down-icon-w.svg) no-repeat;
  transition: all 0.5s ease-in-out;
  background-size: contain;
}

.nav-menu>.menu-item-has-children>a::before {
  position: absolute;
  content: "";
  display: block;
  height: 8px;
  width: 14px;
  right: -14px;
  top: 19px;
  background: url(../images/menu-down-icon-w.svg) no-repeat;
  transition: all 0.5s ease-in-out;
  background-size: contain;
}

.nav-menu>.menu-item-has-children:hover>a::before {
  background: url(../images/hov-menu-down-icon-w.svg) no-repeat;
  background-size: contain;
  transform: rotate(-180deg);

} */


.nav-menu>li:hover>a {
  opacity: 0.85;
  color: #ffffff;
  background-color: #3b3b3b;
}


.nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0px;
  width: 180px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  z-index: 1000;
  visibility: visible;
  filter: alpha(opacity=0);
  visibility: hidden;
  opacity: 0;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.211764);
}

.nav-menu .sub-menu li {
  float: none;
  background: #fff;
  border-bottom: 1px solid #f07200;
  border-left: none;
  padding: 0;
  display: block;
  position: relative;
}

.nav-menu .sub-menu li:first-child {
  border-top: 2px solid #f07200;
}

.nav-menu .sub-menu a {
  padding: 10px
}

.nav-menu .sub-menu li a {
  text-align: left;
  font-size: 14px;
  display: block;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.nav-menu .sub-menu ul {
  position: absolute;
  top: 0px;
  left: 100%;
  border-top: 0;
  padding-left: 0px;
  padding-top: 0;
  filter: alpha(opacity=0);
  width: 180px;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translate(40px, 0)
}

.nav-menu .sub-menu li:last-child {
  border-bottom: none;
}

.nav-menu li:hover>.sub-menu {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}

.nav-menu .sub-menu li:hover ul {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0px, 0)
}

.nav-menu .sub-menu ul li:first-child {
  border-top: none;
}

.nav-menu .sub-menu ul li,
.nav-menu .sub-menu ul li:first-child {
  background: #f8f8f8;
}

.cross_button {
  display: none
}


.nav-menu .sub-menu li a:hover {
  color: #fff;
  background: #575756;
}

.menu__mega-trigger[aria-expanded="true"]::before {
  transform: rotate(-180deg);
}



.menu__actions {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-shrink: 0;
}

.menu__search {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
}

.menu__search img {
  width: 24px;
  height: 24px;
}

.menu__lang {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 107px;
  height: 53px;
  padding: 8px 12px;
  border: 1px solid var(--color-white);
  border-radius: 12px;
  font-size: 16px;
  font-weight: 400;
  color: var(--color-white);
}

.menu__lang:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.menu__toggle,
.mobile-menu {
  display: none;
}

/* Menu Bar end */

/* Search overlay */
.search-modal {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: grid;
  place-items: center;
  padding: 32px;
  background-color: rgba(87, 87, 86, 0.97);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease, visibility 0.35s ease;
  visibility: hidden;
}

.search-modal--open {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.search-modal__panel {
  position: relative;
  width: min(620px, 100%);
  padding: 40px;
  transform: translateY(16px);
  transition: transform 0.35s ease;
}

.search-modal--open .search-modal__panel {
  transform: translateY(0);
}

.search-modal__close {
  position: absolute;
  top: -30px;
  right: -17px;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  cursor: pointer;
}

.search-modal__close span {
  position: absolute;
  top: 23px;
  left: 12px;
  width: 22px;
  height: 2px;
  background-color: var(--color-white);
  border-radius: 2px;
}

.search-modal__close span:first-child {
  transform: rotate(45deg);
}

.search-modal__close span:last-child {
  transform: rotate(-45deg);
}

.search-modal__form {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.search-modal__form h2 {
  font-family: "Open Sans", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-white);
  text-align: center;
}

.search-modal__field {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}

.search-modal__field input {
  width: 100%;
  padding: 14px 0;
  background: transparent;
  border: 0;
  outline: 0;
  font: inherit;
  font-size: 18px;
  color: var(--color-white);
  text-align: center;
}

.search-modal__field input::placeholder {
  color: rgba(255, 255, 255, 0.65);
}

.search-modal__field button {
  display: grid;
  width: 40px;
  height: 40px;
  padding: 8px;
  place-items: center;
  cursor: pointer;
}

.search-modal__field button img {
  width: 24px;
  height: 24px;
}

/* #site-search[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  height: 15px;
  width: 10px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEyMy4wNXB4IiBoZWlnaHQ9IjEyMy4wNXB4IiB2aWV3Qm94PSIwIDAgMTIzLjA1IDEyMy4wNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIzLjA1IDEyMy4wNTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTEyMS4zMjUsMTAuOTI1bC04LjUtOC4zOTljLTIuMy0yLjMtNi4xLTIuMy04LjUsMGwtNDIuNCw0Mi4zOTlMMTguNzI2LDEuNzI2Yy0yLjMwMS0yLjMwMS02LjEwMS0yLjMwMS04LjUsMGwtOC41LDguNQ0KCQljLTIuMzAxLDIuMy0yLjMwMSw2LjEsMCw4LjVsNDMuMSw0My4xbC00Mi4zLDQyLjVjLTIuMywyLjMtMi4zLDYuMSwwLDguNWw4LjUsOC41YzIuMywyLjMsNi4xLDIuMyw4LjUsMGw0Mi4zOTktNDIuNGw0Mi40LDQyLjQNCgkJYzIuMywyLjMsNi4xLDIuMyw4LjUsMGw4LjUtOC41YzIuMy0yLjMsMi4zLTYuMSwwLTguNWwtNDIuNS00Mi40bDQyLjQtNDIuMzk5QzEyMy42MjUsMTcuMTI1LDEyMy42MjUsMTMuMzI1LDEyMS4zMjUsMTAuOTI1eiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);
  background-size: 10px 10px;
  color: #ffffff;
} */







/* =========================================
   SEARCH WRAPPER
========================================= */

.menu__search-wrapper {
  position: relative;
  width: 40px;
  height: 40px;

  display: flex;
  align-items: center;
  justify-content: center;

  z-index: 100;
}


/* =========================================
   SEARCH ICON BUTTON
========================================= */

.menu__search {
  width: 40px;
  height: 40px;

  padding: 0;
  margin: 0;

  border: 0;
  background: transparent;

  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;

  position: relative;
  z-index: 2;
}

.menu__search img {
  display: block;
  width: 24px;
  height: 24px;
}


/* =========================================
   SEARCH FORM
========================================= */

.menu__search-form {
  position: absolute;

  top: 50%;
  right: 0;

  width: 240px;
  height: 44px;

  transform: translateY(-50%) scaleX(0);
  transform-origin: right center;

  opacity: 0;
  visibility: hidden;

  transition:
    transform 0.25s ease,
    opacity 0.2s ease,
    visibility 0.2s ease;

  z-index: 2;
}


/* =========================================
   OPEN SEARCH
========================================= */

.menu__search-wrapper.is-open .menu__search-form {
  transform: translateY(-50%) scaleX(1);

  opacity: 1;
  visibility: visible;
}


/* =========================================
   SEARCH INPUT
========================================= */

.menu__search-input {
  width: 100%;
  height: 44px;

  padding: 0 50px 0 16px;

  margin: 0;

  box-sizing: border-box;

  border: 1px solid #ddd;
  border-radius: 4px;

  background: #fff;

  color: #333;

  font-family: inherit;
  font-size: 16px;
  line-height: 1;

  outline: none;

  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

.menu__search-input::placeholder {
  color: #999;
}

.menu__search-input:focus {
  border-color: #f47700;
}


/* =========================================
   SUBMIT BUTTON
========================================= */

.menu__search-submit {
  position: absolute;

  top: 50%;
  right: 5px;

  width: 36px;
  height: 36px;

  padding: 0;
  margin: 0;

  transform: translateY(-50%);

  border: 0;
  border-radius: 3px;

  background: #f47700;

  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
}

.menu__search-submit img {
  display: block;

  width: 20px;
  height: 20px;

  filter: brightness(0) invert(1);
}


/* =========================================
   HOVER
========================================= */

.menu__search:hover img {
  opacity: 0.8;
}

.menu__search-submit:hover {
  background: #d96500;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

  .menu__search-form {
    width: 200px;
  }

  .menu__search-input {
    height: 42px;
    font-size: 15px;
  }

}

/* Search overlay end */

/* Mega menu */
.mega-menu {
  position: fixed;
  top: 111px;
  right: 0;
  left: 0;
  z-index: 99;
  display: grid;
  background-color: var(--color-white);
  border-bottom: 1px solid #ebebe4;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-8px);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
  visibility: hidden;
  overflow: auto;

  max-height: 100vh;
  overflow-y: auto;
}

.mega-menu--open {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  visibility: visible;
}

.mega-menu__inner {
  display: grid;
  /* grid-template-columns: minmax(0, 1fr); */
  gap: 48px;
  align-items: center;
  width: min(1700px, calc(100% - 70px));
  min-height: 583px;
  margin: 0 auto;
  padding: 81px 0;
  grid-auto-flow: column;
}

.menu__lang_box .gt_selector option[value=""] {
  display: none;
}

.mega-menu__links {
  display: grid;
  gap: 19px;
  align-self: stretch;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* .mega_menu__links_box {

  grid-template-columns: repeat(4, minmax(0, 1fr));

} */

.mega-menu__column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  min-width: 0;
}

.mega-menu__column a {
  display: flex;
  align-items: center;
  min-height: 51px;
  padding: 16px;
  border-radius: 8px;
  color: #282828;
  font-size: 16px;
  letter-spacing: 0.32px;
  line-height: 19.2px;
  white-space: normal;
  transition: background-color 0.2s ease, color 0.2s ease;
  word-break: break-word;
}

.mega-menu__column .mega-menu__heading {
  color: var(--color-orange);
  margin-bottom: 20px;
}

.mega-menu__column .mega-menu__heading:hover {
  background-color: #f1f0ed;
}

.mega-menu__column a:not(.mega-menu__heading):hover {
  background-color: #f1f0ed;
  color: #282828;
}

.mega-menu__divider {
  width: 207px;
  max-width: 100%;
  height: 1px;
  background-color: #ebebe4;
  margin-top: -24px;
}

.mega-menu__image {
  position: relative;
  z-index: 0;
  height: 431px;
}

.mega-menu__image::after {
  position: absolute;
  z-index: -1;
  top: 12px;
  right: -12px;
  bottom: -12px;
  left: 12px;
  border: 1px solid var(--color-orange);
  border-radius: 12px 12px 128px 12px;
  content: "";
}

.mega-menu__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px 12px 128px 12px;
}

/* Mega menu end */

/* Hero */
.hero {
  position: relative;
  width: 100%;
  height: 958px;
  overflow: hidden;
}

.hero__bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.hero__bg_inner,
.hero__bg_inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Hero end */

/* Dark Overlay */
.hero__bg::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  opacity: 80%;
  bottom: 0;
  width: 100%;
  background-color: #00000047;
}

/* Dark Overlay end */

/* Bottom SVG Curve */
.hero__curve {
  position: absolute;
  bottom: -1px;
  width: 100%;
  z-index: 3;
}

/* Bottom SVG Curve end */

/* Hero content */
.hero__content {
  position: absolute;
  left: 0;
  bottom: 210px;
  max-width: 1700px;
  display: flex;
  flex-direction: column;
  padding: 0 20px;
  gap: 32px;
  align-items: flex-start;
  z-index: 1;
  margin: auto;
  right: 0;
}

.banner__container {
  /* padding: 0 20px; */
  width: 100%;
  /* max-width: 1920px; */
  /* display: block; */
  /* margin: 0 auto; */
}

.hero__text {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-bottom: 30px;
  max-width: 915px;
}

.hero__text h1 {
  max-width: 853px;
  font-size: 64px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -1.92px;
  color: var(--color-white);
}

.hero__subtitle {
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
  color: var(--color-white);
}

/* Hero content end */

/* USP / Stats section */
.usp {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 48px 80px;
  background-color: var(--color-white);
}

.usp__row {
  display: flex;
  /* align-items: center; */
  justify-content: center;
  padding: 24px 0;
  border-radius: 12px;
  gap: 10px;
}

.usp__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 320px;
  min-height: 176px;
  text-align: center;
}

.usp__icon {
  height: 56px;
  width: auto;
  object-fit: contain;
}

.usp__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.5;
  width: 100%;
}

.usp__value {
  font-size: 32px;
  font-weight: 600;
  color: var(--color-black);
  margin-bottom: 5px;
}

.usp__label {
  font-size: 18px;
  font-weight: 400;
  color: var(--color-black);

}

.translated-ltr .usp__label::first-letter {
  text-transform: uppercase;
}

.translated-ltr .usp__value::first-letter {
  text-transform: uppercase;
}

.translated-ltr .usp__label font::first-letter {
  text-transform: capitalize;
}

.usp__divider {
  flex-shrink: 0;
  width: 1px;
  height: 140px;
  background-color: var(--color-divider);
  margin: auto 0;
}

/* USP / Stats section end */

/* Complexity section */
.complexity {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 80px 120px 100px;
  background-color: var(--color-white);
}

.complexity__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.complexity__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 0 1 45%;
  max-width: 45%;
  min-height: 568px;
  justify-content: center;
}

.complexity__intro {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.complexity__eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
}

.complexity__eyebrow span {
  font-size: 18px;
  font-weight: 400;
  color: var(--color-orange-accent);
  white-space: nowrap;
}

.complexity__eyebrow span font::first-letter {
  text-transform: capitalize;
}

.complexity__heading {
  max-width: 605px;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -3px;
  color: var(--color-heading);
}



.complexity__heading span {
  color: var(--color-orange-accent);
}

.complexity__body {
  max-width: 510px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-black);
}

.complexity__link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px 12px 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  color: var(--color-orange-link);
  border-radius: 128px;
  transition: opacity 0.2s ease;
}

.complexity__link:hover {
  opacity: 0.8;
}

.complexity__link-arrow {
  flex-shrink: 0;
}

/* Complexity section end */

/* Hub-and-spoke diagram */
.diagram {
  position: relative;
  flex: 0 0 55%;
  width: 55%;
  height: 822px;
  overflow: visible;
}

.diagram__orbit {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform-origin: 50% 50%;
}

/* .diagram__orbit--animated {
  animation: diagram-orbit-rotate 60s linear infinite;
  animation-delay: var(--diagram-orbit-delay, 7.4s);
  will-change: transform;
} */

/* WOW trigger on .diagram starts the spoke sequence (SVG paths don't work with WOW directly) */





/* =========================================
   Ecosystem section animation
========================================= */

.complexity--ecosystem {
  opacity: 0;
  transform: translateY(35px);
  transition:
    opacity 0.8s ease,
    transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.complexity--ecosystem.is-visible {
  opacity: 1;
  transform: translateY(0);
}


/* =========================================
   Diagram sequence
========================================= */

.diagram--sequence {
  opacity: 0;
  transition: opacity 0.4s ease;
}

.diagram--sequence.is-visible {
  opacity: 1;
}


/* =========================================
   Hub
========================================= */

.diagram--sequence .diagram__hub {
  opacity: 0;
  transform: scale(0.75);
  transition:
    opacity 0.55s ease,
    transform 0.55s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.diagram--sequence.is-visible .diagram__hub {
  opacity: 1;
  transform: scale(1);
}


/* =========================================
   Spokes
========================================= */

.diagram--sequence .diagram__spoke {
  opacity: 0;
}

.diagram--sequence.is-visible .diagram__spoke {
  animation: diagram-spoke-fade-in 0.45s ease forwards;
  animation-delay: var(--spoke-delay, 0s);
}


/* =========================================
   Nodes
========================================= */

.diagram--sequence .diagram__node {
  opacity: 0;
  transform: scale(0.75);
}

.diagram--sequence.is-visible .diagram__node {
  animation: diagram-node-zoom-in 0.55s cubic-bezier(0.2, 0.7, 0.2, 1) forwards;
  animation-delay: var(--node-delay, 0s);
}


/* =========================================
   Animations
========================================= */

@keyframes diagram-spoke-fade-in {

  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }

}


@keyframes diagram-node-zoom-in {

  from {
    opacity: 0;
    transform: scale(0.75);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }

}


/* =========================================
   Reduced motion
========================================= */




@media (prefers-reduced-motion: reduce) {

  .complexity--ecosystem {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .diagram--sequence {
    opacity: 1;
  }

  .diagram--sequence .diagram__hub,
  .diagram--sequence .diagram__node {
    opacity: 1;
    transform: none;
    animation: none !important;
    transition: none;
  }

  .diagram--sequence .diagram__spoke {
    opacity: 1;
    animation: none !important;
  }

}



/* .diagram--sequence.wow,
.diagram--sequence.wow.animated {
  visibility: visible !important;
  opacity: 1 !important;
  animation: none !important;
}

.diagram--sequence.animated .diagram__spoke {
  animation: diagram-spoke-fade-in 0.45s ease forwards;
  animation-delay: var(--spoke-delay, 0s);
} */

.diagram__spokes {
  position: absolute;
  inset: 0;
  margin: 0 auto;
  width: 60%;
  height: 100%;
  pointer-events: none;
}

/* .diagram__spoke {
  opacity: 0;
}

@keyframes diagram-spoke-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
} */

.diagram__hub,
.diagram__node {
  position: absolute;
}

.diagram__hub {
  inset: 0;
  margin: auto;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 210px;
  height: 210px;
  background-color: var(--color-white);
  border: 2.86px solid var(--color-circle-border);
  border-radius: 50%;
  box-shadow: 0px 0px 62.32px 0px #EE72021A;
}

.diagram__hub img {
  width: 179px;
  height: auto;
}

.diagram__node {
  z-index: 1;
}

.diagram__node-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0px 3.91px 11.72px 0px #0000000D;
  padding: 5px;
  /* animation: diagram-content-counter-rotate 60s linear infinite;
  animation-delay: var(--diagram-orbit-delay, 7.4s);
  will-change: transform; */
}

/* @keyframes diagram-orbit-rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes diagram-content-counter-rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(-360deg);
  }
}

@media (prefers-reduced-motion: reduce) {

  .diagram__orbit--animated,
  .diagram__node-content {
    animation: none;
  }

  .diagram__spoke {
    opacity: 1;
    animation: none;
  }
} */

.diagram__circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: var(--color-white);
  border: 1px solid #FDE6D2;
  border-radius: 50%;
  box-shadow: 0px 3.91px 7.81px 0px #00000008;
}

.diagram__circle img {
  width: 20px;
  height: 20px;
}


.diagram__label {
  /* position: absolute; */
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--color-black);
  white-space: normal;
  max-width: 150px;
  text-align: center;
}

.translated-ltr .diagram__label::first-letter {
  text-transform: capitalize;

}

.diagram__label font::first-letter {
  text-transform: capitalize;

}

.diagram__node--patienten {
  left: 0;
  right: 0;
  top: 1%;
  margin: 0 auto;
  width: fit-content;
}

.diagram__node--pflege {
  left: 65.3%;
  top: 16.5%;

}

.diagram__node--angehoerige {
  left: 75.7%;
  top: 41%;
}

.diagram__node--kostentraeger {
  left: 66.3%;
  top: 67.5%;
}

.diagram__node--daten {
  left: 0;
  bottom: 1%;
  right: 0;
  margin: auto;
  width: fit-content;
}

.diagram__node--logistik {
  left: 16.6%;
  top: 68.5%;
}

.diagram__node--produkte {
  left: 7.3%;
  top: 40%;
}

.diagram__node--aerzte {
  left: 19%;
  top: 15.5%;
}

/* .diagram__node--patienten .diagram__label {
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
} */


/* .diagram__node--pflege .diagram__label {
  left: calc(100% + 12px);
  top: 35%;
} */


/* .diagram__node--angehoerige .diagram__label {
  left: calc(100% + 8px);
  top: 100%;
} */


/* .diagram__node--kostentraeger .diagram__label {
  left: calc(100% + 4px);
  top: 100%;
} */


/* .diagram__node--daten .diagram__label {
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  white-space: normal;
  max-width: 210px;
} */



/* .diagram__node--logistik .diagram__label {
  right: calc(100% + 12px);
  top: 100%;
  text-align: right;
} */



/* .diagram__node--produkte .diagram__label {
  right: calc(100% + 8px);
  top: 55%;
  text-align: right;
  white-space: normal;
  max-width: 210px;
} */



/* .diagram__node--aerzte .diagram__label {
  right: calc(100% + 12px);
  top: 35%;
  text-align: right;
} */

/* Hub-and-spoke diagram end */

/* Geschäftsfelder grid */
.geschaeftsfelder {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 80px 120px 100px;
  background-color: var(--color-white);
}

.geschaeftsfelder__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}

.geschaeftsfelder__intro-card {
  display: flex;
  align-items: center;
  min-height: 420px;
  padding: 48px;
  background-color: var(--color-orange);
  border-radius: 12px 12px 80px 12px;
}

.geschaeftsfelder__intro-title {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 40px;
  font-weight: 400;
  line-height: 1.2;
  color: var(--color-white);
}

.geschaeftsfelder__intro-title strong {
  font-size: 48px;
  font-weight: 700;
  word-break: break-all;
}

.business-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-white);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  padding: 16px;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  will-change: transform, box-shadow;

}

.business-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04);
}

.business-card__image {
  width: 100%;

}

.business-card__image img {
  display: block;
  width: 100%;
  border-radius: 8px;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}


.business-card__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 32px;
  padding-bottom: 10px;
}

.business-card__body h3 {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-heading);
}

.business-card__number {
  color: var(--color-orange-accent);
  margin-right: 4px;
}

.business-card__body p {
  font-size: 16px;
  line-height: 1.5;
  color: #6b7280;
}

.business-card__link {
  margin-top: auto;
  font-size: 16px;
  font-weight: 600;
  color: var(--color-orange-link);
}

.business-card__link span {
  margin-left: 4px;
}

/* Geschäftsfelder grid end */

/* Kompetenzfelder section */

/* Kompetenzfelder section end */
/* Kompetenz section */
.kompetenz {
  width: 100%;
  background-color: #FDFBF9;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 64px;
  padding: 60px 40px;
  overflow-x: clip;
}

.kompetenz__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  max-width: 806px;
  text-align: center;
}

.kompetenz__title-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.kompetenz__eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
}

.kompetenz__eyebrow span {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-orange-accent);
}

.kompetenz__eyebrow span font::first-letter {
  text-transform: capitalize;
}

.kompetenz__heading {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -3px;
  color: var(--color-heading);
}

.kompetenz__heading span {
  color: var(--color-orange-accent);
}

.kompetenz__intro {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  color: #525252;
}

/* Kompetenz section end */

/* Circular diagram — Figma node 325:590, canvas 1433.393 × 960px */

.kompetenz__diagram-wrap {
  container-type: inline-size;
  width: 100%;
  max-width: 1433px;
  margin: 0 auto;
  padding: 0 16px;
  overflow: hidden;
}

.kompetenz__diagram {
  position: relative;
  width: 100%;
  aspect-ratio: 1575 / 1002.816;
}

.kompetenz__diagram-canvas {
  container-type: inline-size;
  position: absolute;
  left: 0;
  width: 100%;
  top: calc(100% * 42.816 / 1002.816);
  bottom: 0;
  height: auto;
}

.kompetenz__diagram--sequence .kompetenz__hub,
.kompetenz__diagram--sequence .kompetenz__satellite,
.kompetenz__diagram--sequence .kompetenz__float {
  opacity: 0;
  transform: scale(0.88);
}

.kompetenz__diagram--sequence .kompetenz__orbit {
  opacity: 0;
}



/* =========================================
   CENTER HUB
========================================= */

.kompetenz__diagram-wrap .kompetenz__hub {
  opacity: 0;
  transform: scale(0.75);
}

.kompetenz__diagram-wrap.is-visible .kompetenz__hub {
  animation: kompetenz-hub-in 0.55s cubic-bezier(0.2, 0.7, 0.2, 1) forwards;
}


/* =========================================
   ORBIT
========================================= */

.kompetenz__diagram-wrap .kompetenz__orbit {
  opacity: 0;
  transform: scale(0.94);
}

.kompetenz__diagram-wrap.is-visible .kompetenz__orbit {
  animation: kompetenz-orbit-in 0.6s ease forwards;
  animation-delay: var(--kompetenz-delay, 0.2s);
}


/* =========================================
   SATELLITES
========================================= */

.kompetenz__diagram-wrap .kompetenz__satellite {
  opacity: 0;
  transform: scale(0.75);
}

.kompetenz__diagram-wrap.is-visible .kompetenz__satellite {
  animation: kompetenz-item-in 0.55s cubic-bezier(0.2, 0.7, 0.2, 1) forwards;

  animation-delay: var(--kompetenz-delay, 0s);
}


/* =========================================
   FLOATING ICONS
========================================= */

.kompetenz__diagram-wrap .kompetenz__float {
  opacity: 0;
  transform: scale(0.7);
}

.kompetenz__diagram-wrap.is-visible .kompetenz__float {
  animation: kompetenz-item-in 0.5s cubic-bezier(0.2, 0.7, 0.2, 1) forwards;

  animation-delay: var(--kompetenz-delay, 0s);
}



/* =========================================
   KEYFRAMES
========================================= */

@keyframes kompetenz-hub-in {

  from {
    opacity: 0;
    transform: scale(0.75);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }

}


@keyframes kompetenz-orbit-in {

  from {
    opacity: 0;
    transform: scale(0.94);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }

}


@keyframes kompetenz-item-in {

  from {
    opacity: 0;
    transform: scale(0.75);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }

}


@keyframes kompetenz-fade-up {

  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }

}


@keyframes kompetenz-card-in {

  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }

}


/* =========================================
   REDUCED MOTION
========================================= */

@media (prefers-reduced-motion: reduce) {

  .kompetenz__diagram-wrap .kompetenz__hub,
  .kompetenz__diagram-wrap .kompetenz__orbit,
  .kompetenz__diagram-wrap .kompetenz__satellite,
  .kompetenz__diagram-wrap .kompetenz__float,
  .kompetenz__connector,
  .kompetenz__card {
    opacity: 1;
    transform: none;
    animation: none !important;
  }

}




.slightFadeInUp {
  --animate-duration: 1s;
}

@keyframes slightFadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.slightFadeInUp.animate__fadeInUp {
  animation-name: slightFadeInUp;
}





.kompetenz__orbit-ring {
  position: absolute;
  inset: 0;
}

.kompetenz__orbit {
  position: absolute;
  left: 25.01%;
  top: 10.71%;
  width: 47.83%;
  height: auto;
  pointer-events: none;
}

.kompetenz__hub {
  position: absolute;
  left: 35.87%;
  top: 28.57%;
  z-index: 5;
  width: 26.09%;
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.87cqw;
  padding: 4.35cqw;
  background-color: var(--color-white);
  border-radius: 50%;
  box-shadow: 0 0 2.17cqw rgba(238, 114, 2, 0.1);
  text-align: center;
  overflow: hidden;
}

.kompetenz__hub-title {
  font-size: 2.17cqw;
  font-weight: 700;
  line-height: 1.2;
  color: #1a1a1a;
}

.kompetenz__hub-accent,
.kompetenz__hub span {
  font-size: 2.17cqw;
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-orange);
}

.kompetenz__satellite {
  position: absolute;
  width: 18.48%;
  aspect-ratio: 1;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.43cqw;
  padding: 1.3cqw;
  background-color: var(--color-white);
  border-radius: 50%;
  box-shadow: 0 0.43cqw 0.65cqw rgba(0, 0, 0, 0.05);
  text-align: center;
  overflow: hidden;
}

.kompetenz__satellite-num,
.kompetenz__satellite h3,
.kompetenz__satellite p {
  max-width: 100%;
  overflow-wrap: anywhere;
}

.kompetenz__satellite--01 {
  left: 39.67%;
  top: -4.46%;
}

.kompetenz__satellite--02 {
  left: 62.41%;
  top: 22.68%;
}

.kompetenz__satellite--03 {
  left: 53.73%;
  top: 66.59%;
}

.kompetenz__satellite--04 {
  left: 25.62%;
  top: 66.59%;
}

.kompetenz__satellite--05 {
  left: 16.93%;
  top: 22.68%;
}

.kompetenz__satellite-num {
  font-size: 1.96cqw;
  font-weight: 700;
  color: var(--color-orange);
  line-height: 1;
}

.kompetenz__satellite h3 {
  font-size: 1.74cqw;
  font-weight: 700;
  line-height: 1.2;
  color: #1a1a1a;
}

.kompetenz__satellite p {
  font-size: 1.2cqw;
  font-weight: 400;
  line-height: 1.4;
  color: #666;
}

.kompetenz__float {
  position: absolute;
  width: 5.22%;
  aspect-ratio: 1;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-white);
  border: 0.11cqw solid #fde6d2;
  border-radius: 50%;
  box-shadow: 0 0.43cqw 0.43cqw rgba(0, 0, 0, 0.03);
}

.kompetenz__float img {
  width: 2.61cqw;
  height: 2.61cqw;
  object-fit: contain;
}

.kompetenz__float--share {
  left: 32.25%;
  top: 13.93%;
}

.kompetenz__float--chart {
  left: 60.36%;
  top: 13.93%;
}

.kompetenz__float--edit {
  left: 69.04%;
  top: 57.86%;
}

.kompetenz__float--refresh {
  left: 23.56%;
  top: 57.86%;
}

.kompetenz__float--star {
  left: 46.3%;
  top: 85%;
}

@keyframes kompetenz-zoom-in {
  from {
    opacity: 0;
    transform: scale(0.88);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes kompetenz-orbit-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 0.3;
  }
}

@media (prefers-reduced-motion: reduce) {

  .kompetenz.wow.animated .kompetenz__diagram--sequence .kompetenz__hub,
  .kompetenz.wow.animated .kompetenz__diagram--sequence .kompetenz__satellite,
  .kompetenz.wow.animated .kompetenz__diagram--sequence .kompetenz__float,
  .kompetenz.wow.animated .kompetenz__diagram--sequence .kompetenz__orbit {
    animation: none;
    opacity: 1;
    transform: none;
  }

  .kompetenz.wow.animated .kompetenz__diagram--sequence .kompetenz__orbit {
    opacity: 0.3;
  }
}

/* Circular diagram — Figma node 325:590, canvas 1433.393 × 885px end */

/* Connector + competence cards */
.kompetenz__fields {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 100%;
  max-width: var(--max-width);
}

.kompetenz__connector {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 100%;
}

.kompetenz__pill {
  padding: 8px 24px;
  background-color: var(--color-white);
  border: 1px solid #e5e7eb;
  border-radius: 100px;
  font-size: 20px;
  font-weight: 700;
  color: #1a1a1a;
  white-space: nowrap;
}

.kompetenz__connector-lines {
  width: 100%;
  height: 134px;
  display: block;
}

.kompetenz__cards {
  display: flex;
  gap: 20px;
  width: 100%;
}

.kompetenz__card {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  min-height: 248px;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.051);
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  will-change: transform, box-shadow;

}

.kompetenz__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04);
}

.kompetenz__card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  flex-shrink: 0;
}

.kompetenz__card-icon img {
  max-width: 48px;
  max-height: 48px;
  object-fit: contain;
}

.kompetenz__card h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  color: #1a1a1a;
}

.kompetenz__card p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  color: #666;
}

/* Connector + competence cards end */

/* Partners section */
.partners {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 120px 0 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 56px;
  overflow: hidden;
}

.partners__title {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: var(--color-heading);
  text-align: center;
}

.partners__slider {
  width: 100%;
  overflow: visible;
}

.partners__slider .swiper-wrapper {
  transition-timing-function: linear;
}

.partners__slider .swiper-slide {
  width: 253px;
  height: auto;
}

.partner-card {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 170px;
  background-color: var(--color-white);
  border-radius: 15px;
  box-shadow: 0 6.67px 20px rgba(0, 0, 0, 0.05);
  padding: 24px;
}

.partner-card img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Partners section end */

/* Innovation section */

.innovation_outer {

  background-color: var(--color-peach);

}

.innovation {
  display: flex;
  align-items: center;
  gap: 80px;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 80px 120px;
}

.innovation__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
}

.innovation__header {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.innovation__eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 2px;
}

.innovation__eyebrow span {
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: var(--color-orange-nav);
}

.innovation__eyebrow span font::first-letter {
  text-transform: capitalize;
}

.innovation__heading {
  display: flex;
  flex-direction: column;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -3px;
  color: var(--color-black);
}

.innovation__heading span {
  color: var(--color-orange-accent);
}

.innovation__list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.innovation__list li {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  font-size: 18px;
  line-height: 1.4;
  color: var(--color-black);
}

.innovation__check {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background-color: var(--color-orange-nav);
  border-radius: 12px;
  font-size: 13px;
  color: var(--color-white);
}

.innovation__link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px 12px 0;
  border-radius: 128px;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  color: var(--color-orange-link);
}

.innovation__link-arrow {
  flex: 0 0 auto;
}

.innovation__visual {
  position: relative;
  flex: 1;
  isolation: isolate;
}

.innovation__visual img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 624px;
  object-fit: cover;
  border-radius: 12px 12px 128px 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}

.innovation__outline {
  position: absolute;
  right: -24px;
  bottom: -24px;
  width: 100%;
  height: 579px;
  border: 1px solid var(--color-orange-accent);
  border-radius: 12px 12px 128px 12px;
  pointer-events: none;
  z-index: 0;
}

/* Innovation section end */

/* Leadership / testimonial section */
.leadership {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 80px 40px;
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

.leadership__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  max-width: 1080px;
  text-align: center;
}

.leadership__eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
}

.leadership__eyebrow span {
  font-size: 18px;
  font-weight: 400;
  color: var(--color-orange);
}

.leadership__eyebrow span font::first-letter {
  text-transform: capitalize;
}

.leadership__header h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -3px;
  color: var(--color-black);
}

.leadership__header>p {
  max-width: 634px;
  font-size: 16px;
  line-height: 1.4;
  color: #595959;
}

.leadership__content {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 671px;
  gap: 10px;
  width: min(1460px, 100%);
  padding: 12px;
  border-radius: 16px;
}

.leadership__content::before {
  position: absolute;
  left: 35px;
  bottom: -8px;
  width: calc(100% - 700px);
  height: 579px;
  border: 1px solid var(--color-orange);
  border-radius: 12px 12px 128px 12px;
  content: "";
  pointer-events: none;
}

.leadership__video {
  position: relative;
  z-index: 1;
  height: 579px;
  overflow: hidden;
  border-radius: 12px 12px 128px 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}

.leadership__video>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.leadership__play {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  width: 83px;
  height: 83px;
  padding: 0;
  background: transparent;
  border: 0;
  cursor: pointer;
  transform: translate(-50%, -50%);
}

.leadership__play img {
  width: 83px;
  height: 83px;
  display: block;
}

.leadership__quote {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 48px;
  min-height: 579px;
  padding: 28px 48px 28px 100px;
  text-align: center;
}

.leadership__quote::before {
  position: absolute;
  top: -39px;
  right: 45px;
  font-size: 256px;
  font-style: italic;
  font-weight: 700;
  line-height: 1;
  color: var(--color-orange-nav);
  content: "“";
}

.leadership__quote>p {
  position: relative;
  z-index: 1;
  max-width: 620px;
  font-size: 32px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.2;
  color: var(--color-black);
}

.leadership__attribution {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  font-style: normal;
}

.leadership__person,
.leadership__linkedin {
  display: flex;
  align-items: center;
}

.leadership__person {
  gap: 12px;
  font-size: 18px;
  line-height: 1;
  color: var(--color-black);
}

.leadership__person img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.leadership__role {
  color: #4a4a4a;
}

.leadership__linkedin {
  gap: 12px;
  padding: 16px 22px;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  color: var(--color-orange);
}

.leadership__linkedin img {
  width: 20px;
  height: 20px;
}

/* Leadership / testimonial section end */

/* Jobs and career carousel */
.jobs {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 100px 0;
  background-color: var(--color-white);
}

.jobs__container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  width: 100%;
  padding: 0 120px;
}

.jobs__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  max-width: 609px;
}

.jobs__eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 2px;
}

.jobs__eyebrow span {
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: var(--color-orange-nav);
}

.jobs__eyebrow span font::first-letter {
  text-transform: capitalize;
}

.jobs__header h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -3px;
  color: var(--color-black);
}

.jobs__description {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: 18px;
  line-height: 1.4;
  color: var(--color-black);
}

.jobs__link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px 12px 0;
  border-radius: 128px;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  color: var(--color-orange-nav);
}

.jobs__link svg {
  flex: 0 0 auto;
}

.jobs__slider {
  width: 100%;
  overflow: hidden;
  padding: 12px;
  margin: -12px;
}

.jobs__slider .swiper-slide {
  width: 400px;
  height: auto;
  padding-bottom: 12px;
}

.job-card {
  position: relative;
  height: 491px;
  overflow: hidden;
  background-color: var(--color-white);
  border-radius: 12px;
  box-shadow: 0 4px 12px 2px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  will-change: transform, box-shadow;

}

.job-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04);
}

.job-card__image {
  display: block;
  width: 100%;
  height: 300px;
  object-fit: cover;
}

.job-card__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 20px;
}

.job-card__tags {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.translated-ltr .job-card__tags::first-letter {

  text-transform: capitalize;
}

.card__tags font::first-letter {
  text-transform: capitalize;
}

.job-card__tags span {
  padding: 4px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 100px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  color: #666;
}

.job-card h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  color: var(--color-black);
}

.job-card p {
  overflow: hidden;
  font-size: 14px;
  line-height: 22px;
  color: #666;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jobs__navigation {
  display: flex;
  gap: 12px;
}

.jobs__button {
  display: grid;
  width: 40px;
  height: 40px;
  padding: 0;
  place-items: center;
  background-color: #111;
  border: 0;
  border-radius: 50%;
  color: var(--color-white);
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.jobs__button:hover {
  background-color: var(--color-orange-nav);
}

.jobs__button img {
  width: 18px;
  height: 18px;
}

/* Jobs and career carousel end */

/* Contact footer */
.site-footer {
  width: 100%;
  background-color: var(--color-nav-bg);
  color: var(--color-white);
}

.site-footer__contact {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 150px 120px 0;
}

.site-footer__form-wrap {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  gap: 64px;
  width: min(1030px, 100%);
}

.site-footer__contact .wpcf7-form {
  width: 100%;
}

.site-footer__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.site-footer__eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 2px;
}

.site-footer__eyebrow span {
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  color: var(--color-orange-nav);
}

.site-footer__eyebrow span font::first-letter {
  text-transform: capitalize;
}

.site-footer__header h2 {
  max-width: 762px;
  font-size: 64px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -3px;
  color: var(--color-white);
}

.site-footer__header>p {
  max-width: 610px;
  font-size: 20px;
  line-height: 28px;
  color: var(--color-white);
}

.contact-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
}

.contact-form__fields {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.contact-form label {
  display: block;
  width: 100%;
}

.contact-form label:not(:last-child) {
  margin-bottom: 12px;
}

.contact-form input,
.contact-form select,
.contact-form textarea {
  display: block;
  width: 100%;
  padding: 15px 16px;
  background-color: var(--color-white);
  border: 1px solid rgba(12, 12, 11, 0.23);
  border-radius: 8px;
  color: #36212a;
  font: inherit;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0.15px;
}

/* .contact-form input,
.contact-form select {
  height: 64px;
} */

.contact-form input::placeholder,
.contact-form textarea::placeholder,
.contact-form select:invalid {
  color: rgba(54, 33, 42, 0.4);
}

.contact-form select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 52px;
  background-image: url("../images/angle-down.svg");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 20px 20px;
  cursor: pointer;
}

.contact-form textarea {
  height: 284px;
  resize: vertical;
}

.contact-form__privacy {
  max-width: 587px;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.15px;
  color: var(--color-white);
}

.contact-form .contact-form__submit {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 14px 54px 14px 22px;
  background-color: var(--color-orange);
  border-radius: 12px;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  color: var(--color-white);
  cursor: pointer;
  transition: background-color 0.3s ease;

  background-image: url(../images/send-icon.svg);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: right 20px bottom 50%;

}

.contact-form .contact-form__submit:hover {

  background-color: #d86500;
}

.wpcf7-spinner {
  position: absolute;
}

.contact-form__submit:hover {
  background-color: var(--color-orange-nav);
}

.contact-form__submit img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.site-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
  width: min(1680px, calc(100% - 200px));
  margin: 200px auto 0;
  padding: 0px 20px 80px 20px;
}

.site-footer__brand {
  display: flex;
  flex-direction: column;
  gap: 34px;
  max-width: 610px;
}

.site-footer__brand img {
  width: 342px;
  height: 129px;
  object-fit: contain;
  object-position: left center;
}

.site-footer__brand p {
  font-size: 20px;
  line-height: 28px;
  color: var(--color-white);
}

.footer_bottom_content_block p {

  font-size: 16px;
  line-height: 1.4;
  color: #ffffff80;
}

.site-footer__nav {
  display: grid;
  grid-template-columns: repeat(5, max-content);
  gap: 48px;
  justify-content: end;
  list-style: none;
}

.site-footer__nav a {
  font-size: 18px;
  line-height: 1.4;
  transition: all 0.3s ease;
  color: var(--color-white);
}

.site-footer__nav a:nth-child(n + 6) {
  grid-row: 2;
}

.site-footer__nav a:hover {
  color: var(--color-orange-nav);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.business-logistics-top {
  padding: 100px 0px 0px 0px;
  margin-bottom: -128px;
}

.business-logistics__team_inner-top img {
  width: 100%;
  border-radius: 30%;
}

/* Contact footer end */

/* Business Areas page */
.business-hero {
  position: relative;
  display: flex;
  align-items: flex-end;
  width: calc(100% - 128px);
  max-width: 1792px;
  min-height: 0;
  min-height: min(800px, calc((100vw - 128px) / 1.735));
  margin: 0 auto;
  /* aspect-ratio: 1.735 / 1; */
  overflow: hidden;
  border-radius: 0 0 48px 48px;
  background-color: #d9d4c7;
  padding: 64px;
}

.business-hero__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center 53%;
}

.business-hero__panel {
  /* position: relative;
  bottom: 64px;
  left: max(64px, calc(50% - 896px)); */
  width: max-content;
  min-width: 886px;
  max-width: 100%;
  padding: 75px 45px;
  border-radius: 48px;
  background-color: var(--color-white);
  z-index: 1;
}

.business-hero__panel h1 {
  margin-bottom: 12px;
  color: var(--color-black);
  font-size: 64px;
  font-weight: 700;
  line-height: 1.2;
  word-spacing: normal;
  word-break: break-word;
  letter-spacing: -3px;
}

.karriere-hero__actions {
  margin-top: 32px;
}

.business-hero-content p {
  max-width: 618px;
  margin-bottom: 12px;
  color: var(--color-black);
  font-size: 20px;
  line-height: 1.2;
}

.business-hero-content p:last-child {
  margin-bottom: 0;
}



.business-hero__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 12px 16px;
  border-radius: 12px;
  background-color: var(--color-orange);
  color: var(--color-white);
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  transition: background-color 0.2s ease;
}

.business-hero__button:hover {
  background-color: #d56502;
}

/* Business Areas page end */

/* Karriere page hero */
.karriere-hero {
  position: relative;
  width: calc(100% - 128px);
  max-width: 1792px;
  min-height: 0;
  margin: 0 auto;
  aspect-ratio: 1.735 / 1;
  overflow: hidden;
  border-radius: 0 0 24px 24px;
  background-color: #d9d4c7;
}

.karriere-hero__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 115.94%;
  max-width: none;
  object-fit: cover;
  object-position: center top;
}

.karriere-hero__panel {
  position: absolute;
  bottom: 64px;
  left: max(64px, calc(50% - 896px));
  width: min(1267px, calc(100% - 128px));
  padding: 48px;
  border-radius: 48px;
  background-color: var(--color-white);
}

.karriere-hero__content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  /* max-width: 971px; */
}

.karriere-hero__text {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.karriere-hero__text h1 {
  color: var(--color-black);
  font-size: 64px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -3px;
  word-break: break-word;
}

.karriere-hero__text p {
  max-width: 618px;
  color: var(--color-black);
  font-size: 20px;
  line-height: normal;
}

.karriere-hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 31px;
}

.karriere-hero__cta {
  font-weight: 600;
}


.karriere-hero__cta_btn2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  border-radius: 12px;
  background-color: #efefef;
  color: var(--color-black);
  font-size: 18px;
  line-height: 25.2px;
  transition: background-color 0.2s ease;
}

.karriere-hero__cta_btn2:hover {
  background-color: #e0e0e0;
}

.karriere-breadcrumb {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 26px 120px 10px;
}

.karriere-breadcrumb nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  row-gap: 4px;
  color: #767676;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 28px;
}

.karriere-breadcrumb a:hover {
  color: var(--color-orange);
}

.karriere-breadcrumb__current {
  color: #767676;
}

/* Karriere page hero end */

/* Integrated Healthcare page */
.integrated-hero {
  position: relative;
  width: calc(100% - 128px);
  max-width: 1792px;
  min-height: 0;
  margin: 0 auto;
  aspect-ratio: 1.735 / 1;
  overflow: hidden;
  border-radius: 0 0 24px 24px;
  background-color: #d9d4c7;
}

.integrated-hero__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center center;
}

.integrated-hero__panel {
  position: absolute;
  bottom: 64px;
  left: max(64px, calc(50% - 896px));
  width: min(714px, calc(100% - 128px));
  padding: 48px;
  border-radius: 48px;
  background-color: var(--color-white);
}

.integrated-hero__content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
}

.integrated-hero__text {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.integrated-hero__text h1 {
  color: var(--color-black);
  font-size: 64px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -3px;
  word-break: break-word;
}

.integrated-hero__text p {
  max-width: 618px;
  color: var(--color-black);
  font-size: 20px;
  line-height: normal;
}




.integrated-breadcrumb,
.news-breadcrumb {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 26px 120px 10px;
}

.news-breadcrumb {
  /* margin-top: 112px; */
  padding: 60px 120px 10px;
}

.integrated-breadcrumb nav,
.news-breadcrumb nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  row-gap: 4px;
  color: #767676;
  font-size: 16px;
  line-height: 28px;
}

.integrated-breadcrumb a,
.news-breadcrumb a {
  font-weight: 400;
}

.integrated-breadcrumb a:hover,
.news-breadcrumb a:hover {
  color: var(--color-orange);
}

.integrated-breadcrumb__current,
.news-breadcrumb__current {
  color: #4e4e4e;
  font-weight: 600;
}

/* Integrated Healthcare page end */

/* News page */
.news-hero {
  position: relative;
  width: calc(100% - 128px);
  max-width: 1792px;
  min-height: 0;
  margin: 0 auto;
  aspect-ratio: 1.735 / 1;
  overflow: hidden;
  border-radius: 0 0 24px 24px;
  background-color: #d9d4c7;
}

.news-hero__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center center;
}

.news-hero__panel {
  position: absolute;
  bottom: 64px;
  left: max(64px, calc(50% - 896px));
  width: min(714px, calc(100% - 128px));
  padding: 48px;
  border-radius: 48px;
  background-color: var(--color-white);
}

.news-hero__content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
}

.news-hero__text {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.news-hero__text h1 {
  color: var(--color-black);
  font-size: 64px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -3px;
  word-break: break-word;
}

.news-hero__copy {
  max-width: 618px;
  color: var(--color-black);
  font-size: 20px;
  line-height: normal;
}

.news-hero__copy p {
  margin: 0;
}

.news-hero__copy p+p {
  margin-top: 1em;
}

/* News page end */

/* News listing (WP-ready structure) */
.news-listing {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 48px 120px 120px;
}

.news-listing__inner {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.news-listing__toolbar {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 24px;
  border-bottom: 1px solid #e0e1e5;
}

.news-listing__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.news-listing__sort-label {
  color: #6b7280;
  font-size: 14px;
  line-height: normal;
}

.news-listing__sort-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  border: 1px solid #e0e1e5;
  border-radius: 100px;
  background-color: var(--color-white);
  color: #6b7280;
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.news-listing__sort-btn:hover {
  border-color: var(--color-orange-accent);
  color: var(--color-orange-accent);
}

.news-listing__sort-btn.is-active {
  border-color: var(--color-orange-accent);
  background-color: var(--color-orange-accent);
  color: var(--color-white);
}

.news-listing__spacer {
  flex: 1 1 auto;
  min-width: 12px;
}

.news-listing__count {
  color: #6b7280;
  font-size: 14px;
  line-height: normal;
  white-space: nowrap;
}

.news-listing__category {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 12px 10px 16px;
  border: 1px solid #e0e1e5;
  border-radius: 8px;
  background-color: var(--color-white);
  color: #6b7280;
  font-size: 13px;
  line-height: normal;
}

.news-listing__category-label {
  color: #6b7280;
}

.news-listing__category-select {
  appearance: none;
  border: none;
  background: transparent;
  /* padding: 0 16px 0 0; */
  color: #1a1a1a;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: normal;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.news-listing__category-select {

  &,
  &::picker(select) {
    appearance: base-select;
  }
}

.news-listing__category-select option {
  padding: 8px 16px;
}

.news-listing__category-select:focus {
  outline: none;
}

/* .news-listing__category::after {
  content: "▾";
  position: absolute;
  right: 12px;
  color: #6b7280;
  font-size: 13px;
  pointer-events: none;
} */

.news-listing__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 48px;
}

.news-listing__empty {
  grid-column: 1 / -1;
  padding: 48px 20px;
  color: #6b7280;
  font-size: 16px;
  text-align: center;
}

.news-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  min-height: 503px;
  padding: 16px;
  border-radius: 12px;
  background-color: var(--color-white);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  will-change: transform, box-shadow;

}

.news-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04);
}

.news-card__media {
  display: block;
  width: 100%;
  height: 320px;
  border-radius: 8px;
  overflow: hidden;
  background-color: #e9f5f1;
}

.news-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-card__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  min-height: 132px;
}

.news-card__title {
  color: #1a1a1a;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  word-break: break-word;
}

.news-card__title a {
  color: inherit;
  transition: color 0.2s ease;
}

.news-card__title a:hover {
  color: var(--color-orange-accent);
}

.news-card__meta {
  display: flex;
  align-items: center;
  gap: 12px;
}

.news-card__meta img {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  object-fit: contain;
}

.news-card__date {
  color: #6b7280;
  font-size: 16px;
  line-height: 1.5;
}

.news-listing__pagination {
  display: flex;
  justify-content: center;
  padding-top: 32px;
}

.news-listing__pagination-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  list-style: none;
}

.news-listing__page-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 10px 20px;
  border: 1px solid #e0e1e5;
  border-radius: 100px;
  background-color: var(--color-white);
  color: #6b7280;
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.news-listing__page-btn:hover:not(:disabled):not(.is-active) {
  border-color: var(--color-orange-accent);
  color: var(--color-orange-accent);
}

.news-listing__page-btn.is-active {
  border-color: var(--color-orange-accent);
  background-color: var(--color-orange-accent);
  color: var(--color-white);
  font-weight: 600;
}

.news-listing__page-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.news-listing__page-btn--number {
  min-width: 40px;
  padding: 10px;
}

.news-listing__page-ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: #6b7280;
  font-size: 15px;
}

.sub-menu-toggle {
  display: none;
}

.contact_info__image {
  width: 100px;
  height: 100px;
}

.contact_info__image>img {
  border-radius: 50%;
}

.news-card.news-card-cat {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  min-height: 503px;
  margin-bottom: 20px;
  flex-direction: column;
  background-color: var(--color-white);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  padding: 16px;
}

.article-layout.article-layout-cat {
  padding: 10px 120px 100px 120px;
}


.footer_karriere_text_box {
  background: #fff;
  border-radius: 20px;
  padding: 40px 50px;
}

.footer_karriere_text_box p {
  line-height: 1.6;
  color: #575756;
}

.footer_block .site-footer__contact {
  padding: 120px 120px 0;
}

/* .footer_block .site-footer__header,
.footer_block .wpcf7.js {
  display: none;
} */

.footer_block .site-footer__bottom {
  padding: 80px 20px 80px 20px;
  margin: 0px auto 0;
}

.banner__container {
  margin-left: auto;
  margin-right: auto;
  /* padding: 0 20px; */
  width: 100%;
  display: block;
}










@media (max-width: 1550px) {

  .mega-menu__links {

    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

@media (max-width: 1200px) {


  .news-listing {
    padding: 48px 64px 120px;
  }

  .news-listing__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
  }

  .article-layout.article-layout-cat {
    padding: 20px 64px 64px 64px;
  }

  .news-breadcrumb-cat {
    margin-top: 64px;
  }

  .footer_block .site-footer__contact {
    padding: 120px 60px 0;
  }
}

@media (max-width: 768px) {
  .article-layout.article-layout-cat {
    padding: 20px 20px 64px 20px;
  }

  .footer_block .site-footer__contact {
    padding: 80px 20px 0;
  }

  .footer_block .footer_karriere_text_box {

    padding: 20px;
  }

  .news-listing {
    padding: 32px 20px 80px;
  }

  .news-listing__controls {
    flex-direction: column;
    align-items: stretch;
  }

  .news-listing__spacer {
    display: none;
  }

  .news-listing__count {
    text-align: center;
  }

  .news-listing__category {
    width: 100%;
    justify-content: space-between;
  }

  .news-listing__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .news-card {
    min-height: 0;
  }

  .news-card__media {
    height: 240px;
  }

  .news-listing__pagination-list {
    gap: 6px;
  }

  .news-listing__page-btn {
    min-width: 36px;
    height: 36px;
    padding: 8px 14px;
    font-size: 14px;
  }

  .news-listing__page-btn--number {
    min-width: 36px;
    padding: 8px;
  }
}

/* News listing (WP-ready structure) end */

/* Article detail page (WP single-post ready) */
.article-breadcrumb__current {
  color: #4e4e4e;
  font-weight: 600;
}

.article-layout {
  display: flex;
  align-items: flex-start;
  gap: 64px;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 48px 120px 120px;
}

.article-main {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.article-header {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.article-title {
  color: #1a1a1a;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  word-break: break-word;
}

.article-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  color: #6b7280;
  font-size: 14px;
  line-height: normal;
}

.article-meta__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.article-meta__item img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.article-meta__item strong {
  color: #1a1a1a;
  font-weight: 600;
}

.article-meta__sep {
  color: #6b7280;
}

.article-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
  color: #1a1a1a;
}

.article-lead {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}

.article-body p {
  font-size: 16px;
  line-height: 1.6;
}

.article-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.article-section h2 {
  color: #1a1a1a;
  font-size: 28px;
  font-weight: 700;
  line-height: normal;
}

.article-quote {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  border: 1px solid #f07200;
  border-radius: 16px;
  background-color: #fff7ed;
}

.article-quote blockquote {
  color: #1a1a1a;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.4;
}

.article-quote cite {
  color: #6b7280;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}

.article-figure {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.article-figure img {
  width: 100%;
  height: 400px;
  border-radius: 12px;
  object-fit: cover;
}

.article-figure figcaption {
  color: #6b7280;
  font-size: 14px;
  line-height: normal;
}

.article-share {
  padding-top: 32px;
  border-top: 1px solid #e0e1e5;
}

.article-share__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.article-share__label {
  color: #1a1a1a;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
}

.article-share__links {
  display: flex;
  align-items: center;
  gap: 12px;
}

.article-share__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background-color: #f3f4f6;
  transition: background-color 0.2s ease;
}

.article-share__link:hover {
  background-color: #e5e7eb;
}

.article-share__link img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.article-author {
  display: flex;
  align-items: center;
  gap: 16px;
  max-width: 502px;
  padding: 24px;
  border: 1px solid #e0e1e5;
  border-radius: 16px;
  background-color: #f9fafb;
}

.article-author__avatar {
  width: 64px;
  height: 64px;
  border-radius: 32px;
  object-fit: cover;
  flex-shrink: 0;
}

.article-author__info {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.article-author__name {
  color: #1a1a1a;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
}

.article-author__bio {
  color: #6b7280;
  font-size: 14px;
  line-height: 1.5;
}

.article-sidebar {
  flex-shrink: 0;
  width: 360px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.article-sidebar__title {
  color: #1a1a1a;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
}

.article-related {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.article-related__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  list-style: none;
}

.article-related__card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid #e0e1e5;
  border-radius: 12px;
  background-color: var(--color-white);
  transition: border-color 0.2s ease;
}

.article-related__card:hover {
  border-color: var(--color-orange-accent);
}

.article-related__thumb {
  width: 56px !important;
  height: 56px !important;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
}

.article-related__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.article-related__title {
  color: #1a1a1a;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
}

.article-related__date {
  color: #6b7280;
  font-size: 12px;
  line-height: normal;
}

.article-categories {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.article-categories__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  list-style: none;
}

.article-categories__list a {
  color: #1a1a1a;
  font-size: 14px;
  line-height: normal;
  transition: color 0.2s ease;
}

.article-categories__list a:hover {
  color: var(--color-orange-accent);
}

@media (max-width: 1200px) {
  .article-layout {
    padding: 48px 64px 96px;
    gap: 48px;
  }

  .article-sidebar {
    width: 300px;
  }

  .article-title {
    font-size: 40px;
  }
}



@media (max-width: 768px) {
  .article-layout {
    padding: 24px 20px 64px;
    gap: 40px;
  }

  .article-title {
    font-size: clamp(30px, 7vw, 40px);
  }

  .article-meta {
    gap: 8px;
  }

  .article-figure img {
    height: 240px;
  }

  .article-quote blockquote {
    font-size: 18px;
  }
}

.integrated-intro {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 128px 120px 0;
}

.integrated-intro__text {
  max-width: 686px;
  margin: 0 auto;
  color: var(--color-black);
  font-size: 20px;
  line-height: 1.6;
  text-align: center;
  word-break: break-word;
}

.integrated-intro__text p {
  margin: 0;
}

.integrated-intro__text p+p {
  margin-top: 1.6em;
}

.integrated-intro__text strong {
  font-weight: 700;
}

/* Article detail page (WP single-post ready) end */

/* Bewerbungsprozess section */
.bewerbungsprozess {
  width: 100%;
  max-width: 1360px;
  margin: 0 auto;
  padding: 80px 32px 80px;
  background-color: var(--color-white);
}

.bewerbungsprozess__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  width: 100%;
  max-width: 1344px;
  margin: 0 auto;
}

/* Header */
.bewerbungsprozess__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
  text-align: center;
}

.bewerbungsprozess__eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
}

.bewerbungsprozess__eyebrow-dot {
  flex-shrink: 0;
  width: 8px;
  height: 8px;
}

.bewerbungsprozess__eyebrow span {
  color: var(--color-orange-nav);
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  white-space: nowrap;
}

.bewerbungsprozess__eyebrow span font::first-letter {
  text-transform: capitalize;
}

.bewerbungsprozess__title {
  max-width: 800px;
  color: var(--color-black);
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  word-break: break-word;
}

.bewerbungsprozess__title span {
  color: var(--color-orange-accent);
}


.bewerbungsprozess__title-mobile {
  display: none;
}

.bewerbungsprozess__intro {
  max-width: 700px;
  color: var(--color-nav-bg);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.bewerbungsprozess__intro-mobile {
  display: none;
}

/* Desktop steps */
.bewerbungsprozess__desktop-steps {
  width: 100%;
  margin-top: 48px;
}

.bewerbungsprozess__mobile-steps {
  display: none;
  list-style: none;
  width: 100%;
}

.bewerbungsprozess__steps-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
}

.bewerbungsprozess__step {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* gap: 24px; */
}

.bewerbungsprozess__icon-circle {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: var(--color-white);
  box-shadow: 0 4.253px 6.38px rgba(0, 0, 0, 0.1);
  z-index: 1;
}

.bewerbungsprozess__icon-circle img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

.bewerbungsprozess__connector {
  position: absolute;
  top: 44px;
  left: calc(50% + 50px);
  z-index: 1;
  width: calc(100% - 100px + 12px);
  height: 12px;
  background: url("../images/connector-line.svg") center / contain no-repeat;
  pointer-events: none;
}

.bewerbungsprozess__connector--end {
  background-image: url("../images/connector-line-end.svg");
}

.bewerbungsprozess__step:last-child .bewerbungsprozess__connector {
  display: none;
}

.bewerbungsprozess__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 100%;
  height: 100%;
  padding: 56px 24px;
  border: 1.063px solid #e6e6e6;
  border-radius: 12.759px;
  background-color: var(--color-white);
  box-shadow: 0 11.721px 19.535px rgba(238, 114, 2, 0.1);
  margin-top: -26px;
  z-index: 0;
}

.bewerbungsprozess__badge {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 42.532px;
  height: 42.532px;
  border-radius: 50%;
  background-color: var(--color-orange-accent);
  color: var(--color-white);
  font-size: 17.013px;
  font-weight: 700;
  line-height: 1;

}

.bewerbungsprozess__card-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 100%;
  text-align: center;
  word-break: break-word;
}

.bewerbungsprozess__card-content h3 {
  color: var(--color-black);
  font-size: 17.013px;
  font-weight: 700;
  line-height: normal;
}

.bewerbungsprozess__card-content p {
  color: var(--color-nav-bg);
  font-size: 14.354px;
  font-weight: 400;
  line-height: 1.5;
}

.bewerbungsprozess__card-content p+p {
  margin-top: 0;
}

/* Mobile timeline */
.bewerbungsprozess__timeline-item {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  width: 100%;
}

.bewerbungsprozess__timeline-left {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 44px;
}

.bewerbungsprozess__timeline-badge {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: var(--color-orange);
  color: var(--color-white);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

.bewerbungsprozess__timeline-connector {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 120px;
}

.bewerbungsprozess__timeline-connector img {
  width: 120px;
  height: 2px;
  max-width: none;
  transform: rotate(90deg);
}

.bewerbungsprozess__timeline-item:last-child .bewerbungsprozess__timeline-connector {
  display: none;
}

.bewerbungsprozess__timeline-content {
  flex: 1;
  min-width: 0;
  padding-top: 4px;
  padding-bottom: 24px;
}

.bewerbungsprozess__timeline-heading {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.bewerbungsprozess__timeline-heading img {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  object-fit: contain;
}

.bewerbungsprozess__timeline-heading h3 {
  color: #1d1d1f;
  font-size: 17px;
  font-weight: 700;
  line-height: normal;
}

.bewerbungsprozess__timeline-content p {
  color: var(--color-nav-bg);
  font-size: 13.5px;
  font-weight: 400;
  line-height: 20px;
}

/* Bottom CTA */

.bewerbungsprozess__cta_outer {
  padding: 0 20px;
}

.bewerbungsprozess__cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  width: 100%;
  max-width: 1296px;
  margin-top: 48px;
  padding: 24px;
  border-radius: 24px;
  background-color: #fdfbf9;
  margin: 0 auto;
}

.bewerbungsprozess__cta-intro {
  flex-shrink: 0;
}

.bewerbungsprozess__cta-title {
  margin-bottom: 4px;
  color: var(--color-black);
  font-size: 22px;
  font-weight: 700;
  line-height: normal;
  white-space: nowrap;
}

.bewerbungsprozess__cta-title-mobile {
  display: none;
}

.bewerbungsprozess__cta-intro p {
  color: var(--color-nav-bg);
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}

.bewerbungsprozess__cta-recruiters {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex-shrink: 0;
}

.bewerbungsprozess__recruiter {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 245px;
}

.bewerbungsprozess__recruiter-photo {
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  overflow: hidden;
  border-radius: 50%;
}

.bewerbungsprozess__recruiter-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bewerbungsprozess__recruiter-name {
  color: var(--color-orange-accent);
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}

.bewerbungsprozess__recruiter-role {
  color: var(--color-nav-bg);
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
}

.bewerbungsprozess__cta-contact {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex-shrink: 0;
}

.bewerbungsprozess__contact-heading {
  color: var(--color-black);
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  white-space: nowrap;
}

.bewerbungsprozess__contact-link {
  color: var(--color-orange-nav);
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  white-space: nowrap;
  transition: opacity 0.2s ease;
}

.bewerbungsprozess__contact-link:hover {
  opacity: 0.8;
}

/* Discover more section */
.discover-more {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 120px 340px;
  background-color: #fdfbf9;
}

.discover-more__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.discover-more__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 100%;
  max-width: 806px;
  text-align: center;
}

.discover-more__eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
}

.discover-more__eyebrow-dot {
  flex-shrink: 0;
  width: 8px;
  height: 8px;
}

.discover-more__eyebrow span {
  color: var(--color-orange-accent);
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  white-space: nowrap;
}

.discover-more__eyebrow span font::first-letter {
  text-transform: capitalize;
}

.discover-more__title {
  max-width: 606px;
  color: var(--color-heading);
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -3px;
  word-break: break-word;
}

.discover-more__title span {
  color: var(--color-orange-accent);
}

.discover-more__intro {
  max-width: 806px;
  color: #525252;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
}

.discover-more__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  width: 100%;
}

.discover-more__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  min-height: 279px;
  padding: 24px;
  border-radius: 12px;
  background-color: var(--color-white);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  will-change: transform, box-shadow;

}

.discover-more__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04);
}

.discover-more__icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
}

.discover-more__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.discover-more__card-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.discover-more__card-body h3 {
  color: var(--color-black);
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
}

.discover-more__card-body p {
  color: #4e4e4e;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.discover-more__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: auto;
  padding: 14px 24px;
  border-radius: 12px;
  background-color: var(--color-orange-accent);
  color: var(--color-white);
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  white-space: nowrap;
  transition: background-color 0.2s ease;
}

.discover-more__btn:hover {
  background-color: #d56502;
}

.discover-more__btn img {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  object-fit: contain;
}

.karriere-usp {
  padding-top: 0;
}

.karriere-usp .usp__row {
  gap: 10px;
}

.karriere-usp .usp__icon {
  width: 56px;
  height: 56px;
  object-fit: contain;
}

.karriere-usp .usp__text {
  gap: 4px;
}

.karriere-usp .usp__value {
  margin-bottom: 0;
  line-height: 1.5;
}

.karriere-usp .usp__label {
  max-width: 290px;
  line-height: 1.5;
}

/* Integrated Healthcare feature section end */

/* Karriere intro */
.karriere-intro {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 48px 120px 120px;
  background-color: var(--color-white);
}

.karriere-intro__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
}

.karriere-intro__eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
}

.karriere-intro__eyebrow span {
  color: var(--color-orange-accent);
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}

.karriere-intro__eyebrow span font::first-letter {
  text-transform: capitalize;
}

.karriere-intro__heading {
  max-width: 755px;
  color: var(--color-heading);
  font-size: 48px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -1.4px;
}

.karriere-intro__heading span {
  color: var(--color-orange-accent);
}

.karriere-intro__columns {
  display: flex;
  gap: 166px;
  width: 100%;
}

.karriere-intro__column {
  flex: 1 1 0;
  min-width: 0;
  max-width: 686px;
  color: var(--color-black);
  font-size: 20px;
  line-height: 1.6;
}

.karriere-intro__column p+p {
  margin-top: 1.6em;
}

/* Karriere intro end */

/* Karriere video */
.karriere-video {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 80px 50px;
  background-color: var(--color-white);
}

.karriere-video__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  max-width: 1344px;
  text-align: center;
}

.karriere-video__eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
}

.karriere-video__eyebrow span {
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: var(--color-orange);
}

.karriere-video__eyebrow span font::first-letter {
  text-transform: capitalize;
}

.karriere-video__header h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -3px;
  color: var(--color-black);
}

.karriere-video__media {
  position: relative;
  width: min(1546px, 100%);
  padding: 12px;
}

.karriere-video__media::before {
  position: absolute;
  top: 50px;
  left: 50px;
  right: -8px;
  bottom: -8px;
  border: 1px solid var(--color-orange);
  border-radius: 12px 12px 128px 12px;
  content: "";
  pointer-events: none;
}

.karriere-video__frame {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 736px;
  margin: 0;
  overflow: hidden;
  border-radius: 12px 12px 128px 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}

.karriere-video__frame>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.karriere-video__play {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  width: 83px;
  height: 83px;
  padding: 0;
  background: transparent;
  border: 0;
  cursor: pointer;
  transform: translate(-50%, -50%);
}

.karriere-video__play img {
  width: 100%;
  height: 100%;
}

/* Karriere video end */

/* Karriere zielgruppen */
.karriere-zielgruppen {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 80px 120px;
  background-color: var(--color-white);
}

.karriere-zielgruppen__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  max-width: 1344px;
  text-align: center;
}

.karriere-zielgruppen__header p {
  color: #6E6E73;
}

.karriere-zielgruppen__eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
}

.karriere-zielgruppen__eyebrow span {
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: var(--color-orange);
}

.karriere-zielgruppen__eyebrow span font::first-letter {
  text-transform: capitalize;
}

.karriere-zielgruppen__header h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -3px;
  color: var(--color-black);
}

.karriere-zielgruppen__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
  justify-content: center;
  width: 100%;
  max-width: 1200px;
}

.karriere-zielgruppen__card {

  padding: 32px;
  border-radius: 12px;
  background-color: #fdfbf9;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  will-change: transform, box-shadow;

}

.karriere-zielgruppen__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04);
}

.karriere-zielgruppen__card_inner {

  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
}

.karriere-zielgruppen__card-image {
  width: 100%;
  overflow: hidden;
  border-radius: 6px;
  aspect-ratio: 3/2;

}

.karriere-zielgruppen__card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.karriere-zielgruppen__card-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 32px;
}

.karriere-zielgruppen__card-body h3 {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  color: #1d1d1f;
}

.karriere-zielgruppen__card-body p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #6e6e73;
}

.karriere_zielgruppen_link {
  margin-top: 20px;
}

/* Karriere zielgruppen end */

/* Karriere employee stories */
.karriere-stories {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 128px;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 80px 120px;
  background-color: var(--color-white);
}

.karriere-stories__videos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  width: 100%;
}

.karriere-stories__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  max-width: 1344px;
  text-align: center;
}

.karriere-stories__header p {
  color: #6E6E73;
}

.karriere-stories__eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
}

.karriere-stories__eyebrow span {
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: var(--color-orange);
}


.karriere-stories__eyebrow span font::first-letter {
  text-transform: capitalize;
}

.karriere-stories__header h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -3px;
  color: var(--color-black);
}

.karriere-stories__cards {
  display: flex;
  flex-wrap: wrap;
  gap: 48px;
  justify-content: center;
  width: 100%;
  max-width: 1344px;
}

.karriere-stories__card {
  display: flex;
  flex-direction: column;
  width: 400px;
  max-width: 100%;
  overflow: hidden;
  border-radius: 12px;
  background-color: var(--color-white);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  will-change: transform, box-shadow;

}

.karriere-stories__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04);
}

.karriere-stories__card-media {
  position: relative;
  width: 100%;
  height: 300px;
}

.karriere-stories__card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.karriere-stories__card-play {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  width: 83px;
  height: 83px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  transform: translate(-50%, -50%);
}

.karriere-stories__card-play img {
  width: 100%;
  height: 100%;
}

.karriere-stories__card-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 20px;
}

.karriere-stories__card-tag {
  padding: 4px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 100px;
  background-color: var(--color-white);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  color: #666;
}

.karriere-stories__card-content h3 {
  width: 100%;
  overflow: hidden;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  color: var(--color-black);
  text-overflow: ellipsis;
}

.karriere-stories__card-content p {
  width: 100%;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #666;
  text-overflow: ellipsis;
}

.karriere-stories__testimonial {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 100%;
  max-width: 1198px;
  margin: auto;
}

.testimonial_section_outer {
  padding: 0 32px;
}

.karriere-stories__slider {
  width: 100%;
  overflow: hidden;
}

.karriere-stories__slider .swiper-slide {
  height: auto;
}

.karriere-stories__quote-wrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  text-align: center;
}

.karriere-stories__quote-label {
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  color: var(--color-orange);
}

.karriere-stories__quote {
  margin: 0;
  font-size: 32px;
  font-weight: 400;
  font-style: italic;
  line-height: normal;
  color: var(--color-black);
}

.karriere-stories__quote p {
  margin: 0;
}

.karriere-stories__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  max-width: 1440px;
  padding: 48px 96px;
}

.karriere-stories__controls .karriere-stories__pagination {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border-radius: 32px;
  background-color: rgba(21, 14, 59, 0.06);
  width: auto;
}



.karriere-stories__dot {
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background-color: rgba(21, 14, 59, 0.1);
  cursor: pointer;
}

.karriere-stories__dot--active {
  position: relative;
  width: 32px;
  overflow: hidden;
  background-color: rgba(21, 14, 59, 0.1);
}

.karriere-stories__dot--active::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background-color: var(--color-orange);
  content: "";
}

.karriere-stories__dot--active.karriere-stories__dot--progress::after {
  animation: karriere-stories-dot-progress var(--autoplay-delay, 6s) linear forwards;
}

.karriere-stories__slider--paused .karriere-stories__dot--active.karriere-stories__dot--progress::after {
  animation-play-state: paused;
}

@keyframes karriere-stories-dot-progress {
  to {
    width: 100%;
  }
}

.karriere-stories__pause {
  display: grid;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  padding: 0;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background-color: rgba(21, 14, 59, 0.06);
  cursor: pointer;
}

.karriere-stories__pause svg {
  display: block;
}

.karriere-stories__pause .karriere-stories__play-icon {
  display: none;
  margin-left: 2px;
}

/* Karriere employee stories end */

/* Karriere benefits */
.karriere-benefits {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 80px;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 100px 80px;
  background-color: var(--color-peach);
}

.karriere-benefits__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
  text-align: center;
}

.karriere-benefits__eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
}

.karriere-benefits__eyebrow span {
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: var(--color-orange-nav);
}

.karriere-benefits__eyebrow span font::first-letter {
  text-transform: capitalize;
}

.karriere-benefits__header h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-black);
}

.karriere-benefits__subtitle {
  font-size: 18px;
  line-height: normal;
  color: var(--color-nav-bg);
}

.karriere-benefits__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 48px;
  justify-content: center;
  width: 100%;
  max-width: 1417px;
}

.karriere-benefits__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 24px 16px;
  border-radius: 12px;
  background-color: var(--color-white);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  will-change: transform, box-shadow;

}

.karriere-benefits__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04);
}

.karriere-benefits__card_content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  word-break: break-word;


}

.karriere-benefits__icon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.karriere-benefits__card h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  color: var(--color-black);
}

.karriere-benefits__card p {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-nav-bg);
}

/* .karriere-benefits__card:nth-child(16) {
  grid-column: 2;
}

.karriere-benefits__card:nth-child(17) {
  grid-column: 3;
} */

/* Karriere benefits end */

/* Karriere application process */
.karriere-process {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 80px 120px;
  background-color: var(--color-white);
}

.karriere-process__inner {
  display: flex;
  flex-direction: column;
  gap: 48px;
  width: 100%;
  max-width: 1344px;
}

.karriere-process__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
}

.karriere-process__eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
}

.karriere-process__eyebrow span {
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  color: var(--color-orange-nav);
}

.karriere-process__eyebrow span font::first-letter {
  text-transform: capitalize;
}

.karriere-process__header h2 {
  max-width: 800px;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-black);
}

.karriere-process__intro {
  max-width: 700px;
  font-size: 16px;
  line-height: 1.6;
  color: var(--color-nav-bg);
}

.karriere-process__steps {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  justify-content: center;
  padding-top: 64px;
}

.karriere-process__connector {
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(100% - 240px);
  max-width: 1104px;
  height: auto;
  pointer-events: none;
}

.karriere-process__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  width: 240px;
  max-width: 100%;
  min-height: 301px;
  padding: 0 20px 24px;
  border: 1px solid #f3f3f3;
  border-radius: 12px;
  background-color: var(--color-white);
  text-align: center;
}

.karriere-process__number {
  display: grid;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  place-items: center;
  margin-top: -20px;
  border: 2px solid var(--color-orange-nav);
  border-radius: 20px;
  background-color: var(--color-white);
  color: var(--color-orange-nav);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

.karriere-process__icon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.karriere-process__step h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  color: var(--color-black);
}

.karriere-process__step p {
  font-size: 13.5px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-nav-bg);
}

.karriere-process__cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 32px 48px;
  width: min(1328px, 100%);
  min-height: 120px;
  padding: 24px 48px;
  border-radius: 24px;
  background-color: #fdfbf9;
}

.karriere-process__cta-copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.karriere-process__cta-title {
  font-size: 22px;
  font-weight: 700;
  line-height: normal;
  color: var(--color-black);
}

.karriere-process__cta-text {
  font-size: 14px;
  line-height: normal;
  color: var(--color-nav-bg);
}

.karriere-process__contact {
  display: flex;
  align-items: center;
  gap: 16px;
}

.karriere-process__avatar {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 24px;
  object-fit: cover;
}

.karriere-process__contact-details {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.karriere-process__contact-label {
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--color-nav-bg);
}

.karriere-process__contact-name {
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  color: var(--color-black);
}

.karriere-process__contact-details a {
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  color: var(--color-orange-nav);
}

.karriere-process__contact-details a:hover {
  color: var(--color-orange);
}

/* Karriere application process end */

/* Karriere open roles */
.karriere-jobs {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 100px 120px;
  background-color: var(--color-white);
}

.karriere-jobs__inner {
  display: flex;
  flex-direction: column;
  gap: 48px;
  width: 100%;
}

.karriere-jobs__header {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 1000px;
}

.karriere-jobs__heading-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.karriere-jobs__eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
}

.karriere-jobs__eyebrow span {
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: var(--color-orange-nav);
}

.karriere-jobs__eyebrow span font::first-letter {
  text-transform: capitalize;
}

.karriere-jobs__header h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-black);
}

.karriere-jobs__intro {
  display: flex;
  flex-direction: column;
  gap: 0;
  font-size: 22.7px;
  line-height: 1.4;
  color: var(--color-black);
}

.karriere-jobs__intro p+p {
  margin-top: 1.4em;
}

.karriere-jobs__content {
  display: flex;
  align-items: flex-start;
  gap: 80px;
  width: 100%;
}

.karriere-jobs__visual {
  position: relative;
  flex: 0 1 819px;
  width: min(819px, 100%);
  margin: 0;
  aspect-ratio: 819 / 929;
}

.karriere-jobs__visual-outline {
  position: absolute;
  top: 24px;
  right: -24px;
  z-index: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-orange-accent);
  border-radius: 12px 12px 128px 12px;
  pointer-events: none;
}

.karriere-jobs__visual img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px 12px 128px 12px;
}

.karriere-jobs__listings {
  display: flex;
  flex: 1 1 663px;
  flex-direction: column;
  gap: 30px;
  min-width: 0;
}

.karriere-jobs__listings-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--color-black);
}

.karriere-jobs__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.karriere-jobs__filter {
  padding: 6px 14px;
  border: 1px solid #e5e7eb;
  border-radius: 100px;
  background-color: var(--color-white);
  color: #666;
  font-family: inherit;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
}

.karriere-jobs__filter--active {
  border-color: var(--color-orange-nav);
  background-color: var(--color-orange-nav);
  color: var(--color-white);
}

.karriere-jobs__cards {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}

.karriere-jobs__card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 20px;
  border-radius: 8px;
  background-color: var(--color-white);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.karriere-jobs__card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.karriere-jobs__card-tags span {
  padding: 4px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 100px;
  background-color: var(--color-white);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  color: #666;
}

.karriere-jobs__card h4 {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  color: var(--color-black);
}

.karriere-jobs__card p {
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #666;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.karriere-jobs__more {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  padding: 12px 16px;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  background-color: transparent;
  color: var(--color-black);
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
}

.karriere-jobs__more:hover {
  border-color: var(--color-orange-nav);
  color: var(--color-orange-nav);
}

.karriere-jobs__card[hidden] {
  display: none;
}

.karriere-jobs__empty {
  margin: 0;
  padding: 8px 0 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--color-nav-bg);
}

/* Karriere open roles end */

/* Karriere applicant experience */
.karriere-experience {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 120px 120px;
  background-color: var(--color-white);
}

.karriere-experience__inner {
  display: flex;
  align-items: center;
  gap: 80px;
  width: 100%;
  justify-content: space-between;
}

.karriere-experience__visual {
  position: relative;
  flex: 0 0 612px;
  width: min(612px, 100%);
  margin: 0;
  aspect-ratio: 1 / 1;
}

.karriere-experience__visual-outline {
  position: absolute;
  top: 24px;
  right: -24px;
  z-index: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-orange-accent);
  border-radius: 12px 12px 128px 12px;
  pointer-events: none;
}

.karriere-experience__visual img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px 12px 128px 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}

.karriere-experience__copy {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
  max-width: 911px;
}

.karriere-experience__heading-group {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.karriere-experience__eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
}

.karriere-experience__eyebrow span {
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  color: var(--color-orange);
}

.karriere-experience__eyebrow span font::first-letter {
  text-transform: capitalize;
}

.karriere-experience__copy h2 {
  font-size: 48px;
  font-weight: 700;
  letter-spacing: -1.4px;
  line-height: 1.4;
  color: var(--color-black);
}

.karriere-experience__copy p {
  font-size: 20px;
  line-height: 1.4;
  color: var(--color-black);
}

/* Karriere applicant experience end */

/* Karriere FAQ / information accordion */
.karriere-faq {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 80px 136px 128px;
  background-color: var(--color-white);
}

.karriere-faq__inner {
  display: flex;
  align-items: flex-start;
  gap: 64px;
  width: 100%;
}

.karriere-faq__intro {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}

.karriere-faq__heading-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.karriere-faq__eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
}

.karriere-faq__eyebrow span {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  color: var(--color-orange);
}

.karriere-faq__eyebrow span font::first-letter {
  text-transform: capitalize;
}

.karriere-faq__intro h2 {
  font-size: 48px;
  font-weight: 700;
  letter-spacing: -0.91px;
  line-height: 1.135;
  color: var(--color-black);
}

.karriere-faq__intro h2 span {
  color: var(--color-orange-accent);
}

.karriere-faq__copy {
  display: flex;
  flex-direction: column;
  gap: 0;
  max-width: 910px;
  font-size: 22.7px;
  line-height: 1.4;
  color: var(--color-black);
}

.karriere-faq__copy p+p {
  margin-top: 1.4em;
}

.karriere-faq__accordion {
  display: flex;
  flex: 0 0 674px;
  flex-direction: column;
  width: min(674px, 100%);
  background-color: #f9f9f4;
}

.karriere-faq__item {
  width: 100%;
  background-color: var(--color-white);
  border-bottom: 1px solid #cec9b8;
}

.karriere-faq__item summary {
  list-style: none;
}

.karriere-faq__item summary::-webkit-details-marker {
  display: none;
}

.karriere-faq__item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  padding: 20px 0;
  cursor: pointer;
}

.karriere-faq__item-title {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}

.karriere-faq__number {
  display: grid;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  place-items: center;
  border-radius: 12px;
  background-color: #fdfbf9;
  color: var(--color-orange-nav);
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.6px;
  line-height: 1.29;
}

.karriere-faq__item-label {
  font-size: 22.7px;
  font-weight: 600;
  line-height: 1.4;
  color: #111827;
}

.karriere-faq__chevron {
  display: grid;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  place-items: center;
}

.karriere-faq__chevron img {
  grid-area: 1 / 1;
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.karriere-faq__chevron-up {
  display: none;
}

.karriere-faq__chevron-down {
  display: block;
}

.karriere-faq__item[open] .karriere-faq__chevron-up {
  display: block;
}

.karriere-faq__item[open] .karriere-faq__chevron-down {
  display: none;
}

.karriere-faq__item-content {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-bottom: 24px;
  font-size: 18px;
  line-height: 1.4;
  color: var(--color-black);
}

.karriere-faq__item-content p+p {
  margin-top: 1.4em;
}

/* Karriere FAQ / information accordion end */

/* Karriere centered FAQ */
.karriere-haeufige-fragen {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 64px;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 58.5px 117px;
  background-color: var(--color-white);
}

.karriere-haeufige-fragen__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.karriere-haeufige-fragen__header h2 {
  font-size: 48px;
  font-weight: 700;
  letter-spacing: -0.91px;
  line-height: 54.48px;
  color: var(--color-black);
}

.karriere-haeufige-fragen__columns {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 40px;
  width: 100%;
  max-width: 1686px;
}

.karriere-haeufige-fragen__column {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-width: 0;
}

.karriere-haeufige-fragen__column--stacked {
  gap: 64px;
}

.karriere-faq__category {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.karriere-faq__category-title {
  width: 100%;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--color-orange-nav);
  color: #111827;
  font-size: 24px;
  font-weight: 700;
  line-height: 31.78px;
}

.karriere-haeufige-fragen .karriere-faq__accordion {
  flex: none;
  width: 100%;
  max-width: none;
  background-color: transparent;
}

.karriere-haeufige-fragen .karriere-faq__item-header {
  padding: 20px 0;
}

.karriere-haeufige-fragen .karriere-faq__item-label {
  font-size: 22.7px;
  font-weight: 600;
  line-height: 31.78px;
  color: #111827;
  text-align: left;
  word-break: break-word;
}

.karriere-haeufige-fragen .karriere-faq__item-content {
  font-size: 18px;
  line-height: 25.2px;
}

/* Karriere centered FAQ end */

/* Karriere deployment opportunities diagram */
.karriere-einsatz {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 40px 0 120px;
  background-color: var(--color-white);
}

.karriere-einsatz__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  width: 100%;
}

.karriere-einsatz__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 40px 120px;
  text-align: center;
}

.karriere-einsatz__eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
}

.karriere-einsatz__eyebrow-dot {
  flex-shrink: 0;
  width: 8px;
  height: 8px;
}

.karriere-einsatz__eyebrow span {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: var(--color-orange);
  white-space: nowrap;
}

.karriere-einsatz__eyebrow span font::first-letter {
  text-transform: capitalize;
}

.karriere-einsatz__header h2 {
  max-width: 755px;
  font-size: 48px;
  font-weight: 700;
  letter-spacing: -1.4px;
  line-height: 1.4;
  color: var(--color-black);
}

.karriere-einsatz__header h2 span {
  color: var(--color-orange-accent);
}

.karriere-einsatz__intro {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 64px;
  width: 100%;
  max-width: 1234px;
  padding: 24px;
}

.karriere-einsatz__intro p {
  flex: 1 1 0;
  min-width: 0;
  max-width: 585px;
  font-size: 22.7px;
  font-weight: 400;
  line-height: 31.78px;
  color: var(--color-black);
}




.karriere-einsatz__diagram {
  position: relative;
  width: min(1460px, 100%);
  aspect-ratio: 1460 / 1360;
  margin: 0 auto;
}

.karriere-einsatz__orbit {
  position: absolute;
  top: 9.79%;
  left: 12.54%;
  width: 74.93%;
  height: auto;
  pointer-events: none;
}

.karriere-einsatz__hub {
  position: absolute;
  top: 37.54%;
  left: 37.47%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25%;
  aspect-ratio: 1 / 1;
  padding: 5.6%;
  border-radius: 50%;
  background-color: var(--color-white);
  box-shadow: 0 23px 38.333px rgba(238, 114, 2, 0.1);
  text-align: center;
}

.karriere-einsatz__hub-text {
  font-size: clamp(18px, 2.2vw, 32px);
  font-weight: 700;
  line-height: 1;
  color: var(--color-black);
}

.karriere-einsatz__hub span {
  display: inline-block;
  font-size: clamp(28px, 3.3vw, 48px);
  line-height: 1;
  color: var(--color-orange-accent);
}

.karriere-einsatz__node {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 9.412px;
  width: 25%;
  aspect-ratio: 1 / 1;
  padding: 10px;
  border-radius: 50%;
  background-color: var(--color-white);
  box-shadow: 0 9.412px 14.118px rgba(0, 0, 0, 0.05);
  text-align: center;
}

.karriere-einsatz__node-icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 28.2%;
  aspect-ratio: 1 / 1;
  border: 2.353px solid #fde6d2;
  border-radius: 50%;
  background-color: var(--color-white);
  box-shadow: 0 9.412px 9.412px rgba(0, 0, 0, 0.03);
}

.karriere-einsatz__node-icon img {
  width: 48%;
  height: 48%;
  object-fit: contain;
}

.karriere-einsatz__node h3 {
  width: 100%;
  font-size: clamp(14px, 1.5vw, 21.722px);
  font-weight: 700;
  line-height: normal;
  color: var(--color-black);
}

.karriere-einsatz__node p {
  max-width: 67.4%;
  font-size: clamp(12px, 1.1vw, 16px);
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-nav-bg);
  max-height: 100px;
  overflow: auto;
}

.karriere-einsatz__node--versorgung {
  top: -2.58%;
  left: 36.3%;
}

.karriere-einsatz__node--wissen {
  top: 34.56%;
  left: 0;
}

.karriere-einsatz__node--aussendienst {
  top: 34.56%;
  left: 72.6%;
}

.karriere-einsatz__node--fuehrung {
  top: 70.58%;
  left: 16.44%;
}

.karriere-einsatz__node--netzwerk {
  top: 70.58%;
  left: 54.79%;
}

/* Karriere deployment opportunities diagram end */

/* Business feature section */



.business-feature {
  position: relative;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 128px 120px;
  background-color: var(--color-white);
}



.business-feature__content {
  display: flex;
  align-items: center;
  gap: 65px;
}

.business-feature__copy {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
}

.business-feature__heading {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.business-feature__heading>span {
  color: var(--color-orange-accent);
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
}

.business-feature__content_box {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.business-feature__content_box ul,
.feature__content_box ol {
  padding-left: 20px;
}

.business-feature__content_box ul li,
.feature__content_box ol li {
  margin-bottom: 10px;
}

.business-feature__content_box ul li:last-child,
.feature__content_box ol li:last-child {
  margin-bottom: 0;
}

.business-feature__heading h2 {
  color: var(--color-black);
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -3px;
}

.business-feature__copy p {
  color: var(--color-black);
  font-size: 18px;
  line-height: 1.4;
}

.business-feature__copy p+p {
  margin-top: 4px;
}

.business-feature__visual {
  position: relative;
  flex: 1 1 0;
  min-width: 0;

  border-radius: 12px 12px 128px 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}

.business-feature__visual::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 24px;
  left: 24px;
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-orange-accent);
  border-radius: 12px 12px 128px 12px;
}

.business-feature__visual img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  max-width: none;
  border-radius: inherit;
  object-fit: cover;
  aspect-ratio: 1/0.78;
}

.business-feature--reverse {

  background-color: transparent;
}

.business_feature_outer {

  background-color: rgba(238, 114, 2, 0.1);

}


.business-feature--reverse .business-feature__visual::after {

  border-radius: 12px 12px 128px 12px;

}

.business-logistics {
  overflow: hidden;
  padding: 128px 120px;
  background-color: rgba(238, 114, 2, 0.1);
}

.business-logistics__team {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-color: var(--color-white);
}

.business-logistics__team img {
  position: absolute;
  left: 50%;
  width: 100%;
  max-width: none;
  aspect-ratio: 316/169;
  border-radius: 50%;
  transform: translateX(-50%);
}

.business-logistics__feature {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
}

.business-logistics__content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: end;
  gap: 80px;
  width: 100%;
}

.business-logistics__visual {
  position: relative;
  height: 624px;
  border-radius: 12px 12px 128px 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}

.business-logistics__visual::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 78px;
  left: 58px;
  width: calc(100% - 30px);
  height: 579px;
  border: 1px solid var(--color-orange-accent);
  border-radius: 12px 12px 128px 12px;
}

.business-logistics__visual img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  max-width: none;
  border-radius: inherit;
  object-fit: cover;
}

.business-feature__breadcrumb-current {
  font-weight: 600;
  color: #4e4e4e;
}

.business-feature--with-breadcrumb {
  padding-top: 96px;
  padding-bottom: 80px;
}

.contact-info.business-feature {
  padding-top: 96px;
  padding-bottom: 128px;
}

.contact-info__cards {
  display: grid;
  align-items: stretch;
  justify-content: space-between;
  gap: 40px;
  width: 100%;
  flex-wrap: wrap;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.contact-info__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 30px 20px;
  background-color: #fdfbf9;
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  text-align: center;
  justify-content: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  will-change: transform, box-shadow;

}

.contact-info__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04);
}

.contact-info__card h2 {
  margin: 0;
  padding-top: 20px;
  font-size: 28px;
  font-weight: 700;
  line-height: 25px;
  color: var(--color-black);
}

.contact-info__body {
  margin: 0;
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 25px;
  color: var(--color-black);
}

.contact-info__body p {
  margin-bottom: 20px;
}

.contact-info__body p:last-child {
  margin-bottom: 0;
}

.contact-info__body a:hover {
  color: var(--color-orange-accent);
}

.contact-info__highlight {
  margin: 0;
  padding-top: 20px;
}

.contact-info__highlight a {
  color: var(--color-black);
  text-decoration: none;
}

.contact-info__highlight a:hover {
  color: var(--color-orange-accent);
}

.action-fields {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 64px;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 120px 120px 120px;
  background-color: var(--color-white);
}

.action-fields__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  text-align: center;
}

.action-fields__eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
}

.action-fields__eyebrow span {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-orange-accent);
}

.action-fields__eyebrow span font::first-letter {
  text-transform: capitalize;
}

.action-fields__header h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  color: #1d1d1f;
}

.action-fields__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 64px;
  width: 100%;
  max-width: 1200px;
}

.action-fields__featured,
.action-fields__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  padding: 32px;
  border-radius: 12px;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  will-change: transform, box-shadow;

}

.action-fields__card:hover,
.action-fields__featured:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04);
}

.action-fields__featured {
  width: 100%;
  min-height: 320px;
  background-color: var(--color-peach);
  border: 0.5px solid var(--color-orange-accent);
  box-shadow: 0 4px 12px rgba(238, 114, 3, 0.2);
}

.action-fields__card {
  /* min-height: 371px; */
  background-color: #fdfbf9;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.action-fields__icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  object-fit: contain;
}

.action-fields__card-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
}

.action-fields__card-body h3 {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  color: #1d1d1f;
}

.action-fields__card-body p {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  color: #6e6e73;
}

.action-fields__button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  border-radius: 12px;
  background-color: #eb6924;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  color: var(--color-white);
  text-decoration: none;
}

.action-fields__button:hover {
  background-color: #d56502;
}

.action-fields__button img {
  flex-shrink: 0;
}

.action-fields__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
  width: 100%;
}

.responsibility-closing {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 120px 128px;
  background-color: #fdfbf9;
}

.responsibility-closing__inner {
  display: flex;
  align-items: center;
  gap: 80px;
}

.responsibility-closing__content {
  display: flex;
  flex: 1 1 0;
  align-items: center;
  gap: 80px;
  min-width: 0;
}

.responsibility-closing__copy {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 32px;
  min-width: 0;
}

.responsibility-closing__copy h2 {
  color: var(--color-black);
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -3px;
}

.responsibility-closing__copy h2 span {
  display: block;
  color: var(--color-orange-accent);
}

.responsibility-closing__copy p {
  max-width: 571px;
  color: #4e4e4e;
  font-size: 17px;
  line-height: 1.6;
}

.responsibility-closing__actions {
  display: flex;
  flex: 0 0 320px;
  flex-shrink: 0;
  flex-direction: column;
  align-items: flex-start;
  width: 320px;
}

.responsibility-closing__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 24px;
  border-radius: 12px;
  background-color: var(--color-orange-accent);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: var(--color-white);
  text-decoration: none;
  white-space: nowrap;
}

.responsibility-closing__button:hover {
  background-color: #d56502;
}

.responsibility-closing__button img {
  flex-shrink: 0;
}

.responsibility-closing__visual {
  position: relative;
  flex: 0 0 400px;
  width: 400px;
  height: 280px;
  margin-top: 20px;
  margin-right: 20px;
  overflow: visible;
}

.responsibility-closing__visual>img,
.responsibility-closing__outline {
  position: absolute;
  width: 100%;
  height: 100%;
}

.responsibility-closing__visual>img {
  inset: 0;
  z-index: 1;
  border-radius: 12px 12px 128px 12px;
  object-fit: cover;
}

.responsibility-closing__outline {
  top: 20px;
  right: -20px;
  z-index: 0;
  border: 1px solid var(--color-orange-accent);
  border-radius: 12px 12px 128px 12px;
  pointer-events: none;
}

.service-intro {
  display: flex;
  align-items: flex-start;
  gap: 48px;
  width: 100%;
}

.service-intro__headline {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
}

.service-intro__eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
}

.service-intro__eyebrow span {
  color: var(--color-orange-accent);
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}

.service-intro__eyebrow span font::first-letter {
  text-transform: capitalize;
}

.service-intro__headline h2 {
  max-width: 640px;
  color: var(--color-black);
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -3px;
}

.service-intro__headline h2 span {
  color: var(--color-orange-accent);
}

.service-intro__description {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}

.service-intro__description p {
  color: #4e4e4e;
  font-size: 16px;
  line-height: 1.6;
}

.service-intro__highlight {
  font-weight: 700;
  color: var(--color-black);
}

.service_scope_outer {


  background-color: #fdfbf9;
}

.service-scope {
  display: flex;
  flex-direction: column;
  gap: 60px;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 120px;
}

.service-scope h2 {
  color: var(--color-black);
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
}

.service-scope__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 32px;
  width: 100%;
}

.service-scope__card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
  padding: 24px;
  border-radius: 12px;
  background-color: var(--color-white);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  will-change: transform, box-shadow;

}

.service-scope__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04);
}

.service-scope__icon {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
}

.service-scope__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.service-scope__content h3 {
  color: var(--color-black);
  font-size: 18px;
  font-weight: 700;
  word-break: break-word;
  line-height: 1.2;
}

.service-scope__content p {
  color: #4e4e4e;
  font-size: 14px;
  line-height: 1.5;
}

.service-network {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 50px 120px 128px;
  /* padding: 0 120px 128px; */
  background-color: var(--color-white);
  overflow: visible;
}

.service-network__inner {
  display: flex;
  align-items: center;
  gap: 50px;
  justify-content: space-between;
  width: 100%;
  overflow: visible;
}

.service-network__copy {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 32px;
  min-width: 0;
  max-width: 790px;
}

.service-network__intro {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.service-network__eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
}

.service-network__eyebrow span {
  color: var(--color-orange-accent);
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}

.service-network__eyebrow span font::first-letter {
  text-transform: capitalize;
}

.service-network__copy h2 {
  color: var(--color-black);
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -3px;
}

#service-network-heading span {

  color: var(--color-orange-accent);

}

.service-network__copy p {
  color: #4e4e4e;
  font-size: 18px;
  line-height: 1.4;
}

.service-network__diagram-wrap {
  flex: 0 1 815px;
  width: 100%;
  max-width: 815px;
  min-width: 0;
  /* padding-top: 4.07%; */
  overflow: visible;
}

.service-network__diagram {
  container-type: inline-size;
  position: relative;
  width: 100%;
  aspect-ratio: 898.608 / 590;
  overflow: visible;
}

.service-network__orbit {
  position: absolute;
  display: block;
  left: 24.99%;
  top: 10%;
  width: 47.83%;
  height: auto;
  aspect-ratio: 1;
  pointer-events: none;
  z-index: 0;
  overflow: visible;
}

.service-network__hub {
  position: absolute;
  left: 35.91%;
  top: 26.44%;
  width: 26.09%;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4.35cqw;
  background-color: var(--color-white);
  border-radius: 50%;
  box-shadow: 0 1.3cqw 2.17cqw rgba(238, 114, 2, 0.1);
  text-align: center;
  z-index: 1;
}

.service-network__hub-title {
  margin: 0;
  font-size: 2.17cqw;
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-black);
}

.service-network__satellite {
  position: absolute;
  width: 18.48%;
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.435cqw;
  padding: 1.304cqw;
  background-color: var(--color-white);
  border-radius: 50%;
  box-shadow: 0 0.435cqw 0.652cqw rgba(0, 0, 0, 0.05);
  text-align: center;
  z-index: 2;
}

.service-network__satellite--patients {
  left: 39.72%;
  top: -4.07%;
}

.service-network__satellite--doctors {
  left: 60.42%;
  top: 14.24%;
}

.service-network__satellite--care {
  left: 60.42%;
  top: 50.51%;
}

.service-network__satellite--products {
  left: 39.72%;
  top: 68.81%;
}

.service-network__satellite--logistics {
  left: 19.03%;
  top: 50.68%;
}

.service-network__satellite--digital {
  left: 19.03%;
  top: 14.24%;
}

.service-network__satellite-icon {
  width: 5.22cqw;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: var(--color-white);
  border: 0.109cqw solid #fde6d2;
  border-radius: 50%;
  box-shadow: 0 0.435cqw 0.435cqw rgba(0, 0, 0, 0.03);
}

.service-network__satellite-icon img {
  display: block;
  object-fit: contain;
}

.service-network__satellite--patients .service-network__satellite-icon img {
  width: 2.21cqw;
  height: 2.21cqw;
}

.service-network__satellite--doctors .service-network__satellite-icon img,
.service-network__satellite--care .service-network__satellite-icon img,
.service-network__satellite--products .service-network__satellite-icon img,
.service-network__satellite--logistics .service-network__satellite-icon img,
.service-network__satellite--digital .service-network__satellite-icon img {
  width: 2.61cqw;
  height: 2.61cqw;
}

.service-network__satellite h3 {
  margin: 0;
  max-width: 100%;
  font-size: 1.74cqw;
  font-weight: 700;
  line-height: 1.15;
  color: var(--color-black);
}

.service-brands {
  display: flex;
  flex-direction: column;
  gap: 48px;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 120px 100px;
  background-color: var(--color-white);
}

.service-brands__contant_box p {
  margin-bottom: 12px;
}

.service-brands__contant_box p:last-child {
  margin-bottom: 0;
}

.service-brands__header {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.service-brands__eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
}

.service-brands__eyebrow span {
  color: var(--color-orange-accent);
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}

.service-brands__eyebrow span font::first-letter {
  text-transform: capitalize;
}

.service-brands__header h2 {
  color: var(--color-black);
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -3px;
}

.service-brands__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 24px;
  width: 100%;
}

.service-brands__grid3 {

  grid-template-columns: repeat(3, minmax(0, 1fr));

}

.service-brands__grid2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));

}

.service-brands__card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  min-height: 100%;
  padding: 32px;
  background-color: var(--color-white);
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  will-change: transform, box-shadow;

}

.service-brands__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04);
}

.service-brands__card-top {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 30px;
}

.service-brands__logo {
  display: flex;
  align-items: center;
  max-width: 200px;
  object-fit: contain;
  height: 120px;
}

.service-brands__logo img {
  max-width: 100%;
  max-height: 120px;
  width: auto;
  height: auto;
  object-fit: contain;
  object-position: left center;
}

.service-brands__card-top p {
  color: #4e4e4e;
  font-size: 14px;
  line-height: 1.5;
}

.service-brands__link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  align-self: flex-start;
  padding: 12px 16px 0 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  color: var(--color-orange-accent);
  border-radius: 128px;
  transition: opacity 0.2s ease;
}

.service-brands__link:hover {
  opacity: 0.8;
}

.service-brands__link-arrow {
  flex-shrink: 0;
}

.service-benefits {
  width: 100%;
  /* max-width: var(--max-width); */
  margin: 0 auto;
  /* background: #EE72021A; */
  background-color: #FDF1E6;
  overflow: hidden;
}

.service-benefits__visual_box {

  background: linear-gradient(180deg,
      #FFFFFF 0%,
      #FFFFFF 20%,
      #EE72021A 20%,
      #EE72021A 100%);

}

.service-benefits__visual {
  position: relative;
  width: 100%;
  height: min(77.92vw, 1496px);
  overflow: hidden;
}

.service-benefits__visual img {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 149.583%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  transform: translateX(-50%);
  clip-path: ellipse(50% 50% at 50% 50%);
}

.service-benefits__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 80px;
  padding: 128px 120px;
}

.service-benefits__content h2 {
  color: var(--color-black);
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -3px;
  text-align: center;
}

.service-benefits__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 40px;
  width: 100%;
  max-width: 1070px;
  margin: auto;
}

.service-benefits__item {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.service-benefits__item-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 64px;
}

.service-benefits__icon {
  display: flex;
  align-items: center;
  flex: 0 0 64px;
  width: 64px;
  height: 64px;
}

.service-benefits__icon img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

.service-benefits__item h3 {
  color: var(--color-black);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
}

.service-benefits__item p {
  color: #4e4e4e;
  font-size: 18px;
  line-height: 1.5;
}

.service-expertise {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
  width: 100%;
  max-width: var(--max-width);
  min-height: 609px;
  margin: 0 auto;
  padding: 80px 120px;
  background-color: var(--color-white);
}

.service-expertise__copy {
  display: flex;
  flex: 0 1 780px;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}

.service-expertise__heading {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.service-expertise__eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
}

.service-expertise__eyebrow span {
  color: var(--color-orange-accent);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.35;
}

.service-expertise__eyebrow span font::first-letter {
  text-transform: capitalize;
}

.service-expertise__heading h2 {
  color: var(--color-black);
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -3px;
}

.service-expertise__heading h2 span {
  color: var(--color-orange-accent);
}

.service-expertise__copy>p {
  color: #4e4e4e;
  font-size: 16px;
  line-height: 1.6;
}

.service-expertise__visual {
  position: relative;
  flex: 0 1 612px;
  width: min(612px, 100%);
  aspect-ratio: 612 / 449;
}

.service-expertise__visual img,
.service-expertise__outline {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 12px 12px 128px 12px;
}

.service-expertise__visual img {
  inset: 0;
  z-index: 1;
  object-fit: cover;
}

.service-expertise__outline {
  top: 20px;
  left: 20px;
  z-index: 0;
  border: 1px solid var(--color-orange-accent);
}

.service_closing_outer {


  background-color: #fdfbf9;
}

.service-closing {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 120px;
}

.service-closing__inner {
  position: relative;
  display: flex;
  align-items: center;
  gap: 80px;
  min-height: 415px;
  padding: 60px 0;
}

.service-closing__copy {
  display: flex;
  flex: 1 1 800px;
  flex-direction: column;
  gap: 32px;
  min-width: 0;
}

.service-closing__copy h2 {
  max-width: 800px;
  color: var(--color-black);
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -3px;
}

.service-closing__copy h2 span {
  color: var(--color-orange-accent);
  word-break: break-word;
}

.service-closing__copy p {
  max-width: 640px;
  color: #4e4e4e;
  font-size: 17px;
  line-height: 1.6;
}

.service-closing__actions {
  display: flex;
  flex: 0 0 320px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 320px;
}

.service-closing__actions>p {
  color: #4e4e4e;
  font-size: 15px;
  line-height: 1.35;
}

.service-closing__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 24px;
  border-radius: 12px;
  white-space: nowrap;
  transition: opacity 0.2s ease, background-color 0.2s ease;
}

.service-closing__button:hover {
  opacity: 0.85;
}

.service-closing__button--primary {
  gap: 8px;
  color: var(--color-white);
  background-color: var(--color-orange-accent);
  font-size: 16px;
  font-weight: 700;

}

.translated-ltr .service-closing__button::first-letter {
  text-transform: capitalize;
}

.translated-ltr .service-closing__button font::first-letter {
  text-transform: capitalize;
}



.service-closing__button--primary img {
  flex-shrink: 0;
}

.service-closing__button--secondary {
  color: var(--color-black);
  border: 1px solid #e5e7eb;
  background-color: transparent;
  font-size: 15px;
  font-weight: 600;
}

.service-closing__visual {
  position: relative;
  flex: 0 0 400px;
  width: 400px;
  aspect-ratio: 400 / 280;
}

.service-closing__visual>img,
.service-closing__outline {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 12px 12px 128px 12px;
}

.service-closing__visual>img {
  inset: 0;
  z-index: 1;
  object-fit: cover;
}

.service-closing__outline {
  top: 20px;
  left: 17px;
  z-index: 0;
  border: 1px solid var(--color-orange-accent);
}

/* Business feature section end */

/* Advisory board page */
.advisory-board {
  position: relative;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 82px 120px 128px;
  background-color: var(--color-white);
}

.advisory-board__breadcrumb {
  /* position: absolute;
  top: 16px;
  left: 120px; */
  max-width: 1792px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px 64px 0;
  color: #767676;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 28px;
}

.advisory-board__breadcrumb font::first-letter {
  text-transform: capitalize;
}

.translated-ltr .advisory-board__breadcrumb::first-letter {
  text-transform: capitalize;
}

.advisory-board__breadcrumb a:hover {
  color: var(--color-orange-accent);
}

.advisory-board__breadcrumb span:last-child {
  color: #4e4e4e;
  font-family: var(--font-family);
  font-weight: 600;
}

.advisory-board__intro {
  display: flex;
  flex-direction: column;
  gap: 22px;
  width: min(1092px, 100%);
  margin: 0 auto;
  text-align: center;
}

.advisory-board__intro h5 {
  color: var(--color-black);
  font-size: 32PX;
  line-height: 1.5;
  text-align: center;
  font-weight: 400;
}

.advisory-board__intro p {
  color: var(--color-black);
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
  font-weight: 400;
}

.advisory-board__intro span {
  text-align: center;
  font-size: 18px;
  line-height: 1.4;
  color: #595959;
}

.advisory-board__members {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  justify-content: center;
  gap: 64px;
  width: 100%;
  margin-top: 80px;
}

.advisory-board__member {
  display: flex;

  flex-direction: column;
  align-items: center;
  text-align: center;
}

.advisory-board__member img {
  width: 192px;
  height: 192px;
  margin-bottom: 40px;
  border-radius: 50%;
  object-fit: cover;
}

.advisory-board__member h3 {
  color: var(--color-orange-accent);
  font-size: 26px;
  font-weight: 700;
  line-height: 1.5;
}

.advisory-board__member p {
  margin-top: 12px;
  color: #575756;
  font-size: 18px;
  line-height: 25px;
}

/* Advisory board page end */


/* Innovation page */
.innovation-intro-section {
  padding: 0 120px;
  min-height: auto;
}

.innovation-intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
  max-width: 1092px;
  color: var(--color-black);
}

.innovation-intro p {
  width: 100%;
  font-size: 20px;
  line-height: 1.6;
}

.innovation-intro h5 {

  font-size: 32px;
  font-weight: 700;
  line-height: 1.6;
  width: 100%;
}

.innovation-intro__body {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.innovation-intro__body p+p {
  margin-top: 1.6em;
}

.innovation-story-section {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 82px 120px 64px;
  background-color: var(--color-white);
}

.innovation-story {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  width: 100%;
}

.innovation-story__toggle-wrap {
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.innovation-story__toggle {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px;
  border-radius: 8px;
  background-color: #efede5;
  /* width: 100%; */
  overflow: auto;
  justify-content: space-around;
}

.innovation-story__tab {
  padding: 12px 24px;
  border-radius: 6px;
  background-color: #fffffb;
  color: var(--color-black);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  white-space: nowrap;
  transition: background-color 0.2s ease, color 0.2s ease;
  flex-shrink: 0;
}

.innovation-story__tab--active {
  background-color: var(--color-orange-nav);
  color: var(--color-white);
}

.innovation-story__panel {
  width: 100%;
}

.innovation-story__grid {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  width: 100%;

}

.innovation-story__content {
  display: flex;
  flex: 1 1 998px;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
  max-width: 998px;
}

.innovation-story__header {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.innovation-story__eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
}

.innovation-story__eyebrow span {
  color: var(--color-orange-accent);
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
}

.innovation-story__eyebrow span font::first-letter {
  text-transform: capitalize;
}

.innovation-story__heading {
  display: flex;
  flex-direction: column;
  max-width: 782px;
  color: var(--color-heading);
  font-size: 48px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -1.4px;
}

.innovation-story__header h2 span {
  color: var(--color-orange-accent);
}

.innovation-story__body p {
  font-size: 18px;
  line-height: 1.4;
}

.innovation-story__body {
  display: flex;
  flex-direction: column;
  gap: 0;
  max-width: 807px;
  /* max-height: 336px; */
  overflow-y: auto;
  font-size: 20px;
  line-height: 1.4;
  scrollbar-width: thin;
  scrollbar-color: var(--color-orange-accent) #efede5;
}

.innovation-story__body::-webkit-scrollbar {
  width: 6px;
}

.innovation-story__body::-webkit-scrollbar-track {
  background-color: #efede5;
  border-radius: 3px;
}

.innovation-story__body::-webkit-scrollbar-thumb {
  background-color: var(--color-orange-accent);
  border-radius: 3px;
}

.innovation-story__body p+p {
  margin-top: 0;
}

.innovation-story__body p:not(:first-child) {
  margin-top: 1.4em;
}

.innovation-story__body strong {
  font-weight: 700;
}

.innovation-story__link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  align-self: flex-start;
  border-radius: 128px;
  color: var(--color-orange-link);
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
}

.innovation-story__link-arrow {
  flex: 0 0 auto;
}

.innovation-story__visual {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  height: 624px;
  margin-top: 0;
  margin-right: 24px;
  isolation: isolate;
}

.innovation-story__visual img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px 12px 128px 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}

.innovation-story__outline {
  position: absolute;
  right: -24px;
  bottom: -24px;
  z-index: 0;
  width: 100%;
  height: calc(100% - 24px);
  border: 1px solid var(--color-orange-accent);
  border-radius: 12px 12px 128px 12px;
  pointer-events: none;
}

.innovation-fields {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 80px 120px 128px;
  background-color: var(--color-white);
}

.innovation-fields__inner {
  display: flex;
  flex-direction: column;
  gap: 64px;
  width: 100%;
}

.innovation-fields__layout {
  display: flex;
  align-items: flex-start;
  gap: 64px;
  width: 100%;
}

.innovation-fields__primary {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-width: 0;
}

.innovation-fields__secondary {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-width: 0;
}

.innovation-fields__header {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.innovation-fields__title-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.innovation-fields__items {
  display: flex;
  flex-direction: column;
  gap: 48px;
  width: 100%;
}

.innovation-fields__items--left {
  max-width: none;
}

.innovation-fields__items--right {
  max-width: none;
}

.innovation-fields__eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
}

.innovation-fields__eyebrow span {
  color: var(--color-orange);
  font-size: 18px;
  line-height: normal;
}

.innovation-fields__eyebrow span font::first-letter {
  text-transform: capitalize;
}

.innovation-fields__header h2 {
  color: var(--color-black);
  font-size: 48px;
  font-weight: 700;
  line-height: normal;
}

.innovation-fields_title h3 {
  font-weight: 700;
  font-size: 32px;
  line-height: 1.4;

}

.innovation-fields__intro {
  max-width: 500px;
  font-size: 18px;
  line-height: 1.4;
}

.innovation-fields__item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.innovation-fields__item-label {
  display: flex;
  align-items: center;
  gap: 8px;
}

.innovation-fields__item-label h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
}

.innovation-fields__item-label span {
  color: var(--color-orange-nav);
}

.innovation-fields__item p {
  font-size: 18px;
  line-height: 1.4;
}

.innovation-fields_contant p {
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 20px;
}

.innovation-fields_contant ul {
  padding-left: 20px;
}

.innovation-fields_contant p:last-child {
  margin-bottom: 0;
}

.innovation-fields__item p+p {
  margin-top: 1.4em;
}

.innovation-fields__visual {
  position: relative;
  width: calc(100% - 25px);
  height: 780px;
  margin-right: 25px;
  isolation: isolate;
}

.innovation-fields__visual img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 28%;
  border-radius: 12px 12px 128px 12px;
}

.innovation-fields__outline {
  position: absolute;
  top: 25px;
  left: 25px;
  z-index: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-orange-accent);
  border-radius: 12px 12px 128px 12px;
  pointer-events: none;
}

.innovation-portal {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 80px 120px;
  background-color: var(--color-white);
}

.innovation-portal__content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

.innovation-portal__copy {
  display: flex;
  flex: 0 0 998px;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}

.innovation-portal__header {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.innovation-portal__eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
}

.innovation-portal__eyebrow span {
  color: var(--color-orange);
  font-size: 20px;
  line-height: normal;
}

.innovation-portal__eyebrow span font::first-letter {
  text-transform: capitalize;
}

.innovation-portal h2 {
  display: flex;
  flex-direction: column;
  max-width: 755px;
  color: var(--color-heading);
  font-size: 48px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -1.4px;
}

.innovation-portal h2 span {
  color: var(--color-orange-accent);
}

.innovation-portal__body {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 807px;
  color: var(--color-black);
  font-size: 20px;
  line-height: 1.4;
}

.innovation-portal__link {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 12px;
  border-radius: 128px;
  color: var(--color-orange-link);
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
}

.innovation-portal__visual {
  position: relative;
  flex: 0 0 612px;
  height: 612px;
  margin-right: 20px;
  isolation: isolate;
}

.innovation-portal__visual img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px 12px 128px 12px;
  box-shadow: 0 2px 4px rgb(0 0 0 / 25%);
}

.innovation-portal__outline {
  position: absolute;
  top: 20px;
  right: -20px;
  z-index: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-orange-accent);
  border-radius: 12px 12px 128px 12px;
  pointer-events: none;
}

.innovation-stance {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 80px 120px;
  background-color: var(--color-white);
}

.innovation-stance__content {
  display: flex;
  align-items: center;
  gap: 266px;
  width: 100%;
}

.innovation-stance__visual {
  position: relative;
  flex: 0 0 612px;
  height: 612px;
  isolation: isolate;
}

.innovation-stance__visual img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px 12px 128px 12px;
  box-shadow: 0 2px 4px rgb(0 0 0 / 25%);
}

.innovation-stance__outline {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-orange-accent);
  border-radius: 12px 12px 128px 12px;
  pointer-events: none;
}

.innovation-stance__copy {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}

.innovation-stance__header {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.innovation-stance__eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
}

.innovation-stance__eyebrow span {
  color: var(--color-orange);
  font-size: 18px;
  line-height: normal;
}

.innovation-stance__eyebrow span font::first-letter {
  text-transform: capitalize;
}

.innovation-stance h2 {
  max-width: 755px;
  color: var(--color-black);
  font-size: 48px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -1.4px;
}

.innovation-stance__body {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 807px;
  color: var(--color-black);
  font-size: 20px;
  line-height: 1.4;
}


/* Innovation page end */




.author-quote {
  padding: 96px 0;
}

.author-quote__container {
  /* max-width: 1744px; */
  /* margin: 0 auto; */
  /* padding: 0 32px; */
  padding: 0 32px;
  max-width: 1360px;
  margin: 0 auto;
  width: 100%;
}

.author-quote__card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 48px;
  padding: 32px 48px;
  background: #FDFBF9;
  border-radius: 16px;
}


.author-quote__text {
  display: block;
  font-size: 32px;
  font-weight: 700;
  font-style: italic;
  line-height: 1.4;
  color: var(--color-orange-accent);
}

.author-quote__author_box {

  width: 40%;
  display: flex;
  justify-content: flex-end;
}

.author-quote__content {
  width: 60%;
}

.author-quote__author {
  display: flex;
  align-items: center;


}

.author-quote__avatar {
  width: 94px;
  height: 94px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

.author-quote__avatar img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.author-quote__details {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: calc(100% - 94px);
  padding-left: 16px;
  align-items: flex-end;
}

.author-quote__designation {
  font-size: 23px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #7b7b7b;
  line-height: 1.4;
  word-break: break-word;
  width: 100%;
}

.author-quote__name {
  margin: 0;
  font-size: 27px;
  font-weight: 700;
  line-height: 24px;
  width: 100%;
}

.karriere-einsatz__diagram_outer {
  width: 100%;
}





.karriere-einsatz__diagram--sequence .karriere-einsatz__node {
  opacity: 0;
  transform: scale(0.72);
}

.karriere-einsatz__diagram--sequence.is-visible .karriere-einsatz__node {
  animation: karriereEinsatzNodeZoom 0.55s cubic-bezier(0.2, 0.7, 0.2, 1) forwards;
  animation-delay: var(--karriere-node-delay);
}

@keyframes karriereEinsatzNodeZoom {
  from {
    opacity: 0;
    transform: scale(0.72);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}




/* =========================================
   Service Network - Sequence Animation
========================================= */


/* -----------------------------------------
   Diagram
----------------------------------------- */

.service-network__diagram--sequence {
  position: relative;
}


/* -----------------------------------------
   Orbit
   Always visible
   No rotation
----------------------------------------- */

.service-network__diagram--sequence .service-network__orbit {
  opacity: 1;
  transform: none;
}


/* -----------------------------------------
   Center Hub
   First animation
----------------------------------------- */

.service-network__diagram--sequence .service-network__hub {
  opacity: 0;
  transform: scale(0.72);
  transform-origin: center center;

  transition:
    opacity 0.55s ease,
    transform 0.55s cubic-bezier(0.2, 0.7, 0.2, 1);
}


.service-network__diagram--sequence.is-visible .service-network__hub {
  opacity: 1;
  transform: scale(1);
}


/* -----------------------------------------
   Satellites
   Hidden initially
----------------------------------------- */

.service-network__diagram--sequence .service-network__satellite {
  opacity: 0;
  transform: scale(0.72);
  transform-origin: center center;
}


/* -----------------------------------------
   Clockwise sequence
----------------------------------------- */

.service-network__diagram--sequence.is-visible .service-network__satellite {

  animation-name: serviceNetworkSatelliteZoom;

  animation-duration: 0.55s;

  animation-timing-function:
    cubic-bezier(0.2, 0.7, 0.2, 1);

  animation-fill-mode: forwards;

  animation-delay:
    var(--service-network-node-delay, 0s);
}


/* -----------------------------------------
   Zoom In
----------------------------------------- */

@keyframes serviceNetworkSatelliteZoom {

  from {
    opacity: 0;
    transform: scale(0.72);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }

}


/* -----------------------------------------
   Reduced Motion
----------------------------------------- */

@media (prefers-reduced-motion: reduce) {

  .service-network__diagram--sequence .service-network__hub,
  .service-network__diagram--sequence .service-network__satellite {

    opacity: 1;

    transform: none;

    animation: none !important;

    transition: none;
  }

}

.rich__text_section ul,
.rich__text_section ol {
  padding-left: 20px;
}

@media (max-width: 1280px) {

  .author-quote__text {
    font-size: 30px;
  }

  .author-quote__designation br {
    display: none;
  }

  .author-quote__designation {
    font-size: 20px;
  }
}

@media (max-width: 1023px) {

  .karriere-einsatz__diagram_outer {
    padding: 0 32px;
  }

  .karriere-einsatz__node {
    width: 30%;
  }

  .karriere-einsatz__node--aussendienst {
    left: 70%;
  }

  .author-quote__author_box {
    width: 100%;
    justify-content: start;
  }

  .author-quote__content {
    width: 100%;
  }


  .author-quote__designation {
    font-size: 20px;
  }

  .author-quote__name {
    font-size: 22px;
    line-height: 1.4;
  }

  .author-quote__card {
    flex-wrap: wrap;
  }

  .service-expertise.innovation-intro-section.rich__text_section {
    padding: 50px 40px;


  }
}

@media (max-width: 767px) {

  .author-quote__designation {
    font-size: 15px;

  }

  .testimonial_section_outer {
    padding: 0 20px;
  }

  .author-quote__name {
    font-size: 18px;

  }

  .author-quote__avatar {
    width: 64px;
    height: 64px;
  }

  .author-quote__details {
    gap: 6px;
    width: calc(100% - 64px);
  }

  .author-quote {
    padding: 64px 0;
  }

  .author-quote__content {
    width: 100%;
  }

  .author-quote__container {
    padding: 0 20px;
  }

  .author-quote__card {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding: 24px;
  }

  .author-quote__text {
    font-size: 20px;
  }

  .author-quote__text br {
    display: none;
  }

}


.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}





.advisory-board--innovation {
  padding-top: 82px;
  padding-bottom: 96px;
}

.innovation-intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.innovation-intro__inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 1092px;
  color: var(--color-black);
}

.innovation-intro__inner p {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
}

.innovation-intro h5 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.6;
}

/* FAQ section */
.media_center_section {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 64px;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 128px 136px 128px;
  background-color: var(--color-white);
}

.faq__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}

.faq__header h2 {
  font-size: 48px;
  font-weight: 700;
  letter-spacing: -0.91px;
  line-height: 54.48px;
  color: var(--color-black);
}

.faq__header p {
  max-width: 910px;
  font-size: 22.7px;
  line-height: 31.78px;
  color: #111827;
}

.faq__accordion {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: 907px;
  background-color: #f9f9f4;
}

.faq__item {
  width: 100%;
  background-color: var(--color-white);
  border-bottom: 1px solid #cec9b8;
}

.faq__item[open] .faq__item-content {
  animation: faq-fade-in 0.3s ease;
}

@keyframes faq-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.faq__item summary {
  list-style: none;
}

.faq__item summary::-webkit-details-marker {
  display: none;
}

.faq__item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: calc(100% - 10px);
  padding: 20px 0;
  cursor: pointer;
  font-size: 22.7px;
  font-weight: 600;
  line-height: 31.78px;
  color: #111827;
}

.faq__chevron {
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  margin-top: -2px;
  border-right: 2px solid var(--color-orange-accent);
  border-bottom: 2px solid var(--color-orange-accent);
  transform: rotate(45deg);
  transition: transform 0.25s ease;
}

.faq__item[open] .faq__chevron {
  margin-top: 3px;
  transform: rotate(-135deg);
}

.faq__item-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 24px;
}

.faq__download {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: calc(100% - 3px);
  color: var(--color-black);
  font-size: 18px;
  line-height: 25.2px;
  text-decoration: none;
}

.faq__download:hover span:first-child {
  color: var(--color-orange-accent);
}

.faq__download img {
  flex-shrink: 0;
}

/* FAQ section end */

/* Leitgedanke section */
.leitgedanke_outer {


  background: #FDFBF9;
}

.leitgedanke {
  width: 100%;
  max-width: var(--max-width);
  padding: 0 120px;
  margin: 0 auto;
}

.leitgedanke__inner {
  display: flex;
  align-items: center;
  gap: 80px;
  width: 100%;
  padding: 80px 0;
}

.leitgedanke__copy {
  display: flex;
  flex: 1 1 871px;
  flex-direction: column;
  gap: 32px;
  max-width: 871px;
}

.leitgedanke__copy h2 {
  font-size: 48px;
  font-weight: 700;
  letter-spacing: -3px;
  line-height: 1.2;
  color: var(--color-black);
}

.leitgedanke__copy p {
  max-width: 571px;
  font-size: 17px;
  line-height: 1.6;
  color: #4e4e4e;
}

.leitgedanke__quote {
  flex: 1 1 585px;
  max-width: 585px;
}

.leitgedanke__quote-label {
  display: block;
  font-size: 20px;
  line-height: 1.6;
  color: var(--color-black);
}

.leitgedanke__quote-text {
  display: block;
  margin-top: 8px;
  font-size: 32px;
  font-weight: 700;
  font-style: italic;
  line-height: 1.4;
  color: var(--color-orange-accent);
}

/* Leitgedanke section end */

/* Company history timeline */
.history-timeline {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  position: relative;
  padding: 0 120px 128px;
}

.history-timeline__grid {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 48px;
  padding-top: 100px;
}

.history-timeline__column {
  display: flex;
  flex: 1 1 680px;
  flex-direction: column;
  gap: 48px;
  max-width: 680px;
}

.history-timeline__card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  padding: 24px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background-color: #fdfbf9;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.history-timeline__card-heading {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.history-timeline__card-heading h3 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-orange-accent);
}

.history-timeline__card-line {
  display: block;
  width: 32px;
  height: 2px;
  background-color: var(--color-orange-accent);
}

.history-timeline__card-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  list-style: none;
}

.history-timeline__card-list li {
  position: relative;
  padding-left: 16px;
  color: #575756;
  font-size: 14px;
  line-height: 20px;
}

.history-timeline__card-list li::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--color-orange-accent);
}

.history-timeline__visual {
  position: relative;
  width: 100%;
  height: 482px;
  margin-right: 20px;
  overflow: visible;
}

.history-timeline__outline {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 0;
  width: calc(100% - 20px);
  height: 100%;
  border: 1px solid var(--color-orange-accent);
  border-radius: 12px 12px 128px 12px;
  pointer-events: none;
}

.history-timeline__image {
  position: relative;
  z-index: 1;
  display: block;
  width: calc(100% - 20px);
  height: 100%;
  border-radius: 12px 12px 128px 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  object-fit: cover;
}

/* Company history timeline end */

/* About slider section */
.about-slider {
  width: 100%;
  max-width: none;
  margin: 0;
}

.about-slider__inner {
  width: 100%;
  overflow: hidden;
}

.about-slider__inner .swiper-wrapper {
  transition-timing-function: linear !important;
}

.about-slider__slide {
  flex-shrink: 0;
  width: 680px;
  height: 482px;
  border-radius: 12px;
  overflow: hidden;
}

.about-slider__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-slider__slide--dark {
  position: relative;
}

.about-slider__slide--dark::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,
      rgba(0, 0, 0, 0) 17.65%,
      rgba(0, 0, 0, 0.64) 88.37%,
      rgba(0, 0, 0, 0.75) 100%);
  pointer-events: none;
}

.kontakt_about_slider {
  padding-bottom: 128px;
}

.leadership__responsibility {
  margin-bottom: 48px;
}





/* About slider section end */

/* Responsive */











.service-expertise.innovation-intro-section.rich__text_section {
  justify-content: center;
  padding: 50px 120px;
}

.rich__text_section a {
  color: var(--color-nav-bg);
  transition: all 0.3s ease;
  text-decoration: underline;
}

.rich__text_section a:hover {
  color: var(--color-orange-nav);
}

.rich__text_section .innovation-intro {
  align-items: self-start;
}

.rich__text_section h1 {
  color: var(--color-orange-nav);
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -3px;
}



.banner_bg_video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}



@media screen and (max-width: 1880px) {
  .menu {
    padding-right: 96px;
    padding-left: 96px;
  }

  /* .hero__content {
    left: 96px;
  } */

  .complexity,
  .innovation {
    padding-right: 96px;
    padding-left: 96px;
  }

  .jobs__container {
    padding-right: 96px;
    padding-left: 96px;
  }

  .innovation-story__content {
    flex: 1 1 0;
  }

  .innovation-story__grid {
    gap: 120px;
  }

  .innovation-portal__copy {
    flex: auto;
  }

  .innovation-stance__content {
    gap: 120px;
  }

  .innovation-portal__content {

    gap: 80px;
  }
}

@media screen and (max-width: 1680px) {
  .menu {
    padding-right: 72px;
    padding-left: 72px;
  }

  /* .hero__content {
    left: 72px;
  } */



  .complexity {
    padding-right: 72px;
    padding-left: 72px;
  }

  .innovation {
    padding-right: 80px;
    padding-left: 80px;
  }

  .jobs__container {
    padding-right: 72px;
    padding-left: 72px;
  }

  .nav-menu>li>a {
    padding: 14px 12px;
    font-size: 15px;
  }

  .menu__actions {
    gap: 15px;
  }
}

@media screen and (max-width: 1520px) {


  .innovation-story__visual {
    width: 100%;
  }

  .innovation-story__grid {
    gap: 90px;
    flex-direction: column-reverse;
  }

  .innovation-story__heading,
  .innovation-story__content,
  .innovation-story__body {
    max-width: 100%;
  }



  .service-network__diagram-wrap {
    flex: 0 1 700px;
  }

  .complexity {
    padding: 80px 60px 100px;
  }

  .complexity__container {
    gap: 24px;
  }

  /* .diagram {
    flex: 0 0 620px;
    width: 620px;
    height: 642px;
  } */

  .diagram__hub {
    width: 165px;
    height: 165px;
  }

  .diagram__hub img {
    width: 140px;
  }

  .diagram__label {
    font-size: 17px;
  }

  .advisory-board__member h3 {
    font-size: 22px;
  }

  .nav-menu>li {
    margin: 0 2px;
  }

  .nav-menu>li>a {
    padding: 6px;
    font-size: 14px;
  }

  .menu__lang_box .gtranslate_wrapper,
  .menu__lang_box .gt_selector {
    width: 104px !important;
    height: 44px !important;
  }

  .menu__actions .btn--primary {
    padding: 8px 10px;
  }

  .menu__actions {
    gap: 10px;
  }

  .h_top_logo {
    width: 10%;
  }
}

@media screen and (max-width: 1280px) {
  .h_menu_bar {
    display: none;
    width: 0;
  }

  .contact-info__cards {

    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .innovation-fields {

    padding: 80px 64px 96px;
  }

  .h_top_logo {
    width: 40%;
  }

  .h_action_box {
    width: 60%;
    gap: 30px;
    align-items: center;
  }

  .menu__toggle {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 44px;
    height: 44px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.65);
    border-radius: 10px;
    cursor: pointer;
  }

  .menu__toggle span {
    position: absolute;
    right: 10px;
    left: 10px;
    display: block;
    width: auto;
    height: 2px;
    background-color: var(--color-white);
    border-radius: 2px;
    transition: transform 0.35s ease, opacity 0.3s ease;
    transform-origin: center;
  }

  .menu__toggle span:nth-child(1) {
    top: 13px;
  }

  .menu__toggle span:nth-child(2) {
    top: 21px;
  }

  .menu__toggle span:nth-child(3) {
    top: 29px;
  }

  .menu__toggle[aria-expanded="true"] span:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
  }

  .menu__toggle[aria-expanded="true"] span:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
  }

  .menu__toggle[aria-expanded="true"] span:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
  }

  .mobile-menu {
    position: fixed;
    top: 108px;

    right: 0;
    left: 0;
    z-index: 98;
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: calc(100dvh - 80px);
    padding: 20px 24px 28px;
    overflow-y: auto;
    background-color: var(--color-nav-bg);
    border-top: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 18px 26px rgba(0, 0, 0, 0.2);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-12px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
    visibility: hidden;
    height: 100%;
    list-style: none;

  }

  .mobile-menu-nav {
    list-style: none;

  }

  .mobile-menu--open {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    visibility: visible;
  }

  .mobile-menu .sub-menu {
    list-style: none;

  }

  .mobile-menu a {
    padding: 16px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    font-size: 18px;
    font-weight: 600;
    color: var(--color-white);
    display: block;
  }

  .mobile-menu__group {
    width: 100%;
  }


  /* ------ */


  .mobile-menu .menu-item-has-children {
    position: relative;
  }

  .mobile-menu .sub-menu {
    display: none;
    padding-left: 20px;
    list-style: none;
  }

  .submenu-toggle {
    position: absolute;
    top: 12px;
    /* bottom: 0; */
    right: 0;
    width: 30px;
    height: 30px;
    border: 0;
    background: transparent;
    cursor: pointer;
    padding: 0;
    /* margin: auto; */
  }

  .submenu-toggle::before {
    content: "";
    position: absolute;
    top: 45%;
    left: 50%;
    width: 8px;
    height: 8px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: transform .3s ease;
  }

  /* Rotate when submenu is open */
  .submenu-toggle.active::before {
    transform: translate(-50%, -35%) rotate(225deg);
    top: 17px;

  }

  /* --------------- */
  .mobile-menu .mobile-menu__cta {
    align-self: flex-start;
    margin-top: 16px;
    padding: 12px 18px;
    background-color: var(--color-orange);
    border: 0;
    border-radius: 12px;
  }

  .site-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
    width: calc(100% - 40px);
    margin-top: 60px;
  }

  .site-footer__nav {
    gap: 20px 40px;
    justify-content: start;
  }

  .site-footer__nav a:nth-child(n + 6) {
    grid-row: auto;
  }

  .mega-menu__inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    width: calc(100% - 80px);
  }

  .mega-menu__links {
    gap: 16px;
  }

  .mega-menu__column a {
    padding-right: 8px;
    padding-left: 8px;
    font-size: 14px;
  }

  .geschaeftsfelder {
    padding: 60px 40px 80px;
  }

  .geschaeftsfelder__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .kompetenz {
    padding: 60px 40px;
    gap: 48px;
  }

  .kompetenz__cards {
    flex-wrap: wrap;
  }

  .kompetenz__connector-lines {
    display: none;
  }

  .kompetenz__card {
    flex: 1 1 calc(33.333% - 14px);
    min-width: 200px;
  }

  .innovation {
    flex-direction: column;
    padding: 60px 40px;
    gap: 48px;
  }

  .innovation__visual img {
    height: 480px;
  }

  .innovation__outline {
    height: 440px;
  }


  .leadership__content {
    grid-template-columns: minmax(0, 1fr) minmax(420px, 0.8fr);
  }

  .leadership__content::before {
    width: calc(55.56% - 8px);
  }

  .leadership__quote>p {
    font-size: 28px;
  }

  .jobs__container {
    padding: 0 40px;
  }

  .site-footer__contact {
    padding: 120px 60px 0;
  }

  .site-footer__bottom {
    width: calc(100% - 80px);
    gap: 48px;
  }

  .site-footer__nav {
    gap: 28px;
  }

  .menu {
    padding: 12px 48px;
  }

  .complexity__container {
    flex-direction: column;
    align-items: center;
  }

  .complexity__content {
    max-width: 100%;
    min-height: auto;
    align-items: flex-start;
  }

  .complexity__heading {
    font-size: 40px;
    letter-spacing: -2px;
  }

  .complexity__body {
    max-width: 100%;
    font-size: 18px;
  }

  .diagram {
    flex: 0 0 auto;
    width: min(794px, 100%);
    height: auto;
    aspect-ratio: 794 / 822;
    max-width: 100%;
  }

  /* .hero__content {
    left: 48px;
  } */

  .hero__text h1 {
    font-size: 48px;
    letter-spacing: -1.44px;
  }

  .hero__subtitle {
    font-size: 20px;
  }

  .usp {
    padding: 48px 40px;
  }

  .usp__item {
    width: 200px;
  }

  .usp__value {
    font-size: 26px;
  }

  .usp__label {
    font-size: 16px;
  }

  .site-footer__brand img {
    width: 300px;
  }

  .jobs {
    padding: 60px 0px 100px 0px;
  }

  .leadership {
    padding: 80px 40px 40px 40px;
  }

  .business-hero {
    width: calc(100% - 64px);
    padding: 40px;

  }

  .karriere-hero {
    width: calc(100% - 64px);
  }

  .integrated-hero {
    width: calc(100% - 64px);
  }

  .news-hero {
    width: calc(100% - 64px);
  }

  .integrated-hero__panel {
    bottom: 48px;
    left: 40px;
    width: min(714px, calc(100% - 80px));
    padding: 40px;
  }

  .news-hero__panel {
    bottom: 48px;
    left: 40px;
    width: min(714px, calc(100% - 80px));
    padding: 40px;
  }

  .integrated-hero__text h1 {
    font-size: 52px;
    letter-spacing: -2px;
  }

  .news-hero__text h1 {
    font-size: 52px;
    letter-spacing: -2px;
  }

  .integrated-hero__text p {
    font-size: 18px;
  }

  .news-hero__copy {
    font-size: 18px;
  }

  .integrated-breadcrumb,
  .news-breadcrumb {
    padding: 26px 64px 10px;
  }




  .integrated-intro {
    padding: 96px 64px 0;
  }

  .bewerbungsprozess {
    padding: 80px 32px;
  }

  .discover-more {
    padding: 96px 64px;
  }

  .discover-more__title {
    font-size: 44px;
    letter-spacing: -2px;
  }

  .bewerbungsprozess__title {
    font-size: 44px;
  }

  .karriere-hero__panel {
    bottom: 48px;
    left: 40px;
    width: min(960px, calc(100% - 80px));
    padding: 40px;
  }

  .karriere-hero__text h1 {
    font-size: 52px;
    letter-spacing: -2px;
  }

  .karriere-hero__text p {
    font-size: 18px;
  }

  .karriere-breadcrumb {
    padding: 26px 64px 10px;
  }

  .karriere-intro {
    padding: 48px 64px 96px;
  }

  .karriere-intro__columns {
    gap: 80px;
  }

  .karriere-intro__column {
    max-width: none;
  }

  .karriere-video {
    padding: 64px 64px 80px;
  }

  .karriere-video__header h2 {
    font-size: 44px;
  }

  .karriere-zielgruppen {
    padding: 64px 64px 80px;
  }

  .karriere-zielgruppen__header h2 {
    font-size: 44px;
  }

  .karriere-stories {
    padding: 64px 64px 80px;
    gap: 96px;
  }

  .karriere-stories__header h2 {
    font-size: 44px;
  }

  .karriere-benefits {
    padding: 80px 64px;
    gap: 64px;
  }

  .karriere-benefits__header h2 {
    font-size: 38px;
  }

  .karriere-process {
    padding: 80px 64px;
    gap: 40px;
  }

  .karriere-process__header h2 {
    font-size: 42px;
  }

  .karriere-process__connector {
    width: calc(100% - 128px);
  }

  .karriere-jobs {
    padding: 80px 64px;
  }

  .karriere-jobs__header h2 {
    font-size: 42px;
  }

  .karriere-jobs__intro {
    font-size: 20px;
  }

  .karriere-experience {
    padding: 0 64px 80px;
  }

  .karriere-experience__copy h2 {
    font-size: 42px;
  }

  .karriere-faq {
    padding: 80px 64px 112px;
  }

  .karriere-faq__intro h2 {
    font-size: 42px;
  }

  .karriere-faq__copy {
    font-size: 20px;
  }

  .karriere-haeufige-fragen {
    padding: 48px 64px;
  }

  .karriere-haeufige-fragen__header h2 {
    font-size: 42px;
    line-height: 1.2;
  }

  .karriere-haeufige-fragen__columns {
    gap: 32px;
  }

  .karriere-einsatz {
    padding: 40px 0 64px;
  }

  .karriere-einsatz__header {
    padding: 40px 64px;
  }

  .karriere-einsatz__header h2 {
    font-size: 42px;
  }

  .karriere-einsatz__intro {
    gap: 48px;
    padding: 24px 24px;
  }

  .karriere-einsatz__intro p {
    font-size: 20px;
    line-height: 1.4;
  }

  .business-hero__panel {
    bottom: 48px;
    left: 40px;
    width: min(720px, calc(100% - 80px));
    padding: 64px 40px;
  }

  .business-hero__panel h1 {
    font-size: 52px;
    letter-spacing: -2px;
  }

  .business-hero-content p {
    font-size: 18px;
    max-width: 100%;
  }

  .business-feature {
    padding: 96px 64px;
  }

  .business-feature--with-breadcrumb {
    padding: 88px 64px 64px;
  }

  .contact-info.business-feature {
    padding-bottom: 96px;
  }

  .kontakt_about_slider {
    padding-bottom: 96px;
  }

  .contact-info__cards {
    gap: 32px;
  }

  .action-fields {
    padding: 96px 64px 96px;
    gap: 48px;
  }

  .action-fields__header h2 {
    font-size: 42px;
  }

  .action-fields__content {
    gap: 48px;
  }

  .responsibility-closing {
    padding: 0 64px 96px;
  }

  .responsibility-closing__inner {
    gap: 48px;
    align-items: flex-start;
  }

  .responsibility-closing__content {
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
  }

  .responsibility-closing__copy h2 {
    font-size: 44px;
    letter-spacing: -2.5px;
  }

  .responsibility-closing__actions {
    flex: 0 0 auto;
    width: auto;
  }

  .responsibility-closing__visual {
    flex: 0 0 320px;
    width: 320px;
    height: 224px;
  }

  .business-feature__breadcrumb {
    left: 64px;
    max-width: calc(100% - 128px);
  }

  .service-intro {
    gap: 40px;
    flex-direction: column;
  }

  .service-intro__headline h2 {
    font-size: 44px;
  }

  .service-scope {
    padding: 96px 64px;
    gap: 48px;
  }

  .service-scope__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .service-network {
    padding: 40px 64px 96px;
  }

  .service-network__inner {
    gap: 56px;
  }

  .service-network__copy h2 {
    font-size: 44px;
    letter-spacing: -2.5px;
  }


  .service-network__inner {
    flex-direction: column;
  }

  .service-network__copy {
    max-width: 100%;
  }

  /* .service-network__diagram-wrap {
    flex: 0 1 500px;
    max-width: 500px;
  } */

  .service-brands {
    padding: 0 64px 80px;
    gap: 40px;
  }

  .service-brands__header h2 {
    font-size: 44px;
    letter-spacing: -2.5px;
  }

  .service-brands__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .service-brands__grid2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

  .service-benefits__content {
    gap: 64px;
    padding: 96px 64px;
  }

  .service-benefits__content h2 {
    font-size: 44px;
    letter-spacing: -2.5px;
  }

  .service-expertise {
    gap: 56px;
    padding: 72px 64px;
  }

  .service-expertise__copy {
    flex-basis: 560px;
  }

  .service-expertise__heading h2 {
    font-size: 44px;
    letter-spacing: -2.5px;
  }

  .service-expertise__visual {
    flex-basis: 500px;
  }

  .service-closing {
    padding: 0 64px;
  }

  .service-closing__inner {
    gap: 40px;
  }

  .service-closing__copy h2 {
    font-size: 44px;
    letter-spacing: -2.5px;
  }

  .service-closing__actions {
    flex-basis: 280px;
    width: 280px;
  }

  .service-closing__visual {
    flex-basis: 320px;
    width: 320px;
  }

  .advisory-board {
    padding-right: 64px;
    padding-left: 64px;
  }

  .advisory-board__breadcrumb {
    left: 64px;
  }

  .media_center_section {
    padding: 96px 64px 96px;
  }



  .history-timeline {
    padding: 0 64px 96px;
  }

  .leitgedanke {
    padding: 90px 0px;
  }

  .advisory-board__members {
    gap: 40px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .advisory-board__member {
    flex-basis: 180px;
  }

  .advisory-board__member img {
    width: 160px;
    height: 160px;
  }

  .advisory-board__member h3 {
    font-size: 22px;
  }

  .leitgedanke__inner {
    padding: 0px 40px;
    gap: 30px;
  }

  .leitgedanke__copy h2 {
    font-size: 42px;
  }

  .leitgedanke__quote-text {
    font-size: 30px;
  }

  .leadership__quote::before {
    top: -10px;
    font-size: 150px;
  }

  .leadership__responsibility {
    margin-bottom: 0px;
  }

  .innovation-intro-section {
    padding: 0 64px;
  }

  .innovation-portal__content {
    display: flex;
    gap: 60px;
    flex-direction: column-reverse;
  }

  .innovation-portal__body {
    max-width: 100%;
  }

  .innovation-portal__visual,
  .innovation-stance__visual {
    width: 100%;
    flex: auto;
  }

  .innovation-stance__content {
    flex-direction: column;
    align-items: stretch;
  }

  .rich__text_section h1 {
    font-size: 36px;
  }

  .service-expertise.innovation-intro-section.rich__text_section {
    padding: 50px 80px;
  }
}

@media screen and (max-width: 1024px) {
  .hero__text {
    padding-bottom: 20px;
  }

  .mega-menu {
    display: none;
  }

  .menu {
    padding: 12px 24px;
  }

  .hero {
    height: 700px;
  }

  .innovation-fields {
    padding: 80px 32px;
  }

  .hero__content {
    bottom: 160px;
    /* left: 24px;
    right: 24px; */
  }

  .hero__text h1 {
    font-size: 36px;
    letter-spacing: -1px;
  }

  .hero__subtitle {
    font-size: 18px;
  }

  .complexity {
    padding: 48px 32px 56px;
  }

  .complexity__container {
    align-items: flex-start;
    gap: 32px;
  }

  .complexity__content {
    flex: 0 0 auto;
    min-height: 0;
    justify-content: flex-start;
  }

  .diagram {
    display: block;
    align-self: center;
    flex: 0 0 auto;
    /* width: min(560px, 100%); */
    height: auto;
    aspect-ratio: 794 / 822;
    margin-right: auto;
    margin-left: auto;
  }

  .kompetenz__pill {
    white-space: normal;
    text-align: center;
  }

  .kompetenz__cards {
    flex-wrap: wrap;
    overflow-x: visible;
    justify-content: center;
  }

  .kompetenz__card {
    flex: 1 1 calc(50% - 10px);
    min-width: min(220px, 100%);
    min-height: 220px;
  }

  .usp__row {
    flex-wrap: wrap;
    gap: 32px 0;
    justify-content: center;
  }

  .usp__divider {
    display: none;
  }

  .usp__item {
    width: calc(50% - 16px);
    min-width: 0;
    min-height: 0;
  }


  .partners__slider {
    overflow: hidden;
  }

  .jobs__slider {
    margin: 0;
    padding: 12px;
  }

  .leadership__content {
    grid-template-columns: 1fr;
  }

  .leadership__content::before {
    display: none;
  }

  .leadership__quote {
    min-height: 0;
  }

  .innovation__content,
  .innovation__visual {
    width: 100%;
    min-width: 0;
  }

  .business-hero {
    width: calc(100% - 64px);
    min-height: 720px;
    aspect-ratio: auto;
  }

  .business-hero__panel {

    width: 100%;
    padding: 56px 40px;
    min-width: auto;

  }

  .business-hero__panel h1 {
    font-size: 52px;
  }

  .karriere-hero {
    width: calc(100% - 64px);
    min-height: 720px;
    aspect-ratio: auto;
  }

  .integrated-hero {
    width: calc(100% - 64px);
    min-height: 720px;
    aspect-ratio: auto;
  }

  .news-hero {
    width: calc(100% - 64px);
    min-height: 720px;
    aspect-ratio: auto;
  }

  .integrated-hero__panel {
    bottom: 40px;
    left: 40px;
    width: min(714px, calc(100% - 80px));
    padding: 40px;
  }

  .news-hero__panel {
    bottom: 40px;
    left: 40px;
    width: min(714px, calc(100% - 80px));
    padding: 40px;
  }

  .integrated-hero__text h1 {
    font-size: 52px;
  }

  .news-hero__text h1 {
    font-size: 52px;
  }

  .integrated-intro {
    padding: 80px 64px 0;
  }

  .bewerbungsprozess {
    padding: 80px 32px;
  }

  .discover-more {
    padding: 96px 64px;
  }

  .discover-more__title {
    font-size: 44px;
    letter-spacing: -2px;
  }

  .discover-more__intro {
    font-size: 18px;
  }

  .bewerbungsprozess__title {
    font-size: 40px;
  }

  .bewerbungsprozess__steps-grid {
    gap: 8px;
  }

  .bewerbungsprozess__card {
    min-height: auto;
    padding: 32px 16px;
  }

  .bewerbungsprozess__icon-circle {
    width: 80px;
    height: 80px;
  }

  .bewerbungsprozess__icon-circle img {
    width: 40px;
    height: 40px;
  }

  .bewerbungsprozess__connector {
    top: 34px;
    left: calc(50% + 40px);
    width: calc(100% - 80px + 8px);
  }

  .bewerbungsprozess__cta {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 24px;
  }

  .karriere-hero__panel {
    bottom: 40px;
    left: 40px;
    width: min(960px, calc(100% - 80px));
    padding: 40px;
  }

  .karriere-hero__text h1 {
    font-size: 52px;
  }

  .karriere-hero__actions {
    gap: 24px;
  }

  .karriere-breadcrumb {
    padding: 26px 64px 10px;
  }

  .karriere-intro {
    padding: 40px 64px 80px;
  }

  .karriere-intro__heading {
    font-size: 44px;
  }

  .karriere-intro__columns {
    flex-direction: column;
    gap: 20px;
  }

  .karriere-intro__column {
    max-width: none;
    font-size: 18px;
  }

  .karriere-video {
    padding: 56px 64px 72px;
    gap: 32px;
  }

  .karriere-video__header h2 {
    font-size: 40px;
  }

  .karriere-video__frame {
    height: min(56vw, 560px);
  }

  .karriere-zielgruppen {
    padding: 56px 64px 72px;
    gap: 40px;
  }

  .karriere-zielgruppen__header h2 {
    font-size: 40px;
  }

  .karriere-zielgruppen__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

  .karriere-stories {
    padding: 56px 64px 72px;
    gap: 80px;
  }

  .karriere-stories__header h2 {
    font-size: 40px;
  }

  .karriere-stories__cards {
    gap: 32px;
  }

  .karriere-stories__quote {
    font-size: 28px;
  }

  .karriere-benefits {
    padding: 72px 64px;
    gap: 56px;
  }

  .karriere-benefits__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 32px;
    max-width: 1040px;
  }

  .karriere-benefits__card:nth-child(16),
  .karriere-benefits__card:nth-child(17) {
    grid-column: auto;
  }

  .karriere-process {
    padding: 72px 64px;
    gap: 40px;
  }

  .karriere-process__steps {
    gap: 24px;
    padding-top: 56px;
  }

  .karriere-process__step {
    width: calc(33.333% - 16px);
    min-width: 220px;
  }

  .karriere-process__connector {
    display: none;
  }

  .karriere-process__cta {
    padding: 24px 32px;
  }

  .karriere-jobs {
    padding: 72px 64px;
  }

  .karriere-jobs__content {
    flex-direction: column;
    gap: 48px;
  }

  .karriere-jobs__visual {
    flex: none;
    width: min(640px, 100%);
    margin: 0 auto;
  }

  .karriere-jobs__listings {
    flex: none;
    width: 100%;
  }

  .karriere-experience {
    padding: 0 64px 72px;
  }

  .karriere-experience__inner {
    flex-direction: column;
    gap: 48px;
  }

  .karriere-experience__visual {
    flex: none;
    width: min(560px, 100%);
    margin: 0 auto;
  }

  .karriere-faq {
    padding: 72px 64px 96px;
  }

  .karriere-faq__inner {
    flex-direction: column;
    gap: 48px;
  }

  .karriere-faq__accordion {
    flex: none;
    width: 100%;
  }

  .karriere-haeufige-fragen {
    padding: 48px 64px;
    gap: 48px;
  }

  .karriere-haeufige-fragen__columns {
    flex-direction: column;
    gap: 48px;
  }


  .karriere-haeufige-fragen__column--stacked {
    gap: 48px;
    width: 100%;
  }

  .karriere-faq__category-title {
    font-size: 22px;
  }

  .karriere-haeufige-fragen .karriere-faq__item-label {
    font-size: 20px;
    line-height: 1.4;
  }

  .karriere-einsatz {
    padding: 40px 0 64px;
  }

  .karriere-einsatz__header {
    padding: 32px 64px 0;
  }

  .karriere-einsatz__intro {
    flex-direction: column;
    gap: 24px;
    padding: 0 64px;
  }

  .karriere-einsatz__intro p {
    max-width: none;
    font-size: 20px;
    line-height: 1.4;
  }

  .karriere-einsatz__diagram {
    width: min(100%, 900px);
  }

  .business-feature {
    padding: 112px 64px 96px;
  }

  .business-feature {
    padding: 112px 64px 96px;
  }

  .business-feature__breadcrumb {
    left: 64px;
  }

  .business-feature__content {
    gap: 48px;
  }

  .business-feature__heading h2 {
    font-size: 42px;
  }

  /* .business-feature__visual {
    height: 520px;
  } */

  .business-feature__visual::after {
    top: 20px;
    left: 20px;
    border-radius: 12px 12px 70px 12px;
  }

  .business-logistics__team img {
    top: 0;
    width: 100%;
    height: auto;
  }

  .business-logistics {
    padding: 112px 20px 96px;
  }

  .business-logistics__content {
    gap: 48px;
  }

  .business-logistics__visual::after {
    top: 20px;
    left: 0px;
    width: calc(100% + 20px);
    height: calc(100% - 0px);
  }



  .business-feature--reverse .business-feature__visual::after {
    top: 20px;
    left: 20px;
    border-radius: 12px 12px 70px 12px;
  }

  .business-feature--with-breadcrumb {
    padding: 96px 64px 72px;
  }

  .business-feature__breadcrumb {
    max-width: calc(100% - 128px);
  }

  .service-intro {
    gap: 32px;
  }

  .service-intro__headline h2 {
    font-size: 40px;
  }

  .site-footer__form-wrap {
    gap: 44px;
  }

  .service-brands__logo {
    max-width: 200px;
  }

  .advisory-board__member h3 {
    font-size: 20px;
  }

  .advisory-board__member p {
    margin-top: 0px;
  }

  .advisory-board__member img {
    margin-bottom: 20px;
  }

  .leitgedanke__inner {
    flex-wrap: wrap;
  }

  .leitgedanke__copy {
    flex: unset;
    max-width: 100%;
  }

  .leitgedanke__quote {
    flex: unset;
    max-width: 100%;
  }

  .leitgedanke__copy p {
    max-width: 100%;
  }

  .leitgedanke__copy h2 {
    font-size: 38px;
  }

  .leitgedanke__quote-text {
    font-size: 28px;
  }

  .history-timeline__grid {
    padding-top: 80px;
  }

  .leadership__quote::before {
    top: -20px;
  }

  .rich__text_section h1 {
    font-size: 32px;
  }

}

@media screen and (max-width: 992px) {
  .business-feature {
    padding: 88px 32px;
  }


  .site-footer__nav {
    gap: 20px 26px;
    grid-template-columns: repeat(4, max-content);
    justify-content: start;
  }

  .karriere-einsatz__node p {
    max-width: 100%;
    max-height: 100%;
  }

  /* .jobs__slider {
    margin: 0;
    padding: 0;
  } */


  .contact-info__cards {
    flex-direction: column;
    align-items: center;
    gap: 32px;
  }

  .contact-info__card {
    flex-basis: auto;
    width: 100%;
    max-width: 500px;
  }

  .action-fields {
    padding: 80px 32px 80px;
    gap: 40px;
  }

  .action-fields__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }

  .action-fields__card {
    min-height: 0;
  }

  .responsibility-closing {
    padding: 0 32px 80px;
  }

  .responsibility-closing__inner {
    flex-direction: column;
    align-items: stretch;
    gap: 40px;
    padding: 0px;
  }

  .responsibility-closing__content {
    gap: 28px;
  }

  .responsibility-closing__copy h2 {
    font-size: 40px;
    letter-spacing: -2px;
  }

  .responsibility-closing__actions {
    width: 100%;
    max-width: 400px;
  }

  .responsibility-closing__visual {
    flex: none;
    width: calc(100% - 20px);
    max-width: 100%;
    height: auto;
    aspect-ratio: 400 / 280;
    align-self: flex-start;
  }

  .business-feature__breadcrumb {
    left: 32px;
  }

  .business-feature__content {
    flex-direction: column;
    align-items: stretch;
    flex-direction: column-reverse;
    gap: 40px;
  }

  .business-feature__copy {
    width: 100%;
  }

  .business-feature__visual {
    border-radius: 12px 12px 70px 12px;
  }

  .business-feature--reverse .business-feature__visual {
    border-radius: 12px 12px 70px 12px;
  }

  .business-logistics__team img {
    width: 1320px;
  }

  .business-logistics__feature {
    min-height: 0;
  }

  .business-logistics__content {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .business-logistics__visual {
    height: min(70vw, 500px);
    width: calc(100% - 20px);
  }



  .business-logistics {
    padding: 90px 32px;
  }

  .service-intro {
    flex-direction: column;
    gap: 40px;
  }

  .service-intro__headline,
  .service-intro__description {
    width: 100%;
  }

  .service-intro__headline h2 {
    max-width: 100%;
    font-size: 40px;
  }

  .business-feature--with-breadcrumb {
    padding: 88px 32px 64px;
  }

  .business-feature__breadcrumb {
    max-width: calc(100% - 64px);
  }

  .service-scope {
    padding: 80px 32px;
    gap: 40px;
  }

  .service-scope h2 {
    font-size: 26px;
  }

  .service-scope__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }

  .service-network {
    padding: 30px 32px 80px;
  }

  .service-network__inner {
    flex-direction: column;
    align-items: stretch;
    gap: 48px;
  }

  .service-network__copy {
    max-width: 100%;
  }

  .service-network__copy h2 {
    font-size: 40px;
    letter-spacing: -2px;
  }

  .service-network__diagram-wrap {
    flex: 0 0 auto;
    width: min(100%, 720px);
    max-width: 720px;
    margin: 0 auto;
  }

  .service-brands {
    padding: 0 32px 72px;
    gap: 36px;
  }

  .service-brands__header h2 {
    font-size: 40px;
    letter-spacing: -2px;
  }

  .service-brands__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }



  .service-benefits__content {
    gap: 56px;
    padding: 80px 32px;
  }

  .service-benefits__content h2 {
    font-size: 40px;
    letter-spacing: -2px;
    text-align: left;
  }

  .business-feature__content.business-feature__content_two {
    flex-direction: column;
  }

  .service-benefits__grid {
    gap: 32px;
  }

  .service-benefits__item h3 {
    font-size: 18px;
  }

  .service-benefits__item p {
    font-size: 16px;
  }

  .service-expertise {
    flex-direction: column;
    align-items: stretch;
    flex-direction: column-reverse;
    gap: 48px;
    padding: 80px 32px;
  }

  .service-expertise__copy {
    flex-basis: auto;
    max-width: 700px;
  }

  .service-expertise__heading h2 {
    font-size: 40px;
    letter-spacing: -2px;
  }

  .service-expertise__visual {
    flex: none;
    align-self: flex-start;
    width: calc(100% - 20px);
  }

  .service-closing {
    padding: 0 32px;
  }

  .service-closing__inner {
    flex-wrap: wrap;
    gap: 48px 40px;
    flex-direction: column-reverse;
    padding: 20px 0px 80px 0px;
  }

  .service-closing__copy {
    flex: 1 0 100%;
  }

  .service-closing__copy h2 {
    font-size: 40px;
    letter-spacing: -2px;
  }

  .service-closing__actions {
    flex: 1 1 20px;
    flex-direction: column;
    width: 100%;
  }

  .service-closing__visual {
    flex: 0 1 100%;
    width: calc(100% - 20px);
    /* max-width: 100%; */
  }

  .site-footer__contact {
    padding: 80px 40px 0;
  }

  .site-footer__header h2 {
    font-size: 40px;
    letter-spacing: -2px;
  }

  .kompetenz__intro {
    font-size: 18px;
  }

  .advisory-board {
    padding: 80px 32px 96px;
  }

  .advisory-board--innovation {
    padding-top: 80px;
    padding-bottom: 80px;
  }


  .innovation-intro__inner p {
    font-size: 18px;
  }

  .innovation-intro h5 {
    font-size: 28px;
  }

  .advisory-board__breadcrumb {
    left: 32px;
  }

  .media_center_section {
    gap: 48px;
    padding: 80px 32px 80px;
  }

  .faq__header h2 {
    font-size: 36px;
    letter-spacing: -0.7px;
    line-height: 1.2;
  }

  .faq__header p {
    font-size: 18px;
    line-height: 1.5;
  }

  .leitgedanke {
    padding: 0 32px 80px;
  }

  .history-timeline {
    padding: 0 32px 80px;
  }

  .history-timeline__grid {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }

  .history-timeline__column {
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
    gap: 30px;
  }

  .history-timeline__visual {
    height: auto;
    aspect-ratio: 680 / 482;
    margin-right: 16px;
    margin-bottom: 20px;
  }

  .history-timeline__outline {
    right: -15px;
  }

  .leitgedanke__inner {
    flex-wrap: wrap;
    gap: 40px;
    padding: 40px;
  }

  .leitgedanke__copy,
  .leitgedanke__quote {
    flex-basis: 100%;
    max-width: 100%;
  }

  .leitgedanke__copy h2 {
    font-size: 38px;
    letter-spacing: -2px;
  }

  .leitgedanke__quote-text {
    font-size: 26px;
  }

  .about-slider__slide {
    width: 520px;
    height: 368px;
  }

  .advisory-board__intro h5 {
    font-size: 22px;
  }

  .advisory-board__intro p {
    font-size: 18px;
  }

  .advisory-board__members {
    flex-wrap: wrap;
    gap: 48px 32px;
  }

  .advisory-board__member {
    flex-basis: calc((100% - 64px) / 3);
  }

  .leitgedanke__copy h2 {
    font-size: 32px;
  }

  .leitgedanke__quote-text {
    font-size: 26px;
  }

  .leadership__responsibility {
    margin-bottom: 20px;
  }

  .article-layout {
    flex-direction: column;
    padding: 32px 64px 80px;
  }

  .article-sidebar {
    width: 100%;
  }

  .article-author {
    max-width: none;
  }

  .business-hero__panel h1 {
    font-size: 48px;
  }

  .innovation-intro-section {
    padding: 0 32px;
  }

  .innovation-stance__content {
    gap: 80px;
  }

  .service-network__orbit {
    left: 19.99%;
    width: 55%;
  }

  .service-network__hub {
    left: 35.91%;
    top: 31.44%;
  }

  .service-network__satellite--patients {
    left: 39.72%;
    top: -6.07%;
  }

  .service-network__satellite--doctors {
    left: 63.42%;
    top: 14.24%;
  }

  .service-network__satellite--care {
    left: 65.42%;
    top: 50.51%;
  }

  .service-network__satellite--products {
    left: 39.72%;
    top: 75.81%;
  }

  .service-network__satellite--logistics {
    left: 13.03%;
    top: 50.68%;
  }

  .service-network__satellite--digital {
    left: 13.03%;
    top: 14.24%;
  }

}

@media screen and (max-width: 767px) {
  .contact-info__cards {

    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .karriere_side_nav_box {
    display: none;
  }

  .complexity__heading br {
    display: none;
  }


  .innovation-story__body p,
  .innovation-portal__body P,
  .innovation-stance__body P {
    font-size: 16px;
    line-height: 1.4;
  }

  .innovation-fields__visual {
    width: calc(100% - 16px);
    height: 300px;
    margin-right: 16px;
    order: -1;
  }

  .innovation-fields__visual img {
    border-radius: 12px 12px 80px 12px;
  }

  .innovation-fields__outline {
    top: 16px;
    left: 16px;
    border-radius: 12px 12px 80px 12px;
  }

  .innovation-fields__eyebrow span {
    color: var(--color-orange);
    font-size: 16px;
    line-height: normal;
  }

  .innovation-fields__item p {
    font-size: 16px;
  }

  .innovation-fields__inner {
    gap: 40px;
  }

  .innovation-fields__layout {
    gap: 48px;
    flex-direction: column;
  }

  .innovation-fields {
    padding: 64px 20px;
  }

  .innovation-intro p {
    font-size: 16px;
  }

  .innovation-story__visual img,
  .innovation-stance__visual img {
    border-radius: 12px 12px 80px 12px;
  }

  .innovation-story__outline {
    right: -16px;
    bottom: -16px;
    border-radius: 12px 12px 80px 12px;
  }

  .innovation-stance__visual {
    height: 320px;
    width: calc(100% - 16px);
  }

  .innovation-stance__outline {
    top: 16px;
    left: 16px;
    width: 100%;

    border-radius: 12px 12px 80px 12px;
  }

  .innovation-stance__content {
    gap: 60px;
  }

  .innovation-story__grid {
    gap: 60px;
  }

  .action-fields__card-body p br {
    display: none;
  }

  .header_con {
    padding-top: 88px;
  }

  .main_logo {
    max-width: 150px;
  }

  .mobile-menu {
    position: fixed;
    top: 80px;
  }

  .complexity {
    padding: 40px 20px 48px;
  }

  .complexity__container {
    gap: 24px;
  }

  .complexity__content {
    gap: 20px;
  }

  .complexity__heading {
    font-size: 28px;
    letter-spacing: -1.5px;
  }

  .complexity__body {
    font-size: 16px;
  }

  .complexity__eyebrow span {
    font-size: 16px;
  }

  .diagram__label {
    font-size: 14px;
  }

  .diagram__hub {
    width: 130px;
    height: 130px;
  }

  .diagram__node--patienten {
    top: 3%;
  }

  .diagram__node--daten {
    bottom: 3%;
  }

  .diagram__hub img {
    width: 110px;
  }


  .kompetenz {
    padding: 48px 20px;
    gap: 30px;
  }

  .kompetenz__heading {
    font-size: 28px;
    letter-spacing: -1.5px;
  }

  .kompetenz__intro {
    font-size: 16px;
  }

  .kompetenz__diagram-wrap {
    padding: 0 10px;
  }

  .kompetenz__diagram {
    aspect-ratio: 1433 / 1018;
  }

  .kompetenz__diagram-canvas {
    top: calc(100% * 57.6 / 1018);
  }

  .kompetenz__float {
    display: none;
  }

  .kompetenz__hub {
    width: 22%;
    left: 39%;
    top: 30%;
    padding: 3.2cqw;
    gap: 0.45cqw;
  }

  .kompetenz__hub-title,
  .kompetenz__hub-accent,
  .kompetenz__hub span {
    font-size: 13px;
    line-height: 1.15;
  }

  .kompetenz__satellite {
    width: 29%;
    padding: 1cqw;
    gap: 0.25cqw;
  }

  .kompetenz__diagram {
    aspect-ratio: 1 / 1;
  }



  .kompetenz__satellite--01 {
    left: 34%;
    top: -8%;
  }


  .kompetenz__satellite--02 {
    left: 68%;
    top: 19%;
  }

  .kompetenz__satellite--03 {
    left: 58%;
    top: 63%;
  }

  .kompetenz__satellite--04 {
    left: 13%;
    top: 63%;

  }

  .kompetenz__satellite--05 {
    left: 4%;
    top: 19%;
  }

  .kompetenz__hub {
    width: 30%;
    left: 35%;
    top: 30%;
    padding: 3.2cqw;
    gap: 0.45cqw;
  }

  .kompetenz__satellite {
    overflow: visible;

  }

  .kompetenz__satellite-num {
    font-size: 12px;
  }

  .kompetenz__satellite h3 {
    font-size: 12px;
    line-height: 1.15;
  }

  .kompetenz__satellite p {
    font-size: 9px;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
  }

  .kompetenz__connector-lines {
    height: 80px;
  }

  .kompetenz__cards {
    flex-wrap: wrap;
    justify-content: center;
  }

  .kompetenz__card {
    flex: 1 1 100%;
    min-height: auto;
  }

  .kompetenz__card h3 {
    font-size: 18px;
  }

  .kompetenz__card p {
    font-size: 16px;
  }

  .geschaeftsfelder {
    padding: 40px 20px 60px;
  }

  .geschaeftsfelder__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .complexity__content {
    gap: 20px;
  }

  .usp__row {
    gap: 30px 0px;
  }

  .geschaeftsfelder__intro-card {
    min-height: 280px;
    padding: 35px;
  }

  .business-card__body {
    gap: 15px;
    padding-top: 20px;
  }

  .complexity__intro {
    gap: 20px;
  }

  .partners__title {
    font-size: 28px;
    padding: 0 20px;
  }

  .partners {
    padding: 72px 0 48px;
    gap: 32px;
  }

  .partners__slider .swiper-slide {
    width: 200px;
  }

  .partner-card {
    height: 140px;
  }

  .innovation {
    gap: 28px;
    flex-direction: column-reverse;
    padding: 40px 20px;
  }

  .innovation__heading {
    font-size: 28px;
    letter-spacing: -1.5px;
  }

  .innovation__visual img {
    height: 320px;
    border-radius: 12px 12px 64px 12px;
  }

  .innovation__outline {
    display: none;
  }

  .leadership {
    padding: 56px 20px;
  }

  .leadership__responsibility {
    margin-bottom: 0px;
  }

  .leadership__header h2 {
    font-size: 28px;
    letter-spacing: -1.5px;
  }

  .leadership__header>p {
    font-size: 14px;
  }

  .leadership__content {
    grid-template-columns: 1fr;
    padding: 0;
  }

  .leadership__content::before {
    display: none;
  }

  .leadership__video {
    height: min(64vw, 420px);
    border-radius: 12px 12px 80px 12px;
  }

  .leadership__play {
    width: 64px;
    height: 64px;
  }

  .leadership__quote {
    min-height: 0;
    gap: 28px;
    padding: 48px 12px 20px;
  }

  .leadership__quote::before {
    right: 18%;
    font-size: 144px;
  }

  .leadership__quote>p {
    font-size: 24px;
  }

  .leadership__person,
  .leadership__linkedin {
    font-size: 16px;
  }

  .leadership__linkedin {
    padding: 8px 0;
  }

  .jobs {
    padding: 64px 0;
  }

  .jobs__container {
    gap: 32px;
    padding: 0 20px;
  }

  .jobs__header h2 {
    font-size: 28px;
    letter-spacing: -1.5px;
  }

  .jobs__description {
    font-size: 16px;
  }

  .jobs__slider .swiper-slide {
    width: min(82vw, 320px);
  }

  .job-card {
    height: auto;
    min-height: 420px;
  }

  .job-card__image {
    height: 220px;
  }

  .job-card h3 {
    font-size: 18px;
    line-height: 1.35;
  }

  .job-card p {
    white-space: normal;
  }

  .site-footer__form-wrap {
    gap: 40px;
  }

  .site-footer__header>p,
  .contact-form input,
  .contact-form select,
  .contact-form textarea {
    font-size: 16px;
  }

  .contact-form__privacy {
    font-size: 14px;
  }

  .contact-form textarea {
    height: 220px;
  }

  .site-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 38px;
    width: auto;
    padding-bottom: 48px;
  }

  .site-footer__brand {
    gap: 20px;
  }

  .site-footer__brand img {
    width: 240px;
    height: auto;
  }

  .site-footer__brand p {
    font-size: 16px;
    line-height: 1.4;
  }

  .site-footer__nav {
    gap: 20px 40px;
    grid-template-columns: repeat(3, max-content);
  }

  .site-footer__nav a:nth-child(n + 6) {
    grid-row: auto;
  }

  .site-footer__nav a {
    font-size: 16px;
  }

  .menu {
    height: auto;
    min-height: 80px;
    flex-wrap: wrap;
    gap: 12px;
    padding: 16px 20px;
  }

  .menu::before {
    /* height: auto; */
    min-height: 80px;
    bottom: 0;
  }

  .menu__logo {
    width: 140px;
    height: 53px;
  }

  .menu__actions {
    gap: 12px;
  }

  .menu__lang {
    width: auto;
    height: 44px;
    padding: 8px 12px;
  }

  .btn--nav {
    padding: 10px 12px;
    font-size: 14px;
  }

  .hero {
    height: 560px;
  }

  .hero__content {
    bottom: 100px;
  }

  .hero__text h1 {
    font-size: 32px;
  }

  .hero__subtitle {
    font-size: 16px;
  }

  .usp {
    padding: 32px 20px;
  }

  .usp__item {
    width: calc(50% - 16px);
  }

  .usp__value {
    font-size: 22px;
  }

  .usp__label {
    font-size: 15px;
    max-width: 15ch;
    overflow-wrap: anywhere;
  }

  .menu {
    padding: 10px 20px;
  }

  .menu__logo {
    width: 140px;
    height: 53px;
  }

  .menu__actions {
    margin-left: auto;
    gap: 12px;
    display: none;
  }

  .menu__toggle {
    border: none;
  }

  .menu__lang,
  .btn--nav {
    display: none;
  }

  .hero__content {
    /* right: 20px;
    left: 20px; */
  }

  .diagram {
    overflow: hidden;
  }

  .diagram__label {

    font-size: 11px;
    line-height: 1.2;
    text-align: center;

  }

  .geschaeftsfelder__intro-title {
    font-size: 28px;
  }

  .geschaeftsfelder__intro-title strong {
    font-size: 32px;
  }

  .site-footer__header {
    gap: 20px;
  }

  .contact-form__fields {
    gap: 15px;
  }

  .business-hero {
    width: calc(100% - 40px);
    min-height: 680px;
    aspect-ratio: auto;
    border-radius: 0 0 32px 32px;
  }

  .business-hero__image {
    object-position: 55% center;
  }

  .business-hero__panel {

    width: 100%;

    padding: 40px 28px;
    border-radius: 32px;
  }



  .business-hero__panel h1 {
    margin-bottom: 16px;
    font-size: clamp(34px, 7vw, 48px);
    letter-spacing: -1.8px;
  }

  .karriere-hero__actions {

    margin-top: 24px;
  }

  .business-hero-content p {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.35;
  }

  .business-hero-content p br {
    display: none;
  }

  .karriere-hero {
    width: calc(100% - 40px);
    min-height: 680px;
    aspect-ratio: auto;
    border-radius: 0 0 32px 32px;
  }

  .integrated-hero {
    width: calc(100% - 40px);
    min-height: 680px;
    aspect-ratio: auto;
    border-radius: 0 0 32px 32px;
  }

  .news-hero {
    width: calc(100% - 40px);
    min-height: 680px;
    aspect-ratio: auto;
    border-radius: 0 0 32px 32px;
  }

  .integrated-hero__image {
    object-position: 55% center;
  }

  .news-hero__image {
    object-position: 55% center;
  }

  .integrated-hero__panel {
    right: 20px;
    bottom: 20px;
    left: 20px;
    width: auto;
    padding: 40px 28px;
    border-radius: 32px;
  }

  .news-hero__panel {
    right: 20px;
    bottom: 20px;
    left: 20px;
    width: auto;
    padding: 40px 28px;
    border-radius: 32px;
  }

  .integrated-hero__text h1 {
    font-size: clamp(34px, 7vw, 48px);
    letter-spacing: -1.8px;
  }

  .news-hero__text h1 {
    font-size: clamp(34px, 7vw, 48px);
    letter-spacing: -1.8px;
  }

  .integrated-hero__text p {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.35;
  }

  .news-hero__copy {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.35;
  }

  .integrated-breadcrumb,
  .news-breadcrumb {
    padding: 18px 20px 10px;
  }

  .integrated-breadcrumb nav,
  .news-breadcrumb nav {
    font-size: 14px;
  }

  .integrated-intro {
    padding: 64px 20px 0;
  }

  .integrated-intro__text {
    font-size: 16px;
  }

  .bewerbungsprozess {
    padding: 48px 20px;
  }

  .discover-more {
    padding: 48px 20px;
  }

  .discover-more__inner {
    gap: 40px;
  }

  .discover-more__header {
    gap: 16px;
    align-items: flex-start;
    text-align: left;
  }

  .discover-more__title {
    max-width: none;
    font-size: clamp(28px, 7vw, 36px);
    letter-spacing: -1.5px;
    text-align: left;
  }

  .discover-more__intro {
    font-size: 16px;
    text-align: left;
  }

  .discover-more__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .discover-more__card {
    min-height: auto;
  }

  .bewerbungsprozess__inner {
    gap: 40px;
    align-items: stretch;
  }

  .bewerbungsprozess__header {
    gap: 12px;
    align-items: flex-start;
    text-align: left;
  }

  .bewerbungsprozess__eyebrow span {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-orange);
  }

  .bewerbungsprozess__title {
    font-size: 28px;
    line-height: 34px;
    text-align: left;
  }

  .bewerbungsprozess__title br {
    display: none;
  }

  .bewerbungsprozess__title-desktop {
    display: none;
  }

  .bewerbungsprozess__title-mobile {
    display: inline;
  }

  .bewerbungsprozess__intro {
    font-size: 15px;
    line-height: 22px;
    text-align: left;
  }

  .bewerbungsprozess__intro-desktop {
    display: none;
  }

  .bewerbungsprozess__intro-mobile {
    display: inline;
  }

  .bewerbungsprozess__desktop-steps {
    display: none;
    margin-top: 0;
  }

  .bewerbungsprozess__mobile-steps {
    display: flex;
    flex-direction: column;
  }

  .bewerbungsprozess__cta {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    margin-top: 0;
    padding: 20px;
    border: 1px solid #e6e6e6;
    border-radius: 16px;
  }

  .bewerbungsprozess__cta-title {
    font-size: 18px;
    white-space: normal;
  }

  .bewerbungsprozess__cta-title-desktop {
    display: none;
  }

  .bewerbungsprozess__cta-title-mobile {
    display: inline;
  }

  .bewerbungsprozess__cta-intro p {
    max-width: 220px;
    font-size: 13px;
  }

  .bewerbungsprozess__cta-recruiters {
    gap: 16px;
    width: 100%;
  }

  .bewerbungsprozess__recruiter {
    width: 100%;
  }

  .bewerbungsprozess__recruiter-photo {
    width: 48px;
    height: 48px;
  }

  .bewerbungsprozess__recruiter-name {
    font-weight: 600;
  }

  .bewerbungsprozess__cta-contact {
    width: 100%;
    padding-top: 8px;
    gap: 4px;
    font-size: 13px;
  }

  .bewerbungsprozess__contact-heading,
  .bewerbungsprozess__contact-link {
    font-size: 13px;
  }

  .karriere-hero__image {
    height: 100%;
    object-position: 55% center;
  }

  .karriere-hero__panel {
    right: 20px;
    bottom: 20px;
    left: 20px;
    width: auto;
    padding: 40px 28px;
    border-radius: 32px;
  }

  .karriere-hero__text h1 {
    font-size: clamp(34px, 7vw, 48px);
    letter-spacing: -1.8px;
  }

  .karriere-hero__text p {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.35;
  }

  .karriere-hero__actions {
    /* flex-direction: column; */
    gap: 20px;
  }

  .karriere-hero__nav {
    gap: 12px;
  }

  .karriere-hero__cta_btn2 {
    font-size: 16px;
    line-height: 1.4;
  }

  .karriere-breadcrumb {
    padding: 18px 20px 10px;
    font-size: 14px;
  }

  .karriere-breadcrumb nav {
    font-size: 14px;
  }

  .karriere-intro {
    padding: 32px 20px 64px;
  }

  .karriere-intro__inner {
    gap: 20px;
  }

  .karriere-intro__heading {
    font-size: clamp(30px, 7vw, 40px);
    letter-spacing: -1.2px;
  }

  .karriere-intro__column {
    font-size: 16px;
  }

  .karriere-video {
    padding: 48px 20px 64px;
    gap: 28px;
  }

  .karriere-video__header h2 {
    font-size: clamp(28px, 7vw, 36px);
    letter-spacing: -1.5px;
  }

  .karriere-video__media::before {
    display: none;
  }

  .karriere-video__frame {
    height: min(64vw, 420px);
    border-radius: 12px 12px 80px 12px;
  }

  .karriere-video__play {
    width: 64px;
    height: 64px;
  }

  .karriere-zielgruppen {
    padding: 48px 20px 64px;
    gap: 32px;
  }

  .karriere-zielgruppen__header h2 {
    font-size: clamp(28px, 7vw, 36px);
    letter-spacing: -1.5px;
  }

  .karriere-zielgruppen__grid {
    grid-template-columns: 1fr;

  }

  .karriere-zielgruppen__card {
    min-height: 0;
  }

  .karriere-stories {
    padding: 48px 20px 64px;
    gap: 64px;
  }

  .karriere-stories__header h2 {
    font-size: clamp(28px, 7vw, 36px);
    letter-spacing: -1.5px;
  }

  .karriere-stories__cards {
    gap: 24px;
  }

  .karriere-stories__card {
    width: 100%;
  }

  .karriere-stories__card-play {
    width: 64px;
    height: 64px;
  }

  .karriere-stories__quote {
    font-size: clamp(22px, 5vw, 28px);
  }

  .karriere-stories__controls {
    padding: 32px 0;
  }

  .karriere-benefits {
    padding: 64px 20px;
    gap: 48px;
  }

  .karriere-benefits__header h2 {
    font-size: clamp(28px, 7vw, 36px);
  }

  .karriere-benefits__subtitle {
    font-size: 16px;
  }

  .karriere-benefits__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    max-width: 520px;
  }

  .karriere-benefits__card {
    min-height: 0;
  }

  .karriere-process {
    padding: 64px 20px;
    gap: 32px;
  }

  .karriere-process__header h2 {
    font-size: clamp(28px, 7vw, 36px);
  }

  .karriere-process__steps {
    flex-direction: column;
    align-items: center;
    gap: 32px;
    padding-top: 0;
  }

  .karriere-process__step {
    width: min(320px, 100%);
    min-height: 0;
  }

  .karriere-process__connector {
    display: none;
  }

  .karriere-process__cta {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
  }

  .karriere-jobs {
    padding: 64px 20px;
  }

  .karriere-jobs__header h2 {
    font-size: clamp(28px, 7vw, 36px);
  }

  .karriere-jobs__intro {
    font-size: 18px;
  }

  .karriere-jobs__intro br {
    display: none;
  }

  .karriere-jobs__content {
    gap: 40px;
  }

  .karriere-jobs__visual-outline {
    top: 16px;
    right: -16px;
  }

  .karriere-experience {
    padding: 0 20px 64px;
  }

  .karriere-experience__copy h2 {
    font-size: clamp(28px, 7vw, 36px);
  }

  .karriere-experience__copy p {
    font-size: 18px;
  }

  .karriere-experience__visual-outline {
    top: 16px;
    right: -16px;
  }

  .karriere-faq {
    padding: 64px 20px 80px;
  }

  .karriere-faq__intro h2 {
    font-size: clamp(28px, 7vw, 36px);
  }

  .karriere-faq__copy {
    font-size: 18px;
  }

  .karriere-faq__item-label {
    font-size: 18px;
  }

  .karriere-faq__number {
    width: 48px;
    height: 48px;
    font-size: 24px;
  }

  .karriere-haeufige-fragen {
    padding: 48px 20px;
    gap: 40px;
  }

  .karriere-haeufige-fragen__columns {
    flex-direction: column;
    gap: 40px;
  }

  .karriere-haeufige-fragen__column--stacked {
    gap: 40px;
  }

  .karriere-haeufige-fragen__header h2 {
    font-size: clamp(28px, 7vw, 36px);
    line-height: 1.2;
  }

  .karriere-faq__category-title {
    padding-bottom: 16px;
    font-size: 20px;
    line-height: 1.3;
  }

  .karriere-haeufige-fragen .karriere-faq__item-header {
    padding: 16px 0;
  }

  .karriere-haeufige-fragen .karriere-faq__item-label {
    font-size: 18px;
    line-height: 1.4;
  }

  .karriere-haeufige-fragen .karriere-faq__item-content {
    font-size: 16px;
    line-height: 1.5;
  }

  .karriere-einsatz {
    padding: 32px 0;
  }

  .karriere-einsatz__inner {
    gap: 32px;
  }

  .karriere-einsatz__header {
    padding: 24px 20px 0;
  }

  .karriere-einsatz__eyebrow span {
    font-size: 16px;
    white-space: normal;
    text-align: left;
  }

  .karriere-einsatz__header h2 {
    font-size: clamp(28px, 7vw, 36px);
  }

  .karriere-einsatz__intro {
    flex-direction: column;
    gap: 20px;
    padding: 16px 20px;
  }

  .karriere-einsatz__intro p {
    max-width: none;
    font-size: 18px;
    line-height: 1.5;
  }

  .karriere-einsatz__hub-text {
    font-size: 16px;
  }

  .karriere-einsatz__hub span {
    font-size: 16px;
  }

  .karriere-einsatz__diagram_outer {
    padding: 0 20px;
    margin: 20px 0 50px;
  }

  .karriere-einsatz__node {
    gap: 0;
  }

  .karriere-einsatz__node-icon {
    width: 45px;
    height: 45px;
  }

  .karriere-einsatz__node-icon img {
    width: 20px;
    height: 20px;
  }

  .karriere-einsatz__node h3 {
    font-size: 11px;
  }

  .karriere-einsatz__node p {
    max-width: none;
    font-size: 8px;
  }

  .business-feature {
    padding: 88px 20px 64px;
  }

  .business-feature__breadcrumb {
    top: 18px;
    left: 20px;
    font-size: 14px;
  }

  .service-intro {
    flex-direction: column;
    gap: 32px;
  }

  .service-intro__headline h2 {
    font-size: 34px;
    letter-spacing: -1.5px;
  }

  .service-intro__description {
    gap: 20px;
  }

  .business-feature--with-breadcrumb {
    padding: 80px 20px 48px;
  }

  .contact-info.business-feature {
    padding-bottom: 60px;
    padding-top: 60px;
  }

  .kontakt_about_slider {
    padding-bottom: 60px;
  }

  .contact-info__cards {
    gap: 24px;
  }

  .contact-info__card h2 {
    font-size: 24px;
  }

  .contact-info__body {
    font-size: 16px;
    line-height: 1.5;
  }

  .action-fields {
    padding: 64px 20px 64px;
    gap: 32px;
  }

  .action-fields__header h2 {
    font-size: 34px;
    letter-spacing: -1.5px;
  }

  .action-fields__content {
    gap: 32px;
  }

  .action-fields__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .action-fields__featured,
  .action-fields__card {
    gap: 24px;
    padding: 24px;
    min-height: 0;
  }

  .action-fields__card-body h3 {
    font-size: 20px;
  }

  .responsibility-closing {
    padding: 0 20px 30px;
  }

  .responsibility-closing__inner {
    flex-direction: column;
    align-items: stretch;
    gap: 32px;
  }

  .responsibility-closing__content {
    gap: 24px;
  }

  .responsibility-closing__copy {
    gap: 24px;
  }

  .responsibility-closing__copy h2 {
    font-size: 34px;
    letter-spacing: -1.5px;
  }

  .responsibility-closing__copy p {
    font-size: 16px;
  }

  .responsibility-closing__actions {
    max-width: none;
  }

  .responsibility-closing__button {
    width: 100%;
    white-space: normal;
    text-align: center;
  }

  .responsibility-closing__visual {
    width: calc(100% - 15px);
    max-width: none;
    align-self: stretch;
  }

  .responsibility-closing__outline {
    top: 15px;
    right: -15px;
    border-radius: 12px 12px 72px 12px;
  }

  .responsibility-closing__visual>img {
    border-radius: 12px 12px 72px 12px;
  }

  .business-feature__breadcrumb {
    max-width: calc(100% - 40px);
    line-height: 1.4;
  }

  .service-scope {
    padding: 64px 20px;
    gap: 32px;
  }

  .service-scope h2 {
    font-size: 24px;
  }

  .service-scope__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .service-network {
    padding: 30px 20px 64px;
  }

  .service-network__inner {
    gap: 40px;
  }

  .service-network__copy {
    gap: 28px;
  }

  .service-network__copy h2 {
    font-size: 34px;
    letter-spacing: -1.5px;
  }

  .service-network__copy p {
    font-size: 16px;
    line-height: 1.5;
  }

  .service-network__diagram-wrap {
    width: min(100%, 560px);
    max-width: 560px;
  }

  .service-brands {
    padding: 0 20px 64px;
    gap: 32px;
  }

  .service-brands__header h2 {
    font-size: 34px;
    letter-spacing: -1.5px;
  }

  .service-brands__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .service-brands__card {
    padding: 28px;
  }

  .service-brands__card-top {
    min-height: 0;
    gap: 20px;
  }

  .service-benefits__content {
    gap: 48px;
    padding: 64px 20px;
  }

  .service-benefits__content h2 {
    font-size: 34px;
    letter-spacing: -1.5px;
  }

  .service-benefits__grid {
    grid-template-columns: 1fr;
    gap: 32px;
    /* max-width: 560px; */
  }

  .service-expertise {
    padding: 64px 20px;
  }

  .service-expertise__eyebrow span {
    font-size: 16px;
  }

  .service-expertise__heading h2 {
    font-size: 34px;
    letter-spacing: -1.5px;
  }

  .service-expertise__visual {
    width: calc(100% - 15px);
  }

  .service-expertise__outline {
    top: 15px;
    left: 15px;
    border-radius: 12px 12px 72px 12px;
  }

  .service-expertise__visual img {
    border-radius: 12px 12px 72px 12px;
  }

  .service-closing {
    padding: 0 20px;
  }

  .service-closing__inner {
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 40px;
    padding: 20px 0px 60px 0px;
  }

  .service-closing__copy {
    flex: none;
    gap: 24px;
  }

  .service-closing__copy h2 {
    font-size: 34px;
    letter-spacing: -1.5px;
  }

  .service-closing__copy p {
    font-size: 16px;
  }

  .service-closing__actions {
    flex: none;
    width: 100%;
    max-width: 400px;
  }

  .service-closing__visual {
    flex: none;
    width: calc(100% - 15px);
  }

  .service-closing__outline {
    top: 15px;
    left: 15px;
    border-radius: 12px 12px 72px 12px;
  }

  .service-closing__visual>img {
    border-radius: 12px 12px 72px 12px;
  }

  .business-feature__content {
    /* flex-direction: column; */
    align-items: stretch;
    gap: 40px;
  }

  .business-feature__heading h2 {
    font-size: 34px;
    letter-spacing: -1.5px;
  }

  .business-feature__copy p {
    font-size: 16px;
  }

  .business-logistics__team img {
    top: 0;
  }

  .business-logistics__content {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .business-logistics__visual {
    height: min(70vw, 520px);
  }

  .business-feature--reverse .business-feature__content {
    gap: 40px;
  }

  .business-feature--reverse .business-feature__visual::after {
    height: 100%;
    left: 16px;
    top: 16px;
    border-radius: 12px 12px 70px 12px;
  }

  .service-benefits {
    background-color: #FDF1E6;
  }

  .service-benefits__visual_box {

    background: linear-gradient(180deg,
        #FFFFFF 0%,
        #FFFFFF 10%,
        #EE72021A 20%,
        #EE72021A 100%);

  }

  .innovation__list li {
    font-size: 16px;
  }

  .advisory-board {
    padding: 80px 20px 72px;
  }

  .innovation-intro__inner {
    gap: 20px;
  }

  .innovation-intro__inner p {
    font-size: 16px;
  }

  .innovation-intro h5 {
    font-size: 24px;
  }

  .advisory-board__breadcrumb {
    left: 20px;
    max-width: calc(100% - 40px);
    padding: 20px 0 0;
  }

  .media_center_section {
    gap: 36px;
    padding: 64px 20px 64px;
  }

  .faq__header h2 {
    font-size: 30px;
  }

  .faq__header p {
    font-size: 16px;
  }

  .faq__item-header {
    font-size: 18px;
    line-height: 1.4;
    padding: 16px 0;
  }

  .faq__download {
    font-size: 16px;
  }

  .leitgedanke {
    padding: 0 20px 64px;
  }

  .history-timeline {
    padding: 0 20px 64px;
  }

  .history-timeline__grid,
  .history-timeline__column {
    gap: 20px;
  }

  .history-timeline__card {
    padding: 20px;
  }

  .history-timeline__card-heading h3 {
    font-size: 28px;
  }

  .history-timeline__image {
    border-radius: 12px 12px 80px 12px;
  }

  .history-timeline__visual {
    margin-top: 12px;
    margin-right: 12px;
  }

  .history-timeline__outline {
    border-radius: 12px 12px 80px 12px;
  }

  .leitgedanke__inner {
    padding: 28px;
    border-radius: 24px;
  }

  .leitgedanke__copy h2 {
    font-size: 30px;
    letter-spacing: -1px;
  }

  .leitgedanke__copy p {
    font-size: 16px;
  }

  .leitgedanke__quote-label {
    font-size: 17px;
  }

  .leitgedanke__quote-text {
    font-size: 21px;
  }

  .about-slider__slide {
    width: 300px;
    height: 212px;
    border-radius: 10px;
  }

  .advisory-board__intro {
    gap: 18px;
  }

  .advisory-board__intro p br {
    display: none;
  }

  .advisory-board__intro h5 {
    font-size: 20px;
  }

  .advisory-board__intro p {
    font-size: 16px;
  }

  .advisory-board__intro span {
    font-size: 16px;
  }

  .advisory-board__members {
    gap: 40px 24px;
    margin-top: 40px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .advisory-board__member {
    flex-basis: calc((100% - 24px) / 2);
  }

  .advisory-board__member img {
    width: 144px;
    height: 144px;
    margin-bottom: 24px;
  }

  .advisory-board__member h3 {
    font-size: 20px;
  }

  .advisory-board__member p {
    margin-top: 12px;
    font-size: 16px;
  }

  .leitgedanke {
    padding: 60px 0px;
  }

  .leitgedanke__inner {
    padding: 0px 20px;
    gap: 20px;
  }

  .leitgedanke__copy {
    gap: 20px;
  }

  .leitgedanke__copy h2 {
    font-size: 28px;
  }

  .leitgedanke__quote-text {
    font-size: 24px;
  }

  .history-timeline__outline {
    width: calc(100% - 17px);
  }

  .history-timeline__image {
    width: calc(100% - 15px);
  }

  .innovation-intro-section {
    padding: 0 20px !important;
  }

  .innovation-portal__visual {
    height: 320px;
  }

  .innovation-portal__outline {
    top: 16px;
    right: -16px;
    border-radius: 12px 12px 80px 12px;
  }

  .innovation-portal__visual img {
    border-radius: 12px 12px 80px 12px;
  }

  .innovation-fields__header {

    order: -1;
  }

  .innovation-portal__content {
    flex-direction: column-reverse;
  }

  .diagram__node {
    width: 100px;
    height: 100px;
  }

  .diagram__node--aerzte {
    left: 14%;
    top: 15.5%;
  }

  .diagram__node--logistik {
    left: 11.6%;
    top: 66.5%;
  }

  .diagram__node--produkte {
    left: 3.3%;
    top: 40%;
  }

  .diagram__node-content {
    width: 100px;
    height: 100px;
  }

  .contact-info__card {
    max-width: 100%;
  }

  .menu__toggle span {
    height: 3px;
    right: 8px;
    left: 8px;
  }

  .menu__toggle span:nth-child(1) {
    top: 11px;
  }

  .menu__toggle span:nth-child(2) {
    top: 22px;
  }

  .menu__toggle span:nth-child(3) {
    top: 33px;
  }

  .menu__toggle[aria-expanded="true"] span:nth-child(1) {
    transform: translateY(14px) rotate(45deg);
  }

  .kompetenz__orbit {
    left: 25.01%;
    top: 5.71%;
    width: 71.83%;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .rich__text_section h1 {
    font-size: 28px;
  }

  .service-expertise.innovation-intro-section.rich__text_section {
    padding: 50px 20px !important
  }

  .business-feature--reverse .business-feature__visual,
  .business-feature__visual {
    margin-top: 12px;
    margin-right: 12px;
  }

  .jobs__slider {
    padding: 0px 0px 0px 2px;
  }

  .footer_block .site-footer__bottom {
    padding: 50px 20px 60px 20px;
  }

  .karriere-intro__eyebrow span,
  .karriere-video__eyebrow span,
  .karriere-jobs__eyebrow span,
  .karriere-zielgruppen__eyebrow span,
  .karriere-stories__eyebrow span,
  .karriere-benefits__eyebrow span,
  .karriere-faq__eyebrow span,
  .innovation-stance__eyebrow span,
  .leadership__eyebrow span,
  .discover-more__eyebrow span {
    font-size: 16px;
  }
}

@media screen and (max-width: 600px) {
  .search-modal {
    padding: 20px;
  }

  .search-modal__panel {
    padding: 24px 12px;
  }

  .search-modal__close {
    top: -20px;
    right: 0;
  }

  .search-modal__form h2 {
    font-size: 23px;
  }

  .usp__item {
    width: calc(50% - 16px);
    min-height: 0;
  }

  .innovation__visual img {
    height: auto;
    aspect-ratio: 820 / 624;
  }

  .business-hero {
    min-height: 560px;
  }

  .business-hero__panel {
    padding: 28px 24px;
    border-radius: 24px;
  }


  .business-hero__panel h1 {
    font-size: 32px;
  }

  .karriere-hero {
    min-height: 560px;
  }

  .integrated-hero {
    min-height: 560px;
  }

  .news-hero {
    min-height: 560px;
  }

  .integrated-hero__panel {
    padding: 28px 24px;
    border-radius: 24px;
  }

  .news-hero__panel {
    padding: 28px 24px;
    border-radius: 24px;
  }

  .integrated-hero__text h1 {
    font-size: 32px;
  }

  .news-hero__text h1 {
    font-size: 32px;
  }

  .karriere-hero__panel {
    padding: 28px 24px;
    border-radius: 24px;
  }

  .karriere-hero__text h1 {
    font-size: 32px;
  }

  .business-feature {
    padding: 64px 20px;
  }

  .business-feature--with-breadcrumb {
    padding: 76px 20px 40px;
  }

  .contact-info.business-feature {
    padding-bottom: 48px;
    padding-top: 48px;
  }

  .contact-info__card {
    min-height: 0;
    padding: 16px;
    gap: 15px;
    border-radius: 16px;
  }

  .contact-info__highlight {
    padding-top: 15px;
  }

  .contact-info__card h2 {
    padding-top: 12px;
    font-size: 22px;
  }

  .action-fields__header h2 {
    font-size: 30px;
  }

  .action-fields__eyebrow span {
    font-size: 16px;
  }

  .action-fields__featured,
  .action-fields__card {
    padding: 20px;
    border-radius: 10px;
  }

  .action-fields__card-body h3 {
    font-size: 18px;
  }

  .action-fields__button {
    width: 100%;
    justify-content: center;
    padding: 12px 20px;
    font-size: 15px;
  }

  .responsibility-closing__copy h2 {
    font-size: 30px;
    letter-spacing: -1.2px;
  }

  .responsibility-closing__copy p {
    font-size: 15px;
  }

  .responsibility-closing__button {
    padding: 12px 20px;
    font-size: 15px;
  }

  .responsibility-closing__visual>img {
    border-radius: 12px 12px 56px 12px;
  }

  .responsibility-closing__outline {
    top: 12px;
    right: -12px;
    border-radius: 12px 12px 56px 12px;
  }

  .service-intro {
    gap: 28px;
  }

  .service-intro__eyebrow span {
    font-size: 16px;
  }

  .service-intro__headline h2 {
    font-size: 30px;
    line-height: 1.15;
    letter-spacing: -1.2px;
  }

  .service-intro__description {
    gap: 16px;
  }

  .service-scope {
    padding: 48px 20px;
    gap: 28px;
  }

  .service-scope h2 {
    font-size: 22px;
  }

  .service-scope__card {
    padding: 20px;
  }

  .service-network {
    padding: 30px 20px 48px;
  }

  .service-network__inner {
    gap: 32px;
    flex-direction: column-reverse;
  }

  .service-network__eyebrow span {
    font-size: 16px;
  }

  .service-network__copy h2 {
    font-size: 30px;
    line-height: 1.15;
    letter-spacing: -1.2px;
  }

  .service-network__diagram-wrap {
    width: min(100%, 480px);
    max-width: 480px;
  }

  .service-brands {
    padding: 0 20px 48px;
    gap: 28px;
  }

  .service-brands__eyebrow span {
    font-size: 16px;
  }

  .service-brands__header h2 {
    font-size: 30px;
    line-height: 1.15;
    letter-spacing: -1.2px;
  }

  .service-brands__card {
    padding: 24px;
  }

  .service-brands__logo {
    height: 100px;
    max-width: 130px;
  }

  .service-brands__logo img {
    max-height: 100px;
  }

  .service-benefits__content {
    gap: 40px;
    padding: 48px 20px;
  }

  .service-benefits__content h2 {
    font-size: 30px;
    line-height: 1.15;
    letter-spacing: -1.2px;
  }

  .service-benefits__grid {
    gap: 28px;
  }

  .service-benefits__item {
    gap: 12px;
  }

  .service-benefits__item-heading {
    min-height: 52px;
  }

  .service-benefits__icon {
    flex-basis: 52px;
    width: 52px;
    height: 52px;
  }

  .service-benefits__icon img {
    width: 40px;
    height: 40px;
  }

  .service-expertise {
    padding: 48px 20px;
  }

  .service-expertise__heading h2 {
    font-size: 30px;
    line-height: 1.15;
    letter-spacing: -1.2px;
  }

  .service-expertise__heading h2 br {
    display: none;
  }

  .service-expertise__copy>p {
    line-height: 1.5;
  }

  .service-expertise__visual img {
    border-radius: 10px 10px 56px 10px;
  }

  .service-closing__copy h2 {
    font-size: 30px;
    line-height: 1.15;
    letter-spacing: -1.2px;
  }

  .service-closing__copy p {
    font-size: 15px;
    line-height: 1.5;

  }

  .service-closing__copy p br {
    display: none;

  }

  .service-closing__button {
    width: 100%;
    white-space: normal;
    text-align: center;
  }

  .service-closing__visual>img {
    border-radius: 10px 10px 56px 10px;
  }

  .business-feature__content,
  .business-feature--reverse .business-feature__content,
  .business-logistics__content {
    gap: 50px;
  }

  .business-feature__heading {
    gap: 12px;
  }

  .business-feature__heading>span {
    font-size: 24px;
  }

  .business-feature__heading h2 {
    font-size: 30px;
    line-height: 1.15;
    letter-spacing: -1.2px;
  }

  .business-feature__copy {
    gap: 16px;
  }

  .business-feature__content_box {

    gap: 14px;
  }

  .business-feature__copy p {
    line-height: 1.5;
  }


  .business-feature__visual::after {

    left: 16px;
    top: 16px;
    border-radius: 12px 12px 70px 12px;

  }



  .business-logistics__team img {
    top: 0;
    width: 760px;
  }


  .site-footer__contact {
    padding: 60px 20px 0;
  }

  .business-logistics {
    padding: 60px 20px;
  }

  .service-expertise {
    padding: 60px 20px;
  }

  .advisory-board__member img {
    width: 128px;
    height: 128px;
  }

  .karriere-zielgruppen__card {
    padding: 24px;
  }

  .advisory-board__breadcrumb a,
  .advisory-board__breadcrumb span {
    font-size: 14px;
  }
}

@media screen and (max-width: 479px) {
  .advisory-board__breadcrumb {
    flex-wrap: wrap;
  }

  .advisory-board__breadcrumb {
    gap: 5px;
  }

  .advisory-board__breadcrumb a,
  .advisory-board__breadcrumb span {
    font-size: 11px;
  }

  .karriere-einsatz__diagram_outer {
    padding: 0 20px;
  }

  .karriere-benefits__card {
    min-height: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 20px;
    padding: 24px 20px;
  }



  .diagram__spokes {
    position: absolute;
    inset: 0;
    margin: 0 auto;
    width: 70%;
    height: 100%;
    pointer-events: none;
  }

  .diagram__node--aerzte {
    left: 10%;
    top: 14.5%;
  }

  .diagram__node--produkte {
    left: -1px;
    top: 42%;
  }

  .diagram__node--logistik {
    left: 10.6%;
    top: 68.5%;
  }

  .diagram__node--daten {
    bottom: 0%;
  }

  .karriere-benefits__card_content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-content: flex-start;
    text-align: left;
  }

  .usp__item {
    width: 100%;
  }

  .usp__divider {
    display: block;
    width: 100%;
    height: 1px;
  }

  .usp__label {
    max-width: 100%;
    color: #6E6E73;
  }

  .karriere-zielgruppen__card {
    padding: 20px;
  }

  .usp__value {
    font-size: 18px;
  }

  .karriere-jobs__visual img {
    border-radius: 12px 12px 80px 12px;
  }

  .karriere-jobs__visual-outline {
    top: 12px;
    right: -12px;
    border-radius: 12px 12px 80px 12px;
  }

  .karriere-video__frame {
    border-radius: 12px 12px 12px 12px;
  }

  .karriere-benefits__header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    text-align: left;
  }

  .karriere-video__media {
    padding: 0;
  }

  .usp__icon {
    height: 45px;
  }

  .leadership {
    padding: 56px 20px 26px 20px;
    gap: 20px;
  }

  .responsibility-closing__copy,
  .action-fields {
    gap: 20px;
  }

  .responsibility-closing__inner {
    gap: 0px;
  }

  .jobs {
    padding: 40px 0px 64px 0px;
  }

  .jobs__container {
    gap: 20px;
  }

  .site-footer__bottom {
    margin-top: 40px;
  }

  .mobile-menu {
    padding-right: 20px;
    padding-left: 20px;
  }

  .hero {
    height: 520px;
  }

  .hero__content {
    bottom: 70px;
  }

  .kompetenz__card {
    flex-basis: 100%;
  }

  .leadership__quote>p {
    font-size: 20px;
  }

  .site-footer__header h2 {
    font-size: 32px;
  }

  .contact-form__submit {
    width: 100%;
    justify-content: center;
  }



  .site-footer__brand img {
    width: 200px;
  }

  .site-footer__nav {
    grid-template-columns: repeat(2, max-content);
  }

  .business-hero__image {
    object-position: 58% center;
    position: relative;
  }

  .business-hero__panel {
    padding: 20px;
    border-radius: 0;
    background-color: #FCFAF4;
  }

  .business-hero__panel h1 {
    font-size: 30px;
  }

  .karriere-hero__actions {

    margin-top: 20px;
  }

  .business-feature--with-breadcrumb {
    padding: 68px 20px 36px;
  }

  .service-intro__headline h2 {
    font-size: 28px;
    letter-spacing: -1px;
  }

  .service-network__copy h2 {
    font-size: 28px;
    letter-spacing: -1px;
  }

  .service-network__diagram-wrap {
    width: min(100%, 400px);
    max-width: 400px;
  }

  .service-brands__header h2 {
    font-size: 28px;
    letter-spacing: -1px;
  }

  .service-benefits__content h2 {
    font-size: 28px;
    letter-spacing: -1px;
  }

  .service-benefits__item h3 {
    font-size: 17px;
  }

  .service-expertise__heading h2 {
    font-size: 28px;
    letter-spacing: -1px;
  }

  .service-closing__copy h2 {
    font-size: 28px;
    letter-spacing: -1px;
  }

  .advisory-board__members {
    gap: 30px 20px;
  }

  .advisory-board__member {
    flex-basis: calc((100% - 20px) / 2);
  }

  .advisory-board__member img {
    width: 128px;
    height: 128px;
    margin-bottom: 15px;
  }

  .advisory-board__member h3 {
    font-size: 16px;
  }

  .advisory-board__member p {
    margin-top: 0px;
    font-size: 14px;
  }

  .site-footer__form-wrap {
    gap: 20px;
  }

  .advisory-board {
    padding: 60px 20px 60px;
  }

  .advisory-board__member h3 br {
    display: none;
  }

  .business-hero {
    min-height: 480px;
    padding: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 0;
  }

  .karriere-hero {
    min-height: 480px;
    padding-top: 900px;
  }

  .karriere-hero__cta_btn2 {
    padding: 11px 15px;
  }

  .karriere-intro {
    padding: 24px 20px 48px;
  }

  .karriere-intro__heading {
    font-size: 28px;
    letter-spacing: -1px;
  }

  .karriere-video {
    padding: 40px 20px 48px;
  }

  .karriere-video__header h2 {
    font-size: 24px;
    letter-spacing: -1px;
  }

  .karriere-video__frame {
    height: min(68vw, 320px);
  }

  .karriere-zielgruppen {
    padding: 40px 20px 48px;
  }

  .karriere-zielgruppen__header h2 {
    font-size: 24px;
    letter-spacing: -1px;
  }

  .karriere-stories {
    padding: 40px 20px 48px;
    gap: 48px;
  }

  .karriere-stories__header h2 {
    font-size: 24px;
    letter-spacing: -1px;
  }

  .karriere-stories__quote-label {
    font-size: 16px;
  }

  .karriere-stories__quote {
    font-size: 20px;
  }

  .karriere-benefits {
    padding: 48px 20px;
    gap: 40px;
  }

  .karriere-benefits__header h2 {
    font-size: 24px;
  }

  .karriere-benefits__grid {
    grid-template-columns: 1fr;
    max-width: 100%;
  }

  .karriere-process {
    padding: 48px 20px;
    gap: 28px;
  }

  .karriere-process__header h2 {
    font-size: 24px;
  }

  .karriere-process__cta-title {
    font-size: 18px;
  }

  .karriere-jobs {
    padding: 48px 20px;
  }

  .karriere-jobs__header h2 {
    font-size: 24px;
  }

  .karriere-jobs__intro {
    font-size: 16px;
  }

  .karriere-jobs__card h4 {
    font-size: 18px;
    line-height: 1.4;
  }

  .karriere-experience {
    padding: 0 20px 48px;
  }

  .karriere-experience__copy h2 {
    font-size: 24px;
    letter-spacing: -0.5px;
  }

  .karriere-experience__copy p {
    font-size: 16px;
  }

  .karriere-faq {
    padding: 48px 20px 64px;
  }

  .karriere-faq__intro h2 {
    font-size: 24px;
  }

  .karriere-faq__intro h2 br {
    display: none;
  }

  .karriere-faq__copy {
    font-size: 16px;
  }

  .karriere-faq__item-content {
    font-size: 16px;
  }

  .karriere-haeufige-fragen {
    padding: 40px 20px;
    gap: 32px;
  }

  .karriere-haeufige-fragen__header h2 {
    font-size: 24px;
  }

  .karriere-faq__category-title {
    font-size: 18px;
  }

  .karriere-haeufige-fragen .karriere-faq__item-label {
    font-size: 17px;
  }

  .karriere-einsatz {
    padding: 24px 0;
  }

  .karriere-einsatz__header h2 {
    font-size: 24px;
    text-align: left;
  }

  .karriere-einsatz__intro p {
    font-size: 16px;
  }

  .karriere-einsatz__node-icon {
    width: 35px;
    height: 35px;
  }

  .karriere-einsatz__node-icon img {
    width: 14px;
    height: 14px;
  }

  .karriere-einsatz__node h3 {
    font-size: 11px;
  }

  .karriere-einsatz__node p {
    display: none;
  }

  .karriere-einsatz__hub-text {
    font-size: 13px;
  }

  .karriere-einsatz__hub span {
    font-size: 13px;
  }

  .diagram__node {
    width: 80px;
    height: 80px;
    background-color: transparent;
    box-shadow: none;
  }


  .diagram__node-content {
    width: 80px;
    height: 80px;
    margin: auto;
    background-color: transparent;
    box-shadow: none;
  }


}

@media screen and (max-width: 400px) {
  .kompetenz__satellite h3 {
    font-size: 10px;
  }

  .kompetenz__satellite p {
    font-size: 8px;
  }

  .kompetenz__hub-title,
  .kompetenz__hub-accent,
  .kompetenz__hub span {
    font-size: 11px;
    line-height: 1.15;
  }
}



@media screen and (max-width: 380px) {
  .header_con {
    padding-top: 80px;
  }
}

@media screen and (max-width: 782px) {
  .logged-in .header_menu {
    top: 46px;
  }
}

/* Responsive end */


/* Job search page */
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.job-search-page {
  background-color: #f5f5f5;
}

.job-search {
  width: 100%;
  padding: 48px 0 80px;
}

.job-search__container {
  max-width: 1320px;
}

.job-search__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 32px;
}

.job-search__title {
  font-size: clamp(32px, 5vw, 48px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.5px;
  color: var(--color-heading);
}

.job-search__filter-toggle {
  display: none;
  padding: 12px 20px;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  background-color: var(--color-white);
  color: var(--color-black);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}

.job-search__filter-toggle:hover {
  border-color: var(--color-orange);
  color: var(--color-orange);
}

.job-search__layout {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 48px;
  align-items: start;
}

.job-search__sidebar {
  position: sticky;
  top: 24px;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 48px);
  padding: 20px 16px;
  border-radius: 12px;
  background-color: var(--color-white);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}

.job-search__filters-form {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
  min-height: 0;
  flex: 1 1 auto;
}

.job-search__filters-scroll {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-height: 0;
  overflow-y: auto;
  padding-right: 4px;
}

.job-search__filter-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-shrink: 0;
}

.job-search__filter-heading {
  padding-bottom: 6px;
  border-bottom: 2px solid var(--color-orange);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--color-heading);
}

.job-search__filter-search-wrap {
  display: block;
  width: 100%;
}

.job-search__filter-search {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  background-color: #fafafa;
  color: var(--color-black);
  font-family: inherit;
  font-size: 13px;
  line-height: 1.2;
}

.job-search__filter-search:focus {
  border-color: var(--color-orange);
  background-color: var(--color-white);
}

.job-search__filter-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  list-style: none;
}

.job-search__filter-list--scroll {
  max-height: 180px;
  overflow-y: auto;
  padding-right: 4px;
  scrollbar-width: thin;
  scrollbar-color: #d9d9d9 transparent;
}

.job-search__filter-list--scroll::-webkit-scrollbar {
  width: 6px;
}

.job-search__filter-list--scroll::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background-color: #d9d9d9;
}

.job-search__filter-option {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 5px 0;
  cursor: pointer;
}

.job-search__filter-option input[type="checkbox"] {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-top: 1px;
  accent-color: var(--color-orange);
  cursor: pointer;
}

.job-search__filter-option span {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
  color: var(--color-nav-bg);
  word-break: break-word;
}

.job-search__filter-option:hover span {
  color: var(--color-black);
}

.job-search__filter-reset {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 4px;
  padding: 10px 16px;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  background-color: transparent;
  color: var(--color-nav-bg);
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  transition: border-color 0.2s ease, color 0.2s ease;
}

.job-search__filter-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-shrink: 0;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #ececec;
  background-color: var(--color-white);
}

.job-search__filter-submit {
  width: 100%;
  border: none;
  cursor: pointer;
}

.job-search__filter-reset:hover {
  border-color: var(--color-orange);
  color: var(--color-orange);
}

.job-search__results {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}

.job-search__results-count {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--color-nav-bg);
}

.job-search__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  list-style: none;

  /* overflow: hidden; */
}

.job-search__item {
  border-radius: 12px;
  background-color: var(--color-white);
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.job-search__item:last-child {
  border-bottom: none;
}

.job-search__item[hidden] {
  display: none;
}

.job-search__card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 24px 28px;
  transition: background-color 0.2s ease;
}

.job-search__card:hover {
  background-color: #fdfbf9;
}

.job-search__card-title {
  font-size: clamp(18px, 2.5vw, 22px);
  font-weight: 700;
  line-height: 1.35;
  color: var(--color-heading);
  transition: color 0.2s ease;
}

.job-search__card:hover .job-search__card-title {
  color: var(--color-orange);
}

.job-search__card-meta,
.job-search__card-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  line-height: 1.5;
}

.job-search__card-meta {
  color: var(--color-nav-bg);
}

.job-search__card-meta span:first-child {
  font-weight: 600;
  color: var(--color-black);
}

.job-search__card-footer {
  color: #888;
}

.job-search__card-divider {
  color: #ccc;
}

.job-search__empty {
  padding: 48px 24px;
  border-radius: 12px;
  background-color: var(--color-white);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: var(--color-nav-bg);
}

.job-search__pagination {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding-top: 8px;
  overflow-x: auto;
}

.job-search__pagination-btn {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  min-width: 88px;
  padding: 10px 14px;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  background-color: var(--color-white);
  color: var(--color-black);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
}

.job-search__pagination-btn:hover {
  border-color: var(--color-orange);
  color: var(--color-orange);
}

.job-search__pagination-btn.is-disabled {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}

.job-search__pagination-list {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.job-search__pagination-page {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 10px;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  background-color: var(--color-white);
  color: var(--color-black);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.job-search__pagination-ellipsis {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 40px;
  color: var(--color-nav-bg);
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  user-select: none;
}

a.job-search__pagination-page:hover {
  border-color: var(--color-orange);
  color: var(--color-orange);
}

.job-search__pagination-page--active {
  border-color: var(--color-orange);
  background-color: var(--color-orange);
  color: var(--color-white);
}

.job-search__pagination-page--active:hover {
  color: var(--color-white);
}

@media screen and (max-width: 1024px) {
  .job-search {
    padding: 40px 0 64px;
  }

  .job-search__layout {
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 32px;
  }

  .job-search__sidebar {
    padding: 24px 20px;
  }
}

@media screen and (max-width: 767px) {
  .job-search {
    padding: 32px 0 48px;
  }

  .job-search__header {
    flex-direction: column;
    align-items: stretch;
    margin-bottom: 24px;
  }

  .job-search__filter-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  .job-search__layout {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .job-search__sidebar {
    position: static;
    display: none;
    gap: 24px;
    padding: 24px 20px;
  }

  .job-search__sidebar--open {
    display: flex;
  }

  .job-search__card {
    padding: 20px;
  }

  .job-search__card-meta,
  .job-search__card-footer {
    font-size: 13px;
  }

  .job-search__pagination {
    gap: 8px;
  }

  .job-search__pagination-btn {
    padding: 8px 14px;
    font-size: 13px;
  }

  .job-search__pagination-page {
    min-width: 36px;
    height: 36px;
    font-size: 13px;
  }
}

@media screen and (max-width: 479px) {
  .job-search__title {
    font-size: 28px;
  }

  .job-search__filter-heading {
    font-size: 13px;
  }

  .job-search__filter-option span {
    font-size: 13px;
  }
}

/* Job search page end */

/* Job detail page */
.job-detail-page {
  background-color: #f5f5f5;
}

.job-detail {
  width: 100%;
  padding: 40px 0 80px;
}

.job-detail__container {
  max-width: 1200px;
}

.job-detail__breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
  font-size: 14px;
  line-height: 1.4;
  color: var(--color-nav-bg);
}

.job-detail__breadcrumb a {
  color: var(--color-orange);
  font-weight: 600;
  transition: opacity 0.2s ease;
}

.job-detail__breadcrumb a:hover {
  opacity: 0.8;
}

.job-detail__breadcrumb-divider {
  color: #ccc;
}

.job-detail__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 40px;
  align-items: start;
}

.job-detail__main {
  padding: 32px;
  border-radius: 12px;
  background-color: var(--color-white);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.job-detail__header {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 32px;
  padding-bottom: 24px;
  border-bottom: 1px solid #ececec;
}

.job-detail__title {
  font-size: clamp(28px, 4vw, 40px);
  font-weight: 700;
  line-height: 1.25;
  color: var(--color-heading);
}

.job-detail__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
}

.job-detail__meta li {
  padding: 6px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 100px;
  background-color: #fafafa;
  color: var(--color-nav-bg);
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
}

.job-detail__apply {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 14px 24px;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

.job-detail__apply--mobile {
  display: none;
}

.job-detail__intro {
  margin-bottom: 32px;
  color: var(--color-black);
  font-size: 18px;
  line-height: 1.6;
}

.job-detail__section {
  margin-bottom: 32px;
}

.job-detail__section h2 {
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-heading);
}

.job-detail__section--about {
  padding-top: 8px;
}

.job-detail__richtext {
  color: var(--color-nav-bg);
  font-size: 16px;
  line-height: 1.65;
}

.job-detail__content_richtext p,
.job-detail__content_richtext p span {
  color: var(--color-nav-bg);
  font-size: 16px !important;
  line-height: 1.65;
}

.job-detail__content_richtext p a:hover,
.job-detail__content_richtext p span a:hover {
  color: var(--color-orange-nav);
}


.job-detail__content_richtext p:empty,
.job-detail__content_richtext p:has(br:only-child) {
  display: none;
}

.job-detail__richtext p {
  margin-bottom: 1em;
}

.job-detail__richtext p:last-child {
  margin-bottom: 0;
}

.job-detail__richtext ul,
.job-detail__richtext ol {
  margin: 0 0 1em;
  padding-left: 1.25em;
}

.job-detail__richtext li {
  margin-bottom: 0.5em;
}

.job-detail__richtext li:last-child {
  margin-bottom: 0;
}

.job-detail__richtext h3,
.job-detail__richtext h4 {
  margin: 1.5em 0 0.75em;
  color: var(--color-heading);
  font-weight: 700;
}

.job-detail__cta-inline {
  margin: 8px 0 32px;
}

.job-detail__encouragement {
  margin-top: 16px;
  padding: 28px;
  border-radius: 12px;
  background-color: #fdfbf9;
}

.job-detail__encouragement h2 {
  margin-bottom: 12px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-heading);
}

.job-detail__encouragement p {
  margin-bottom: 20px;
  color: var(--color-nav-bg);
  font-size: 16px;
  line-height: 1.6;
}

.job-detail__sidebar {
  position: sticky;
  top: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.job-detail__sidebar-card {
  padding: 24px;
  border-radius: 12px;
  background-color: var(--color-white);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.job-detail__sidebar-card .job-detail__apply {
  width: 100%;
  margin-bottom: 20px;
}

.job-detail__facts {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.job-detail__fact dt {
  margin-bottom: 4px;
  color: #888;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-transform: uppercase;
}

.job-detail__fact dd {
  color: var(--color-heading);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.job-detail__contact h2 {
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-heading);
}

.job-detail__contact-text {
  color: var(--color-nav-bg);
  font-size: 14px;
  line-height: 1.6;
}

.job-detail__related {
  margin-top: 48px;
  padding: 32px;
  border-radius: 12px;
  background-color: var(--color-white);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.job-detail__related h2 {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-heading);
}

.job-detail__related-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  list-style: none;
}

.job-detail__related-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
  padding: 20px;
  border: 1px solid #ececec;
  border-radius: 10px;
  background-color: #fafafa;
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.job-detail__related-card:hover {
  border-color: var(--color-orange);
  background-color: var(--color-white);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.job-detail__related-card h3 {
  color: var(--color-heading);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
  transition: color 0.2s ease;
}

.job-detail__related-card:hover h3 {
  color: var(--color-orange);
}

.job-detail__related-card p {
  color: var(--color-nav-bg);
  font-size: 13px;
  line-height: 1.5;
}

.job-detail__not-found {
  padding: 48px 32px;
  border-radius: 12px;
  background-color: var(--color-white);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  text-align: center;
}

.job-detail__not-found h1 {
  margin-bottom: 12px;
  font-size: 32px;
  font-weight: 700;
  color: var(--color-heading);
}

.job-detail__not-found p {
  max-width: 520px;
  margin: 0 auto 24px;
  color: var(--color-nav-bg);
  font-size: 16px;
  line-height: 1.6;
}

@media screen and (max-width: 1024px) {
  .job-detail__layout {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .job-detail__sidebar {
    position: static;
  }

  .job-detail__related-list {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 767px) {
  .job-detail {
    padding: 24px 0 48px;
  }

  .job-detail__main,
  .job-detail__related {
    padding: 24px 20px;
  }

  .job-detail__apply--mobile {
    display: inline-flex;
    width: 100%;
  }

  .job-detail__sidebar-card .job-detail__apply {
    display: none;
  }

  .job-detail__section h2,
  .job-detail__related h2 {
    font-size: 20px;
  }

  .job-detail__intro {
    font-size: 16px;
  }
}

/* Job detail page end */

/* Site search results */
.site-search-page {
  background-color: #f5f5f5;
}

.site-search {
  width: 100%;
  padding: 0 0 80px;
}

.site-search__breadcrumb {
  padding-top: 26px;
  padding-bottom: 0;
}

.site-search__container {
  max-width: 960px;
  padding-top: 32px;
}

.site-search__header {
  margin-bottom: 24px;
}

.site-search__title {
  font-size: clamp(32px, 5vw, 48px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.5px;
  color: var(--color-heading);
}

.site-search__form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 32px;
}

.site-search__form-label {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--color-heading);
}

.site-search__form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.site-search__form-input {
  flex: auto;
  min-width: 0;
  padding: 14px 16px;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  background-color: var(--color-white);
  color: var(--color-black);
  font-family: inherit;
  font-size: 15px;
  line-height: 1.2;
}

.site-search__form-input:focus {
  border-color: var(--color-orange);
  outline: none;
}

.site-search__form-submit {
  flex-shrink: 0;
  border: none;
  cursor: pointer;
}

.site-search__count {
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--color-nav-bg);
}

.site-search__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  list-style: none;
}

.site-search__item {
  border-radius: 12px;
  background-color: var(--color-white);
  box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
}

.site-search__card {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px 24px;
  transition: background-color 0.2s ease;
}

.site-search__card:hover {
  background-color: #fdfbf9;
}

.site-search__card-media {
  flex-shrink: 0;
  width: 88px;
  height: 88px;
  border-radius: 8px;
  overflow: hidden;
  background-color: #e9f5f1;
}

.site-search__card-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.site-search__card-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.site-search__card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.site-search__card-tag {
  padding: 6px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 100px;
  background-color: #fafafa;
  color: var(--color-nav-bg);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}

.site-search__card-title {
  color: var(--color-heading);
  font-size: clamp(18px, 2.5vw, 22px);
  font-weight: 700;
  line-height: 1.35;
  transition: color 0.2s ease;
}

.site-search__card:hover .site-search__card-title {
  color: var(--color-orange);
}

.site-search__card-excerpt {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 14px;
  line-height: 1.6;
  color: var(--color-nav-bg);
}

.site-search__card-meta {
  font-size: 13px;
  line-height: 1.4;
  color: #888;
}

.site-search__card-arrow {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background-color: #ee7202;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.site-search__card-arrow img {
  width: 18px;
  height: 18px;
}

.site-search__card:hover .site-search__card-arrow {
  background-color: #ee700295;
  transform: translateX(2px);
}

.site-search__empty {
  padding: 48px 24px;
  border-radius: 12px;
  background-color: var(--color-white);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: var(--color-nav-bg);
}

.site-search__pagination {
  display: flex;
  justify-content: center;
  padding-top: 32px;
}

.site-search__pagination-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  list-style: none;
}

.site-search__pagination-list a,
.site-search__pagination-list span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 10px 16px;
  border: 1px solid #e0e1e5;
  border-radius: 100px;
  background-color: var(--color-white);
  color: #6b7280;
  font-size: 15px;
  line-height: 1;
  transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
}

.site-search__pagination-list a:hover {
  border-color: var(--color-orange);
  color: var(--color-orange);
}

.site-search__pagination-list .current {
  border-color: var(--color-orange);
  background-color: var(--color-orange);
  color: var(--color-white);
}

@media screen and (max-width: 767px) {
  .site-search__breadcrumb {
    padding: 20px 16px 0;
  }

  .site-search__card {
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 20px;
    flex-direction: column;
  }

  .site-search__card-media {
    width: 72px;
    height: 72px;
  }

  .site-search__card-arrow {
    margin-left: auto;
  }

  .site-search__form-row {
    flex-direction: column;
  }

  .site-search__form-submit {
    width: 100%;
  }
}

/* Site search results end */

/* Karriere side nav  */


.karriere_side_nav_box {
  position: fixed;
  right: 20px;
  /* top: 0; */
  z-index: 4;
  bottom: 60px;
  margin: auto 0;
  height: fit-content;
}

.karriere-side-nav {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 24px;
  width: fit-content;
  max-width: 100%;
  padding: 24px 0;
  position: sticky;
  top: 24px;
}

.karriere-side-nav__apply {
  flex-shrink: 0;
  font-weight: 600;
}

.karriere-side-nav__links {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 24px;
  width: 100%;
}

.karriere-side-nav__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 12px 16px;
  border-radius: 12px;
  background-color: #efefef;
  color: var(--color-black);
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  white-space: nowrap;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.karriere-side-nav__link:hover,
.karriere-side-nav__link:focus-visible {
  background-color: var(--color-peach);
  color: var(--color-black);
}

.karriere-side-nav__link.is-active {
  background-color: var(--color-orange-accent);
  color: var(--color-white);
}

@media screen and (max-width: 1024px) {
  .karriere-side-nav {
    position: static;
    align-items: stretch;
    width: 100%;
    padding: 16px 0;
  }

  .karriere-side-nav__link {
    padding: 10px 8px;
    font-size: 15px;
    line-height: 1.4;
  }


  .karriere-side-nav__links,
  .karriere-side-nav {
    gap: 15px;
  }

  .karriere-side-nav__apply {
    width: 100%;
    padding: 10px 8px;
    font-size: 15px;
    line-height: 1.4;


  }

  .karriere-side-nav__apply {
    width: 100%;
  }

  .karriere-side-nav__links {
    align-items: stretch;
  }

  .karriere-side-nav__link {
    width: 100%;
    white-space: normal;
    text-align: center;
  }
}

/* Karriere side nav end */