.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.body {
  font-family: Opensans, sans-serif;
  font-size: 16px;
}

.container {
  width: 100%;
  max-width: 1276px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.navbar {
  height: 76px;
  background-color: #fff;
  align-items: center;
  display: flex;
}

.nav-menu-wrapper {
  align-items: center;
  display: flex;
}

.nav-menu-wrapper.left {
  margin-left: 40px;
}

.nav-menu-items-wrapper {
  width: 100%;
  height: 76px;
  justify-content: space-between;
  align-items: center;
  margin-left: 40px;
  display: flex;
}

.nav-menu-container {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  display: flex;
}

.nav-link {
  color: #777776;
  text-transform: uppercase;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 12px;
}

.nav-link.w--current, .nav-link.cur_nav {
  color: #3793c6;
}

.nav-link.nl {
  color: #63c120;
  margin-right: 16px;
  padding-left: 8px;
}

.nav-link.en {
  color: #3793c6;
  padding-right: 8px;
}

.nav-divider {
  width: 1px;
  height: 16px;
  background-color: #777776;
}

.nav-divider.green {
  background-color: #5bbf20;
}

.nav-divider.blue {
  display: none;
}

.section {
  padding-top: 30px;
  padding-bottom: 30px;
}

.section.footer-img {
  padding-top: 10px;
  padding-bottom: 0;
  margin-bottom: -2px;
  margin-top: 0;
}

.section.header {
  height: 322px;
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
}

.section.light-blue {
  background-color: #ecf5f9;
  position: relative;
}

.section.uitslagen-nav {
  background-color: #f5f5f5;
  padding-top: 0;
  padding-bottom: 0;
}

.section.uitslagen {
  padding-bottom: 0;
}

.header-image {
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.header-title-wrapper {
  max-width: 578px;
  background-color: rgba(25, 67, 89, .4);
  border-radius: 3px;
  padding: 20px;
}

.radio {
  margin-top: 5px;
  margin-bottom: 5px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Dinpro, sans-serif;
  font-weight: 900;
}

h1,.heading-one {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0px;
  font-family: Dinpro, sans-serif;
  font-weight: 900;
  line-height: 49px;
}

h1, .heading-one.green {
  color: #59b224;
  margin-bottom: 30px;
}

.section.uitslagen h3 {
  color: #59b224;
  padding-bottom: 0;
}
.paragraph {
  color: #fff;
  margin-bottom: 0;
  font-family: Dinpro, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  display: block;
}

.paragraph.black {
  max-width: 844px;
  color: #777776;
  margin-top: 30px;
  margin-bottom: 30px;
  font-family: Opensans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
}

.pb10 {
  padding-bottom: 10px;
}
.pt10 {
  padding-top: 10px;
}

.two-column-grid {
  width: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.inschrijven-wrapper {
  width: 100%;
  background-color: #fff;
  border-radius: 3px;
  justify-content: space-between;
  padding: 20px 30px 30px;
  display: flex;
}

h2 .heading-two {
  color: #5bbf21;
  margin-bottom: 12px;
  font-family: Dinpro, sans-serif;
  font-size: 30px;
  font-weight: 900;
  line-height: 38px;
}

.button {
  min-width: 160px;
  text-align: center;
  background-color: #3793c6;
  border-radius: 7px;
  padding: 16px 32px;
  font-family: Dinpro, sans-serif;
  font-size: 14px;
  font-weight: 900;
}
a.button:hover, a.button:focus, a.button:visited {
  color: white;
  text-decoration: none;
}

.inschrijven-icon-wrapper {
  width: 91px;
  height: 91px;
  background-color: #ecf5f9;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer {
  background-color: #3793c6;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 26px;
  position: relative;
}

.footer-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.25fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.footer-link-wrapper {
  width: 33%;
  color: #fff;
  flex-direction: row;
  align-items: flex-start;
  text-decoration: none;
  display: block;
}

.footer-link-wrapper.social {
  width: 33%;
}

.footer-heading {
  color: #fff;
  margin-bottom: 16px;
  font-family: Dinpro, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 23px;
}

.footer-item {
  font-size: 14px;
  line-height: 26px;
}

.footer-link {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #fff;
  flex-direction: row;
  align-items: center;
  margin-bottom: 16px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.footer-social-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.footer-social-link {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #fff;
  flex-direction: row;
  align-items: center;
  margin-bottom: 0;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.footer-top-bg {
  width: 100%;
  height: auto;
  position: relative;
  bottom: auto;
  top: 0px;
  left: 0%;
  right: auto;
}

.top-footer-bg-wrapper {
  width: 100%;
  height: 55px;
  background-color: #ecf5f8;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}

.nav-language-wrapper {
  align-items: center;
  display: flex;
}

.nav-language-wrapper.mobile, .nav-chevron {
  display: none;
}

.nav-menu-items-container {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  display: flex;
}

.uitslagen-general-tabs {
  width: 100%;
}

.tabs-menu {
  width: auto;
  min-width: 0;
  background-color: #f5f5f5;
  margin-bottom: 30px;
}

.uitslagen-gener {
  position: relative;
}

.tab-link-tab-3 {
  background-color: rgba(221, 221, 221, 0);
}

.general-tab-link {
  color: #8c7a6a;
  background-color: rgba(221, 221, 221, 0);
  padding: 12px 20px;
}

.general-tab-link.w--current {
  color: #59b224;
  background-color: #fff;
  padding: 12px 20px;
}

.general-tab-link.active {
  color: #59b224;
  background-color: #fff;
}

.uitslagen-general-item-tabs {
  background-color: #ecf5f9;
  padding-top: 30px;
}

.general-item-tab-link {
  color: #fff;
  text-transform: uppercase;
  background-color: #777776;
  border-radius: 7px;
  padding: 12px 20px;
  font-family: Dinpro, sans-serif;
  font-weight: 900;
}
.general-item-tab-link:hover, .general-item-tab-link:focus, .general-item-tab-link:visited {
  color: #fff;
}

.general-item-tab-link.w--current {
  color: #fff;
  background-color: #3793c6;
  padding: 12px 20px;
}

.general-item-tab-link.active {
  background-color: #3792c5;
}

.tab-link-tab-2 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.tabs-menu-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.uitslagen-nav-wrapper {
  width: 100%;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.uitslagen-nav-wrapper.general {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  margin-bottom: 0;
}

.uitslagen-wrapper {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  display: flex;
}

.uitslag-item-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 3px;
  grid-template-rows: auto;
  grid-template-columns: 3fr 1fr 2fr 1fr 2fr;
  grid-auto-columns: 1fr;
  padding: 18px 20px;
  display: flex;
}

.uitslag-item-wrapper.titels {
  background-color: rgba(255, 255, 255, 0);
}

.uitslag-item {
  font-size: 14px;
  font-weight: 700;
  line-height: 28px;
}

.uitslag-item.datum {
  width: 20%;
  color: #3793c6;
  font-weight: 400;
  text-align: center;
}

.uitslag-item.naam {
  color: #59b224;
}

.uitslag-item.naam a {
  color: #59b224;
  text-decoration: none;
}

.uitslag-item.plaats {
  width: 60%;
  color: #3793c6;
  font-weight: 400;
}

.uitslag-item.discipline {
  width: 20%;
  color: #3793c6;
  font-weight: 400;
}

.uitslag-item.competitie {
  color: #59b224;
  font-weight: 400;
}

.uitslag-item.competitie a {
  color: #59b224;
  text-decoration: none;
}

.uitslag-item.titel {
  color: #3693c6;
  font-weight: 400;
}

.uitslagen-button-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.dropdown {
  background-color: #fff;
  border: 1px solid #a4cde6;
  border-radius: 3px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
}

.dropdown.uitslag {
  display: none;
}

.dropdown-toggle {
  width: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 16px;
  display: flex;
}

.dropdown-toggle.uitslag {
  display: flex;
}

.dropdown-divider {
  width: 2px;
  height: 32px;
  background-color: #ddd;
}

.dropdown-textblock {
  color: #777776;
}

.naam-item-wrapper {
  width: 35%;
}

.datum-plaats-discipline-wrapper {
  width: 50%;
  justify-content: space-between;
  align-items: top;
  display: flex;
}

.competitie-item-wrapper {
  width: 30%;
}

.datum-plaats-item-wrapper {
  width: 80%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.dropdown-icon-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.grey-bg {
  background-color: #f5f5f5;
  padding-top: 10px;
  padding-bottom: 10px;
}

.grey-bg-nopadding {
  background-color: #f5f5f5;
}

.light-blue-bg {
  background-color: #ecf5f9;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}

.message-container {
  background-color: #e2f0da;
  border: 1px solid #dceacd;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  display: flex;
}

.message-container.notice {
  margin-top: 16px;
}

.message-container.warning {
  background-color: #f0eada;
  border-color: #eae3cd;
  margin-top: 16px;
}

.message-container.error {
  background-color: #f0dbda;
  border-color: #eacecd;
  margin-top: 16px;
}

.message-text {
  color: #4c7645;
  font-family: Opensans, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.message-text.warning {
  color: #e09e22;
}

.message-text.alert {
  padding: 0;
  margin: 0;
}
.message-text.error {
  color: #d03f14;
}

.close-icon {
  width: 12px;
  height: 12px;
}

.close-icon-wrapper {
  width: 32px;
  height: 32px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: pointer;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

@media screen and (max-width: 991px) {
  .nav-menu-wrapper {
    background-color: #3693c6;
    flex-direction: column;
    align-items: flex-start;
  }

  .nav-menu-wrapper.left {
    background-color: #3693c6;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 0;
  }

  .nav-menu-container {
    min-height: 0;
    flex-direction: row;
    margin-left: 0;
    overflow: visible;
  }

  .nav-link {
    width: 100%;
    color: #fff;
    text-transform: none;
    margin-left: 0;
    margin-right: 0;
    font-size: 14px;
    font-weight: 600;
  }

  .nav-link.w--current {
    color: #fff;
  }

  .nav-link.nl {
    padding-left: 12px;
  }

  .nav-link.en {
    color: #fff;
    padding-right: 12px;
  }

  .nav-divider {
    display: none;
  }

  .nav-divider.green {
    display: block;
  }

  .nav-divider.blue {
    background-color: #3793c6;
    display: block;
  }

  .two-column-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    flex-direction: column;
  }

  .footer-container {
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .footer-link-wrapper, .footer-link-wrapper.social {
    width: 100%;
  }

  .footer-social-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-top-bg {
    object-fit: cover;
    top: auto;
    bottom: -2px;
    left: 0%;
    right: auto;
  }

  .top-footer-bg-wrapper {
    height: auto;
  }

  .nav-language-wrapper {
    display: none;
  }

  .nav-language-wrapper.mobile {
    display: flex;
  }

  .nav-menu-item {
    width: 100%;
    justify-content: space-between;
    padding-right: 30px;
    display: flex;
    align-items: center;
  }

  .nav-menu-item.log-in {
    margin-top: 16px;
  }

  .nav-chevron {
    display: block;
    width: 6px;
    height: 10px;
  }

  .nav-menu-items-container {
    min-height: 91vh;
    background-color: #3693c6;
    flex-direction: row;
    margin-left: 0;
  }

  .menu-button {
    justify-content: center;
    align-items: center;
    padding: 0;
    display: block;
  }

  .menu-button.w--open {
    width: 34px;
    height: 30px;
    background-color: #fff;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0;
    position: relative;
  }

  .nav-hamburger-icon {
    display: block;
    position: static;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .nav-close {
    width: 34px;
    opacity: 0;
    margin-left: 0;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .uitslagen-nav-wrapper {
    flex-direction: column;
  }

  .uitslagen-nav-wrapper.general {
    flex-direction: row;
  }

  .uitslag-item-wrapper {
    flex-direction: column;
    grid-template-columns: 3fr 1.5fr 2fr 1fr 2fr;
  }

  .uitslag-item-wrapper.titels {
    display: none;
  }

  .uitslag-item.datum, .uitslag-item.plaats, .uitslag-item.discipline {
    width: auto;
  }

  .uitslagen-button-wrapper {
    display: none;
  }

  .dropdown {
    width: 100%;
  }

  .dropdown.uitslag {
    width: 100%;
    display: block;
  }

  .dropdown-toggle {
    justify-content: space-between;
  }

  .naam-item-wrapper {
    width: 100%;
  }

  .datum-plaats-discipline-wrapper {
    width: 100%;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
  }

  .competitie-item-wrapper {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .logo-nkbv {
    padding-left: 0;
  }

  .footer-top-bg {
    bottom: -2px;
  }

  .uitslagen-nav-wrapper.general {
    flex-direction: row;
  }

  .uitslag-item-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }
}

@media screen and (max-width: 479px) {
  .container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .container.header, .container.uitslagen {
    padding-left: 0;
    padding-right: 0;
  }

  .section.header {
    height: auto;
  }

  .section.light-blue {
  }

  .header-image {
    display: none;
  }

  .header-title-wrapper {
    padding: 10px;
  }

  .heading-one {
    margin-bottom: 0px;
    font-size: 24px;
    line-height: 31px;
    text-decoration: none;
  }

  .footer-top-bg {
    bottom: -2px;
  }

  .uitslagen-nav-wrapper {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .uitslagen-nav-wrapper.general {
    padding-left: 0;
    padding-right: 0;
  }

  .uitslag-item-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }

  .dropdown {
    margin-left: 0;
    margin-right: 0;
  }
}

@font-face {
  font-family: 'Opensans';
  src: url(/assets/OpenSans-Bold-3114f67d23f7856fcf11b3cf09d1f09537a3ef798acd9b4c66db1cff82569e36.ttf) format('truetype'), url(/assets/OpenSans-ExtraBold-82527328f992d9b300629f76827fccab46a4dcd7df8cad7ba48d3b138f2e18a9.ttf) format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans';
  src: url(/assets/OpenSans-Semibold-8be0357e64027bbcaeb5910c6f4f19713198afe78c8749c8e8ca763d939e2010.ttf) format('truetype'), url(/assets/OpenSans-Semibold-8be0357e64027bbcaeb5910c6f4f19713198afe78c8749c8e8ca763d939e2010.ttf) format('truetype'), url(/assets/OpenSans-Semibold-8be0357e64027bbcaeb5910c6f4f19713198afe78c8749c8e8ca763d939e2010.ttf) format('truetype'), url(/assets/OpenSans-Semibold-8be0357e64027bbcaeb5910c6f4f19713198afe78c8749c8e8ca763d939e2010.ttf) format('truetype'), url(/assets/OpenSans-Semibold-8be0357e64027bbcaeb5910c6f4f19713198afe78c8749c8e8ca763d939e2010.ttf) format('truetype'), url(/assets/OpenSans-Semibold-8be0357e64027bbcaeb5910c6f4f19713198afe78c8749c8e8ca763d939e2010.ttf) format('truetype'), url(/assets/OpenSans-Semibold-8be0357e64027bbcaeb5910c6f4f19713198afe78c8749c8e8ca763d939e2010.ttf) format('truetype'), url(/assets/OpenSans-Semibold-8be0357e64027bbcaeb5910c6f4f19713198afe78c8749c8e8ca763d939e2010.ttf) format('truetype'), url(/assets/OpenSans-Semibold-8be0357e64027bbcaeb5910c6f4f19713198afe78c8749c8e8ca763d939e2010.ttf) format('truetype'), url(/assets/OpenSans-Semibold-8be0357e64027bbcaeb5910c6f4f19713198afe78c8749c8e8ca763d939e2010.ttf) format('truetype'), url(/assets/OpenSans-Semibold-8be0357e64027bbcaeb5910c6f4f19713198afe78c8749c8e8ca763d939e2010.ttf) format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans';
  src: url(/assets/OpenSans-Regular-3a68067c3858bdcc9544ba7615fa40cfc91bc09f6843acd76643ee05c05ad18f.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans';
  src: url(/assets/OpenSans-BoldItalic-840119430996d5d0d17e9bfcd5f266298f68da5ace62e7fe91ed71c727eb9130.ttf) format('truetype'), url(/assets/OpenSans-ExtraBoldItalic-fb7c7449455bc731e9d5f6a30b9c262dafce497c7bc3013073722d0910b662f2.ttf) format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans';
  src: url(/assets/OpenSans-SemiboldItalic-d5c0ebcfaecd944f2be9743175aca6b6fb4928ad38080d4f51f69b61ff8b8989.ttf) format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans';
  src: url(/assets/OpenSans-Light-08cd8b9dad0d397f12b109a3bd8ed1745a143e5b306ba69884d6779585637ec4.ttf) format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans';
  src: url(/assets/OpenSans-LightItalic-84381d43c44c339a3a0a56eb174b67c44c76b1df83eeb4dfb26685a46a3057ae.ttf) format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans';
  src: url(/assets/OpenSans-Italic-6cd0f2c95bb221d3c46b4c0f90cf5d6a34ab2bc145633a63c0a75ef7d3717dfd.ttf) format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Dinpro';
  src: url(/assets/DINPro-Black-b0e488c058bf3381e93b101e3fd06f74364d8072e87bd3dfee5873da09ad7b35.otf) format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Dinpro';
  src: url(/assets/DINPro-Bold-ac19be8d6b3b87fd0b3b12a42eae9b82ffbf1f6dc588b08f1a8cae2e44a09c0d.otf) format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Dinpro';
  src: url(/assets/DINPro-Light-b3547f0662ce8225e85dd8c77d5eb1b2e7d3dba3b62bfb3603d70baacb89093d.otf) format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Dinpro';
  src: url(/assets/DINPro-Regular-a608b84f40f1de0117bb422ef2e1f0b94f3c1457e2fabeed7869ae80029479af.otf) format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Dinpro';
  src: url(/assets/DINPro-Medium-079407392c5c23720da76d8bf659e6eb0f4a8cf8267cc8011d2681649c495ff4.otf) format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}