@media (max-width: 500px)
{

    details#sprungmenue     {   display: inline-block;  z-index: 10000;
                            }
    details#sprungmenue ul  {   position: absolute; margin-left: 20px; padding: 10px;
                                border: 1px solid black;
                                border-radius: 10px;
                                background-color: rgb(4, 68, 4);}
    
    summary#sprungmenue         {    
                                    list-style-type: "☰";
                                    position: relative;
                                    top: 0; right: 0;
                                    font-size: 26px; font-weight: 600;
                                    text-decoration: none;
                                }
    summary#sprungmenue:hover   {   text-shadow: 2px 2px 5px white;}
    div.sprungmenue [open] summary#sprungmenue 
                                    {   
                                        list-style-type: "✖";
                                        color: red;
                                    }
}

@media (min-width: 501px)
{   div.sprungmenue         {   display: none;}
}