nav a {
      position: relative;
      padding-bottom: 4px;
      transition: color 0.3s ease;
      font-weight: 700;
    }
    nav a::after {
      content: "";
      position: absolute;
      width: 0%;
      height: 2px;
      left: 50%;
      bottom: 0;
      background-color: #dc2626;
      transition: all 0.3s ease;
      transform: translateX(-50%);
    }
    nav a:hover {
      color: #dc2626;
    }
    nav a:hover::after {
      width: 100%;
      left: 0;
      transform: translateX(0);
    }
    .produkt-button {
      display: inline-block;
      margin-top: 1rem;
      padding: 0.5rem 1rem;
      background-color: #dc2626;
      color: #ffffff;
      font-weight: 600;
      border-radius: 0.375rem;
      transition: all 0.3s ease;
    }
    .produkt-button:hover {
      background-color: #991b1b;
      color: #4b5563;
    }
    .nav-link {
      position: relative;
      color: white;
      font-weight: bold;
      padding: 0.5rem 0.75rem;
      border-radius: 0.375rem;
      transition: color 0.3s ease;
    }
    .nav-link:hover {
      color: #dc2626;
    }
    .dropdown-link {
      display: block;
      padding: 0.5rem 1rem;
      color: white;
      transition: color 0.3s ease;
    }
    .dropdown-link:hover {
      color: #dc2626;
    }
    .nav-link::after {
      content: "";
      position: absolute;
      width: 0%;
      height: 2px;
      left: 50%;
      bottom: 0;
      background-color: #dc2626;
      transition: all 0.3s ease;
      transform: translateX(-50%);
    }
    .nav-link:hover::after {
      width: 100%;
      left: 0;
      transform: translateX(0);
    }
	   .swiper-pagination-bullet {
    background: #e5e7eb !important; /* hellgrau */
    opacity: 1;
  }
  .swiper-pagination-bullet-active {
    background: #dc2626 !important; /* rot */
  }
	  .swiper-button-next,
  .swiper-button-prev {
    color: #dc2626 !important; /* rot */
  }