@import url("https://fonts.googleapis.com/css2?family=Slabo+27px&family=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");
/*input:invalid:required {
  background-image: linear-gradient(to right, pink, lightgreen);
}*/
.breadcrumb li + li::before {
  color: #2d4195;
}

.breadcrumb a:hover {
  color: #2d4195;
}

.breadcrumb a {
  color: #2d4195;
  font-family: "Zilla Slab", serif;
  font-weight: 500;
  font-style: normal;
}
.bold {
  font-weight: 700 !important;
}


#fff::before {
  content: "";
 background-image: url("patroon_wafelsterren.png");
  background-repeat: repeat;
  background-size: 50%, 50%;
  border-top: 4px solid #ffbea5;
  border-bottom: 4px solid #ffbea5;
  opacity: 0.4
  z-index: -1;
 }

.wafel-achtergrond {
 background-image: url("patroon_wafelsterren_15pct.png");
  background-repeat: repeat;
  background-size: 50%, 50%;
  border-top: 4px solid #ffbea5;
  border-bottom: 4px solid #ffbea5;
 }

.bedrijven-block {
    /*width: 400px !important;*/
}

.sponsor-100 {
    width: 250px !important;
}

.sponsor-100 {
    width: 200px !important;
}

.sponsor-50 {
    width: 150px !important;
}

.zalm-roze {
    background-color: #ffd2b2;
}
.zalm-roze-border {
   border-bottom: 4px solid #ffbea5;
}
.nadruk {
  color: #da5825;
  font-weight: 500;
  font-family: "Zilla Slab", serif;
  font-style: normal;
}

.label {
  color: #fff;
  font-family: "Zilla Slab", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.25rem;
}

.label-waarde {
  color: #fff;
  font-family: "Zilla Slab", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.25rem;
}

.bevestiging-container {
  width: 45%;
  margin: 0 auto;
}

.bevestiging-container .label {
  margin-bottom: 0 !important;
}


.oranje-donker {
  color: #da5825;
}

.blauw {
    color: #2d4195;
}

.rood {
    background-color: #d95827;
}
.rood-disabled {
    background-color: #d56d6d;
}

.oranje-1 {
    background-color: #da5825;
}
.oranje-2 {
    background-color: #f4a84d;
}
.oranje-3 {
    background-color: #f4a94e;
}
.oranje-4 {
    background-color: #f28f35;
}

.wafel-oranje {
    background-color: #fdbf74 !important;
}

.wafel-oranje-border {
   border-top: 4px solid #e8ac64;
}

.bg-blauw {
    background-color: #2d4195;
}
.blauw-border {
   border-top: 4px solid #6e7cb3;
}

.hulp-knop {
    border: 3px solid #db7a33;
    background-color: #f4a84d;
}
.hulp-knop:hover {
    background-color: #db7a33;
}
.bestel-knop {
     background-color: #da5825;
     border: 3px solid #9d4e35;
     font-weight: 500;
}
.bestel-knop:hover {
     background-color: #9d4e35;
     border: 3px solid #9d4e35;
}

.bestel-knop[disabled] {
  cursor: not-allowed;
  3px solid #9d4e35
  opacity: var(--bulma-button-disabled-opacity);
  background-color: #d56d6d !important;
}

.is-size-hero {
  font-size: 6rem;
}

/*@media screen and (max-width: 768px) {
  .is-size-1-mobile {
    font-size: 3rem !important;
  }
}*/

.zilla-slab-light {
  font-family: "Zilla Slab", serif;
  font-weight: 300;
  font-style: normal;
}

.zilla-slab-regular {
  font-family: "Zilla Slab", serif;
  font-weight: 400;
  font-style: normal;
}

.zilla-slab-medium {
  font-family: "Zilla Slab", serif;
  font-weight: 500;
  font-style: normal;
}

.zilla-slab-semibold {
  font-family: "Zilla Slab", serif;
  font-weight: 600;
  font-style: normal;
}

.zilla-slab-bold {
  font-family: "Zilla Slab", serif;
  font-weight: 700;
  font-style: normal;
}

.zilla-slab-light-italic {
  font-family: "Zilla Slab", serif;
  font-weight: 300;
  font-style: italic;
}

.zilla-slab-regular-italic {
  font-family: "Zilla Slab", serif;
  font-weight: 400;
  font-style: italic;
}

.zilla-slab-medium-italic {
  font-family: "Zilla Slab", serif;
  font-weight: 500;
  font-style: italic;
}

.zilla-slab-semibold-italic {
  font-family: "Zilla Slab", serif;
  font-weight: 600;
  font-style: italic;
}

.zilla-slab-bold-italic {
  font-family: "Zilla Slab", serif;
  font-weight: 700;
  font-style: italic;
}
.slabo-regular {
  font-family: "Slabo 27px", serif;
  font-weight: 400;
  font-style: normal;
}

.geschiedenis-tussenkop {
  font-weight: 100;
  font-size: 2rem;
  border-bottom: 1px solid #ddd;
  padding: 1rem;

}