/* Scss Document */
html {
  height: 100%;
  scroll-behavior: smooth; 
overflow-x: hidden;}

body {
  height: 100%;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 24px;
  line-height: 1.2em; }

.kp-c-paars {
  color: #5b277b; }

.kp-bc-paars {
  background-color: #5b277b; }

.kp-c-paars2 {
  color: #a52379; }

.kp-bc-paars2 {
  background-color: #a52379; }

.kp-c-oranje {
  color: #d8712e; }

.kp-bc-oranje {
  background-color: #d8712e; }

.kp-c-rood {
  color: #cc2c29; }

.kp-bc-rood {
  background-color: #cc2c29; }

.kp-c-geel {
  color: #eebc40; }

.kp-bc-geel {
  background-color: #eebc40; }

h1 {
  font-weight: 500; }

a {
  color: #5b277b; }

a:hover {
  color: #000000; }

a.kp-menu {
  color: #5b277b;
  width: 50px;
  display: block; }

a.kp-menu:hover {
  color: #5b277b;
  text-decoration: none; }

a.kp-menu:focus {
  color: white;
  background: #5b277b; }

a.kp-hoofdknop {
  color: #fff;
  width: auto;
  display: inline-block;
  padding: 5px 10px;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  font-size: 20px; }

a.navbar-brand img {
  width: 380px;
  margin-top: -20px; }

a.breadcrumb {
  text-decoration: none;
  color: #d8712e;
  font-size: 16px;
  display: inline-block; }

a.breadcrumb:hover {
  color: #a52379; }

.breadcrumb.active {
  color: #a52379; }

.lead {
  font-size: 25px;
  line-height: 1.5em; }

hr.new {
  border: 2px solid #eebc40; }

.nav-link {
  text-transform: uppercase;
  font-size: 20px; }

.navbar-light .navbar-nav .nav-link {
  color: #5b277b; }

.navbar-light .navbar-nav .nav-link:hover {
  color: #cc2c29; }

.navbar-light {
  z-index: 100; }

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
  background-image: url(../images/bg-nav.png);
  background-repeat: no-repeat;
  background-position: center 30px;
  margin-bottom: -80px;
  height: 100px;
  color: #5b277b; }

.navbar-light .navbar-nav .nav-link:focus {
  color: #5b277b;
  background-color: transparent; }

.dropdown-item {
  color: #5b277b; }

.dropdown-item:focus, .dropdown-item:hover {
  color: #5b277b;
  background-color: #eebc40; }

.accordion-button:not(.collapsed) {
    color:black;
    background:white;
}

.accordion-button {
    color:black;
}

.accordion-button::after {
    color:black;
}

.accordion-button {
    font-size: 20px;
}

.accordion-item:first-of-type .accordion-button {
    border-radius:0px !important;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.bg-light {
  background-color: #fff !important; }

.kp-header-img {
  background-size: cover;
  background-position: top center;
  width: 100%;
  height: 600px;
  opacity: 0.8;
  z-index: 1; }

.kp-header-img2 {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 600px;
  opacity: 0.8;
  z-index: 1; }

.kp-header-overlay img {
  position: absolute;
  top: 50px;
  width: 100%;
  z-index: 2; }

.kp-header-overlay-l {
  position: absolute;
  top: 70px;
  width: 300px;
  left: 0px;
  z-index: 2; }

.kp-header-overlay-r {
  position: absolute;
  top: 70px;
  width: 300px;
  right: 0px;
  z-index: 2; }

.kp-header-tekst-blok {
  position: absolute;
  top: 400px;
  width: 100%; }

h1.kp-header-tekst {
  color: #fff;
  font-size: 50px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center; }

a.linkedinpost {
    text-decoration:none;
}

a.kp-img-button img {
  margin-bottom: 15px;
  margin-top: 0px;
  width: 150px;
  transition: all .2s;
  z-index: 2000; }

a.kp-img-button:hover img {
  width: 160px;
  margin-top: -10px; }

a.kp-img-button {
  text-decoration: none;
  font-size: 25px;
  color: #5b277b;
  font-weight: bold;
  text-transform: uppercase; }

a.kp-img-button:hover {
  color: #cc2c29; }

a.kp-img-button2 img {
  margin-bottom: 15px;
  width: 150px;
  z-index: 2000; }

a.kp-img-button2 {
  text-decoration: none;
  font-size: 25px;
  color: #FFF;
  font-weight: bold;
  text-transform: uppercase; }

a.kp-agenda-blok {
  display: block;
  background-color: #fff;
  height: 100px;
  margin-bottom: 15px;
  text-decoration: none;
  opacity: 1; }

a.kp-agenda-blok:hover {
  opacity: 0.8; }

.kp-agenda-img {
  background-size: cover;
  background-position: center;
  width: 120px;
  height: 100px;
  margin-right: 15px;
  float: left; }

.kp-agenda-body {
  padding: 15px; }

a.kp-button {
  display: block;
  color: #fff;
  padding: 8px 20px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 15px;
  width: 100%;
  transition: all .15s ease-in-out; }

.kp-button {
  display: block;
  color: #fff;
  padding: 8px 20px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 15px;
  width: 100%;
  transition: all .15s ease-in-out; }

.kp-button:hover {
    color:white;
  width: 90%; }

a.kp-button:hover {
  width: 90%; }

.breadcrumb-item + .breadcrumb-item::before {
  color: #fff; }

.breadcrumb-item.active {
  color: #fff; }

.dropdown-item.active, .dropdown-item:active {
  background-color: #eebc40; }

.bg-light {
  background-color: transparent !important; }

.card {
  transition: all .2s;
  text-decoration: none;
  min-height: 380px;
  margin-bottom: 15px; }

.card:hover {
  margin-top: -10px; }

.card-afb {
  background-size: cover;
  backgroun-position: center;
  height: 250px; }

footer {
  background-image: url(../images/bg-footer.png);
  background-size: cover;
  background-position: center;
  height: auto;
  font-size: 18px; }

footer a {
  text-decoration: none; }

@media (max-width: 1600px) {
  .kp-header-overlay img {
    top: 130px; }

  .kp-header-overlay-l {
    top: 120px;
    width: 250px; }

  .kp-header-overlay-r {
    top: 120px;
    width: 250px; }

  .kp-header-img {
    height: 550px; }

  .kp-header-tekst-blok {
    top: 320px; } }
@media (max-width: 1400px) {
  .kp-header-overlay img {
    top: 160px; }

  .kp-header-overlay-l {
    top: 140px;
    width: 220px; }

  .kp-header-overlay-r {
    top: 140px;
    width: 220px; }

  .kp-header-img {
    height: 400px; }

  .kp-header-img2 {
    height: 400px; }

  .kp-header-tekst-blok {
    top: 200px; }

  h1.kp-header-tekst {
    font-size: 45px; }

  .card {
    min-height: 320px; }

  .card-afb {
    height: 200px; } }
@media (max-width: 1200px) {
  .kp-header-overlay-l {
    top: 145px;
    width: 190px; }

  .kp-header-overlay-r {
    top: 145px;
    width: 190px; }

  .kp-header-img {
    height: 350px; }

  .kp-header-img2 {
    height: 300px; }

  .kp-header-tekst-blok {
    top: 150px; }

  h1.kp-header-tekst {
    font-size: 40px; }

  a.kp-button {
    font-size: 18px; }

  .card {
    min-height: 300px; }

  .card-afb {
    height: 180px; } }
@media (max-width: 992px) {
  .kp-header-overlay-l {
    top: 150px;
    width: 150px; }

  .kp-header-overlay-r {
    top: 150px;
    width: 150px; }

  h5 {
    font-size: 18px; }

  a.navbar-brand img {
    width: 300px; }

  a.kp-hoofdknop {
    font-size: 16px; }

  .bg-light {
    background-color: #fff !important; }

  .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
    background-image: none;
    margin-bottom: 0px;
    height: auto;
    color: #cc2c29; }

  .kp-header-img {
    height: 380px; }

  .kp-header-img2 {
    height: 280px; }

  .kp-header-overlay {
    top: 150px; }

  .kp-header-tekst-blok {
    top: 250px; }

  h1.kp-header-tekst {
    font-size: 28px; }

  a.kp-img-button img {
    width: 110px; }

  a.kp-img-button {
    font-size: 18px; }

  a.kp-button {
    font-size: 16px; }

  a.kp-img-button2 img {
    width: 110px; }

  a.kp-img-button2 {
    font-size: 18px; }

  a.kp-button2 {
    font-size: 16px; }

  .partners img {
    height: 100px; }

  .card {
    min-height: 295px; }

  .card-afb {
    height: 180px; } }
@media (max-width: 767px) {
  h5 {
    font-size: 16px; }

  a.kp-hoofdknop {
    width: 33.33%;
    font-size: 14px; }

  a.navbar-brand img {
    width: 250px;
    margin-top: 0px; }

  .kp-header-img {
    height: 200px; }

  .kp-header-img2 {
    height: 150px; }

  .kp-header-overlay img {
    top: 115px; }

  .kp-header-overlay-l {
    top: 116px;
    width: 60px; }

  .kp-header-overlay-r {
    top: 116px;
    width: 60px; }

  .kp-header-tekst-blok {
    top: 110px; }

  h1.kp-header-tekst {
    font-size: 20px; }

  a.kp-img-button img {
    width: 90px; }

  a.kp-img-button {
    font-size: 16px; }

  a.kp-img-button2 img {
    width: 90px; }

  a.kp-img-button2 {
    font-size: 16px; }

  .partners img {
    height: 70px; }

  .card-afb {
    height: 250px; } }
.animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

@-webkit-keyframes kp-slidein-left {
  0% {
    -webkit-transform: translateX(-300px); }
  100% {
    -webkit-transform: translateX(0px); } }
@keyframes kp-slidein-left {
  0% {
    transform: translateX(-300px); }
  100% {
    transform: translateX(0px); } }
.kp-slidein-left {
  -webkit-animation-name: kp-slidein-left;
  animation-name: kp-slidein-left; }

@-webkit-keyframes kp-slidein-right {
  0% {
    -webkit-transform: translateX(300px); }
  100% {
    -webkit-transform: translateX(0px); } }
@keyframes kp-slidein-right {
  0% {
    transform: translateX(300px); }
  100% {
    transform: translateX(0px); } }
.kp-slidein-right {
  -webkit-animation-name: kp-slidein-right;
  animation-name: kp-slidein-right; }