/* bluenetdata GmbH - Mobile Stylesheet */

@media (max-width:1300px){

    .callback-widget{
        display:none;
    }
    .remote-button{
        display:none;
    }

}

@media (max-width:1100px){

    nav{
        max-width:var(--max-width);
        margin:auto;
        display:flex;
        justify-content:space-between;
        align-items:center;
        padding:1rem 2rem;
        position:relative;
    }

    .menu-separator{
        display:none;
    }


    #menu-toggle{
        display:block;
    }

    .menu{
        display:none;

        position:absolute;
        top:100%;
        left:0;

        width:100%;

        background:#fff;

        flex-direction:column;
        gap:0;

        box-shadow:0 10px 30px rgba(0,0,0,.1);

        z-index:1000;
    }

    .menu.open{
        display:flex;
    }

    .menu li{
        width:100%;
    }

    .menu a{
        display:block;
        padding:1rem 2rem;
        border-bottom:1px solid #eee;
    }

    #nav-indicator{
        display:none;
    }

    .remote-button{
        display:none !Important;
    }

}

@media (max-width:900px){

    .legal-page{
        margin:1.5rem;
        padding:1.0rem;
    }

    .job-highlight{
        margin:1.5rem;
        padding:0;
    }
	
	.job-divider{
        margin:1.5rem;
        padding:0;
    }

	.stats-grid{
		grid-template-columns:repeat(2,1fr);
	}
    
    .footer-links{
        display:block;
        border-left:none;
        padding-left:0;
        text-align:center;
    }
  
	.footer-content{
        grid-template-columns:1fr;
        gap:2rem;
        text-align:center;
    }

    .footer-logo-grid{
        justify-content:center;
    }

    .footer-social{
        justify-content:center;
    }

	.logo img{
		height:40px;
	}

    .grid-2{
        grid-template-columns:1fr;
    }

    .cards{
        grid-template-columns:1fr;
    }

    .process{
        grid-template-columns:1fr;
    }

     .hero h1{
        font-size:2.2rem;
    }

    .hero p{
        font-size:1.1rem;
    }

}

@media (max-width:600px){

    .stats-grid{
        grid-template-columns:1fr;
    }

}
