/* Navigation Animations */
.menu-link {
  position: relative;
  transition: all 0.3s ease;
  margin-bottom: 25px;
}

.menu-link:hover {
  transform: translateX(10px);
}

.link-line {
  position: absolute;
  left: -30px;
  top: 50%;
  width: 20px;
  height: 1px;
  background-color: #BF1415;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s ease;
}

.menu-link:hover .link-line {
  transform: scaleX(1);
}

.nav-link {
  position: relative;
  transition: color 0.3s ease;
  text-decoration: none;
  font-size: 1.5em;
  letter-spacing: 0.5px;
  font-weight: 500;
}

.menu-link:hover .nav-link {
  color: #BF1415 !important;
}

.nav-text {
  transition: color 0.3s ease;
  margin-bottom: 8px;
}

.menu-link:hover .nav-text {
  color: #BF1415;
}

/* Container für besseren Abstand */
.container-menu-text {
  padding: 20px 0;
}

/* Smooth transitions for all interactive elements */
.social-link, .webflow-link {
  transition: opacity 0.3s ease;
  text-decoration: none;
}

.social-link:hover, .webflow-link:hover {
  opacity: 0.8;
}

/* Entfernt Unterstriche von allen Links in der Navigation */
.nav-menu a {
  text-decoration: none;
}