.navigation-clean {
  padding: 20px 0;
}

@media (min-width: 300px) {
  .navigation-clean .navbar-brand img {
    width: 230px;
  }
}

@media (min-width: 992px) {
  .navigation-clean .navbar-brand img {
    width: 180px;
  }
}

@media (min-width: 1200px) {
  .navigation-clean .navbar-brand img {
    width: 270px;
  }
}

.navigation-clean .navbar-toggler {
  border-color: #ddd;
}

.navigation-clean .navbar-toggler:hover, .navigation-clean .navbar-toggler:focus {
  background: none;
  outline: none !important;
  box-shadow: none !important;
}

.navigation-clean .navbar-toggler {
  border-radius: 0px;
}

.navbar-light .navbar-toggler-icon {
  filter: invert(99%) sepia(0%) saturate(297%) hue-rotate(234deg) brightness(115%) contrast(100%);
}

.navigation-clean.navbar-light .navbar-nav .nav-link {
  margin-left: 5px;
  margin-right: 5px;
  padding: 10px 8px;
  color: white;
  font-size: 18px;
  position: relative;
  display: inline-block;
}

.navigation-clean.navbar-light .navbar-nav .nav-link:hover {
  color: var(--zold-szin);
}

.navigation-clean.navbar-light .navbar-nav .nav-link::before, .navigation-clean.navbar-light .navbar-nav .nav-link::after {
  content: '';
  height: 14px;
  width: 24px;
  position: absolute;
  transition: all .35s ease;
  opacity: 0;
}

.navigation-clean.navbar-light .navbar-nav .nav-link::before {
  content: '';
  right: 0;
  top: 0;
  border-top: 2px dashed var(--zold-szin);
  border-right: 2px dashed var(--zold-szin);
  transform: translate(-100%, 50%);
}

.navigation-clean.navbar-light .navbar-nav .nav-link:after {
  content: '';
  left: 0;
  bottom: 0;
  border-bottom: 2px dashed var(--zold-szin);
  border-left: 2px dashed var(--zold-szin);
  transform: translate(100%, -50%);
}

.navigation-clean.navbar-light .navbar-nav .nav-link:hover:before, .navigation-clean.navbar-light .navbar-nav .nav-link:hover:after {
  transform: translate(0,0);
  opacity: 1;
}

@media (min-width: 300px) and (max-width: 991px) {
  .navigation-clean.navbar-light .navbar-nav {
    background: var(--bs-dark);
    width: 220px;
    z-index: 999;
    position: absolute;
    /*right: 12px;*/
    top: 75px;
    padding: 10px;
  }
}

@media (min-width: 300px) {
  .navigation-clean.navbar-light .navbar-nav {
    right: 12px;
  }
}

@media (min-width: 576px) {
  .navigation-clean.navbar-light .navbar-nav {
    right: 26px;
  }
}

@media (min-width: 768px) {
  .navigation-clean.navbar-light .navbar-nav {
    right: 32px;
  }
}

@media (min-width: 300px) {
  .navigation-clean .navbar-nav .nav-item:after {
    content: '';
  }
}

@media (min-width: 992px) {
  .navigation-clean .navbar-nav .nav-item:after {
    content: '\2022';
    color: var(--zold-szin);
  }
}

.navigation-clean .navbar-nav .nav-item:last-child:after {
  content: '';
}