/*headerens udseende og placering*/
header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background:  #000000;
    
    padding: 0 3%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1000;
}
/*----------------------------------Navnar-------------------------------------*/
/*navigationsbarens layout og funktion*/
nav {
    display: block;
    unicode-bidi: isolate;
}



/*menupunkterne skifter farve når man hover*/
header .navbar ul li a:hover {
    color: #fff;
    
}

.logo-kasse{
padding-left: 45%;
}
/*logoet i venstre hjørnes størrelse*/
.logo {
    width: 9vw;
}

/*burgermenu-ikonets størrelse*/
header .navbar .burger img{
    width: 15%;
}





/*burgermenu bliver aktiveret*/
.burger{
    display:flex;
    justify-content: flex-end;

}

/*aktivering af checkbox i burgermenuen*/
#menu-toggle{
    display:none;

}


    /* Skjul navigationselementerne som standard */
    header .navbar ul {
        display: none;
        flex-direction: column; /* Vertikal menu */
        list-style: none;
        width:50%;
        background-color: #000;
        position: absolute;
        top: 100%; /* Lige under header */
        right:0 ;
        z-index: 999;
       
    }

    /*udseende til dropdown navbar*/
    header .navbar ul li{
        
        border-bottom: 0.1rem solid #ff8c00;
        width: 100%;
        
    }
    header .navbar ul li a{
        font-size: 150%;
        
        text-decoration: none;
        color: #ff8c00;
        
        }       
        
  /*placering af undermenuen*/
    header .navbar ul li ul{
        
        top:0;
        left: auto;
        right: 100%;
        border-top: none;
        width: fit-content;
       
        
    }    

    header .navbar ul li ul li{
        border-top: none;
        
        
    }

  

    
    /* Viser navigationselementerne, når checkboxen er markeret */
    #menu-toggle:checked + .burger + ul{
        display: flex; /* Gør menuen synlig */
        align-items: flex-end;
        
        
        
    }


    @media (min-width: 768px){

        .logo-kasse{
            padding-left: 0;
            }

/*burgermenu bliver deaktiveret*/
.burger{
    display:none
}

/*viser menu-layoutet for tablet og opefter*/
header .navbar ul {
    
    display: flex;
    flex-direction: row;
    position: unset;
}

header .navbar ul li {
    margin: 0;
    padding: 0;
    position: relative;
    border-bottom: none;
    
}

header .navbar ul li a {
    padding: 0 1.5rem;
    
    font-size: 1.25rem;
    
    display: block;
    white-space: nowrap;
}

header .navbar ul li ul {
    position: absolute;
    left: 0;
    top: 100%;
    width:fit-content;
    display: none;
    z-index: 999;
    padding: 0;
    

}

header .navbar ul li ul li {
    width: 100%;
    border-top: 0.05rem solid #ccc;
    padding: 1vw 0;

}

/*aktivering af den nye under-menu i "bliv spotter*/
header .navbar ul li:hover > ul {
    display: block;
}

header .navbar ul li ul .historie-container{
    border: none;
    
}

header .navbar ul li ul .disci-container{
    border: none;

}
        
    }