/* Fokus-Sichtbarkeit für Barrierefreiheit */
:focus {
  outline: 3px solid #111;
  outline-offset: 2px;
}

/* Utility-Klasse für reduzierte Deckkraft */
.opacity-15 {
  opacity: 0.15;
}

/*
 * Style overrides for the language selectors in the header and footer. On
 * some systems the native select widget renders its drop-down using the
 * browser default colours, which can lead to white text on a white
 * background in our dark header. These rules set explicit background and
 * foreground colours for the select itself and each option so that the
 * menu remains legible across browsers and operating systems. The
 * selectors target both the header language select (#langSel) and the
 * footer language select (#langSelFoot).
 */
#langSel,
#langSelFoot {
  background-color: #1f2937; /* dark background to match the header */
  color: #f3f4f6;           /* light foreground for contrast */
  border: 1px solid #374151;
  border-radius: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* When the native drop-down menu opens, use these colours for the options.
 * Without these, some browsers render a white background with white text
 * which appears empty to the user. */
#langSel option,
#langSelFoot option {
  background-color: #1f2937;
  color: #f3f4f6;
}