/* Performancelab background picture integration — V0.15.10.50.63
   Source images: user-assigned PNG filenames. The official logos and factual feature screenshots
   are unchanged. Background files contain no embedded marketing copy; text stays in HTML.
*/

/* Home USPs: restore artwork on a separate layer, never rasterize the card's HTML content. */
.pl60-card{background-color:#06243c}
.pl60-card::before{background-size:cover;background-repeat:no-repeat; background-position:center;filter:none}
.pl60-gold::before{
  background-image:
    linear-gradient(90deg,rgba(2,20,36,.97) 0%,rgba(2,20,36,.90) 35%,rgba(2,20,36,.48) 64%,rgba(2,20,36,.12) 100%),
    url('/assets/images/performance-lab/backgrounds/home-performancelab-bg.webp?v=0.15.10.50.73');
  background-position:center,center;
}
.pl60-discover::before{
  background-image:
    linear-gradient(90deg,rgba(2,20,36,.98) 0%,rgba(2,20,36,.91) 35%,rgba(2,20,36,.48) 60%,rgba(2,20,36,.10) 100%),
    url('/assets/images/performance-lab/backgrounds/home-entdecken-verbinden-bg.webp?v=0.15.10.50.73');
  background-position:center,center;
}
.pl60-gold .pl60-copy{width:58%}
.pl60-discover .pl60-copy{width:59%}
/* The two PNG backgrounds already contain their own illustration.
   Do not stack the previous decorative artwork over them. */
.pl60-monitor,.pl60-discover-art{display:none!important}
.pl60-copy,.pl60-benefits{position:relative;z-index:2}
.pl60-card::after{height:100px;z-index:-1;background:linear-gradient(0deg,rgba(2,18,31,.77),transparent);pointer-events:none}
.pl60-card h2{overflow-wrap:normal;hyphens:auto;text-wrap:pretty}
.pl60-card .pl60-actions .button{position:relative;z-index:3}

/* Five modules: image and content are separate layers.
   Slightly heavier lower gradient keeps links, captions and tags readable. */
.pl60-module-grid .pl60-module-card{background:#062b45}
.pl60-module-card::before{
  background:linear-gradient(180deg,
    rgba(2,18,31,.26) 0%,rgba(2,18,31,.59) 30%,
    rgba(2,18,31,.90) 62%,rgba(2,18,31,.97) 100%)!important;
}
.pl60-module-card::after{inset:0; background-size:cover; background-position:70% center;opacity:.97}
.pl60-module-wettkampfentwicklung::after{
  background-image:url('/assets/images/performance-lab/backgrounds/pl-modul-01-wettkampfentwicklung-bg.webp?v=0.15.10.50.73')}
.pl60-module-referenzkorridore::after{
  background-image:url('/assets/images/performance-lab/backgrounds/pl-modul-02-benchmarks-gruppenperformance-bg.webp?v=0.15.10.50.73')}
.pl60-module-athletik-monitor::after{
  background-image:url('/assets/images/performance-lab/backgrounds/pl-modul-03-athletikmonitor-bg.webp?v=0.15.10.50.73')}
.pl60-module-kraftdiagnostik-testbatterien::after{
  background-image:url('/assets/images/performance-lab/backgrounds/pl-modul-04-kraftdiagnostik-bg.webp?v=0.15.10.50.73')}
.pl60-module-schwimmtests::after{
  background-image:url('/assets/images/performance-lab/backgrounds/pl-modul-05-schwimmtests-bg.webp?v=0.15.10.50.73')}
.pl60-module-grid .pl60-module-card > *{position:relative;z-index:2}

/* The prior release already defines a 2→1-card breakpoint for the home choices,
   and 5→3→2→1 for module cards. Keep those breakpoints; adjust only photo readability. */
@media(max-width:1190px){
  .pl60-gold::before,.pl60-discover::before{background-position:center,right center}
}
@media(max-width:740px){
  .pl60-gold::before{
    background-image:linear-gradient(180deg,rgba(3,23,39,.89),rgba(3,23,39,.84)),
      url('/assets/images/performance-lab/backgrounds/home-performancelab-bg.webp?v=0.15.10.50.73');
    background-position:center,75% center;
  }
  .pl60-discover::before{
    background-image:linear-gradient(180deg,rgba(3,23,39,.90),rgba(3,23,39,.84)),
      url('/assets/images/performance-lab/backgrounds/home-entdecken-verbinden-bg.webp?v=0.15.10.50.73');
    background-position:center,72% center;
  }
  .pl60-card .pl60-copy{width:100%}
  .pl60-card h2{font-size:clamp(24px,6vw,30px)}
  .pl60-module-card::after{background-position:75% center}
}