/* ---------- pinterest button fix Niice ---------- */
.pinterest-selector span[class$="_save"] {
  margin-top: 0!important;
}

.zichtbaarheid, .days365, .vulinwin {
  text-align: justify;
}

/*----------- zichtbaarheid door Niice -------------- */
  .zichtbaarheid p,
  .zichtbaarheid ul,
  .zichtbaarheid ol {
    /* font-family: "co_headlineregular"; */
/*     font-family: "co_headlineregular"; */
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    line-height: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    text-rendering: optimizeLegibility;
    font-weight: 300;
  }
  .zichtbaarheid .body-bold {
    /* font-family: "co_headlinebold"; */
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
  }
  .zichtbaarheid h1 {
    font-size: 20px;
    color: white;
    font-family: 'Roboto Condensed', sans-serif;
  }
  @media only screen and (min-width: 992px) {
  .zichtbaarheid h1 {
      font-size: 60px;
      line-height: 65px;
  }
    }
  .zichtbaarheid h2,
  .zichtbaarheid h3 {
    font-size: 16px;
    font-family: "co_headlinebold";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-weight: 300;
    color: #000;
  }
  @media only screen and (min-width: 992px) {
  .zichtbaarheid h2,
  .zichtbaarheid h3 {
      font-size: 16px;
      line-height: 20px;
  }
    }
  .zichtbaarheid .heading-regular {
    font-family: "co_headlineregular";
  }
  .zichtbaarheid a {
    text-decoration: underline;
    color: inherit;
  }
  .zichtbaarheid .titel-dropdown {
    font-size: 20px;
    text-decoration: underline;
    color: white;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
  }
  .zichtbaarheid img.img-full {
      object-fit: cover;
    }
  .zichtbaarheid img.img-half {
      border-radius: 25px;
    }
  .zichtbaarheid .img-border {
    border: solid;
    border-width: 1px;
    border-color: grey;
  }
  .zichtbaarheid .zoomed-object {
    z-index: 99;
    position: absolute;
  }
  .zichtbaarheid .zoomed-object.zoomed-object-right {
      top: 20px;
      left: 70%;
    }
  .zichtbaarheid .zoomed-object.zoomed-object-left {
      top: 20px;
      right: 70%;
    }
  .zichtbaarheid header {
    font-size: 16px;
    background-image: url('https://niicebasil.s3.eu-west-2.amazonaws.com/365/blok-3-zichtbaarheid/Basil+Miles+Daypack+Nordlicht.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 60%;
    align-items: center;
    height: 240px;
  }
  @media only screen and (min-width: 768px) {
  .zichtbaarheid header {
      height: 480px;
      align-items: inherit;
  }
    }
  .zichtbaarheid .header-block {
    width: 100%;
    margin-right: 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  @media only screen and (min-width: 992px) {
  .zichtbaarheid .header-block {
      padding: 45px;
      max-width: 800px;
  }

      .zichtbaarheid .header-block img {
        height: auto;
      }
    }
  .zichtbaarheid .collapsible {
    cursor: pointer;
    padding: 8px 16px 8px 16px;
    width: 100%;
    border-radius: 25px;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
  }
  .zichtbaarheid .collapsible.collapsible-colors1 {
      background-color: #b0c068;
    }
  .zichtbaarheid .collapsible.collapsible-colors2 {
      background-color: #afd2cb;
    }
  .zichtbaarheid .active.collapsible-colors1, .zichtbaarheid .collapsible:hover.collapsible-colors1 {
      background-color: #a5b55e;
    }
  .zichtbaarheid .active.collapsible-colors2, .zichtbaarheid .collapsible:hover.collapsible-colors2 {
      background-color: #a4cac2;
    }
  .zichtbaarheid .content-collapsible {
    padding: 8px 16px 8px 16px;
    margin-top: -25px;
    border-radius: 0 0 25px 25px;
    display: none;
    overflow: hidden;
  }
  .zichtbaarheid .content-collapsible.collapsible-colors1 {
      background-color: #a5b55e;
    }
  .zichtbaarheid .content-collapsible.collapsible-colors2 {
      background-color: #a4cac2;
    }
  .zichtbaarheid .img-full {
    font-size: 16px;
    background-image: url('https://niicebasil.s3.eu-west-2.amazonaws.com/365/blok-3-zichtbaarheid/Basil+Miles+series+(2).jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 60%;
    align-items: center;
    height: 240px;
  }
  @media only screen and (min-width: 768px) {
  .zichtbaarheid .img-full {
      height: 480px;
      align-items: inherit;
  }
    }
  .zichtbaarheid .product {
    background-color: #cacbcc;
  }
  .zichtbaarheid .product-button {
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    text-align: center;
    margin: 20px auto 0 auto;
    text-decoration: none;
    transition: all ease .2s;
    display: block;
    cursor: pointer;
    color: #000;
  }
  .zichtbaarheid .product-button:hover {
      background-color: #f4f4f4;
    }
  .zichtbaarheid .mobile-off {
    display: none;
  }
  @media screen and (min-width: 992px) {
  .zichtbaarheid .mobile-off {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
  }
    }
  .zichtbaarheid .mobile-on {
    display: flex;
    flex-wrap: wrap;
  }
  @media screen and (min-width: 992px) {
  .zichtbaarheid .mobile-on {
      display: none;
  }
    }
/*@tailwind preflight;*/

.zichtbaarheid .rounded-lg {
  border-radius: .5rem !important;
}

.zichtbaarheid .block {
  display: block !important;
}

.zichtbaarheid .inline-block {
  display: inline-block !important;
}

.zichtbaarheid .flex {
  display: flex !important;
}

.zichtbaarheid .flex-wrap {
  flex-wrap: wrap !important;
}

.zichtbaarheid .items-center {
  align-items: center !important;
}

.zichtbaarheid .justify-end {
  justify-content: flex-end !important;
}

.zichtbaarheid .justify-center {
  justify-content: center !important;
}

.zichtbaarheid .justify-between {
  justify-content: space-between !important;
}

.zichtbaarheid .h-3 {
  height: .75rem !important;
}

.zichtbaarheid .h-48 {
  height: 12rem !important;
}

.zichtbaarheid .my-8 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.zichtbaarheid .mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.zichtbaarheid .mb-2 {
  margin-bottom: .5rem !important;
}

.zichtbaarheid .mb-4 {
  margin-bottom: 1rem !important;
}

.zichtbaarheid .mt-6 {
  margin-top: 1.5rem !important;
}

.zichtbaarheid .mb-12 {
  margin-bottom: 3rem !important;
}

.zichtbaarheid .mt-16 {
  margin-top: 4rem !important;
}

.zichtbaarheid .mb-16 {
  margin-bottom: 4rem !important;
}

.zichtbaarheid .ml-auto {
  margin-left: auto !important;
}

.zichtbaarheid .-mx-4 {
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}

.zichtbaarheid .overflow-hidden {
  overflow: hidden !important;
}

.zichtbaarheid .p-3 {
  padding: .75rem !important;
}

.zichtbaarheid .p-4 {
  padding: 1rem !important;
}

.zichtbaarheid .p-5 {
  padding: 1.25rem !important;
}

.zichtbaarheid .px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.zichtbaarheid .px-8 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.zichtbaarheid .pr-4 {
  padding-right: 1rem !important;
}

.zichtbaarheid .fixed {
  position: fixed !important;
}

.zichtbaarheid .relative {
  position: relative !important;
}

.zichtbaarheid .text-left {
  text-align: left !important;
}

.zichtbaarheid .text-center {
  text-align: center !important;
}

.zichtbaarheid .text-grey {
  color: #b8c2cc !important;
}

.zichtbaarheid .text-white {
  color: #fff !important;
}

.zichtbaarheid .text-sm {
  font-size: 1.5rem !important;
}

.zichtbaarheid .visible {
  visibility: visible !important;
}

.zichtbaarheid .w-auto {
  width: auto !important;
}

.zichtbaarheid .w-full {
  width: 100% !important;
}

*,
:after,
:before {
  box-sizing: inherit;
  border-width: 0;
  border-style: solid;
  border-color: #e2e8f0;
}

html {
  box-sizing: border-box; /* 1 */
}

.zichtbaarheid .container {
  width: 100%;
}

@media (min-width: 576px) {
  .zichtbaarheid .container {
    max-width: 576px;
  }
}

@media (min-width: 769px) {
  .zichtbaarheid .container {
    max-width: 769px;
  }
}

@media (min-width: 992px) {
  .zichtbaarheid .container {
    max-width: 992px;
  }
}

@media (min-width: 1300px) {
  .zichtbaarheid .container {
    max-width: 1300px;
  }
}

@media (min-width: 768px) {

  .zichtbaarheid .md\:mt-64 {
    margin-top: 16rem !important;
  }

  .zichtbaarheid .md\:-mx-4 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }

  .zichtbaarheid .md\:px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .zichtbaarheid .md\:w-1\/2 {
    width: 50% !important;
  }

  .zichtbaarheid .md\:w-1\/4 {
    width: 25% !important;
  }
}

@media (min-width: 992px) {

  .zichtbaarheid .lg\:w-1\/3 {
    width: 33.33333% !important;
  }

  .zichtbaarheid .lg\:w-8\/12 {
    width: 66.666667% !important;
  }
}
/*----------- overall 365 door Niice ------------ */
.days365 {
  margin-bottom: 20px;
}
.days365 {
  margin-bottom: 20px;
}

  .days365 p {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-weight: 300;
/*     font-family: "co_headlineregular"; */
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 20px;
    line-height: 24px;
  }

  .days365 .hidden {
    visibility: visible !important;
  }

  .days365 h1 {
    margin-bottom: 25px;
    font-size: 25px;
    margin-top: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-weight: 300;
    font-family: "co_headlineregular";
  }

  .days365 h1 .headings-bold {
      font-family: "co_headlinebold";
    }

  @media only screen and (min-width: 992px) {

  .days365 h1 {
      font-size: 30px;
  }
    }

  .days365 h2,
  .days365 h3 {
    font-family: "co_headlineregular";
    margin-top: 16.6px;
    color: #000;
    margin-bottom: 16.6px;
  }

  .days365 .body-bold {
    font-family: "co_headlinebold";
  }

  .days365 a {
    text-decoration: none;
    color: inherit;
  }

  .days365 img.img-full {
      height: 200px;
      position: relative;
      object-fit: cover;
     
    }
 @media only screen and (min-width: 768px) {
     .days365 img.img-full {
       height: 400px;
    }
}
  .days365 img.img-half {
      height: 345px;
      object-fit: cover;
    }

  .days365 header {
    font-size: 16px;
    background-image: url('https://niicebasil.s3.eu-west-2.amazonaws.com/365/overall-pagina/Basil+Discovery+series_1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 77%;
    align-items: center;
    height: 240px;
  }

  @media only screen and (min-width: 768px) {

  .days365 header {
      height: 600px;
      align-items: inherit;
  }
    }

  .days365 .below-header {
    position: relative;
  }

  .days365 .header-block {
    background: #fff;
    width: 100%;
    margin-right: 0;
    padding-top: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .days365 .header-block img {
      height: 20px;
    }

  @media only screen and (min-width: 992px) {

  .days365 .header-block {
      margin-right: 50px;
      border-radius: 15px;
      padding: 45px;
      max-width: 400px;
  }

      .days365 .header-block img {
        height: auto;
      }
    }

  .days365 .campaign-button {
    background-color: #b2cee0;
    color: #000;
    font-family: "co_headlineregular";
    padding: 5px 10px;
    font-size: 20px;
    text-align: center;
    margin: 20px auto 0 auto;
    text-decoration: none;
    transition: all ease .2s;
  }

  @media only screen and (min-width: 992px) {

  .days365 .campaign-button {
      font-size: 16px;
      padding: 10px 20px;
  }
    }

  .days365 .campaign-button:hover {
      background-color: #9dbfd5;
    }

  .days365 .campaign-icon {
    z-index: 99;
    position: absolute;
    top: 200px;
    right: 1%;
  }

  .days365 .campaign-icon2 {
    z-index: 99;
    position: absolute;
    top: 140px;
    margin-right: -3rem;
    right: 46%;
  }

  .days365 .mobile-off {
    display: none;
  }

  @media screen and (min-width: 992px) {
 .days365 .campaign-icon.h-16 {
    height: 7rem !important;
  }
  .days365 .mobile-off {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
  }
    }

  .days365 .mobile-on {
    display: flex;
    flex-wrap: wrap;
  }

  @media screen and (min-width: 992px) {

  .days365 .mobile-on {
      display: none;
  }
    }
/*@tailwind preflight;*/

.days365 .rounded-lg {
  border-radius: .5rem !important;
}

.days365 .block {
  display: block !important;
}

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

.days365 .flex {
  display: flex !important;
}

.days365 .flex-wrap {
  flex-wrap: wrap !important;
}

.days365 .items-end {
  align-items: flex-end !important;
}

.days365 .items-center {
  align-items: center !important;
}

.days365 .justify-end {
  justify-content: flex-end !important;
}

.days365 .justify-center {
  justify-content: center !important;
}

.days365 .h-4 {
  height: 1rem !important;
}

.days365 .h-16 {
  height: 4rem !important;
}

.days365 .h-24 {
  height: 6rem !important;
}

.days365 .mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.days365 .my-8 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.days365 .mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.days365 .mb-1 {
  margin-bottom: .25rem !important;
}

.days365 .mt-6 {
  margin-top: 1.5rem !important;
}

.days365 .mb-12 {
  margin-bottom: 3rem !important;
}

.days365 .-mx-4 {
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}

.days365 .overflow-hidden {
  overflow: hidden !important;
}

.days365 .p-5 {
  padding: 1.25rem !important;
}

.days365 .px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.days365 .relative {
  position: relative !important;
}

.days365 .text-center {
  text-align: center !important;
}

.days365 .text-sm {
  font-size: 1.5rem !important;
}

.days365 .visible {
  visibility: visible !important;
}

.days365 .w-auto {
  width: auto !important;
}

.days365 .w-full {
  width: 100% !important;
}

*,
:after,
:before {
  box-sizing: inherit;
  border-width: 0;
  border-style: solid;
  border-color: #e2e8f0;
}

html {
  box-sizing: border-box; /* 1 */
}

.days365 .container {
  width: 100%;
}

@media (min-width: 576px) {
  .days365 .container {
    max-width: 576px;
  }
}

@media (min-width: 769px) {
  .days365 .container {
    max-width: 769px;
  }
}

@media (min-width: 992px) {
  .days365 .container {
    max-width: 992px;
  }
}

@media (min-width: 1300px) {
  .days365 .container {
    max-width: 1300px;
  }
}

@media (min-width: 768px) {

  .days365 .md\:block {
    display: block !important;
  }

  .days365 .md\:hidden {
    display: none !important;
  }

  .days365 .md\:w-1\/2 {
    width: 50% !important;
  }

  .days365 .md\:w-full {
    width: 100% !important;
  }
}

@media (min-width: 992px) {

  .days365 .lg\:items-center {
    align-items: center !important;
  }

  .days365 .lg\:w-1\/3 {
    width: 33.33333% !important;
  }

  .days365 .lg\:w-8\/12 {
    width: 66.666667% !important;
  }
}

/*----------- vulinenwin door niice ----------*/
.vulinwin .bg {
    background-color: #7bbd9b;
  }
  .vulinwin p {
/*     font-family: "co_headlineregular"; */
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 24px;
  }
  .vulinwin h1 {
    font-size: 25px;
    font-family: "co_headlineregular";
  }
  .vulinwin h1 .headings-bold {
      font-family: "co_headlinebold";
    }
  @media only screen and (min-width: 992px) {
  .vulinwin h1 {
      font-size: 60px;
      line-height: 65px;
  }
    }
  
  .vulinwin h3 {
    font-family: "co_headlineregular";
  }
  .vulinwin .body-bold {
    font-family: "co_headlinebold";
  }
  .vulinwin a {
    text-decoration: underline;
    color: inherit;
  }
  .vulinwin img.img-full {
      object-fit: cover;
    }
  .vulinwin header {
    font-size: 16px;
    background-image: url('https://niicebasil.s3.eu-west-2.amazonaws.com/365/blok-6-365daystocycle/Basil+Bohe%CC%80me+series_1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 63% 60%;
    align-items: center;
    height: 400px;
    @media only screen and (min-width: 768px) {
          background-position: 0% 60%;
    }
  }
  @media only screen and (min-width: 768px) {
  .vulinwin header {
      height: 600px;
      align-items: inherit;
  }
    }
  .vulinwin .header-block {
    background: #fff;
    border-radius: 15px;
    margin-right: 0;
    padding: 20px 40px 20px 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  @media only screen and (min-width: 992px) {
  .vulinwin .header-block {
      max-width: 400px;
  }
    }
  .vulinwin form {
    font-family: 'Open Sans', sans-serif;
  }
  .vulinwin .mobile-off {
    display: none;
  }
  @media screen and (min-width: 992px) {
  .vulinwin .mobile-off {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
  }
    }
  .vulinwin .mobile-on {
    display: flex;
    flex-wrap: wrap;
  }
  @media screen and (min-width: 992px) {
  .vulinwin .mobile-on {
      display: none;
  }
    }
/*@tailwind preflight;*/

.vulinwin .block {
  display: block !important;
}

.vulinwin .flex {
  display: flex !important;
}

.vulinwin .flex-wrap {
  flex-wrap: wrap !important;
}

.vulinwin .items-start {
  align-items: flex-start !important;
}

.vulinwin .items-center {
  align-items: center !important;
}

.vulinwin .justify-start {
  justify-content: flex-start !important;
}

.vulinwin .justify-end {
  justify-content: flex-end !important;
}

.vulinwin .justify-center {
  justify-content: center !important;
}

.vulinwin .h-4 {
  height: 1rem !important;
}

.vulinwin .mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.vulinwin .my-8 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.vulinwin .mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.vulinwin .mt-6 {
  margin-top: 1.5rem !important;
}

.vulinwin .mb-12 {
  margin-bottom: 3rem !important;
}

.vulinwin .mb-16 {
  margin-bottom: 4rem !important;
}

.vulinwin .-mx-4 {
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}

.vulinwin .p-5 {
  padding: 1.25rem !important;
}

.vulinwin .p-12 {
  padding: 3rem !important;
}

.vulinwin .px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.vulinwin .pb-12 {
  padding-bottom: 3rem !important;
}

.vulinwin .pl-12 {
  padding-left: 3rem !important;
}

.vulinwin .relative {
  position: relative !important;
}

.vulinwin .text-center {
  text-align: center !important;
}

.vulinwin .text-sm {
  font-size: 1.5rem !important;
}

.vulinwin .w-auto {
  width: auto !important;
}

.vulinwin .w-full {
  width: 100% !important;
}

*,
:after,
:before {
  box-sizing: inherit;
  border-width: 0;
  border-style: solid;
  border-color: #e2e8f0;
}

html {
  box-sizing: border-box; /* 1 */
}

.vulinwin .container {
  width: 100%;
}

@media (min-width: 576px) {
  .vulinwin .container {
    max-width: 576px;
  }
}

@media (min-width: 769px) {
  .vulinwin .container {
    max-width: 769px;
  }
}

@media (min-width: 992px) {
  .vulinwin .container {
    max-width: 992px;
  }
}

@media (min-width: 1300px) {
  .vulinwin .container {
    max-width: 1300px;
  }
}

@media (min-width: 768px) {

  .vulinwin .md\:w-1\/2 {
    width: 50% !important;
  }
}

@media (min-width: 992px) {

  .vulinwin .lg\:w-1\/3 {
    width: 33.33333% !important;
  }

  .vulinwin .lg\:w-8\/12 {
    width: 66.666667% !important;
  }
}



/*----------- zomer door Niice ------------ */
.zomer-header .header {
    font-size: 16px;
    background-image: url('https://cdn.webshopapp.com/shops/203960/files/237372395/headerhomepage.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 475px;
    align-items: flex-end;
  }

    @media only screen and (min-width: 992px) {.zomer-header .header {
      align-items: center;
      height: 720px;
      background-position: center;
  }
    }

    .zomer-header .header .contentblock {
      background: #fff;
      padding: 10px;
      margin-right: 0;
      width: 100%;
    }

    @media screen and (min-width: 992px) {

    .zomer-header .header .contentblock {
        margin-right: 50px;
        padding: 30px;
        border-radius: 15px;
        max-width: 390px;
    }
      }

    .zomer-header .header .contentblock .h1 {
        font-size: 25px;
        margin-top: 0;
        font-family: "co_headlineregular";
      }

    .zomer-header .header .contentblock .h1 .headings-bold {
          font-family: "co_headlinebold";
        }

    @media only screen and (min-width: 992px) {

    .zomer-header .header .contentblock .h1 {
          font-size: 30px;
      }
        }

    .zomer-header .header .mobile-off {
      display: none;
    }

    @media screen and (min-width: 992px) {

    .zomer-header .header .mobile-off {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
      }

    .zomer-header .header .mobile-on {
      display: flex;
      flex-wrap: wrap;
    }

    @media screen and (min-width: 992px) {

    .zomer-header .header .mobile-on {
        display: none;
    }
      }

    .zomer-header .header .lente-button {
      background-color: #ccae2d;
      color: #fff;
      font-family: "co_headlinebold";
      padding: 5px 10px;
      font-size: 20px;
      text-align: center;
      margin: 20px auto 0 auto;
      text-decoration: none;
      transition: all ease .2s;
    }

    @media only screen and (min-width: 992px) {

    .zomer-header .header .lente-button {
        font-size: 16px;
        padding: 10px 20px;
    }
      }

    .zomer-header .header .lente-button:hover {
        background-color: #b7991a;
      }

@media only screen and (max-width: 991px) {

.index .header-mobile {
      min-height: 400px;
  }
    }

@media only screen and (max-width: 991px) {

.index .slider {
      height: 500px !important;
  }
    }

@media only screen and (min-width: 769px) and (max-width: 991px) {

.index .slider {
      top: -453px;
  }
    }

@media only screen and (min-width: 768px) and (max-width: 991px) {

.index .categories.home {
      top: -360px;
  }
    }

.basil-zomer-campagne {
  margin: 30px 0;
}

.basil-zomer-campagne.container {
    width: 100% !important;
    margin: 10px 0 !important;
    padding: 0 !important;
    max-width: 1300px !important;
  }

.basil-zomer-campagne img {
    width: 100%;
    height: 100%;
  }

.basil-zomer-campagne h1,
  .basil-zomer-campagne h3,
  .basil-zomer-campagne .h3 {
    font-family: "co_headlineregular";
    font-size: 16px;
  }

.basil-zomer-campagne .headings-bold {
    font-family: "co_headlinebold";
  }

.basil-zomer-campagne p {
    font-size: 16px;
  }

.basil-zomer-campagne .header {
    background-image: url('https://s3.eu-west-2.amazonaws.com/niicebasil/zomer/header.jpg');
    background-size: cover;
    background-position: 0 20%;
    height: 300px;
    border-radius: 15px;
  }

@media only screen and (min-width:767px) {

.basil-zomer-campagne .header {
      height: 420px;
  }
    }

.basil-zomer-campagne .contentblock {
    background: #fff;
    padding: 10px;
    border-radius: 15px;
    margin-right: 0;
  }

@media only screen and (min-width:767px) {

.basil-zomer-campagne .contentblock {
      background: #cfd781;
  }
    }

@media screen and (min-width: 768px) {

.basil-zomer-campagne .contentblock {
      margin-right: 50px;
      padding: 50px;
  }
    }

.basil-zomer-campagne .contentblock h1 {
      font-size: 40px;
      margin-top: 0;
    }

@media only screen and (min-width:767px) {

.basil-zomer-campagne .contentblock h1 {
        font-size: 30px;
        color: #fff;
    }
}
@media only screen and (min-width:1024px) {

.basil-zomer-campagne .contentblock h1 {
        font-size: 60px;
        color: #fff;
    }
}

.basil-zomer-campagne .card-blocks__block {
      margin-bottom: 60px;
    }

.basil-zomer-campagne .card-blocks__block .img-wrapper {
        height: 250px;
        overflow: hidden;
        display: flex;
        align-items: center;
        border-radius: 15px;
        cursor: pointer;
      }

.basil-zomer-campagne .card-blocks__block .img-wrapper img {
          height: auto;
          border-radius: 15px;
        }

.basil-zomer-campagne .card-blocks__block .img-wrapper .h3 {
          position: absolute;
          left: 0;
          margin: 0;
          right: 0;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #fff;
          font-weight: 700;
          font-size: 30px;
          text-shadow: 0 1px 10px rgba(0, 0, 0, .6);
          transition: all .2s;
        }

.basil-zomer-campagne .card-blocks__block .img-wrapper .blur-effect {
          transition: all .2s;
        }

.basil-zomer-campagne .card-blocks__block .img-wrapper:hover .blur-effect {
            transition: all .2s;
            filter: blur(2px);
          }

.basil-zomer-campagne .card-blocks__block .img-wrapper:hover .h3 {
            font-size: 34px;
            transition: all .1s;
          }

.basil-zomer-campagne .mobile-off {
    display: none;
  }

@media screen and (min-width: 768px) {

.basil-zomer-campagne .mobile-off {
      display: flex;
  }
    }

.basil-zomer-campagne .mobile-on {
    display: flex;
  }

@media screen and (min-width: 768px) {

.basil-zomer-campagne .mobile-on {
      display: none;
  }
    }
/*@tailwind preflight;*/

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}

@media (min-width: 576px) {
  .container {
    max-width: 576px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 992px;
  }
}

@media (min-width: 1300px) {
  .container {
    max-width: 1300px;
  }
}

.block {
  display: block;
}

.flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-center {
  align-items: center;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.mt-6 {
  margin-top: 1.5rem;
}

.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.relative {
  position: relative;
}

.text-center {
  text-align: center;
}

.w-auto {
  width: auto;
}

.w-full {
  width: 100%;
}

@media (min-width: 768px) {

  .md\:w-1\/2 {
    width: 50%;
  }
}

@media (min-width: 992px) {

  .lg\:w-1\/3 {
    width: 33.33333%;
  }

  .lg\:w-8\/12 {
    width: 66.666667%;
  }
}


/*------------ Rugzakken door Niice ------------*/
@font-face {
  font-family: 'co_headlinebold';
  src: url('/fonts/coheadline-bd-webfont.eot');
  src: url('/fonts/coheadline-bd-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/coheadline-bd-webfont.woff') format('woff'), url('/fonts/coheadline-bd-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'co_headlineregular';
  src: url('/fonts/coheadline-rg-webfont.eot');
  src: url('/fonts/coheadline-rg-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/coheadline-rg-webfont.woff') format('woff'), url('/fonts/coheadline-rg-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.basil-rugzak-landingspagina {
  margin: 30px 0;
}

  .basil-rugzak-landingspagina .mb-10 {
    margin-bottom: 3rem;
  }

  .basil-rugzak-landingspagina .mt-10 {
    margin-top: 3rem;
  }

  .basil-rugzak-landingspagina .mt-20 {
    margin-top: 3rem;
  }

  @media only screen and (min-width: 992px) {

  .basil-rugzak-landingspagina .mt-20 {
      margin-top: 8rem;
  }
    }

  .basil-rugzak-landingspagina img {
    width: 100%;
    height: auto;
  }

  .basil-rugzak-landingspagina h1,
  .basil-rugzak-landingspagina h2,
  .basil-rugzak-landingspagina h3 {
    font-family: co_headlineregular;
    font-size: 16px;
  }

  .basil-rugzak-landingspagina strong {
    font-family: co_headlinebold;
  }

  .basil-rugzak-landingspagina p {
    font-family: 'Open Sans';
  }

  .basil-rugzak-landingspagina .header {
    margin-bottom: 50px;
  }

  .basil-rugzak-landingspagina .header__afbeelding {
      background-image: url('https://s3.eu-west-2.amazonaws.com/niicebasil/rugzak/Basil_LP_fietsrugzakken_header.jpg');
      background-size: cover;
      background-position: 0 35%;
      height: 380px;
      border-radius: 15px;
    }

  .basil-rugzak-landingspagina .header__content h1 {
        font-size: 30px;
        font-weight: 700;
      }

  .basil-rugzak-landingspagina .header__content p {
        font-size: 16px;
      }

  @media only screen and (min-width: 992px) {
        .basil-rugzak-landingspagina .header__content h1 {
          font-size: 40px;
          font-weight: 700;
        }

        .basil-rugzak-landingspagina .header__content p {
          font-size: 21px;
        }
      }

  .basil-rugzak-landingspagina .section-1__title {
      display: flex;
      width: 100%;
      justify-content: center;
    }

  .basil-rugzak-landingspagina .section-1__title h2 {
        color: #333;
        font-weight: 700;
        font-size: 24px;
      }

  .basil-rugzak-landingspagina .section-1__title h2:after {
          content: "";
          height: 1px;
          background: #333;
          width: 100%;
          display: block;
          margin-top: 15px;
        }

  .basil-rugzak-landingspagina .section-1__imgLeft .image, .basil-rugzak-landingspagina .section-1__imgRight .image {
        display: flex;
        align-items: center;
        overflow: hidden;
        margin: auto;
        justify-content: center;
      }

  @media only screen and (min-width: 768px) {

  .basil-rugzak-landingspagina .section-1__imgLeft .image, .basil-rugzak-landingspagina .section-1__imgRight .image {
          max-height: 300px;
      }
        }

  @media only screen and (min-width: 992px) {

  .basil-rugzak-landingspagina .section-1__imgLeft .image, .basil-rugzak-landingspagina .section-1__imgRight .image {
          max-height: inherit;
      }
        }

  .basil-rugzak-landingspagina .section-1__imgLeft .image img, .basil-rugzak-landingspagina .section-1__imgRight .image img {
          width: auto;
          height: auto;
          max-height: 440px;
        }

  .basil-rugzak-landingspagina .section-1__imgLeft .content, .basil-rugzak-landingspagina .section-1__imgRight .content {
        background: #efefef;
        padding: 25px;
      }

  .basil-rugzak-landingspagina .section-1__imgLeft .content p, .basil-rugzak-landingspagina .section-1__imgRight .content p {
          font-size: 16px;
        }

  .basil-rugzak-landingspagina .section-1__imgLeft .content p strong, .basil-rugzak-landingspagina .section-1__imgRight .content p strong {
            display: block;
            font-size: 20px;
          }

  @media only screen and (min-width: 992px) {
          .basil-rugzak-landingspagina .section-1__imgLeft .content p, .basil-rugzak-landingspagina .section-1__imgRight .content p {
            font-size: 21px;
          }

            .basil-rugzak-landingspagina .section-1__imgLeft .content p strong, .basil-rugzak-landingspagina .section-1__imgRight .content p strong {
              display: block;
              font-size: 24px;
            }
        }

  .basil-rugzak-landingspagina .section-2 {
    padding-bottom: 40px;
    border-bottom: 2px solid #333;
  }

  @media only screen and (min-width: 992px) {

  .basil-rugzak-landingspagina .section-2 {
      padding-bottom: 50px;
  }
    }

  .basil-rugzak-landingspagina .section-2 h3 {
      font-size: 23px;
      font-weight: 700;
    }

  .basil-rugzak-landingspagina .section-2 p {
      font-size: 16px;
    }

  @media only screen and (min-width: 992px) {

  .basil-rugzak-landingspagina .section-2 p {
        font-size: 21px;
    }
      }

  .basil-rugzak-landingspagina .section-3__left .imageSlider {
        border: 2px solid #333;
      }

  .basil-rugzak-landingspagina .section-3__left .imageSlider .imageSlide1,
        .basil-rugzak-landingspagina .section-3__left .imageSlider .imageSlide2,
        .basil-rugzak-landingspagina .section-3__left .imageSlider .imageSlide3 {
          display: none;
        }

  .basil-rugzak-landingspagina .section-3__left .imageSlider .imageSlide1 .image, .basil-rugzak-landingspagina .section-3__left .imageSlider .imageSlide2 .image, .basil-rugzak-landingspagina .section-3__left .imageSlider .imageSlide3 .image {
            text-align: center;
            margin: auto;
            max-height: 390px;
            max-width: 100% !important;
            align-items: center;
            justify-content: center;
            overflow: hidden;
          }

  .basil-rugzak-landingspagina .section-3__left .imageSlider .imageSlide1 img, .basil-rugzak-landingspagina .section-3__left .imageSlider .imageSlide2 img, .basil-rugzak-landingspagina .section-3__left .imageSlider .imageSlide3 img {
            width: auto;
          }

  @media only screen and (min-width: 992px) {

  .basil-rugzak-landingspagina .section-3__left .imageSlider .imageSlide1,
        .basil-rugzak-landingspagina .section-3__left .imageSlider .imageSlide2,
        .basil-rugzak-landingspagina .section-3__left .imageSlider .imageSlide3 {
            max-width: inherit;
        }
          }

  .basil-rugzak-landingspagina .section-3__left .imageSlider__left,
        .basil-rugzak-landingspagina .section-3__left .imageSlider__right {
          background: #333;
          padding: 10px;
          width: 40px;
          height: 40px;
          color: #fff;
          font-size: 20px;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: center;
          position: absolute;
          bottom: 0;
          top: 0;
          margin: auto;
          transition: .3s all;
        }

  .basil-rugzak-landingspagina .section-3__left .imageSlider__left:hover, .basil-rugzak-landingspagina .section-3__left .imageSlider__right:hover {
            background: #575757;
          }

  .basil-rugzak-landingspagina .section-3__left .imageSlider__left:focus, .basil-rugzak-landingspagina .section-3__left .imageSlider__right:focus {
            outline: none;
          }

  .basil-rugzak-landingspagina .section-3__left .imageSlider__right {
          right: 0;
          margin-right: -10px;
        }

  @media only screen and (min-width: 992px) {

  .basil-rugzak-landingspagina .section-3__left .imageSlider__right {
            margin-right: -20px;
        }
          }

  .basil-rugzak-landingspagina .section-3__left .imageSlider__left {
          margin-left: -10px;
        }

  @media only screen and (min-width: 992px) {

  .basil-rugzak-landingspagina .section-3__left .imageSlider__left {
            margin-left: -20px;
        }
          }

  .basil-rugzak-landingspagina .section-3__left .sliderTitle {
        background: #333;
        text-align: center;
        padding: 10px;
        font-size: 18px;
        display: block;
        color: #fff;
        font-family: co_headlineregular;
        transition: .3s all;
      }

  .basil-rugzak-landingspagina .section-3__left .sliderTitle:hover {
          text-decoration: none;
          background: #575757;
        }

  .basil-rugzak-landingspagina .section-3__right {
      background: #efefef;
      padding: 35px;
    }

  .basil-rugzak-landingspagina .section-3__right p {
        font-size: 16px;
      }

  @media only screen and (min-width: 992px) {

  .basil-rugzak-landingspagina .section-3__right p {
          font-size: 18px;
      }
        }

  .basil-rugzak-landingspagina .section-3__right h2 {
        display: block;
        font-size: 25px;
        color: #333;
      }

  @media only screen and (min-width: 992px) {

  .basil-rugzak-landingspagina .section-3__right h2 {
          font-size: 30px;
      }
        }

  .basil-rugzak-landingspagina .big_button {
    background: #9ea759;
    padding: 20px 10px;
    border-radius: 15px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    transition: .3s all;
  }

  @media only screen and (min-width: 992px) {

  .basil-rugzak-landingspagina .big_button {
      font-size: 24px;
  }
    }

  .basil-rugzak-landingspagina .big_button:hover {
      text-decoration: none;
      background: #8a934a;
    }

  .basil-rugzak-landingspagina .video-carry-all {
    background: #1a1919;
    color: #fff;
    font-weight: 700;
    border-radius: 15px;
    margin-top: 30px;
  }
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
  line-height: 1.15; /* 1 */
      -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */


header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: .67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */


strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */


strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

/**
 * Add the correct font size in all browsers.
 */

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */


video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"],
/* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

/**
 * Remove the default vertical scrollbar in IE.
 */

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */



menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * 1. Prevent padding and border from affecting element width
 * https://goo.gl/pYtbK7
 * 2. Change the default font family in all browsers (opinionated)
 */

html {
  box-sizing: border-box; /* 1 */
  font-family: sans-serif; /* 2 */
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

/**
 * Removes the default spacing and border for appropriate elements.
 */


h1,
h2,
h3,
p {
  margin: 0;
}

button {
  background: transparent;
  padding: 0;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

/**
 * Tailwind custom reset styles
 */

/**
 * Allow adding a border to an element by just adding a border-width.
 *
 * By default, the way the browser specifies that an element should have no
 * border is by setting it's border-style to `none` in the user-agent
 * stylesheet.
 *
 * In order to easily add borders to elements by just setting the `border-width`
 * property, we change the default border-style for all elements to `solid`, and
 * use border-width to hide them instead. This way our `border` utilities only
 * need to set the `border-width` property instead of the entire `border`
 * shorthand, making our border utilities much more straightforward to compose.
 *
 * https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
*::before,
*::after {
  border-width: 0;
  border-style: solid;
  border-color: #dae1e7;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

/**
 * Temporary reset for a change introduced in Chrome 62 but now reverted.
 *
 * We can remove this when the reversion is in a normal Chrome release.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  border-radius: 0;
}

img {
  max-width: 100%;
  height: auto;
}

button,
input {
  font-family: inherit;
}

input::placeholder {
  color: inherit;
  opacity: .5;
}

button,
[role=button] {
  cursor: pointer;
}

.block {
  display: block;
}

.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.mb-4 {
  margin-bottom: 1rem;
}

.ml-auto {
  margin-left: auto;
}

.p-4 {
  padding: 1rem;
}

.relative {
  position: relative;
}

.text-center {
  text-align: center;
}

.w-full {
  width: 100%;
}

@media (min-width: 768px) {

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:w-1\/2 {
    width: 50%;
  }

  .md\:w-1\/3 {
    width: 33.33333%;
  }

  .md\:w-3\/4 {
    width: 75%;
  }

  .md\:w-7\/12 {
    width: 58.333333%;
  }
}

@media (min-width: 992px) {

  .lg\:w-10\/12 {
    width: 83.333333%;
  }
}






/*------------ Lente Campagne door Niice ------------*/
.lente-header .header {
    font-size: 16px;
    background-image: url('https://s3.eu-west-2.amazonaws.com/niicebasil/basilCarryAllBasketsHeader-web.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: -208px -70px;
    height: 475px;
    align-items: flex-end;
  }

    @media only screen and (min-width: 992px) {.lente-header .header {
      align-items: center;
      height: 720px;
      background-position: 0 60%;
  }
    }

    .lente-header .header__graphic {
      position: absolute;
      right: 5%;
      bottom: 0;
    }

    @media only screen and (min-width: 992px) {

    .lente-header .header__graphic {
        right: 300px;
    }
      }

    .lente-header .header__graphic img {
        width: 130px;
      }

    @media only screen and (min-width: 992px) {

    .lente-header .header__graphic--de {
          right: 400px;
      }
        }

    @media only screen and (min-width: 992px) {

    .lente-header .header__graphic--en {
          right: 320px;
      }
        }

    .lente-header .header .contentblock {
      background: #fff;
      padding: 10px;
      margin-right: 0;
      width: 100%;
    }

    @media screen and (min-width: 992px) {

    .lente-header .header .contentblock {
        margin-right: 50px;
        padding: 30px;
        border-radius: 15px;
        max-width: 390px;
    }
      }

    .lente-header .header .contentblock .h1 {
        font-size: 25px;
        margin-top: 0;
        font-family: "co_headlineregular";
      }

    .lente-header .header .contentblock .h1 .headings-bold {
          font-family: "co_headlinebold";
        }

    @media only screen and (min-width: 992px) {

    .lente-header .header .contentblock .h1 {
          font-size: 30px;
      }
        }

    .lente-header .header .mobile-off {
      display: none;
    }

    @media screen and (min-width: 992px) {

    .lente-header .header .mobile-off {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
      }

    .lente-header .header .mobile-on {
      display: flex;
      flex-wrap: wrap;
    }

    @media screen and (min-width: 992px) {

    .lente-header .header .mobile-on {
        display: none;
    }
      }

    .lente-header .header .lente-button {
      background-color: #dac988;
      color: #fff;
      font-family: "co_headlinebold";
      padding: 5px 10px;
      font-size: 20px;
      text-align: center;
      margin: 20px auto 0 auto;
      text-decoration: none;
      transition: all ease .2s;
    }

    @media only screen and (min-width: 992px) {

    .lente-header .header .lente-button {
        font-size: 16px;
        padding: 10px 20px;
    }
      }

    .lente-header .header .lente-button:hover {
        background-color: #bfaf73;
      }

@media only screen and (max-width: 991px) {

.index .header-mobile {
      min-height: 400px;
  }
    }

@media only screen and (max-width: 991px) {

.index .slider {
      height: 500px !important;
  }
    }

@media only screen and (min-width: 769px) and (max-width: 991px) {

.index .slider {
      top: -453px;
  }
    }

@media only screen and (min-width: 768px) and (max-width: 991px) {

.index .categories.home {
      top: -360px;
  }
    }

.basil-lente-campagne {
  margin: 30px 0;
}

.basil-lente-campagne.container {
    width: 100% !important;
    margin: 10px 0 !important;
    padding: 0 !important;
    max-width: 1300px !important;
  }

.basil-lente-campagne img {
    width: 100%;
    height: 100%;
  }

.basil-lente-campagne h1,
  .basil-lente-campagne h3,
  .basil-lente-campagne .h3 {
    font-family: "co_headlineregular";
    font-size: 16px;
  }

.basil-lente-campagne .headings-bold {
    font-family: "co_headlinebold";
  }

.basil-lente-campagne p {
    font-size: 16px;
  }

.basil-lente-campagne .header {
    background-image: url('https://s3.eu-west-2.amazonaws.com/niicebasil/basilCarryAllBasketsHeader.jpg');
    background-size: cover;
    background-position: 0 60%;
    height: 300px;
    border-radius: 15px;
  }

@media only screen and (min-width:767px) {

.basil-lente-campagne .header {
      height: 420px;
  }
    }

.basil-lente-campagne .header__graphic {
      position: absolute;
      right: 5%;
      bottom: 0;
    }

@media only screen and (min-width:767px) {

.basil-lente-campagne .header__graphic {
        right: 300px;
    }
      }

.basil-lente-campagne .header__graphic img {
        width: 130px;
      }

@media only screen and (min-width:767px) {

.basil-lente-campagne .header__graphic--de {
          right: 400px;
      }
        }

@media only screen and (min-width:767px) {

.basil-lente-campagne .header__graphic--en {
          right: 320px;
      }
        }

.basil-lente-campagne .contentblock {
    background: #fff;
    padding: 10px;
    border-radius: 15px;
    margin-right: 0;
  }

@media only screen and (min-width:767px) {

.basil-lente-campagne .contentblock {
      background: #dac988;
  }
    }

@media screen and (min-width: 768px) {

.basil-lente-campagne .contentblock {
      margin-right: 50px;
      padding: 50px;
  }
    }

.basil-lente-campagne .contentblock h1 {
      font-size: 40px;
      margin-top: 0;
    }

@media only screen and (min-width:767px) {

.basil-lente-campagne .contentblock h1 {
        font-size: 60px;
        color: #fff;
    }
      }

.basil-lente-campagne .card-blocks__block {
      margin-bottom: 60px;
    }

.basil-lente-campagne .card-blocks__block .img-wrapper {
        height: 250px;
        overflow: hidden;
        display: flex;
        align-items: center;
        border-radius: 15px;
        cursor: pointer;
      }

.basil-lente-campagne .card-blocks__block .img-wrapper img {
          height: auto;
          border-radius: 15px;
        }

.basil-lente-campagne .card-blocks__block .img-wrapper .h3 {
          position: absolute;
          left: 0;
          margin: 0;
          right: 0;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #fff;
          font-weight: 700;
          font-size: 30px;
          text-shadow: 0 1px 10px rgba(0, 0, 0, .6);
          transition: all .2s;
        }

.basil-lente-campagne .card-blocks__block .img-wrapper .blur-effect {
          transition: all .2s;
        }

.basil-lente-campagne .card-blocks__block .img-wrapper:hover .blur-effect {
            transition: all .2s;
            filter: blur(2px);
          }

.basil-lente-campagne .card-blocks__block .img-wrapper:hover .h3 {
            font-size: 34px;
            transition: all .1s;
          }

.basil-lente-campagne .video-carry-all {
    background: #1a1919;
    color: #fff;
    font-weight: 700;
    border-radius: 15px;
    margin-top: 30px;
  }

.basil-lente-campagne .mobile-off {
    display: none;
  }

@media screen and (min-width: 768px) {

.basil-lente-campagne .mobile-off {
      display: flex;
  }
    }

.basil-lente-campagne .mobile-on {
    display: flex;
  }

@media screen and (min-width: 768px) {

.basil-lente-campagne .mobile-on {
      display: none;
  }
    }
/*@tailwind preflight;*/

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}

@media (min-width: 576px) {
  .container {
    max-width: 576px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 992px;
  }
}

@media (min-width: 1300px) {
  .container {
    max-width: 1300px;
  }
}

.block {
  display: block;
}

.flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-center {
  align-items: center;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.mt-0 {
  margin-top: 0;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.relative {
  position: relative;
}

.text-center {
  text-align: center;
}

.w-auto {
  width: auto;
}

.w-full {
  width: 100%;
}

@media (min-width: 768px) {

  .md\:w-1\/2 {
    width: 50%;
  }
}

@media (min-width: 992px) {

  .lg\:w-1\/3 {
    width: 33.33333%;
  }

  .lg\:w-8\/12 {
    width: 66.666667%;
  }
}


/*------------------------------- BASIL COMMUTER CARRIER DOOR NIICE */
.basil-commuter-carrier.container {
    width: 100% !important;
    padding: 0 !important;
    max-width: 1200px !important;
  }
  .basil-commuter-carrier p,
  .basil-commuter-carrier li {
    font-size: 14px;
  }
  @media only screen and (min-width: 576px) {
  .basil-commuter-carrier p,
  .basil-commuter-carrier li {
      font-size: 16px;
  }
    }
  @media only screen and (min-width: 576px) {
  .basil-commuter-carrier img {
      width: 100%;
      height: 100%;
  }
    }
  .basil-commuter-carrier .width-auto {
    width: auto !important;
    height: auto !important;
  }
  .basil-commuter-carrier h1,
  .basil-commuter-carrier .h1,
  .basil-commuter-carrier h2,
  .basil-commuter-carrier h3 {
    font-family: "co_headlinebold";
  }
  .basil-commuter-carrier .h1 {
    font-size: 28px;
    line-height: 35px;
    color: #000;
  }
  @media only screen and (min-width: 576px) {
  .basil-commuter-carrier .h1 {
      font-size: 36px;
      line-height: 49px;
  }
    }
  .basil-commuter-carrier h2 {
    font-size: 28px;
    color: #000;
    line-height: 35px;
  }
  @media only screen and (min-width: 576px) {
  .basil-commuter-carrier h2 {
      font-size: 36px;
      line-height: 63px;
  }
    }
  .basil-commuter-carrier h3 {
    font-size: 18px;
    line-height: 32px;
    margin-top: 10px;
    color: #000;
  }
  @media only screen and (min-width: 576px) {
  .basil-commuter-carrier h3 {
      font-size: 24px;
  }
    }
  .basil-commuter-carrier .heading::before {
    content: "";
    width: 5px;
    background-color: #9ea657;
    margin-right: 10px;
    display: flex;
    float: left;
    height: 86px;
  }
  @media only screen and (min-width: 400px) {
  .basil-commuter-carrier .heading::before {
      margin-right: 29px;
  }
    }
  @media only screen and (min-width: 576px) {
  .basil-commuter-carrier .heading::before {
      height: 126px;
  }
    }
  .basil-commuter-carrier .heading--long::before {
    content: "";
    width: 5px;
    height: 122px;
    background-color: #9ea657;
    margin-right: 10px;
    margin-left: 2rem;
    display: flex;
    float: left;
  }
  @media only screen and (min-width: 400px) {
  .basil-commuter-carrier .heading--long::before {
      margin-right: 29px;
  }
    }
  @media only screen and (min-width: 576px) {
  .basil-commuter-carrier .heading--long::before {
      height: 165px;
  }
    }
  .basil-commuter-carrier .headlineRegular {
    font-family: "co_headlineregular";
  }
    .basil-commuter-carrier .header {
    background-image: url(https://s3.eu-west-2.amazonaws.com/niicebasil/commuter/header.jpg);
    background-size: cover;
    height: 300px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
  }
  @media only screen and (min-width:767px) {
  .basil-commuter-carrier .header {
      background-position-x: right;
      background-repeat: no-repeat;
      background-position-y: bottom;
      background-size: 700px;
  }
    }
  @media only screen and (min-width:767px) {
  .basil-commuter-carrier .header {
      height: 426px;
  }
    }
  @media only screen and (min-width: 1200px) {
  .basil-commuter-carrier .header {
      border-radius: 15px;
  }
    }
  .basil-commuter-carrier .header--icon {
      width: 190px;
      height: 190px;
      right: -95px;
    }
  .basil-commuter-carrier .header--icon img {
        height: 80%;
        width: 80%;
      }
  .basil-commuter-carrier .header--nobackground {
      background-image: none;
    }
  .basil-commuter-carrier .header--nobackground .video {
        position: absolute;
        min-width: 50%;
        min-height: 50%;
        right: 0;
        z-index: -1;
        width: 100%;
      }
  @media only screen and (min-width: 768px) {
  .basil-commuter-carrier .header--nobackground .video {
          width: auto;
          height: 100%;
      }
        }
  .basil-commuter-carrier .contentblock {
    background: #fff;
    padding: 10px;
    border-bottom-left-radius: 15px;
    height: 100%;
  }
  @media only screen and (min-width:767px) {
  .basil-commuter-carrier .contentblock {
      background-color: #9ea657;
  }
    }
  @media screen and (min-width: 768px) {
  .basil-commuter-carrier .contentblock {
      padding: 50px 50px 50px 40px;
  }
    }
  @media only screen and (min-width: 1050px) {
  .basil-commuter-carrier .contentblock {
      padding: 50px 50px 50px 66px;
  }
    }
  @media only screen and (min-width: 1200px) {
  .basil-commuter-carrier .contentblock {
      border-top-left-radius: 15px;
      border-bottom-left-radius: 15px;
  }
    }
  .basil-commuter-carrier .contentblock h1 {
      font-size: 20px;
      margin-top: 0;
      height: auto;
    }
  @media only screen and (min-width: 1050px) {
  .basil-commuter-carrier .contentblock h1 {
        font-size: 28px;
    }
      }
  @media only screen and (min-width:767px) {
  .basil-commuter-carrier .contentblock h1 {
        color: #fff;
    }
      }
  .basil-commuter-carrier .partners img {
      max-height: 100px;
      width: auto;
      height: auto;
    }
  @media only screen and (min-width: 768px) {
  .basil-commuter-carrier .partners img {
        //max-height: none;
    }
      }
  .basil-commuter-carrier .mobile-off {
    display: none;
  }
  @media screen and (min-width: 768px) {
  .basil-commuter-carrier .mobile-off {
      display: flex;
  }
    }
  .basil-commuter-carrier .mobile-on {
    display: flex;
  }
  @media screen and (min-width: 768px) {
  .basil-commuter-carrier .mobile-on {
      display: none;
  }
}

.bg-white {
  background-color: #fff;
}

.bg-grey {
  background-color: #f3f3f3;
}

.rounded-full {
  border-radius: 9999px;
}

.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.m-0 {
  margin: 0;
}

.m-8 {
  margin: 2rem;
}

.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.mt-0 {
  margin-top: 0;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-12 {
  margin-top: 3rem;
}

.overflow-hidden {
  overflow: hidden;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.text-center {
  text-align: center;
}

.visible {
  visibility: visible;
}

.w-5\/12 {
  width: 41.666667%;
}

@media (min-width: 576px) {

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .sm\:mt-0 {
    margin-top: 0;
  }

  .sm\:mt-8 {
    margin-top: 2rem;
  }

  .sm\:mt-14 {
    margin-top: 3.5rem;
  }

  .sm\:pr-8 {
    padding-right: 2rem;
  }

  .sm\:pl-8 {
    padding-left: 2rem;
  }

  .sm\:w-1\/3 {
    width: 33.33333%;
  }

  .sm\:w-5\/12 {
    width: 41.666667%;
  }

  .sm\:w-7\/12 {
    width: 58.333333%;
  }
}

@media (min-width: 768px) {

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:mt-14 {
    margin-top: 3.5rem;
  }

  .md\:w-1\/3 {
    width: 33.33333%;
  }

  .md\:w-2\/3 {
    width: 66.66667%;
  }

  .md\:w-5\/12 {
    width: 41.666667%;
  }

  .md\:w-7\/12 {
    width: 58.333333%;
  }
}

@media (min-width: 992px) {

  .lg\:w-10\/12 {
    width: 83.333333%;
  }
}

@media (min-width: 1200px) {

  .xl\:mt-32 {
    margin-top: 8rem;
  }

  .xl\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }
}

/*-------------------------------- */



/*-------------------------------- Disclaimer page */
.witruimtedisclaimerboven {margin-top:20px}
.witruimtedisclaimeronder{margin-top:50px;}

/*-------------------------------- */
.fontopmaakseo{    
    padding-top: 10px;
    font-size: 18px;
    color: #74a344;
    font-weight: 800;}

.brochure2018{
  text-align:center;
  padding-top:50px;
  padding-bottom:100px;
}

.buttonbrochure{
  border-radius: 4px;
  background-color:#e27a33;
  color:white;
  padding: 6px 18px;
}

body > div.container-fluid > div > div:nth-child(2) > h1.brochure2018 > a:hover{
    color:white;
    text-decoration:none;
    background-color:#b46128;
}


*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font: normal 16px/1.5 "Helvetica Neue", sans-serif;
  background: #456990;
  color: #fff;
  overflow-x: hidden;
} 

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font: normal 16px/1.5 "Helvetica Neue", sans-serif;
  background: #456990;
  color: #fff;
  overflow-x: hidden;
}  /* INTRO SECTION
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.intro {

 
}

.container {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}

h1 {
  font-size: 2.5rem;
}


/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
77a649 
.timeline ul {
  padding: 50px 0;
}

.timeline ul li {
  list-style-type: none;
  position: relative;
  width: 6px;
  margin: 0 auto;
  padding-top: 55px;
  background: #E27A33;
}

.timeline ul li::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: inherit;
}

.timeline ul li div {
  position: relative;
  bottom: 0;
  width: 400px;
  padding: 15px;
  background: #77a649;
}

.timeline ul li div::before {
  content: '';
  position: absolute;
  bottom: 7px;
  width: 0;
  height: 0;
  border-style: solid;
}

.timeline ul li:nth-child(odd) div {
  left: 45px;
}

.timeline ul li:nth-child(odd) div::before {
  left: -15px;
  border-width: 8px 16px 8px 0;
  border-color: transparent #77a649 transparent transparent;
}

.timeline ul li:nth-child(even) div {
  left: -439px;
}

.timeline ul li:nth-child(even) div::before {
  right: -15px;
  border-width: 8px 0 8px 16px;
  border-color: transparent transparent transparent #77a649;
}

time {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 8px;
}


/* EFFECTS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline ul li::after {
  transition: background .5s ease-in-out;
}

.timeline ul li.in-view::after {
  background: #77a649;
}

.timeline ul li div {
/*   visibility: hidden;
  opacity: 0;
  transition: all .5s ease-in-out; */
}

.timeline ul li:nth-child(odd) div {
  transform: translate3d(200px, 0, 0);
}

.timeline ul li:nth-child(even) div {
  transform: translate3d(-200px, 0, 0);
}

.timeline ul li.in-view div {
  transform: none;
  visibility: visible;
  opacity: 1;
}

.marginvandebullets{
	margin-left:20px;
}
.bulletsnaarrechts{
  margin-left: 20px;
 } 
.overonspage{
  margin-bottom: 30px;
}

.test1{padding-top:65px;
}
/*------404page----*/
.viernulvier {
    color: red;
    font-size: 55px;
    text-align: center;
    font-weight: 400;
}

.viernulvierslogan {
    text-align: center;
    font-size: 26px;
    font-weight: 600;
}

.viernulviersloganklein {
    text-align: center;
    font-size: 20px;
    font-weight: 100;
}

.enteredviernulvier {
    text-align: center;
    margin-top: 50px;
}

body > div:nth-child(9) > div > p.p2 { 
      text-align: center;
    font-size: 22px;
    font-weight: 100;
}

.btnmargins{
margin-right:10px;
}

.viernulviermargin {
margin-bottom:100px;
}

/* GENERAL MEDIA QUERIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media screen and (max-width: 900px) {
  .timeline ul li div {
    width: 250px;
  }
  .timeline ul li:nth-child(even) div {
    left: -289px;
    /*250+45-6*/
  }
}

@media screen and (max-width: 600px) {
  .timeline ul li {
    margin-left: 20px;
  }
  .timeline ul li div {
    width: calc(100vw - 91px);
  }
  .timeline ul li:nth-child(even) div {
    left: 45px;
  }
  .timeline ul li:nth-child(even) div::before {
    left: -15px;
    border-width: 8px 16px 8px 0;
    border-color: transparent #77a649 transparent transparent;
  }
}


/* FAQ 
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.panel-default>.panel-heading {
  color: #333;
  background-color: #f1f3f6;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.panel-default>.panel-heading a {
  display: block;
  padding: 10px 15px;
}

.panel-default>.panel-heading a:after {
  content: "\002b";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

.panel-default>.panel-heading a[aria-expanded="true"] {
  background-color:;
}

.panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.accordion-option {
  width: 100%;
  float: left;
  clear: both;
  margin: 15px 0;
}

.accordion-option .title {
  font-size: 20px;
  font-weight: bold;
  float: left;
  padding: 0;
  margin: 0;
}

.accordion-option .toggle-accordion {
  float: right;
  font-size: 16px;
  color: #6a6c6f;
}

.accordion-option .toggle-accordion:before {
  content: "Expand All";
}

.accordion-option .toggle-accordion.active:before {
  content: "Collapse All";
}

.Margin-top-LP{
Margin-top:10px;
}


/* news page
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul .bulletsnews {
  list-style-type: circle !important;
  margin-left:20px;
}
.bulletsmargin {
  margin-left:20px !important;
}

.testtesttest {
  margin-left:20px;
}

.jumbotron {
  height: 400px
}

.tijdlijnfotos{
  margin-top:10px;
  margin-left:5px;
}

.p3 {
    font-weight: 100;
    margin-top: 35px;
    font-size: 22px;
}

#uitspringrechts {
margin-left:25px;
}

.uitspringrechts{
margin-left:25px;
}

.backgroundcollor {
color: white;
font-size: 20px;
text-align: center;
padding: 40px;
background-color: cadetblue;
}

#kaderrond {
border: 3px solid #77a649;
border-radius: 10px;
}

.LPwaterdicht {
margin-left: 15px;}
.titelh1{
margin-top:30px;
color:black;}
.LPWH1{
color:black;
font-size:30px!important;}
.LPBH1{
color:black!important;
font-size:30px!important;
margin-bottom: 35px;}
.LPWH2{
color:grey;
font-size:28px!important;
margin-bottom:40px;
font-weight: 500!important;}
.LPWP{
margin-bottom: 20px;
margin-top:50px!important;
font-size:22px!important; 
color:black!important;}
.LPB{
margin-left:10px;
border-radius: 5px;}
.LPBR{
margin-right: 0px!important;
margin-left: 0px!important;}
.LPWP2{
margin-bottom: 20px;
margin-top:10px!important;
font-size:22px!important; 
color:black!important;}
.LPWR {
margin-right:0px!important; margin-left:0px!important; background-color:#F8F8F8;}
.LPWR2{
padding-left: 20px;
padding-right: 20px;
margin-bottom: 10px;}
.LPBH{
padding-right: 30px;
padding-left: 30px;
color: grey;
font-size:12px;}
.LPBR2 {
margin-bottom: 10px;
background-color: #F8F8F8;
margin-top:20px;
padding: 10px 20px 10px 20px;
border-radius: 5px;}
.LPBP{
margin-bottom: 20px;
margin-top: 30px!important;
font-size: 22px!important;
color: black!important;}
.LPWDH{
border-radius:5px;}
.LPBM{
margin-top:20px;}
.LPBHT{
margin-top:30px;}
.LPWT{
font-size: 16px;
color: grey;}
.PNB{padding-left:10px;}
.LPWDK{padding-left: 20px;font-size: 9px;color: gray;margin-bottom: 20px;}
.MPLPM {margin-top:20px;padding-left:10px;} 
.LPMPL {padding-left:10px;}
.LPMHR{border-radius:5px;}
.LPDD1 {margin-top:40px; font-size:19px;}
.LPDD2 {font-size:16px;}
.LPDD3 {margin-top:20px;}
.LPDD4 {font-size:16px; margin-top:10px;}
.LPDD5 {margin-top:10px;}

@media (min-width: 576px) { 
}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px)  {
}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) {
 body > div.container-fluid.margtop-xs > div.col-xs-12.nopadding > p > a:nth-child(1) > img { margin-left:144px;}
}

// Extra large devices (large desktops, 1273px and up)
@media (min-width: 1273px) {
  body > div.container-fluid.margtop-xs > div.col-xs-12.nopadding > p > a:nth-child(1) > img { margin-left:144px;}
}


.category figure.construction, .category figure.hondenfietsmanden {
box-shadow: 0 10px #ccae2d;
}
.LPHC{
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    font-size: 15px;
}
.testtest{
    padding-left: 10px;
    padding-right: 10px;
}

.LPIHD{
font-size: 15px;
}


/* Maattabbel */
.maattabel-landingspagina .container {
    width: 100% !important;
    margin: 10px auto !important;
    padding: 0 !important;
    max-width: 1250px !important;
  }
  .maattabel-landingspagina .borderRound {
    border-radius: 15px;
  }
  .maattabel-landingspagina .bgGray {
    background: #e3e4e2;
  }
  .maattabel-landingspagina .hero img {
      width: 100%;
      object-fit: cover;
      border-radius: 15px;
    }
  .maattabel-landingspagina p {
    font-size: 16px;
  }
.maattabel-landingspagina ul li {
    font-size: 16px;
  }
  .maattabel-landingspagina .desktopOn {
    display: none;
  }
  @media only screen and (min-width: 768px) {
  .maattabel-landingspagina .desktopOn {
      display: block;
  }
    }
  .maattabel-landingspagina .mobileOn {
    display: block;
  }
  @media only screen and (min-width: 768px) {
  .maattabel-landingspagina .mobileOn {
      display: none;
  }
    }
  .maattabel-landingspagina .maten td {
      color: #8c8d8c;
      font-size: 18px;
      padding-left: 10px;
      font-weight: 700;
    }
  .maattabel-landingspagina table {
    width: 100%;
    border-collapse: collapse;
  }
  .maattabel-landingspagina table td {
      width: 110px;
      min-width: 110px;
      padding-left: 10px;
      font-size: 14px;
    }
  .maattabel-landingspagina table td:first-child {
        min-width: 210px;
        width: 210px;
      }
  .maattabel-landingspagina .maattabel__toggle {
      background: #aab296;
      padding: 4px 20px;
      border-radius: 15px;
      position: relative;
      cursor: pointer;
    }
  .maattabel-landingspagina .maattabel__toggle p {
        padding-right: 25px;
      }
  .maattabel-landingspagina .maattabel__toggle::after {
        position: absolute;
        content: '';
        right: 20px;
        top: 0;
        bottom: 0;
        margin: auto;
        background: url('https://niicebasil.s3.eu-west-2.amazonaws.com/365/icons/dropdown-icon.svg');
        height: 12px;
        width: 20px;
        transition: all ease-in-out .2s;
      }
  .maattabel-landingspagina .maattabel__content {
      overflow: hidden;
      height: 0;
      transition: cubic-bezier(.39, .575, .565, 1) .3s;
    }
  .maattabel-landingspagina .maattabel__content h3 {
        color: #8c8d8c;
        font-size: 24px;
        padding-left: 10px;
        font-weight: 700;
        margin-bottom: 10px;
      }
  .maattabel-landingspagina .maattabel__content .maattabelScroll {
        overflow-x: auto;
      }
  .maattabel-landingspagina .maattabel__content .tableWrapper {
        background: #fff;
        border-radius: 15px;
        padding: 10px 0;
        display: inline-table;
        width: 100%;
      }
  .maattabel-landingspagina .maattabel__content .tableWrapper table:nth-child(2) {
            margin-top: 20px;
          }
  .maattabel-landingspagina .maattabel__content .tableWrapper table:nth-child(2) tr {
              height: 25px;
              border-bottom: 2px solid #fff;
            }
  .maattabel-landingspagina .maattabel__content .tableWrapper table:nth-child(2) tr td {
                border-right: 2px solid #fff;
              }
  .maattabel-landingspagina .maattabel__content .tableWrapper table:nth-child(2) tr td:first-child {
                  border-right: 0;
                }
  .maattabel-landingspagina .maattabel__content .tableWrapper table:nth-child(2) tr span {
                border-radius: 50%;
                color: #fff;
                font-weight: 700;
                padding: 0 0 0 4px;
                margin-right: 4px;
              }
  .maattabel-landingspagina .maattabel__content .tableWrapper table:nth-child(2) tr:first-child {
                background: #bab8c4;
              }
  .maattabel-landingspagina .maattabel__content .tableWrapper table:nth-child(2) tr:first-child span {
                  background: #061f5f;
                }
  .maattabel-landingspagina .maattabel__content .tableWrapper table:nth-child(2) tr:nth-child(2) {
                background: #f0d9c2;
              }
  .maattabel-landingspagina .maattabel__content .tableWrapper table:nth-child(2) tr:nth-child(2) td {
                  font-weight: 700;
                }
  .maattabel-landingspagina .maattabel__content .tableWrapper table:nth-child(2) tr:nth-child(2) span {
                  background: #c77e3b;
                }
  .maattabel-landingspagina .maattabel__content .tableWrapper table:nth-child(2) tr:nth-child(3) {
                background: #eedddc;
              }
  .maattabel-landingspagina .maattabel__content .tableWrapper table:nth-child(2) tr:nth-child(3) span {
                  background: #c38598;
                }
  .maattabel-landingspagina .maattabel__content .tableWrapper table:nth-child(2) tr:nth-child(4) {
                background: #e8e9df;
              }
  .maattabel-landingspagina .maattabel__content .tableWrapper table:nth-child(2) tr:nth-child(4) td {
                  font-weight: 700;
                }
  .maattabel-landingspagina .maattabel__content .tableWrapper table:nth-child(2) tr:nth-child(4) span {
                  background: #aab39e;
                }
  .maattabel-landingspagina .maattabel__content .tableWrapper table:nth-child(2) tr:nth-child(5) {
                background: #d8e2d9;
              }
  .maattabel-landingspagina .maattabel__content .tableWrapper table:nth-child(2) tr:nth-child(5) span {
                  background: #70a091;
                }
  .maattabel-landingspagina .maattabel__content .tableWrapper table:nth-child(2) tr.tailleomvang {
                background: #eedddc;
              }
  .maattabel-landingspagina .maattabel__content .tableWrapper table:nth-child(2) tr.tailleomvang span {
                  background: #c38598;
                }
  .maattabel-landingspagina .maattabel__content .tableWrapper table:nth-child(2) tr.heupomvang {
                background: #e8e9df;
              }
  .maattabel-landingspagina .maattabel__content .tableWrapper table:nth-child(2) tr.heupomvang span {
                  background: #aab39e;
                }
  .maattabel-landingspagina .maattabel__content .tableWrapper table:nth-child(2) tr.binnenbeenlengte {
                background: #ecd8da;
              }
  .maattabel-landingspagina .maattabel__content .tableWrapper table:nth-child(2) tr.binnenbeenlengte span {
                  background: #c0495b;
                }
  .maattabel-landingspagina .maattabel.active .maattabel__toggle::after {
          transform: rotateX(180deg);
        }
  .maattabel-landingspagina .maattabel.active .maattabel__content {
        transition: cubic-bezier(.47, 0, .745, .715) .2s;
      }
  .maattabel-landingspagina .juisteMaat table td {
        border: 1px solid black;
      }

.block {
  display: block;
}

.table {
  display: table;
}

.flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mb-16 {
  margin-bottom: 4rem;
}

.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-auto {
  overflow-x: auto;
}

.p-6 {
  padding: 1.5rem;
}

.p-8 {
  padding: 2rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.w-auto {
  width: auto;
}

.w-full {
  width: 100%;
}

@media (min-width: 768px) {

  .md\:mt-0 {
    margin-top: 0;
  }

  .md\:pr-16 {
    padding-right: 4rem;
  }

  .md\:w-1\/2 {
    width: 50%;
  }

  .md\:w-2\/12 {
    width: 16.666667%;
  }

  .md\:w-10\/12 {
    width: 83.333333%;
  }
}

@media (min-width: 992px) {

  .lg\:w-1\/3 {
    width: 33.33333%;
  }
}