/*
 * Filip Pova :: Web- & Printdesign
 * E-Mail: design@kommen-Sie-gut-an.de
 * Web: www.kommen-Sie-gut-an.de
 * 
 * Created on: 10.04.2024
*/
/* 
    Created on : 10.04.2024, 18:56:56
    Author     : Filip Pova
*/

@media (max-width: 575.98px) {
    
/********************
*** Nav load data ***
********************/

.navLoadData{
    margin: 30px 0 0 0;
    padding: 0;
    display: block;
}

.navLoadData li{
    display: block;
    padding: 0;
    margin: 5px 0px 5px 0px;
    background-color: var(--grayExtraLight);
    border: 1px solid var(--greenDark);
    flex: 1
}

.navLoadData li a{
    display: block;
    font-size: 1.000rem;
    font-weight: 500;
    color: var(--greenDark);
    text-align: center;
    text-decoration: none;
    padding: 10px 10px;
}

.navLoadData li a:hover{
    display: block;
    font-size: 1.000rem;
    font-weight: 500;
    color: var(--greenDark);
    text-align: center;
    text-decoration: none;
    box-shadow: 0 0px 12px rgb(0 0 0 / 35%);
}
}

@media (max-width: 767.98px) {
    
    .navMain{
        display: none !important;
    }
    
    #hamburgerSiteWrapper{
        display: flex !important;
    }
    
}

@media (max-width: 991.98px) { 
    
    #hamburgerSiteWrapperBe{
        display: block !important;
    }
    
    .navMainBe{
        display: none;
    }

}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 1399.98px) {
    
}

@media (min-width: 768px) and (max-width: 991.98px) {
    
    .navMain{
        padding-top: 30px !important;
        text-align: start !important;
    }
    
    
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    
    .navMain li,
    .navMain li:hover{
        margin: 0 0 0 8px !important;
    }
    
    .navMain li:first-child{
        margin-left: 0 !important;
    }
    
    .navMain li a,
    .navMain li a:hover{
        color: var(--black);
        text-decoration: none;
        font-size: 1.000rem !important;
        display: block;
        padding: 10px 0 10px 0;
        font-weight: 400;
    }
}