/* Kundenbereich Hero — helles Weiß links, Bild rechts 50 %, volle Höhe */

body.selected-customer-v2 .kundenbereich-hero {
   position: relative;
   display: flex !important;
   align-items: stretch;
   min-height: max(48rem, 100svh);
   padding: calc(var(--header-bar-height) + clamp(2rem, 5vh, 3rem))
      var(--selected-gutter) clamp(2rem, 5vh, 3rem);
   overflow: hidden;
   isolation: isolate;
   background: var(--selected-paper) !important;
   background-color: var(--selected-paper) !important;
}

body.selected-customer-v2 .kundenbereich-hero::before,
body.selected-customer-v2 .kundenbereich-hero::after {
   content: none !important;
   display: none !important;
}

body.selected-customer-v2 .kundenbereich-hero .leadership-hero__inner {
   position: relative;
   z-index: 2;
   display: grid;
   align-items: center;
   width: min(100%, 1260px);
   min-height: calc(100svh - var(--header-bar-height) - clamp(3rem, 8vh, 5rem));
   margin-inline: auto;
}

body.selected-customer-v2 .kundenbereich-hero .leadership-hero__content {
   position: relative;
   z-index: 3;
}

body.selected-customer-v2 .kundenbereich-hero .leadership-hero__visual,
body.selected-customer-v2 .kundenbereich-hero .leadership-hero__visual--seal {
   position: absolute !important;
   inset: 0 0 0 50% !important;
   top: 0 !important;
   right: 0 !important;
   bottom: 0 !important;
   left: 50% !important;
   width: 50% !important;
   height: 100% !important;
   max-width: none !important;
   aspect-ratio: auto !important;
   margin: 0 !important;
   padding: 0 !important;
   z-index: 0 !important;
   opacity: 1 !important;
   transform: none !important;
   clip-path: none !important;
   -webkit-mask-image: none !important;
   mask-image: none !important;
   overflow: hidden !important;
   pointer-events: none;
   display: block !important;
   justify-self: unset !important;
   place-items: unset !important;
}

body.selected-customer-v2 .kundenbereich-hero .leadership-hero__image,
body.selected-customer-v2 .kundenbereich-hero .leadership-hero__image--seal {
   display: block !important;
   position: relative !important;
   z-index: 0 !important;
   width: 100% !important;
   height: 100% !important;
   min-height: 100% !important;
   max-width: none !important;
   max-height: none !important;
   object-fit: cover !important;
   object-position: 78% center !important;
   transform: none !important;
   mix-blend-mode: normal !important;
   filter: none !important;
}

body.selected-customer-v2 .kundenbereich-hero .leadership-hero__visual::after {
   content: "";
   position: absolute;
   inset: 0;
   z-index: 1;
   pointer-events: none;
   background:
      linear-gradient(
         90deg,
         var(--selected-paper) 0%,
         color-mix(in srgb, var(--selected-paper) 78%, transparent) 14%,
         color-mix(in srgb, var(--selected-paper) 28%, transparent) 32%,
         transparent 48%
      ),
      linear-gradient(
         to bottom,
         transparent 0%,
         transparent 54%,
         color-mix(in srgb, var(--selected-paper) 38%, transparent) 76%,
         color-mix(in srgb, var(--selected-paper) 82%, transparent) 90%,
         var(--selected-paper) 100%
      );
}

@media (max-width: 899px) {
   body.selected-customer-v2 .kundenbereich-hero {
      min-height: max(42rem, 100svh);
      padding: calc(var(--header-bar-height) + clamp(2rem, 5vh, 3rem))
         var(--selected-gutter) clamp(2rem, 5vh, 3rem);
   }

   body.selected-customer-v2 .kundenbereich-hero .leadership-hero__inner {
      display: grid;
      align-items: end;
      min-height: calc(100svh - var(--header-bar-height) - clamp(5rem, 12vw, 8rem));
   }

   body.selected-customer-v2 .kundenbereich-hero .leadership-hero__visual,
   body.selected-customer-v2 .kundenbereich-hero .leadership-hero__visual--seal {
      inset: 0 0 38% 0 !important;
      left: 0 !important;
      width: 100% !important;
      height: auto !important;
      min-height: 62% !important;
   }

   body.selected-customer-v2 .kundenbereich-hero .leadership-hero__image,
   body.selected-customer-v2 .kundenbereich-hero .leadership-hero__image--seal {
      object-position: 80% center !important;
   }

   body.selected-customer-v2 .kundenbereich-hero .leadership-hero__visual::after {
      background:
         linear-gradient(
            90deg,
            var(--selected-paper) 0%,
            color-mix(in srgb, var(--selected-paper) 82%, transparent) 16%,
            transparent 46%
         ),
         linear-gradient(
            to bottom,
            transparent 0%,
            transparent 38%,
            color-mix(in srgb, var(--selected-paper) 55%, transparent) 72%,
            var(--selected-paper) 100%
         );
   }
}