/***********************************************************

 * VEELGESTELDE VRAGEN

 **********************************************************/

.faq-q {

  margin: 24px 0;

}

.faq-q input {

  opacity: 0;

}

.faq-q-label {

  float: left;

  width: calc(100% - 48.8px);

}

.faq-q h2,

.faq-q-pijl {

  margin: 10px 0;

}

.faq-q-pijl {

  float: right;

  font-size: 21px;

  transition: .8s ease;

  width: 28.8px;

  margin: 10px;

  text-align: center;

}

.faq-q-a {

  font-size: 0;

  opacity: 0;

  transition: font-size .4s ease-in, opacity .1s ease-out, background-color .5s ease;

  overflow: hidden;

  clear: left;

}

.faq-q-link {

  height: 0;

}

.faq-q input:checked ~ .faq-q-a {

  font-size: inherit;

  opacity: 1;

  transition: font-size .4s ease-out, opacity .1s ease-in .3s, background-color .5s ease;

}

.faq-q input:checked ~ .faq-q-link {

  height: auto;

}

.faq-q input:checked ~ .faq-q-pijl {

  transform: rotate(90deg);

}