nav {
    width: 350px;
}

@media only screen and (max-width: 960px) {
    nav {
        width: 100%;
    }
}

.navigation-tree {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.mobil-navigation {
    display: none;
}

@media only screen and (max-width: 960px) {
    .navigation-tree {
        display: none;
    }
    .mobil-navigation {
        display: block;
    }
}

.navigation-tree ul {
    list-style-type: none;
}

.navigation-tree a {
    display: block;
    padding: 4px 0;
    box-sizing: border-box;
    color: inherit;
}

.navigation-tree a:hover, .parent:hover {
    text-decoration: none;
    color: #2a2a2a;
}

.navigation-tree .parent {
    cursor: pointer;
    user-select: none;
    display: block;
    padding: 4px 0;
    box-sizing: border-box;
}

.navigation-tree .parent::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48bGluZSB4MT0iMTIiIHkxPSI1IiB4Mj0iMTIiIHkyPSIxOSI+PC9saW5lPjxsaW5lIHgxPSI1IiB5MT0iMTIiIHgyPSIxOSIgeTI9IjEyIj48L2xpbmU+PC9zdmc+');
    background-repeat: no-repeat;
    background-position: 0 2px;
    background-size: 16px 16px;
    line-height: 16px;
    margin: 0 12px 0 0;
}

.navigation-tree .parent-open::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48bGluZSB4MT0iNSIgeTE9IjEyIiB4Mj0iMTkiIHkyPSIxMiI+PC9saW5lPjwvc3ZnPg==');
}

.navigation-tree .children {
    display: none;
}

.navigation-tree .active, .navigation-tree .parent-open, body.home li.souligne {
	text-decoration: underline;
}