
@font-face {
	font-family: 'Fournier mt std';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: url("/assets/bb6c3248-FournierMTStdRegular.woff") format('woff');
}

/*# sourceURL=elementor-pro-custom-fonts-inline-css */


    /* Basis-Styling für die mobile Navigation */
    #codelance-mobile-nav {
        height: 100vh;
        width: 100%;
        background-color: white;
        position: fixed;
        top: 0;
        left: 0;
        display: none; /* Zu Beginn nicht anzeigen */
        justify-content: center;
        align-items: center;
        z-index: 1000; /* Sicherstellen, dass es vor anderen Elementen liegt */
        transition: all 0.3s ease;
    }

    /* Aktivieren der Navigation */
    #codelance-mobile-nav.active {
        display: flex;
        flex-direction: column;
    }

    /* Styling für das Menü */
    #codelance-mobile-nav ul {
        list-style-type: none;
        padding: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    #codelance-mobile-nav ul li {
        margin: 20px 0;
    }

    #codelance-mobile-nav ul li a {
        color: var(--e-global-color-primary);
        text-decoration: none;
        font-size: 30px;
        font-family: var(--e-global-typography-5e7b7d9-font-family), Sans-serif;
    }
    
    #close-btn-div {
        height: 65px;
        width: 100%;
        padding-left: 8%;
        padding-right: 8%;
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
    }

    /* Button zum Schließen */
    #close-btn {
        background-color: transparent;
        border: none;
        color: white;
        font-size: 24px;
        cursor: pointer;
        display: flex;
        align-items: center;
        outline: none;
        user-select: none;
        -webkit-tap-highlight-color: transparent;
        padding: 0;
    }
    
    #close-btn svg {
        width: 30px;
        height: 30px;
        fill: var(--e-global-color-primary);
    }
    
    #open-btn {
        background-color: transparent;
        border: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        outline: none;
        user-select: none;
        -webkit-tap-highlight-color: transparent;
        padding: 0;
    }

    #open-btn svg {
        width: 30px;
        height: 30px;
        fill: white;
    }
    
