@font-face {
  font-family: 'adderleybold';
  src: url('adderly/adderley_bold-webfont.woff2') format('woff2'),
       url('adderly/adderley_bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'adderleylight';
  src: url('adderly/adderley_light-webfont.woff2') format('woff2'),
       url('adderly/adderley_light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'adderleythin';
  src: url('adderly/adderley_thin-webfont.woff2') format('woff2'),
       url('adderly/adderley_thin-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


img.logo {
  -webkit-filter: drop-shadow( 5px 5px 4px rgba(0, 0, 0, .7));
  filter: drop-shadow( 5px 5px 4px rgba(0, 0, 0, .7));
  /* Similar syntax to box-shadow */
  width: 340px;
  padding: 20px;
  height: 98px;
  max-width: 80%;
  max-height: 20vw;
}

@media (max-width:800px) {
  header .logo {
    max-width: 70%;
    padding:10px;
   width:280px;
   height:81px
  }
 }

@media (max-width:400px) {
  header .logo {
   padding:10px;
   width:220px;
   height:59px
  }
 }


body .divisies_menu {
  position: sticky;
  top: 0;
  z-index: 2;
}

body .divisies_menu .bedrijfknop .progresscontainer .progress,
body .divisies_menu .divisieknop .progresscontainer .progress {
  background-color: #f9df00;
}

body {
  color: #fff;
}

body .divisie_loader {
  background-color: #0f1d1e ;
}

body .divisie_container {
  padding-left: 0;
  padding-right: 0;
}

body .divisie_container .ajaxcontent .thumbnailcontainer {
  width: 33%;
  height: calc((33vw - 20px) / 1.85);
}

@media (max-width: 1000px) {
  body .divisie_container .ajaxcontent .thumbnailcontainer {
      width: 49%;
      height: calc((50vw - 25px) / 1.85);
  }
}

@media (max-width: 700px){
 body .divisie_container .ajaxcontent .thumbnailcontainer {
      width: 100%;
      height: calc((100vw - 25px) / 1.85);
      margin-bottom: 20px;
  }
}
.homebeelden {
  background-color: #0f1d1e ;
}

.inhoudpart .content {
  max-width:960px;
  width: 90%;
  font-size: 20px;
  line-height: 1.3;
  margin-left: auto;
  margin-right: auto;
}

.divisie_container .inhoudpart .content {
  text-align: center;
}

body .popup_loader .popup_container {
  background-color: #0f1d1e;
}


.popup_loader .popup_container h1.entry-title {
  color: #f9df00;
  font-family: 'adderleybold';

}

.popupcloselink img {
  opacity: 0;
}

.popupcloselink {
  position: absolute;
  right: 20px;
  z-index: 20;
  cursor: pointer;
  width: 33px;
  height: 33px;
  background-repeat: no-repeat;
  top: 20px;
  background-image: url(close.png);
}

.divisies_menu {
  height: 77px;
  margin-top: calc(100vh - 77px);
}

@media (max-width:740px) {
  .divisies_menu {
    height: 127px;
    text-align: center;
    margin-top: calc(100vh - 127px);
  }
}

.divisieknop.divisie_en_bedrijfknop {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 15px;
}

.divisieknop.divisie_en_bedrijfknop a {
  font-family: 'adderleylight';
  font-size: 27px;
}

.divisieknop.divisie_en_bedrijfknop.activedivisie a {
  color: #f9df00;
}

.divisies_menu .bedrijfknop.active a,
.divisies_menu .divisieknop.active a {
  color: #f9df00;
  background-color: transparent;
}

.divisies_menu .bedrijfknop:hover a,
.divisies_menu .divisieknop:hover a {
  color: #f9df00;
  background-color: transparent;
}

.nieuwsblokken .nieuwsblok a.nieuwslink {
  color: #fff;
}


.nieuwsblokken .nieuwsblok p.teaser {
  color: #fff;
}

.topmenu .opener {
  display: block;
  background-color: #f9df00;
  background-image: url(hamburger.png);
  width: 40px;
  height: 40px;
  border-radius: 30px;
  background-size: 20px;
background-repeat: no-repeat;
background-position: center;
position: fixed;
right: 15px;
top: 15px;
}

.topmenu {
  background-color: transparent;
}

.topmenu .menu-hamburger-menu-container {
  display: none;
}

.topmenu.visible .menu-hamburger-menu-container {
  display: block;
  background-color: rgba(0 0 0 / 0.8);
  width: 310px;
  position: fixed;
  right: 0;
  top: 0;
  height: calc(100vh - 60px);
  padding-top : 70px;
}

.topmenu .menu-hamburger-menu-container #menu-hamburger-menu li {
  display: block;
  text-align: left;
  border-bottom: 1px solid rgba(255 255 255 /0.3);
  padding: 14px 55px;
}

.topmenu .menu-hamburger-menu-container #menu-hamburger-menu li:first-child {
  border-top: 1px solid rgba(255 255 255 /0.3);
}

.topmenu .menu-hamburger-menu-container #menu-hamburger-menu li a {
  font-family: 'adderleybold';
  font-size: 21px;
}

.topmenu .opener img {
  opacity: 0;
}

.topmenu .menu-hamburger-menu-container #menu-hamburger-menu li.menu-social {
  display: none;
}

.divisies_menu .linkerkant {
  display: block;
margin-left: auto;
margin-right: auto;
}

.divisies_menu .rechterkant {
  display: none;
}

a, b, strong {
  color: #fff;
}

body .accordionblock .items,
body .accordionblock .items  label,
body .accordionblock .items input[type="radio"]:checked + label {
  background: transparent !important;
  border: 0;
}

body .accordionblock .item-heading,
body .accordionblock .item-text {
  color: #fff;
}

.teammember h3 {
  color: #f9df00;
}

.popup_container .ajaxcontent .pageparts .pagepart .contentpart,
.popup_container .ajaxcontent .pageparts .pagepart .contentpart .content {
  background-color: #0f1d1e;
}


.pagelinkjes .pagelinkje {
  color: #fff;
}

.pagelinkjes .pagelinkje.active {
  color: f9df00;
}

.popup_loader .popup_container .inhoudlinkjes .inhoudlinkje,
.popup_loader .popup_container .inhoudlinkjes .pagelinkje,
.popup_loader .popup_container .pagelinkjes .inhoudlinkje,
.popup_loader .popup_container .pagelinkjes .pagelinkje {
  color: #fff;
}

.popup_loader .popup_container .inhoudlinkjes .inhoudlinkje.active,
.popup_loader .popup_container .inhoudlinkjes .pagelinkje.active,
.popup_loader .popup_container .pagelinkjes .inhoudlinkje.active,
.popup_loader .popup_container .pagelinkjes .pagelinkje.active {
  color: #f9df00;
}

.nieuwsblokken .nieuwsblok {
  width: 33%;
}

.divisie_container .ajaxcontent .thumbnailcontainer .schuift {
  background-color: rgba(15 29 30 / 0.8);
  color: #fff;
}

@media (mmax-width: 800px) {
  .divisie_container .ajaxcontent .thumbnailcontainer .schuift {
    background-color: rgba(15 29 30 / 0.5);
  }
}


.popup_loader .popup_container .inhoudpart .content .creditstable tr td:last-child,
.popup_loader .popup_container .inhoudpart .content .detailstable tr td:last-child {
  color: #fff;
}

.popup_loader .popup_container .inhoudpart .content .creditstable tr td:first-child,
.popup_loader .popup_container .inhoudpart .content .detailstable tr td:first-child {
  color: #fff;
}

.video_on_homepage {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.topmenu .hamburger_menu_extra {
  display: block;
position: absolute;
top: 15px;
z-index: -1;
right: 70px;
}

@media (max-width: 800px) {
  .topmenu .hamburger_menu_extra {
    display: none;
    z-index: 0;
  }
}

a.blokje.email,
a.blokje.facebook,
a.blokje.linkedin,
a.blokje.instagram,
.topmenu .hamburger_menu_extra a {
  color: #000;
background-color: #f9df00;
padding: 5px;
margin: 0 5px;
border-radius: 20px;
width: 19px;
display: inline-block;
height: 19px;
text-align: center;
line-height: 18px;
}


@media (max-width: 1020px) {
  .topmenu.visible .menu-hamburger-menu-container {
     margin-top: 0;
  }
}