body {
            font-family: 'Montserrat', sans-serif;
            color: #2c3e50; /* Dunkelgrau für Haupttext */
        }
        .text-accent-blue {
            color: #3498db; /* Helles Blau als Akzentfarbe */
        }
        .bg-accent-blue {
            background-color: #3498db; /* Helles Blau als Akzentfarbe */
        }
        .border-accent-blue {
            border-color: #3498db;
        }
        .btn-main {
            @apply px-8 py-4 rounded-full text-white font-bold transition-transform duration-300 transform hover:scale-105;
            background-color: #3498db; /* Helles Blau */
        }
        .btn-main:hover {
            background-color: #2980b9; /* Dunkleres Blau beim Hover */
        }
       
        /* Mobile Menu specific styles */
        .mobile-menu-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.95);
            z-index: 1000;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
        }
        .mobile-menu-overlay.open {
            opacity: 1;
            visibility: visible;
        }
        .mobile-menu-overlay ul {
            list-style: none;
            padding: 0;
            text-align: center;
        }
        .mobile-menu-overlay ul li {
            margin-bottom: 1.5rem;
        }
        .mobile-menu-overlay ul li a {
            color: white;
            font-size: 2.25rem; /* Larger text for mobile */
            font-weight: bold;
            transition: color 0.2s ease-in-out;
        }
        .mobile-menu-overlay ul li a:hover {
            color: #3498db;
        }
        .mobile-menu-close {
            position: absolute;
            top: 2rem;
            right: 2rem;
            font-size: 3rem;
            color: white;
            cursor: pointer;
            transition: color 0.2s ease-in-out;
        }
        .mobile-menu-close:hover {
            color: #3498db;
        }
        /* Hide regular nav on mobile, show hamburger */
        @media (max-width: 767px) {
            .navbar-desktop {
                display: none;
            }
            .hamburger-menu {
                display: block;
            }
        }
        /* Show regular nav on desktop, hide hamburger */
        @media (min-width: 768px) {
            .navbar-desktop {
                display: flex !important; /* Ensure it's shown on desktop */
            }
            .hamburger-menu {
                display: none;
            }
        }