@charset "UTF-8";
/* breakpoints */
.offcanvas-backdrop {
  --bs-backdrop-opacity: .4;
  z-index: 999;
}
.offcanvas {
  background-color: var(--background-color, #fff);
  border-left: 0 !important;
  color: var(--black);
}
.offcanvas.offcanvas-top {
  left: 20px;
  top: 20px;
}
@media (max-width: 767.98px) {
  .offcanvas.offcanvas-top {
    left: 10px;
    top: 10px;
  }
}
.offcanvas .offcanvas-body {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
}
@media (max-width: 767.98px) {
  .offcanvas .offcanvas-body {
    overflow-y: auto;
  }
}
.offcanvas .offcanvas-body .offcanvas__nav--structure {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.5rem;
  height: 100%;
  gap: 1rem;
}
.offcanvas .offcanvas-body .offcanvas__nav--structure .offcanvas__nav--middle .main__menu {
  padding: 0;
}
.offcanvas .offcanvas-body .offcanvas__nav--structure .offcanvas__nav--middle .main__menu .nav-item {
  padding: 0;
  margin-bottom: 0;
  cursor: pointer;
}
.offcanvas .offcanvas-body .offcanvas__nav--structure .offcanvas__nav--middle .main__menu .nav-item::before {
  content: unset;
}
.offcanvas .offcanvas-body .offcanvas__nav--structure .offcanvas__nav--middle .main__menu .nav-item .has__children:after {
  position: absolute;
  content: "" !important;
  font-family: "bootstrap-icons";
  display: inline-block;
  right: 0;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
}
.offcanvas .offcanvas-body .offcanvas__nav--structure .offcanvas__nav--middle .main__menu .nav-item .has__children.hide-title {
  display: none;
}
.offcanvas .offcanvas-body .offcanvas__nav--structure .offcanvas__nav--middle .main__menu .nav-item span, .offcanvas .offcanvas-body .offcanvas__nav--structure .offcanvas__nav--middle .main__menu .nav-item a {
  padding: 10px 0;
  display: flex;
  align-items: center;
  text-decoration: none;
  font-family: var(--font-medium);
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  transition: var(--transition-default-duration);
}
@media (max-width: 1199.98px) {
  .offcanvas .offcanvas-body .offcanvas__nav--structure .offcanvas__nav--middle .main__menu .nav-item span, .offcanvas .offcanvas-body .offcanvas__nav--structure .offcanvas__nav--middle .main__menu .nav-item a {
    font-size: 1.3rem;
    padding: 12px 0;
  }
}
@media (max-width: 991.98px) {
  .offcanvas .offcanvas-body .offcanvas__nav--structure .offcanvas__nav--middle .main__menu .nav-item span, .offcanvas .offcanvas-body .offcanvas__nav--structure .offcanvas__nav--middle .main__menu .nav-item a {
    font-size: 1.2rem;
    padding: 11px 0;
  }
}
@media (max-width: 767.98px) {
  .offcanvas .offcanvas-body .offcanvas__nav--structure .offcanvas__nav--middle .main__menu .nav-item span, .offcanvas .offcanvas-body .offcanvas__nav--structure .offcanvas__nav--middle .main__menu .nav-item a {
    padding: 10px 0;
  }
}
.offcanvas .offcanvas-body .offcanvas__nav--structure .offcanvas__nav--middle .main__menu .nav-item span.active, .offcanvas .offcanvas-body .offcanvas__nav--structure .offcanvas__nav--middle .main__menu .nav-item a.active {
  color: var(--maincolor);
}
.offcanvas .offcanvas-body .offcanvas__nav--structure .offcanvas__nav--middle .main__menu .nav-item span:hover, .offcanvas .offcanvas-body .offcanvas__nav--structure .offcanvas__nav--middle .main__menu .nav-item a:hover {
  color: var(--maincolor);
}
.offcanvas .offcanvas-body .offcanvas__nav--structure .offcanvas__nav--middle .main__menu .nav-item .submenu .back-button {
  padding: 10px 0;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: rgba(45, 75, 40, 0.5);
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 500;
  margin-left: 28px;
  transition: var(--transition-default-duration);
}
.offcanvas .offcanvas-body .offcanvas__nav--structure .offcanvas__nav--middle .main__menu .nav-item .submenu .back-button:hover {
  color: rgba(45, 75, 40, 0.7);
}
.offcanvas .offcanvas-body .offcanvas__nav--structure .offcanvas__nav--middle .main__menu .nav-item .submenu .back-button:after {
  position: absolute;
  content: "" !important;
  font-family: "bootstrap-icons";
  display: inline-block;
  left: 0;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
}
.offcanvas .offcanvas-body .offcanvas__nav--structure .offcanvas__nav--middle .main__menu .nav-item .submenu li {
  padding-left: 0;
  margin-bottom: 0;
}
.offcanvas .offcanvas-body .offcanvas__nav--structure .offcanvas__nav--middle .main__menu .nav-item .submenu li::before {
  content: unset;
}
.offcanvas .header__contact--area {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  margin: 2rem;
}
@media (max-width: 767.98px) {
  .offcanvas .header__contact--area .btn-circle i {
    color: var(--white);
    font-size: 1.25rem;
    line-height: 1;
  }
  .offcanvas .header__contact--area .btn-circle:hover {
    background: var(--maincolor);
  }
}
@media (max-width: 767.98px) and (max-width: 1199.98px) {
  .offcanvas .header__contact--area .btn-circle {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 767.98px) and (max-width: 767.98px) {
  .offcanvas .header__contact--area .btn-circle {
    width: 44px;
    height: 44px;
  }
}
.offcanvas [data-bs-dismiss="offcanvas"] {
  user-select: none;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fhahnenkratt%2Fscss%2Fobjects%2F_canvas.scss%22%2C%22%2Fthemes%2Fhahnenkratt%2Fscss%2Fobjects%2F..%2Fsettings%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAAA%3BAAEA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAAA%3BAC4BE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADnBF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACmBE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADXA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWI%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAoBA%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACtCR%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD6DU%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAaE%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAoBF%3BAAAA%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAad%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC7HE%3BAD8II%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BACrJJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD4JF%3BAAAA%3BAAAA%22%7D */