/* Styling voor de Boek knop op de Biografie pagina   */
h2.boek-kop {
  font-size: clamp(1.5rem, 2.5vw, 1.875rem); /* Responsieve fontgrootte */
  line-height: 1; /* Strakke lijnhoogte voor achtergrond gelijk aan teksthoogte */
  background-color: #2872fa; /* Originele achtergrondkleur */
  color: #ffffff; /* Hoog contrast voor toegankelijkheid */
  padding: 0 0.75em; /* Alleen horizontale padding */
  margin: 0 auto; /* Horizontaal centreren met auto-marges */
  text-align: center; /* Tekst binnen de h2 centreren */
  font-weight: 600; /* Zwaardere font voor hiërarchie */
  transition: background-color 0.3s ease; /* Soepele overgang */
  display: block; /* Achtergrond sluit aan bij tekstbreedte en -hoogte */
}

h2.boek-kop a {
  color: #ffffff; /* Linkkleur consistent met tekst */
  text-decoration: none; /* Geen onderstreping */
  transition: color 0.2s ease; /* Soepele kleurverandering */
}

h2.boek-kop a:hover,
h2.boek-kop a:focus {
  color: #e6f0ff; /* Lichtere tint voor hover/focus */
  text-decoration: none; /* Geen onderstreping bij hover/focus */
  outline: none; /* Verwijder standaard focus outline */
}

h2.boek-kop a:focus-visible {
  outline: 2px solid #ffffff; /* Toegankelijke focusstijl */
  outline-offset: 2px; /* Ruimte rond outline */
}