body {
    font-family: Arial, sans-serif;
    background-color: #f0f4f7;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
#top{
    position: fixed; 
    top: 0px; 
    width: 100%; 
    background-color: rgb(15, 40, 91); 
    color: white; text-align: center; 
    padding: 10px; 
    z-index: 9999;  
    font-size: 14px; 
    transition: 0.5s ease-in-out; 
    box-shadow: gray 0px 4px 2px -2px;    
}
#top a{
     color: #ffffff; 
    text-decoration: underline;
}
#topnav{
    margin-top: 40px;
    padding: 5px 20px;
    height: 50px;
    background: white;
    position: fixed;
    inset: 0% 0% auto;
    z-index: 10000;
    border-bottom: 1px solid #aaa;
}
#logo{
    float: right;
    margin-right: 15px;
    height: 50px;
    display: flex;
    align-content: center;
    gap: 10px;
}
#logo img{
    height: 36px;
    object-fit: contain;
}
#logo img:last-child{
    height: 22px;
    margin-top: 10px;
}
#sidenav{
    width: 280px;
    background: white;
    position: fixed;
    height: 110%;
    left: 0px;
    top: 0px;
    z-index: 10001;
    border-right: 1px solid #aaa;
    margin-top: 99px;
}
#filter{
    max-width: 1100px;
    margin: auto;
}
#filter span{
    width: 150px;
    padding: 5px 15px;
    border-radius: 10px;
    border: 1px solid #aaa;
    text-align: center;
    display: inline-block;
    margin: 5px 10px;
    cursor: pointer;
    background: #fff;
}
.aktiv{
    font-weight: 700;
}