body {
  overflow-x: hidden;
}
.hero a {
  width: 180px;
  height: 140px;
  display: block;
  background: #6D2380;
  color: #fff;
  font-size: 25px;
  line-height: 135px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 60px;
  -webkit-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  transform: rotate(10deg);

  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
}

@media screen and (max-width: 1024px) {
  .hero a {
    right: 20px;
  }
}

.menu ul.submenu {
  overflow: auto;
  white-space: nowrap;
}
.menu ul.submenu::-webkit-scrollbar {
  display: none;
}

.footer ul li.title, .footer ul li.title a {
  white-space: nowrap;
}

.hero a:hover {
  -webkit-box-shadow: 0 0 25px #000;
  box-shadow: 0 0 25px #000;
}
.hero a {
  transition: all .2s ease-in-out;
  box-shadow: 0px 0 50px #000;
  -webkit-box-shadow: 0px 0 50px #000;
  -moz-box-shadow: 0px 0 50px #000;
  -o-box-shadow: 0px 0 50px #000;
}

ul.collapsable, ul.collapsable .submenu {
	margin: 0;
	padding: 0;
}
ul.collapsable > li span {
	font-weight: bold;

}
ul.collapsable > li > span:after {
	content: "lees meer";
	margin-left: 10px;
	color: #2199e8;
	cursor: pointer;
}
ul.collapsable ul.submenu {
	margin-left: 10px;
	max-height: 0px;
	overflow: hidden;

	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;

}
ul.collapsable ul.submenu ul {
	margin-left: 10px;
}
ul.collapsable li.active ul.submenu {
	max-height: 1000px;
}
ul.collapsable li.active > span:after {
	content: "lees minder";
}

.readmore-button {
	display: inline-block;
}
.readmore-button:after {
	content: "lees meer";
	color: #2199e8;
	cursor: pointer;
}
.readmore-button.active:after {
	content: "lees minder";
}
.readmore {
	max-height: 0;
	overflow: hidden;
	margin-bottom: 20px;

	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}
.readmore.active {
	max-height: 1000px;
	margin-top: 10px;
}
}

ul.numbered {
  list-style: none;
  counter-reset: li;
}

ul.numbered li {
  counter-increment: li;
  padding-left: 10px;
  position: relative;
}
ul.numbered li::before {
  content: counter(li);
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  margin-right: 1em;
  position: absolute;
  left: 0;
}
.iframe-container {
  width: 100%;
  max-width: 670px;
  margin-bottom: 20px;
}
.iframe-ratio {
	position: relative;
  margin-bottom: 20px;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.iframe-ratio iframe,
.iframe-ratio video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}