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

 * PROFESSIONALISERING

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

.verdieping, .teamtrainingen {

  position: relative;

  margin-bottom: 80px;

}

.prof-blok-item {

  width: 100%;

  height: min(100px, 12vw);

  margin: 32px 0;

  transform: scale(1);

  transform-origin: center left;

  transition: .4s ease;

  display: block;

  color: inherit;

  font-weight: normal;

}

.prof-blok-item:hover {

  transform: scale(1.08);

}

.prof-blok-item img {

  width: min(100px, 12vw);

  float: left;

  margin-right: min(20px, 2.4vw);

}

.prof-blok-item h3 {

  margin: 0;

  padding-top: min(28px, calc(6vw - 22px));

}

.prof-blok-item:hover h3 {

  text-decoration: underline;

	-webkit-text-decoration-color: var(--mot-color);

	text-decoration-color: var(--mot-color);

}

.link-schuin {

  font-style: italic;

}

.blok-grijs, .prof-lijst-item {

  background: var(--mot-lgray);

  padding: 12px;

}

.blok-grijs h4 {

  margin: 0 0 12px;

}

.prof-lijst-item {

  margin: 24px 0;

}

.prof-lijst-item input[type="radio"] {

  display: none;

}

.prof-lijst-item-label {

  float: left;

  width: calc(100% - 48.8px);

}

.prof-lijst-item h2,

.prof-lijst-item-pijl {

  margin: 10px 0;

}

.prof-lijst-item-pijl {

  float: right;

  font-size: 21px;

  transition: .8s ease;

  width: 28.8px;

  margin: 10px;

  text-align: center;

}

.prof-lijst-item-inhoud,

.prof-lijst-item-link a {

  font-size: 0;

  opacity: 0;

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

  overflow: hidden;

  clear: left;

}

.prof-lijst-item-form {

  height: 0;

  overflow: hidden;

  transition: height .4s ease-in;

}

.prof-lijst-item-link {

  height: 0;

}

.prof-lijst-item-link a {

  background: var(--mot-color);

  color: var(--mot-black);

  display: inline-block;

  padding: 0;

}

.prof-lijst-item-link a:hover {

  background: var(--mot-hover);

}

.prof-lijst-item input:checked ~ .prof-lijst-item-inhoud,

.prof-lijst-item input:checked ~ .prof-lijst-item-link a {

  font-size: inherit;

  opacity: 1;

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

}

.prof-lijst-item input:checked ~ .prof-lijst-item-link,

.prof-lijst-item input:checked ~ .prof-lijst-item-form {

  height: auto;

}

.prof-lijst-item input:checked ~ .prof-lijst-item-link a {

  padding: 16px max(16px, 8vw);

}

.prof-lijst-item input:checked ~ .prof-lijst-item-pijl {

  transform: rotate(90deg);

}

.cta-bottom {

  position: absolute;

  bottom: -80px;

}

.cta-bottom-after {

  display: none;

}