@charset "UTF-8";
/* Navigation */
.custom-navbar {
  background-color: var(--color-primary);
  min-height: 92px;
  padding: 1rem 0;
}

.navbar-nav .nav-link {
  font-family: var(--font-inter);
  font-size: 1rem;
  font-weight: 400;
}

.navbar-logo {
  width: 5rem;
}

.navbar-toggler-icon {
  filter: brightness(0) invert(1);
}

.hamburger-menu {
  color: white !important;
  border-color: white;
}

.navbar-nav .nav-link {
  font-size: 1rem;
  font-weight: 400;
  padding: 0.5rem 1rem;
  transition: all 0.3s ease;
  outline: none !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:active {
  opacity: 0.8;
  outline: none !important;
  box-shadow: none !important;
}

/* Entfernt die Outline für alle Links in der Navbar */
.navbar a:focus,
.navbar button:focus {
  outline: none !important;
  box-shadow: none !important;
}

.btn-contact {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid transparent;
  padding: 0.5rem 1.25rem;
  border-radius: 0.75rem;
  transition: all 0.3s ease;
}

.btn-contact:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.btn-offer {
  background-color: var(--color-secondary) !important;
  border: 1px solid var(--color-secondary) !important;
  color: #090202 !important;
  padding: 0.5rem 1.25rem !important;
  border-radius: 0.75rem !important;
  transition: all 0.3s ease !important;
}

.btn-offer:hover {
  background-color: #e6971a;
  border-color: #e6971a;
  color: #090202;
}

@media (max-width: 767.98px) {
  .navbar-nav {
    text-align: center;
    margin: 1rem 0;
  }
}