/**
$max: fontsize for desktop in px
$lineHeight: lineheight for desktop in px
$min: fontsize for mobile in px
$marginTop: factor of the topmargin to the base of 40px on desktop
*/
.navbar-toggler {
  padding: 10px !important;
}
.navbar .nav-link {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  font-family: Lato, Arial, sans-serif;
  color: var(--grey-dark);
}

.navbar-light.navbar {
  border-bottom: 0;
  background-color: #ffffff;
  z-index: 10;
  width: 100% !important;
  padding: 0;
}
@media (max-width: 575px) {
  .navbar-light.navbar {
    padding-left: 15px;
  }
}

.navbar-brand {
  width: 70%;
}
@media (min-width: 1024px) {
  .navbar-brand {
    width: fit-content;
  }
}
@media (max-width: 575px) {
  .navbar-brand img {
    width: 100%;
  }
}

@media (max-width: 350px) {
  .navbar-toggler {
    padding: 10px 0;
  }
}
.navbar-toggler .close {
  padding: 4px;
}
.navbar-toggler img {
  width: 32px;
  height: 32px;
}
.navbar-toggler .icon-menu:before {
  content: "\e92a";
}
.navbar-toggler.collapsed .icon-menu:before {
  content: "\e92b";
}

@media (max-width: 992px) {
  .navbar .navbar-collapse {
    max-height: 100% !important;
  }
}
.navbar.navbar-light li.active > .nav-link, .navbar.navbar-light li.show > .nav-link, .navbar.navbar-light .nav-link.active, .navbar.navbar-light .nav-link:hover, .navbar.navbar-light .nav-link:focus {
  color: var(--skin-secondary);
}

.dropdown-toggle {
  height: fit-content;
  max-height: 34px;
}
.dropdown.desktop {
  display: none;
}
@media (min-width: 1199px) {
  .dropdown.desktop {
    display: flex !important;
  }
}
@media (min-width: 1199px) {
  .dropdown.mobil {
    display: none !important;
  }
}
.dropdown:hover .dropdown-menu {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  left: -21px;
}

/*dropdown menu*/
.dropdown-menu {
  border-radius: 0;
  border: 0;
  transition: all 0.25s cubic-bezier(0.24, 0.22, 0.015, 1.56), opacity 0.1s ease-in-out;
  background-color: white;
  color: var(--skin-color);
}
@media (min-width: 1199px) {
  .dropdown-menu {
    margin-top: 10px;
    display: none;
    opacity: 0;
    visibility: hidden;
  }
}
.dropdown-menu .dropdown-item {
  padding: 10px 20px;
  font-weight: 500;
  /*
  white-space: normal;
  -ms-word-break: break-word;
  word-break: break-word;
  -moz-hyphens: auto;
  hyphens: auto;
  max-width: 180px;
  */
}
.dropdown-menu .dropdown-item a {
  color: #25282a;
}
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item.active {
  background-color: white;
}
.dropdown-menu .dropdown-item:hover a, .dropdown-menu .dropdown-item:focus a, .dropdown-menu .dropdown-item.active a {
  color: var(--skin-secondary);
}
.dropdown-menu.show {
  opacity: 1;
  display: block;
  visibility: visible;
  -webkit-transform: scale(1) translateY(0%);
  transform: scale(1) translateY(0%);
}

.navbar.navbar-light {
  background-color: #ffffff;
}
.navbar.navbar-light .nav-link {
  color: #25282a;
}
.navbar.navbar-light .nav-link.active, .navbar.navbar-light li.show .nav-link, .navbar.navbar-light .nav-link:hover {
  color: var(--skin-secondary);
}

.dropdown-divider {
  border-top-color: #f5f5f5;
}

@media (min-width: 1199px) {
  .navbar.navbar-expand-xl {
    padding-top: 0;
    padding-bottom: 0;
  }
  .navbar.navbar-expand-xl .nav-item {
    height: 75px;
    margin-left: 1.5rem;
    align-items: center;
    display: flex;
  }
  .navbar.navbar-expand-xl .nav-link {
    padding: 0;
  }
  .dropdown-menu {
    margin-top: 0;
    border: 0;
  }
  .dropdown-menu .dropdown-item:focus-visible {
    border: none;
  }
  .navbar.navbar-expand-lg.navbar-transparent {
    background-color: white;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
  }
  .sticky-active.navbar.navbar-expand-lg.navbar-transparent {
    background-color: white;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    animation: fadeInDown 0.35s;
    -webkit-animation: fadeInDown 0.35s;
  }
}
@media (max-width: 992px) {
  .navbar.navbar-expand-lg.navbar-transparent {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100%;
    z-index: auto !important;
  }
  .navbar-collapse.collapse {
    display: none;
  }
  .navbar-collapse.collapse.show {
    display: block;
  }
}