/* css/topnav.css */

.topnav {
    /* Positionierung */
    position: fixed;
    top: 70px; /* Unter dem Header */
    left: 65px;
    width: calc(100% - 6%);
    z-index: 800;
    
    /* Design */
    background: rgba(24, 26, 27, 0.9);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(0,0,0,0.05);
    padding: 10px 30px;
    min-height: 60px;
    
    /* Layout */
    display: flex;
    align-items: center;
    transition: 0.4s;
}

/* Anpassung wenn Sidebar offen ist (Desktop) */
/*#check:checked ~ .topnav {
    left: 250px;
    width: calc(100% - 250px);
}*/

/* Mobile: Topnav oft ausblenden oder anpassen */
@media screen and (max-width: 780px) {
    .topnav {
        /*top: 128px; /* Ggf. Header Höhe anpassen */
        /*padding: 10px;*/
        overflow-x: auto; /* Falls Buttons zu breit */
        left: 0;
        width: calc(100% - 9%);
    }
}

.content{margin-top: 150px;}
.seiten-menu{top:150px}