:root {
  --dark-slate-blue: #27348b;
  --steel-blue: #237199;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

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

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

.hero-overlay {
  height: 100vh;
  color: #fff;
  background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('../images/SISL_Preview---307A4560.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.centered-container {
  text-align: center;
  flex: 1;
  padding-top: 0;
  padding-bottom: 40px;
}

.image-2 {
  max-width: 25%;
  padding-bottom: 15px;
}

.sectionbanen {
  height: 80vh;
  background-color: #1a1a1a;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.banen-wrapper {
  max-width: 1500px;
  grid-column-gap: 6px;
  grid-row-gap: 5px;
  flex-wrap: wrap;
  flex: 1;
  grid-template-rows: 3fr 2fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 2fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  justify-content: center;
  align-items: stretch;
  justify-items: stretch;
  display: grid;
}

.baan-child {
  height: 100%;
  background-image: url('../images/SISL_Preview---307A4449.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  flex: 0 50%;
  order: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.baan-child._100meter {
  background-image: url('../images/Sisl-100-meter-baan.jpg');
  background-position: 100% 25%;
  background-size: cover;
}

.baan-child._25-dynamisch {
  background-image: url('../images/25mBaan---307A4426.jpg');
}

.baan-child._25meter {
  background-image: url('../images/_Sisl-25-meter-baan.jpg');
  background-position: 50% 75%;
}

.baan-child._10-12meter {
  background-image: url('../images/10mBaan---307A4412.jpg');
}

.baan-child._10meter {
  background-image: url('../images/SISL_Preview---307A4475.jpg');
}

.body {
  text-align: center;
  font-family: Quicksand, sans-serif;
}

.baan-header {
  color: #fff;
  align-self: stretch;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.paragraph {
  color: #fff;
}

.baan-infoblox {
  width: 100%;
  background-color: rgba(0, 0, 0, .6);
  padding-left: 10px;
  padding-right: 10px;
}

.sectionh2 {
  color: #000;
}

.sectionh2.white {
  color: #fff;
}

.button {
  background-color: var(--dark-slate-blue);
}

.sectionsportcafe {
  min-height: 40vh;
  background-image: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), url('../images/SISL_Preview---307A4641.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sportcafe-wrapper {
  display: flex;
}

.containersportcafe {
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sportcafe-img {
  width: 200px;
  border: 1px solid #fff;
  border-radius: 10px;
  flex: 1;
  margin-left: 50px;
}

.sportcafe-infoblox {
  width: 30%;
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.sectionverenigingen {
  padding-top: 60px;
  padding-bottom: 60px;
}

.vereniging {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.heroheading {
  margin-bottom: 36px;
}

.herop {
  margin-bottom: 100px;
}

.vereniging-item {
  border: 2px solid var(--dark-slate-blue);
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  display: flex;
}

.vereniging-item.gastschieten {
  border-color: #fa824c;
}

.vereniging-btn {
  background-color: var(--dark-slate-blue);
  border-radius: 5px;
}

.vereniging-btn:hover {
  background-color: var(--steel-blue);
}

.verenigingheading,
.verenigingp {
  padding-left: 15px;
  padding-right: 15px;
}

.vereniging-li {
  text-align: left;
}

.footer {
  text-align: center;
  align-items: flex-start;
  padding: 60px 50px 40px;
}

.section-sponsoren {
  background-color: #e6e6e6;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 15px 50px 20px;
}

.sponsor-image {
  width: 300px;
  border: 1px solid #c5c5c5;
  flex: 0 30%;
  margin-bottom: 20px;
}

.sponsoren-wrapper {
  flex-wrap: wrap;
  justify-content: space-around;
  margin-top: 25px;
  display: flex;
}

.sponsor-item {
  flex: 0 30%;
}

.footer-wrapper {
  justify-content: space-around;
  margin-bottom: 50px;
  display: flex;
}

.copyright-text {
  color: #979797;
  font-size: 12px;
}

.footer-block {
  width: 30%;
  text-align: left;
}

.footer-block.logo {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-3 {
  width: 120px;
}

.maps {
  height: 300px;
}

.contact-submit-btn {
  background-color: var(--dark-slate-blue);
}

.hero-button-wrapper {
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.flex-block {
  justify-content: space-between;
  margin-top: 5px;
}

.cal-section {
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .sectionbanen {
    height: auto;
    min-height: 80vh;
  }

  .sectionsportcafe {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .footer {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .hero-overlay {
    padding: 40px 20px;
  }

  .sectionbanen {
    height: auto;
    min-height: 80vh;
  }

  .banen-wrapper {
    grid-template-rows: 3fr 3fr;
    grid-auto-rows: 3fr;
  }

  .baan-child._10meter {
    min-height: 50vh;
  }

  .sectionsportcafe {
    height: auto;
    min-height: 40vh;
    align-items: center;
    display: flex;
  }

  .sportcafe-wrapper {
    align-self: center;
    align-items: center;
  }

  .containersportcafe {
    align-items: stretch;
    padding-left: 15px;
    padding-right: 15px;
  }

  .vereniging {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer {
    padding: 40px 20px;
  }

  .sponsor-item {
    flex-basis: 45%;
  }

  .footer-wrapper {
    flex-direction: column;
  }

  .footer-block {
    width: 100%;
    margin-bottom: 35px;
  }
}

@media screen and (max-width: 479px) {
  .centered-container {
    text-align: left;
  }

  .baan-child._100meter {
    min-height: 80vh;
  }

  .baan-infoblox {
    padding-left: 15px;
    padding-right: 15px;
  }

  .sectionsportcafe {
    height: auto;
    min-height: 40vh;
  }

  .sportcafe-wrapper {
    flex-direction: column;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .sportcafe-img {
    width: 80%;
    margin-left: 0;
  }

  .sportcafe-infoblox {
    width: 100%;
  }

  .footer {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sponsor-item {
    flex-basis: 100%;
  }

  .grid {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .list {
    margin-bottom: 0;
  }

  .hero-button-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
  }
}

#w-node-_2df24f0a-8136-1bde-8ff3-d3f97edaa144-306f392f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_102948a1-0755-bd82-5f84-345c32be6223-306f392f,
#w-node-c598882f-f28b-f7fb-bc61-ea1c456179bf-306f392f,
#w-node-ab05adb3-770c-be3f-f47a-68d7d47aa58c-306f392f,
#w-node-_67c2952c-8e79-4c8b-3cb8-c2102e5e2404-306f392f,
#w-node-_513a92fb-0e35-a883-bd53-453a9804d394-306f392f,
#w-node-_669ec82e-1109-e8fb-5c5f-84fc9d12ffd7-306f392f,
#w-node-_386577f4-7fb8-9b8e-39a2-a3c714951e47-306f392f,
#w-node-_24a10a2b-5627-b181-1835-61051a762d6a-306f392f,
#w-node-a81f6572-33e7-af38-1c1c-dd5b1a80816d-306f392f,
#w-node-e416b482-3d92-014a-b775-e46895c8a31b-306f392f,
#w-node-_50429934-67cd-b0ec-c4e9-d10c55625045-306f392f,
#w-node-c249f11d-9f9f-af4e-3d30-d36b103df9cf-306f392f,
#w-node-_1100eec3-ad4d-b6a8-4699-9572d7bf21d1-306f392f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 767px) {
  #w-node-_2df24f0a-8136-1bde-8ff3-d3f97edaa144-306f392f {
    grid-row: span 2 / span 2;
  }

  #w-node-_57fff581-1c34-cd92-55bc-d57688be0893-306f392f,
  #w-node-ab05adb3-770c-be3f-f47a-68d7d47aa588-306f392f,
  #w-node-_67c2952c-8e79-4c8b-3cb8-c2102e5e2400-306f392f,
  #w-node-_513a92fb-0e35-a883-bd53-453a9804d390-306f392f {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_669ec82e-1109-e8fb-5c5f-84fc9d12ffd7-306f392f,
  #w-node-_386577f4-7fb8-9b8e-39a2-a3c714951e47-306f392f,
  #w-node-_24a10a2b-5627-b181-1835-61051a762d6a-306f392f,
  #w-node-a81f6572-33e7-af38-1c1c-dd5b1a80816d-306f392f,
  #w-node-e416b482-3d92-014a-b775-e46895c8a31b-306f392f,
  #w-node-_50429934-67cd-b0ec-c4e9-d10c55625045-306f392f {
    grid-column: span 2 / span 2;
  }
}