/*
 * barrierefreiheit.css: Korrekturen aus der Abschlusspruefung (25.09.2026).
 *
 * Handgeschrieben, laedt NACH components.css (siehe functions.php). Alles
 * hier hat einen Befund aus axe-core 4.10 (WCAG 2.2 AA) oder Lighthouse als
 * Grund. Wer eine Regel aendert, prueft die Seite danach erneut mit axe.
 *
 * Betroffene Klassen und Grund:
 *   .cthink__seg--*          Kontrast weiss auf gruen war 2,6:1 bis 4,1:1,
 *                            gefordert 4,5:1 (Nachhaltigkeit, Kreisgrafik).
 *   .cthink__seg:focus-visible  outline:none ohne Ersatz; jetzt Ring.
 *   .vidp, .vidp__pause      Knopf zum Anhalten der Video-Teaser (WCAG 2.2.2),
 *                            eingefuegt von assets/js/video.js.
 */

/* --- Nachhaltigkeit: Kreisgrafik ---------------------------------------- */
/* Die drei Gruentoene bleiben als Abstufung erkennbar, liegen aber alle ueber
   4,5:1 gegen Weiss: #23804d 4,9:1 · #1f7a48 5,4:1 · #1b6b3f 6,5:1. */
.cthink__seg--produktion  { background: #23804d; }
.cthink__seg--klima       { background: #1f7a48; }
.cthink__seg--umfeld,
.cthink__seg--mitarbeiter { background: #1b6b3f; }

.cthink__seg:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px var(--color-accent);
  z-index: 3;
}

/* --- Video-Teaser: Pause-Knopf ------------------------------------------ */
.vidp { position: relative; }

.vidp__pause {
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 2;
  margin: 0;
  padding: 6px 12px;
  border: 1.5px solid rgba(255, 255, 255, 0.85);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--color-text);
  font-family: var(--font-heading);
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: var(--tracking-tight);
  cursor: pointer;
  transition: background-color 0.2s ease, opacity 0.2s ease;
}

/* Im Glas-Rahmen (Startseite) sitzt der Knopf innerhalb des 12-px-Rands. */
.vidp:not(.vidp--bare) .vidp__pause { right: 24px; bottom: 24px; }

.vidp__pause:hover { background: #ffffff; }
.vidp__pause:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 3px; }

/* Waehrend der grosse Player offen ist, ist der Teaser ohnehin pausiert. */
.vidp:has(.vidp__player.is-open) .vidp__pause { opacity: 0; pointer-events: none; }