#zo-close-mob-nav {
height: 70px;
width: 70px;
display: flex;
align-items: center;
justify-content: start;
margin-top: -10px;
font-size: 32px;
position: absolute;
left: 10px;
top: 10px;
}
#zo-close-mob-nav > i{
color:#000000;
}
}
.lqd-mobile-sec::before {
width: 100vw !important;
}
#zo-mobile-nav .nav-trigger {
left: 20px;
}
.zo-sidebar-inner { padding: 0px; background-color: transparent;
overflow-y: scroll;
height: 100%;
padding-bottom: 80px;
overflow-x: hidden;
}
.zo-menu-level {
display: flex;
flex-direction: column;
gap: 5px;
}
.zo-menu-item > a {
padding: 6px 10px;
display: flex;
gap: 20px;
line-height: 1.3em;
font-size: 18px;
align-items: center;
color: #222222 !important;
}
.zo-menu-has-submenu > a {
display: flex;
width:100%;
padding:6px 10px;
color:white;
font-size:18px;
align-items: center;
color:#222222!important;
} #zo-sidebar {
position: relative;
height: 100%;
max-height: 100dvh;
padding-top: 0px;
}
#zo-sidebar::after{
content:'';
display:block;
width:100%;
aspect-ratio:1/1;
position:absolute;
bottom:0;
right:0;
background-image:var(--tribal-sun-img);
--multiplier: 0.8;
background-size: calc(var(--tribal-sun-width) * var(--multiplier)) calc(var(--tribal-sun-height) * var(--multiplier));
background-position:top left;
background-repeat: no-repeat;
}
.zo-sidebar-footer { height: 20px;
display: flex;
flex-direction: column;
background-color: transparent;
justify-content: space-evenly;
position: absolute;
width: 100%;
bottom: 0;
left: 0;
}
.zo-submenu {
padding-left: 15px;
overflow: hidden;
max-height: 100%;
display: block;
}
.zo-submenu.collapsed {
max-height: 0px;
display: none;
}
.zo-menu-has-submenu { display: flex;
justify-content: space-between;
align-items: center;
gap:5px;
}
.zo-submenu .zo-menu-item {
padding-left: 15px;
margin-top:5px;
}
.zo-submenu-expander {
width: 35px;
height: 35px;
display: flex;
justify-content: center;
align-items: center;
color: #222222;
aspect-ratio: 1 / 1;
background-color: transparent;
border-radius: 5em;
border: none;
border: 2px solid #222222;
}
.zo-submenu-expander > i {
transition: transform 0.2s ease-out;
}
.zo-submenu-expander.expanded > i {
transform: rotateZ(90deg);
}
.zo-menu-level.zo-submenu {
padding-left: 15px;
position: relative;
}
.zo-menu-level.zo-submenu::before {
content: "";
height: 100%;
display: block;
width: 3px;
border-radius:10px;
background-color: #22222240;
position: absolute;
left: 20px;
top: 0;
}
#zo-open-mob-nav{    
background-color: transparent;
padding-top: 15px; aspect-ratio: 1 / 1;
display: flex;
justify-content: start; color: #000000;
align-items: start;
font-size: 18px;
}
#zo-open-mob-nav i {
margin-right: 0;
font-size: 25px;
color: #222222;
}
#header .lqd-mobile-sec .navbar-brand-inner{
margin-inline-end:-15px !important;
}
.lqd-mobile-sec .navbar-brand{
padding:0!important;
}
.lqd-mobile-sec .navbar-brand .navbar-brand-inner{
display: flex!important;
align-items: flex-start!important;
}
.lqd-mobile-sec-inner .logo-default{
width:108px!important;
}
#zo-mobile-trigger-btn{    
display: flex;
align-items: center;
background: var(--color-primary);
padding: 1em 1.6em;
justify-content: center;
font-weight: bold;
gap: 12px;
}
.zo-sidebar-top {
margin-top: 75px;
display: flex;
font-size: 16px;
flex-wrap: wrap;
height: 50px;
align-items: end;
list-style: none;
}
.zo-sidebar-top > .zo-menu-item > a {
padding: 10px;
justify-content: center;
text-align: center;
justify-content: center;
}
.zo-sidebar-top > .zo-menu-item {
width: 25%;
}
.zo-sidebar-top .zo-menu-item.zo-current > a {
background-color: #1a2838;
}
.zo-sidebar-tabs {
}
.zo-sidebar-tabs {
display: flex;
align-items: center;
justify-content: center;
}
.zo-sidebar-tab {
width: 50%;
min-height: 50px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
} .zo-sidebar-inner {
position: relative;
display: block;
width: 100%;
}
.zo-sidebar-tab-content {
position: absolute;
height: 100%;
width: 100%;
z-index: 1;
top: 0;
left: 0;
}
.zo-sidebar-tab {
background-color: transparent;
}
#zo-sidebar {
transition: 0.2s ease-out;
position: relative;
background-color:transparent!important;
}
.sidebar-tab-content-inner{
margin-top: 70px;
padding: 20px;
}
#zo-tab-winkel .zo-menu-item.zo-current>a{
background-color: #5b2907;
}
#zo-tab-museum .zo-menu-item.zo-current>a{
background-color: #821778;
} .lqd-mobile-sec:before{
background-color:transparent!important;
}
.mobile-nav-activated #lqd-site-content,.mobile-nav-activated #footer{
transform: translate3d(0, 0, 0)!important;
}
#zo-sidebar{
display: flex;
justify-content: end;
padding:10px 0;
}
[data-mobile-nav-style=modern] .lqd-mobile-sec:before{
width:100vw!important;
background-color:#f8e6da!important;
}
#header .mobile-nav-activated  .lqd-mobile-sec-inner{
transform:translate3d(0, 0, 0)!important;
}