.sliderParent{
    max-width: 93%;
    margin: 0 auto;
    padding: 16px;
    height: auto;
    justify-content: start;
}

.columnL{
    flex: 10%;
    padding: 5px;
    align-items: flex-start;
}

.columnR{
    flex: 90%;
    padding: 5px;
    align-items: flex-start;
}

/* Linkes Seitenmenü */
.side-menu {
    position: relative;
    top: 0;
    left: 0;
    /*height: calc(100dvh - var(--menu-height));*/
    background-color: var(--color-surface);
    border-right: 1px solid var(--color-border);
    box-shadow: var(--shadow-lg);
    padding: 10px;
    z-index: 19;

    display: flex;
    flex-direction: column;
    gap: 10px;

    transform: translateX(-100%);
    transition: transform 0.3s ease;
}

.menu-section {
    display: none;
}

.menu-section.is-visible {
    display: block;
}

.side-menu a.is-active {
    background-color: var(--color-brand-subtle);
}

.side-menu.is-open {
    transform: translateX(0);
}

.side-menu a {
    color: var(--color-text);
    text-decoration: none;
    font-weight: 600;
    padding: 10px;
    border-radius: 8px;
    text-transform: uppercase;
}

.side-menu a:hover {
    background-color: var(--color-brand-subtle);
}

/* dunkler Hintergrund beim geöffneten Menü */
.side-overlay {
    position: fixed;
    inset: var(--menu-height) 0 0 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 25;
    display: none;
}

.side-overlay.is-open {
    display: block;
}

/* Auf Desktop kann das Seitenmenü dauerhaft sichtbar sein */
/*@media (min-width: 901px) {*/
    .side-menu {
        transform: translateX(0);
    }

    .side-overlay {
        display: none;
    }

    .content {
        margin-left: 0;
        margin-right: 5%;
        max-width: 95%;
        padding-top: 0;
        padding-right: 0px;
        padding-left: 0px;
    }
/*}*/

/* Auf Mobile bleibt es einklappbar 
@media (max-width: 900px) {
    .my-button {
        display: block;
    }

    .nav .main-nav {
        display: none;
    }
}*/