.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-color: var(--bs-body-bg);
  --bs-nav-link-hover-color: #0db17b;
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.link-body-emphasis {
  color: white;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important;
  text-decoration: none;
}

a:hover {
  color: #46ffc8;
}

.link-body-emphasis:focus, .link-body-emphasis:hover {
  color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important;
}

.navbar {
  background: white;
  padding: 1rem 0;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  max-width: 1920px;
  margin: 0 auto;
}

.navbar ul {
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}

.navbar a {
  text-decoration: none;
  color: #ffffff;
  font-size: 1.1rem;
  font-weight: 500;
  padding: 0.5rem 1rem;
  position: relative;
  display: inline-block;
  transition: color 0.3s ease;
}

.navbar a:hover {
  color: #0db17b;
}

/* Hover-Unterstrich-Effekt */

.navbar a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 3px;
  background: linear-gradient(90deg, #0db17b, #0db17b);
  transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.navbar a:hover::after {
  width: 100%;
}

/* Responsive bis 1920px */

@media (max-width: 1920px) {
  .navbar ul {
    padding: 0 2rem;
  }
}

@media (max-width: 768px) {
  .navbar ul {
    flex-direction: column;
    gap: 0;
    align-items: center;
  }
}

@media (max-width: 768px) {
  .navbar a {
    padding: 1rem;
    width: 100%;
    text-align: center;
  }
}

.button-standard {
  display: inline-block;
  color: rgb(255,255,255);
  font-size: 20px;
  font-weight: bold;
  border-radius: 25px;
  padding: 10px 19px;
  border: 2px solid #0db17b;
  background: transparent;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

/* Hover: Komplett grün gefüllt */

.button-standard:hover {
  background-color: #0db17b;
  color: rgb(255,255,255);
  border-color: #0db17b;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(13, 177, 123, 0.4);
}

/* Active/Focus Zustände */

.button-standard:active {
  transform: translateY(0);
  box-shadow: 0 4px 15px rgba(13, 177, 123, 0.3);
}

.button-standard:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(13, 177, 123, 0.3);
}

/* Responsive */

@media (max-width: 768px) {
  .button-standard {
    font-size: 18px;
    padding: 12px 24px;
    width: 100%;
    max-width: 300px;
  }
}

/* Optional: Glanz-Effekt für Premium-Look */

.button-standard::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(13,177,123,0.76), transparent);
  transition: left 0.5s;
}

.button-standard:hover::before {
  left: 100%;
}