/*
 * Confirmed selections for the public JG website.
 * These rules are deliberately scoped to the two selected pages; all other
 * design variants and public pages remain untouched.
 */

body.selected-customer-v2 {
   --selected-gold: #c3a843;
   --selected-ink: #3c3c3c;
   --selected-ink-deep: #272727;
   --selected-canvas: #f4f0ea;
   --selected-warm: #ebe4d6;
   --selected-paper: #f7f5f1;
   --selected-copy: #555451;
   --selected-gutter: clamp(1.25rem, 5vw, 5.5rem);
   --selected-section-space: clamp(6rem, 11vw, 10.5rem);
   overflow-x: clip;
}

body.selected-customer-v2 .kundenbereich-page,
body.selected-customer-v2 .kundenbereich-hero,
body.selected-customer-v2 .kundenbereich-intro {
   width: 100%;
   max-width: 100%;
}

body.selected-customer-v2 .kundenbereich-page {
   overflow: clip;
}

body.selected-customer-v2.page-hero-top.page-kundenbereich
   header.header:not(.header--solid) .header__contact-link {
   color: var(--selected-ink);
   font-weight: 500;
   text-shadow:
      0 0 12px rgba(247, 245, 241, 0.98),
      0 0 24px rgba(247, 245, 241, 0.88);
}

body.selected-customer-v2.page-hero-top.page-kundenbereich
   header.header:not(.header--solid) .header__contact-link:hover {
   color: #77631d;
}

body.selected-customer-v2 .kundenbereich-hero {
   display: grid;
   min-height: clamp(44rem, 94svh, 58rem);
   padding: calc(var(--header-bar-height) + clamp(5rem, 10vw, 8rem))
      var(--selected-gutter) clamp(7rem, 11vw, 10rem);
   align-items: center;
   overflow: clip;
   background: var(--selected-paper);
}

body.selected-customer-v2 .kundenbereich-hero::before {
   background:
      linear-gradient(90deg, rgba(247, 245, 241, 0.98) 0%, rgba(247, 245, 241, 0.96) 42%, rgba(247, 245, 241, 0.2) 72%, transparent 100%),
      radial-gradient(circle at 74% 48%, rgba(195, 168, 67, 0.12), transparent 48%),
      var(--selected-paper);
}

body.selected-customer-v2 .kundenbereich-hero .leadership-hero__inner {
   position: relative;
   z-index: 3;
   display: block;
   width: min(100%, 1260px);
   min-height: 0;
}

body.selected-customer-v2 .kundenbereich-hero .leadership-hero__content {
   align-items: flex-start;
   max-width: min(60vw, 52rem);
   gap: clamp(1rem, 2.2vw, 1.6rem);
   padding-left: clamp(1.5rem, 4vw, 4rem);
   text-align: left;
}

body.selected-customer-v2 .kundenbereich-hero .leadership-hero__content::before {
   content: "";
   position: absolute;
   top: 0.2rem;
   bottom: 0.2rem;
   left: 0;
   width: 1px;
   background: linear-gradient(var(--selected-gold), rgba(195, 168, 67, 0.08));
}

body.selected-customer-v2 .kundenbereich-hero .leadership-hero__eyebrow {
   color: #77631d;
   font-size: 0.72rem;
   font-weight: 600;
   letter-spacing: 0.26em;
}

body.selected-customer-v2 .kundenbereich-hero .leadership-hero__title {
   align-items: flex-start;
   font-size: clamp(3.1rem, 5.35vw, 5rem);
   font-weight: 300;
   line-height: 1.01;
   letter-spacing: -0.035em;
   text-wrap: balance;
}

body.selected-customer-v2 .kundenbereich-hero .leadership-hero__lead {
   max-width: 38rem;
   color: var(--selected-ink);
   font-size: clamp(1.08rem, 1.6vw, 1.34rem);
   line-height: 1.62;
   text-wrap: pretty;
}

body.selected-customer-v2 .kundenbereich-hero .leadership-hero__visual--seal {
   top: calc(var(--header-bar-height) + 1rem);
   right: clamp(-11rem, -9vw, -4rem);
   bottom: 0;
   width: min(72vw, 1040px);
   height: calc(100% - var(--header-bar-height) - 1rem);
   opacity: 0.76;
   -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.16) 18%, #000 43%, #000 100%);
   mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.16) 18%, #000 43%, #000 100%);
}

body.selected-customer-v2 .kundenbereich-hero .leadership-hero__image--seal {
   width: 100%;
   height: 100%;
   object-fit: contain;
   object-position: right center;
   filter: saturate(0.62) contrast(0.96);
}

body.selected-customer-v2 .kundenbereich-hero + .section-curve {
   --curve-from: var(--selected-paper) !important;
   --curve-to: var(--selected-warm) !important;
   --section-curve-height: clamp(2.5rem, 6vw, 4.75rem);
}

body.selected-customer-v2 .kundenbereich-intro {
   min-height: clamp(50rem, 112vh, 68rem);
   padding: var(--selected-section-space) var(--selected-gutter);
   align-items: center;
   background: var(--selected-warm);
}

body.selected-customer-v2 .kundenbereich-intro .leadership-section__shadow {
   top: 9%;
   max-height: 76%;
   opacity: 0.48;
}

body.selected-customer-v2 .kundenbereich-intro .leadership-section__shadow img {
   width: min(220%, 86rem);
   margin-left: clamp(-12rem, -13vw, -4rem);
}

body.selected-customer-v2 .kundenbereich-intro .leadership-intro__inner {
   position: relative;
   z-index: 3;
   width: min(100%, 1120px);
}

body.selected-customer-v2 .kundenbereich-intro__content {
   position: relative;
   display: flex;
   flex-direction: column;
   gap: clamp(4.5rem, 10vw, 8.5rem);
   width: min(100%, 55rem);
   margin-left: auto;
   padding-left: clamp(2.5rem, 5vw, 4.5rem);
   border-left: 1px solid rgba(195, 168, 67, 0.58);
   text-align: left;
}

body.selected-customer-v2 .kundenbereich-intro__content::before,
body.selected-customer-v2 .kundenbereich-intro__content::after {
   content: "";
   position: absolute;
   left: -4px;
   width: 7px;
   height: 7px;
   border-radius: 50%;
   background: var(--selected-gold);
}

body.selected-customer-v2 .kundenbereich-intro__content::before {
   top: 0;
}

body.selected-customer-v2 .kundenbereich-intro__content::after {
   bottom: 0;
}

body.selected-customer-v2 .kundenbereich-intro .kundenbereich-intro__lead {
   max-width: 42rem;
   color: var(--selected-ink);
   font-size: clamp(1.75rem, 3.1vw, 2.55rem);
   font-weight: 300;
   line-height: 1.25;
   letter-spacing: -0.03em;
   text-align: left;
}

body.selected-customer-v2 .kundenbereich-intro .kundenbereich-intro__text {
   max-width: 46rem;
   padding-left: clamp(0rem, 5vw, 5rem);
   color: var(--selected-copy);
   font-size: clamp(1.08rem, 1.55vw, 1.24rem);
   font-weight: 400;
   line-height: 1.82;
   text-align: left;
}

body.selected-customer-v2 .kundenbereich-intro .kundenbereich-intro__status {
   width: 100%;
   max-width: 43rem;
   padding-left: clamp(0rem, 10vw, 10rem);
   color: var(--selected-ink);
   font-size: clamp(1rem, 1.45vw, 1.18rem);
   line-height: 1.7;
   text-align: left;
}

body.selected-customer-v2 .kundenbereich-intro__status .home-cta__button--inline {
   display: block;
   width: 100%;
   max-width: 100%;
   margin: 0;
   padding: 1.15rem 0 0;
   border: 0;
   border-top: 1px solid rgba(195, 168, 67, 0.76);
   border-radius: 0;
   background: transparent;
   color: var(--selected-ink);
   box-shadow: none;
   font-weight: 500;
   text-align: inherit;
}

body.selected-customer-v2 .kundenbereich-intro + .section-curve {
   --curve-from: var(--selected-warm) !important;
}

body.selected-expertise-v2 {
   --selected-gold: #c3a843;
   --selected-canvas: #f4f0ea;
   --selected-ink: #3c3c3c;
   --selected-gutter: clamp(1.25rem, 5vw, 5.5rem);
   --selected-section-space: clamp(8rem, 15vw, 14rem);
}

body.selected-expertise-v2 .leadership-section--expertise {
   padding: var(--selected-section-space) var(--selected-gutter);
   overflow: hidden;
   background: var(--selected-canvas) !important;
   text-align: left;
}

body.selected-expertise-v2 .leadership-section--expertise .leadership-section__inner {
   width: min(100%, 78rem);
   max-width: none;
}

body.selected-expertise-v2 .leadership-section--expertise .leadership-split__eyebrow,
body.selected-expertise-v2 .leadership-section--expertise .leadership-expertise__block-title {
   color: #756319;
}

body.selected-expertise-v2 .leadership-section--expertise .leadership-split__title {
   font-size: clamp(2.5rem, 5.8vw, 5.4rem);
   line-height: 1.02;
   letter-spacing: -0.04em;
   text-wrap: balance;
}

body.selected-expertise-v2 .leadership-section--expertise .leadership-section__lead {
   max-width: 48rem;
   margin-left: clamp(0rem, 8vw, 8rem);
   color: #514f4b;
   font-size: clamp(1.02rem, 1.4vw, 1.18rem);
   line-height: 1.75;
}

body.selected-expertise-v2 .leadership-section--expertise .leadership-section__shadow {
   inset: 10% auto auto -12%;
   opacity: 0.44;
   transform: rotate(-8deg);
}

body.selected-expertise-v2 .leadership-section--expertise .leadership-section__header {
   max-width: 58rem;
   margin: 0 0 clamp(5rem, 11vw, 9rem);
   text-align: left;
}

body.selected-expertise-v2 .leadership-section--expertise .leadership-expertise__columns {
   position: relative;
   display: block;
   max-width: 70rem;
   margin: 0 auto;
   padding: 0;
}

body.selected-expertise-v2 .leadership-section--expertise .leadership-expertise__columns::before {
   content: "";
   position: absolute;
   top: 15rem;
   bottom: 1rem;
   left: 50%;
   width: clamp(9rem, 18vw, 15rem);
   border-left: 1px solid rgba(195, 168, 67, 0.7);
   border-radius: 52% 0 0 48%;
   transform: translateX(-50%) rotate(3deg);
   pointer-events: none;
}

body.selected-expertise-v2 .leadership-section--expertise .leadership-expertise__block {
   padding: 0;
   border: 0;
   border-radius: 0;
   background: transparent;
   box-shadow: none;
   text-align: left;
}

body.selected-expertise-v2 .leadership-section--expertise .leadership-expertise__block:first-child {
   margin-bottom: clamp(7rem, 14vw, 12rem);
}

body.selected-expertise-v2 .leadership-section--expertise .leadership-expertise__block-title {
   margin: 0 0 2rem;
   text-align: left;
}

body.selected-expertise-v2 .leadership-section--expertise .leadership-expertise__block:first-child .leadership-expertise__list {
   display: flex;
   flex-flow: row wrap;
   align-items: baseline;
   gap: 0.7rem 0;
   width: min(100%, 58rem);
   text-align: left;
}

body.selected-expertise-v2 .leadership-section--expertise .leadership-expertise__block:first-child li {
   display: inline-flex;
   align-items: center;
   padding: 0;
   color: #484641;
   font-size: clamp(1.05rem, 2vw, 1.4rem);
   line-height: 1.58;
}

body.selected-expertise-v2 .leadership-section--expertise .leadership-expertise__block:first-child li:not(:last-child)::after {
   content: "";
   width: clamp(2.2rem, 5vw, 4.5rem);
   height: 1px;
   margin: 0 clamp(0.85rem, 2vw, 1.6rem);
   background: rgba(195, 168, 67, 0.56);
}

body.selected-expertise-v2 .leadership-section--expertise .leadership-expertise__block:last-child {
   position: relative;
   z-index: 1;
}

body.selected-expertise-v2 .leadership-section--expertise .leadership-expertise__block:last-child .leadership-expertise__list {
   display: flex;
   align-items: stretch;
   gap: clamp(2.75rem, 6vw, 5rem);
   width: 100%;
   text-align: left;
}

body.selected-expertise-v2 .leadership-section--expertise .leadership-expertise__block:last-child li {
   position: relative;
   width: min(100%, 34rem);
   padding: 0;
   color: #484641;
   font-size: clamp(1.18rem, 2.2vw, 1.7rem);
   line-height: 1.45;
}

body.selected-expertise-v2 .leadership-section--expertise .leadership-expertise__block:last-child li:nth-child(even) {
   margin-left: auto;
}

body.selected-expertise-v2 .leadership-section--expertise .leadership-expertise__block:last-child li:nth-child(3) {
   margin-left: 14%;
}

body.selected-expertise-v2 .leadership-section--expertise .leadership-expertise__block:last-child li::before {
   content: "";
   position: absolute;
   top: 0.58em;
   left: -1.65rem;
   display: block;
   width: 7px;
   height: 7px;
   border-radius: 50%;
   background: var(--selected-gold);
   box-shadow: 0 0 0 5px var(--selected-canvas);
}

@media (max-width: 899px) {
   body.selected-customer-v2 .kundenbereich-hero {
      min-height: clamp(42rem, 92svh, 48rem);
      padding: calc(var(--header-bar-height) + clamp(13rem, 36vw, 17rem))
         var(--selected-gutter) clamp(5rem, 14vw, 7rem);
      align-items: end;
   }

   body.selected-customer-v2 .kundenbereich-hero .leadership-hero__inner {
      display: block;
      width: 100%;
   }

   body.selected-customer-v2 .kundenbereich-hero .leadership-hero__content,
   body.selected-customer-v2 .kundenbereich-hero .leadership-hero__title {
      align-items: flex-start;
      max-width: 100%;
      text-align: left;
   }

   body.selected-customer-v2 .kundenbereich-hero .leadership-hero__visual--seal {
      top: calc(var(--header-bar-height) - 0.5rem);
      right: clamp(-8rem, -16vw, -3rem);
      bottom: auto;
      width: min(112vw, 42rem);
      height: clamp(14rem, 47vw, 21rem);
      opacity: 0.42;
   }

   body.selected-customer-v2 .kundenbereich-intro {
      min-height: auto;
      padding: var(--selected-section-space) var(--selected-gutter);
   }

   body.selected-customer-v2 .kundenbereich-intro__content {
      width: 100%;
      margin-left: 0;
      padding-left: clamp(1.75rem, 6vw, 3rem);
      gap: clamp(3.5rem, 12vw, 5.5rem);
   }

   body.selected-customer-v2 .kundenbereich-intro .kundenbereich-intro__text,
   body.selected-customer-v2 .kundenbereich-intro .kundenbereich-intro__status {
      max-width: 42rem;
      padding-left: 0;
   }

   body.selected-expertise-v2 .leadership-section--expertise .leadership-expertise__columns::before {
      left: 0.2rem;
      width: 1px;
      border-left: 1px solid rgba(195, 168, 67, 0.7);
      border-radius: 0;
      transform: none;
   }

   body.selected-expertise-v2 .leadership-section--expertise .leadership-expertise__block:last-child {
      padding-left: 2.2rem;
   }

   body.selected-expertise-v2 .leadership-section--expertise .leadership-expertise__block:last-child li,
   body.selected-expertise-v2 .leadership-section--expertise .leadership-expertise__block:last-child li:nth-child(even),
   body.selected-expertise-v2 .leadership-section--expertise .leadership-expertise__block:last-child li:nth-child(3) {
      width: 100%;
      margin-left: 0;
   }
}

@media (max-width: 599px) {
   body.selected-customer-v2 {
      --selected-gutter: 1.25rem;
      --selected-section-space: clamp(4.75rem, 18vw, 7rem);
   }

   body.selected-customer-v2 .kundenbereich-hero {
      min-height: clamp(40rem, 91svh, 44rem);
   }

   body.selected-customer-v2 .kundenbereich-hero .leadership-hero__title {
      font-size: clamp(2.15rem, 10.8vw, 3rem);
      line-height: 1.04;
      letter-spacing: -0.032em;
   }

   body.selected-customer-v2 .kundenbereich-hero .leadership-hero__title-part--nowrap {
      white-space: normal;
   }

   body.selected-customer-v2 .kundenbereich-hero .leadership-hero__lead {
      font-size: clamp(1rem, 4.8vw, 1.14rem);
      line-height: 1.62;
   }

   body.selected-customer-v2 .kundenbereich-intro .kundenbereich-intro__lead {
      font-size: clamp(1.55rem, 7.2vw, 2rem);
      line-height: 1.3;
   }

   body.selected-customer-v2 .kundenbereich-intro .kundenbereich-intro__text,
   body.selected-customer-v2 .kundenbereich-intro .kundenbereich-intro__status {
      font-size: 1rem;
      line-height: 1.72;
   }

   body.selected-customer-v2 .kundenbereich-intro__status .home-cta__button--inline {
      white-space: normal;
   }

   body.selected-expertise-v2 {
      --selected-gutter: 1.25rem;
      --selected-section-space: clamp(5.5rem, 22vw, 8rem);
   }

   body.selected-expertise-v2 .leadership-section--expertise .leadership-split__title {
      font-size: clamp(2.15rem, 10vw, 3.25rem);
   }

   body.selected-expertise-v2 .leadership-section--expertise .leadership-section__lead {
      margin-left: 0;
   }

   body.selected-expertise-v2 .leadership-section--expertise .leadership-expertise__block:first-child .leadership-expertise__list {
      display: block;
   }

   body.selected-expertise-v2 .leadership-section--expertise .leadership-expertise__block:first-child li {
      display: block;
      padding: 0.55rem 0;
   }

   body.selected-expertise-v2 .leadership-section--expertise .leadership-expertise__block:first-child li::after {
      display: none;
   }
}