/* =========================================================
   Leotron Website DE/EN V1.1 – Bildkonzept-Freigabekandidat
   Drei gezielte visuelle Tiefenebenen:
   01 Program & Project Management
   02 Leadership & Interim Management
   03 Kompetenzübersicht / Competency Overview

   Kontakt, Über Leotron und alle übrigen Bereiche bleiben
   gegenüber DE/EN V1.0 unverändert.
   ========================================================= */

.program-page .intro-section,
.leadership-page .intro-section,
.competence-overview-page #kompetenzprofil {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.program-page .intro-section > .container,
.leadership-page .intro-section > .container,
.competence-overview-page #kompetenzprofil > .container {
  position: relative;
  z-index: 2;
}

/* 01 Program & Project Management */
.program-page .intro-section {
  background-color: #fff;
  background-image:
    linear-gradient(90deg,
      rgba(255,255,255,.995) 0%,
      rgba(255,255,255,.985) 38%,
      rgba(255,255,255,.94) 60%,
      rgba(255,255,255,.46) 80%,
      rgba(255,255,255,.10) 100%),
    url('../images/v11-image-concept/program-management-final.jpg');
  background-position: center, right center;
  background-size: cover, cover;
  background-repeat: no-repeat;
}

@supports (background-image: image-set(url('x.avif') type('image/avif'))) {
  .program-page .intro-section {
    background-image:
      linear-gradient(90deg,
        rgba(255,255,255,.995) 0%,
        rgba(255,255,255,.985) 38%,
        rgba(255,255,255,.94) 60%,
        rgba(255,255,255,.46) 80%,
        rgba(255,255,255,.10) 100%),
      image-set(
        url('../images/v11-image-concept/program-management-final.avif') type('image/avif'),
        url('../images/v11-image-concept/program-management-final.webp') type('image/webp'),
        url('../images/v11-image-concept/program-management-final.jpg') type('image/jpeg')
      );
  }
}

.program-page .intro-section::after {
  content: '';
  position: absolute;
  inset: 0 0 0 auto;
  width: 3px;
  background: rgba(69,0,26,.42);
  z-index: 1;
}

.program-page .intro-section .intro-copy {
  padding: 24px 26px;
  background: rgba(255,255,255,.84);
  border-left: 2px solid rgba(69,0,26,.24);
  -webkit-backdrop-filter: blur(1.5px);
  backdrop-filter: blur(1.5px);
}

/* 02 Leadership & Interim Management – bewusst leiser als Program */
.leadership-page .intro-section {
  background-color: #fff;
  background-image:
    linear-gradient(90deg,
      rgba(255,255,255,.998) 0%,
      rgba(255,255,255,.992) 41%,
      rgba(255,255,255,.96) 63%,
      rgba(255,255,255,.66) 82%,
      rgba(255,255,255,.30) 100%),
    url('../images/v11-image-concept/leadership-final.jpg');
  background-position: center, right center;
  background-size: cover, cover;
  background-repeat: no-repeat;
}

@supports (background-image: image-set(url('x.avif') type('image/avif'))) {
  .leadership-page .intro-section {
    background-image:
      linear-gradient(90deg,
        rgba(255,255,255,.998) 0%,
        rgba(255,255,255,.992) 41%,
        rgba(255,255,255,.96) 63%,
        rgba(255,255,255,.66) 82%,
        rgba(255,255,255,.30) 100%),
      image-set(
        url('../images/v11-image-concept/leadership-final.avif') type('image/avif'),
        url('../images/v11-image-concept/leadership-final.webp') type('image/webp'),
        url('../images/v11-image-concept/leadership-final.jpg') type('image/jpeg')
      );
  }
}

.leadership-page .intro-section::after {
  content: '';
  position: absolute;
  inset: 0 0 0 auto;
  width: 3px;
  background: rgba(69,0,26,.28);
  z-index: 1;
}

.leadership-page .intro-section .intro-copy {
  padding: 24px 26px;
  background: rgba(255,255,255,.88);
  border-left: 2px solid rgba(69,0,26,.18);
  -webkit-backdrop-filter: blur(1.5px);
  backdrop-filter: blur(1.5px);
}

/* 03 Kompetenzübersicht – verbindende Tiefenebene, keine Einzelkartenbilder */
.competence-overview-page #kompetenzprofil {
  background-color: #f5f5f6;
  background-image:
    linear-gradient(rgba(247,247,248,.835), rgba(247,247,248,.835)),
    url('../images/v11-image-concept/competency-overview-final.jpg');
  background-position: center, center;
  background-size: cover, cover;
  background-repeat: no-repeat;
}

@supports (background-image: image-set(url('x.avif') type('image/avif'))) {
  .competence-overview-page #kompetenzprofil {
    background-image:
      linear-gradient(rgba(247,247,248,.835), rgba(247,247,248,.835)),
      image-set(
        url('../images/v11-image-concept/competency-overview-final.avif') type('image/avif'),
        url('../images/v11-image-concept/competency-overview-final.webp') type('image/webp'),
        url('../images/v11-image-concept/competency-overview-final.jpg') type('image/jpeg')
      );
  }
}

.competence-overview-page #kompetenzprofil .overview-cluster-card {
  background: rgba(255,255,255,.94);
  box-shadow: 0 10px 30px rgba(23,23,26,.045);
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
}

@media (max-width: 860px) {
  .program-page .intro-section,
  .leadership-page .intro-section {
    padding-top: 202px !important;
    background-image: none;
  }

  .program-page .intro-section::before,
  .leadership-page .intro-section::before {
    content: '';
    position: absolute;
    inset: 0 0 auto;
    height: 160px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-bottom: 3px solid rgba(69,0,26,.25);
    z-index: 1;
  }

  .program-page .intro-section::before {
    background-image:
      linear-gradient(rgba(255,255,255,.26), rgba(255,255,255,.42)),
      url('../images/v11-image-concept/program-management-final.jpg');
  }

  .leadership-page .intro-section::before {
    background-image:
      linear-gradient(rgba(255,255,255,.42), rgba(255,255,255,.58)),
      url('../images/v11-image-concept/leadership-final.jpg');
  }

  @supports (background-image: image-set(url('x.avif') type('image/avif'))) {
    .program-page .intro-section::before {
      background-image:
        linear-gradient(rgba(255,255,255,.26), rgba(255,255,255,.42)),
        image-set(
          url('../images/v11-image-concept/program-management-final.avif') type('image/avif'),
          url('../images/v11-image-concept/program-management-final.webp') type('image/webp'),
          url('../images/v11-image-concept/program-management-final.jpg') type('image/jpeg')
        );
    }

    .leadership-page .intro-section::before {
      background-image:
        linear-gradient(rgba(255,255,255,.42), rgba(255,255,255,.58)),
        image-set(
          url('../images/v11-image-concept/leadership-final.avif') type('image/avif'),
          url('../images/v11-image-concept/leadership-final.webp') type('image/webp'),
          url('../images/v11-image-concept/leadership-final.jpg') type('image/jpeg')
        );
    }
  }

  .program-page .intro-section::after,
  .leadership-page .intro-section::after {
    display: none;
  }

  .program-page .intro-section .intro-copy,
  .leadership-page .intro-section .intro-copy {
    padding: 0;
    border-left: 0;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

@media (max-width: 560px) {
  .program-page .intro-section,
  .leadership-page .intro-section {
    padding-top: 172px !important;
  }

  .program-page .intro-section::before,
  .leadership-page .intro-section::before {
    height: 132px;
  }

  .competence-overview-page #kompetenzprofil {
    background-image:
      linear-gradient(rgba(247,247,248,.895), rgba(247,247,248,.895)),
      url('../images/v11-image-concept/competency-overview-final.jpg');
  }

  @supports (background-image: image-set(url('x.avif') type('image/avif'))) {
    .competence-overview-page #kompetenzprofil {
      background-image:
        linear-gradient(rgba(247,247,248,.895), rgba(247,247,248,.895)),
        image-set(
          url('../images/v11-image-concept/competency-overview-final.avif') type('image/avif'),
          url('../images/v11-image-concept/competency-overview-final.webp') type('image/webp'),
          url('../images/v11-image-concept/competency-overview-final.jpg') type('image/jpeg')
        );
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .program-page .intro-section,
  .leadership-page .intro-section,
  .competence-overview-page #kompetenzprofil {
    background-attachment: scroll;
  }
}