.jagged-border {
  position: relative;

  &::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 13px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="12"><polygon points="0,0 30,12 60,0" fill="white"/></svg>') repeat-x;
  }
}

.hexagonal-bg {
  background-image: url("/assets/bijenmuseum/backgrounds/hexagonals-6e50af2b.svg");
  background-size: 120px;
  background-repeat: repeat;
  background-position: -1px calc(100% - 10px);

  &.fade-top {
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 1) 100%), url("/assets/bijenmuseum/backgrounds/hexagonals-6e50af2b.svg");
  }
}



.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}