.nav {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 /* LINKS (Logo + Menü zusammen) */
 .nav-left {
     display: flex;
     align-items: center;
     gap: 25px;
 }

 /* LOGO + LINKS nebeneinander */
 .nav-logo {
     margin-right: 30px;
 }

 /* RECHTS (Buttons) */
 .nav-right {
     display: flex;
     gap: 10px;
 }

 /* Optional schöner Abstand */
 .nav-link {
     white-space: nowrap;
 }

 .dropdown {
     position: relative;
     display: inline-block;
     /* wichtig */
 }

 .dropdown-menu {
     position: absolute;
     top: 100%;
     left: 0;
     /* 👈 startet genau unter dem Text */

     transform: translateY(8px);


     background: #243c5a;
     border-radius: 10px;
     padding: 10px 0;
     min-width: 200px;

     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
     opacity: 0;
     visibility: hidden;
     transform: translateY(8px);
     transition: all 0.2s ease;
     pointer-events: none;

     /* 🔥 DAS FIXT DEIN PROBLEM */
     z-index: 9999;
 }

 /* Links im Dropdown */
 .dropdown-menu a {
     display: block;
     padding: 10px 16px;
     color: #ffffff;
     text-decoration: none;
 }

 .dropdown-menu a:hover {
     background: rgba(224, 132, 12, 0.993);
 }

 .dropdown:hover .dropdown-menu {

     opacity: 1;
     visibility: visible;
     transform: translateY(0);
     pointer-events: auto;
 }

 /* NAV TEXT FIX */
 .nav-link,
 .nav-link:visited,
 .nav-link:active {
     color: #ffffff !important;
 }

 /* Hover */
 .nav-link:hover {
     color: #ffffff !important;
     opacity: 0.8;
 }

 /* MOBILE MENU */

 .mobile-menu-toggle {
     display: none;
     background: #9fd0ff;
     color: #17365f;
     border: none;
     border-radius: 10px;
     padding: 10px 14px;
     font-size: 22px;
     font-weight: 700;
     cursor: pointer;
 }

 /* TABLET / MOBILE */
 @media (max-width: 900px) {

     .mobile-menu-toggle {
         display: block;
         margin-left: auto;
     }

     .nav {
         flex-wrap: wrap;
         padding: 14px 18px;
     }

     .nav-left {
         display: none;
         width: 100%;
         flex-direction: column;
         gap: 0;
         margin-top: 15px;
         background: #243c5a;
         border-radius: 14px;
         padding: 10px 0;
     }

     .nav-left.show {
         display: flex;
     }

     .nav-link {
         display: block;
         width: 100%;
         padding: 14px 20px;
         text-align: left;
     }

     .dropdown {
         width: 100%;
     }

     .dropdown-menu {
         position: static;
         opacity: 1;
         visibility: visible;
         transform: none;
         display: none;
         box-shadow: none;
         background: #1d314d;
         border-radius: 0;
         min-width: auto;
         padding: 0;
         pointer-events: auto;
     }

     .dropdown.open .dropdown-menu {
         display: block;
     }

     .dropdown-menu a {
         padding: 12px 35px;
         font-size: 14px;
     }

     .nav-right {
         display: none;
         width: 100%;
         flex-direction: column;
         gap: 10px;
         margin-top: 12px;
     }

     .nav-right.show {
         display: flex;
     }

     .nav-btn {
         width: 100%;
         text-align: center;
     }
 }