.naviflex{
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: var(--gap, 1em);
}

.mobile-nav-toggle{
    display:none;
}

.primary-navigation a{
	font-weight: 600;
    text-decoration: none;
    font-size: x-large;
    color: #103a5d;
}

.primary-navigation{
    list-style-type: none;
    padding: 0;
    margin: 0;
    background-color: rgba(255, 255, 255, 1);
    display:none;
}

@media (max-width: 1100px){
    .primary-navigation{
    	display:flex;
        --gap: 1em;
        position:fixed;
        z-index:1000;
        inset: 0 0 0 40%;
        flex-direction: column;
        padding: min(20vh, 5em) min(3em, 10vw);
        transform: translateX(100%);
        top: 99px;
        transition: transform 350ms ease-out;
    }

    .primary-navigation[data-visible="true"]{
        transform: translateX(0%);
    }

    .mobile-nav-toggle{
        display: block;
        position: absolute;
        z-index:9999;
		background-color: unset;
    	width: 32px;
    	padding: 0;
    	border: 0;
        aspect-ratio: 1;
        top:3rem;
        right:2rem;
        background-image: url("/files/framework/img/gutes_2.0/burger.svg");
        background-repeat: no-repeat;
        transition: all 250ms ease-in;
    }
    
    .mobile-nav-toggle[aria-expanded="true"]{
        background-image: url("/files/framework/img/gutes_2.0/burger_close.svg");
        transition: all 250ms ease-in;
    }
}