@media (prefers-contrast: more) {
  :root {
    
    --red: #000000;
    
  }

 .section-header_background {
   position: relative;
   z-index: 0;
 }
 
 .section-header_background::before {
   content: "";
   position: absolute;
   inset: 0;
   background: rgba(0, 0, 0, 0.6); /* 50% Schwarz */
   z-index: 1;
   pointer-events: none;
 }
 
 .section-header_background > * {
   position: relative;
   z-index: 2;
 }
}

/* 30/06/25/IZ/ */
/* Das ist für Hocher Kontrast Button */
  /* === AUTO: when OS/browser is in high-contrast === */
  @media (prefers-contrast: more),
         (forced-colors: active) {
    :root {
      --red: #000000;
    }
  
    .section-header_background {
      position: relative;
      z-index: 0;
    }
  
    .section-header_background::before {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.6);
      z-index: 1;
      pointer-events: none;
    }
  
    .section-header_background > * {
      position: relative;
      z-index: 2;
    }
  }
  
  /* === MANUAL: when html.contrast-mode is toggled === */
  html.contrast-mode {
    --red: #000000;
  }
  
  html.contrast-mode .section-header_background {
    position: relative;
    z-index: 0;
  }
  
  html.contrast-mode .section-header_background::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1;
    pointer-events: none;
  }
  
  html.contrast-mode .section-header_background > * {
    position: relative;
    z-index: 2;
  }

/* Das ist für Hocher Kontrast Button END */
/* 30/06/25/IZ/ END */