.boek {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
}
.boek img {
    max-width: 200px;
}
.boek.boek-in-aanbieding strong, .boek.de-aanbieding strong, .de-aanbieding .titel .titel {
  color: #f97000;
} 
.de-aanbieding .titel .titel {
  letter-spacing: .5em;
  font-weight: 900;
}
.meta.de-aanbieding {
  display: none;
}
/* De knoppen voor het openen en sluiten van de accordeon-panelen */
.accordion-knop {
  background-color: #709bc6;
  color: #444;
  cursor: pointer;
  padding: 18px 18px 0 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  margin-bottom: 5px;
  position: relative;
}
.accordion-knop h2 {
  line-height: 1em;
  margin-bottom: .3em;
  margin-right: 2em;
}
.accordion-knop h2 span {
  font-size: .7em;
  margin-bottom: .6em;
}
/* Achtergrondkleur van de knop voor de hover en de active status: het heeft dan een class active gekregen */
.actief, .accordion-knop:hover {
  background-color: #0161c1;
}
.actief {
  color: var(--nv-primary-accent);
  text-shadow: 0px 0px 20px #fff; }
/* Style the accordion panel. Note: hidden by default */
.paneel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.6s ease-out;
}
/* De icons in de knoppen */
.accordion-knop .icon {
    display:block;
    width: 1.5em;
    height: 1.5em;
    position:absolute;
    right: 2em;
    top: 1em;
    transform: rotate(0deg);
    transform-origin: center center;
    transition: transform 0.6s ease-out;
}
.accordion-knop.actief .icon {
    transform: rotate(315deg);
}
 
 /* .accordion-knop:after {
  content: '\02795'; Unicode voor "plus" teken (+)
  font-size: 18px;
  color: #777;
  float: right;
  margin-left: 5px;
}

.actief:after {
  content: "\2796"; Unicode  "minus" teken (-)
  transform: rotate("270deg");
} */