/* cmsms stylesheet: mindfulness_ml600x364 modified: vrijdag 27 oktober 2023 15:27:48 */
/* Mobile Landscape 600x364 */

#wrapper{
width:575px;
}

#header{
width:100%;
height:auto;
}

#header img{
width:100%;
height:auto;
}

#menu{
width:100%;
}

#menu ul li, #menu ul li.menuactive{
width:100%;
height:auto;
min-width:0px;
}

#menu ul li ul{
display:none;
}

#menu ul li:first-child{
margin-left:0px;
}

/* menu */

#menu #wrappermenu {
max-height:0;
width:100%;
margin:0 auto;
transition:max-height .2s ease-out;
background-color:#2b368b;
z-index:6;
}

/* menu icon */

#menu .menu-icon{
cursor:pointer;
display:inline-block;
float:right;
padding:18px 10px;
position:relative;
user-select:none;
}

#menu .menu-icon .navicon{
background:white;
display:block;
height:2px;
position:relative;
transition:background .2s ease-out;
width:18px;
}

#menu .menu-icon .navicon:before,
#menu .menu-icon .navicon:after{
background:white;
content:'';
display:block;
height:100%;
position:absolute;
transition:all .2s ease-out;
width:100%;
}

#menu .menu-icon .navicon::before{
top:5px;
}
  
#menu .menu-icon .navicon::after{
top:-5px;
}

/* menu btn */

#menu .menu-btn{
display:none;
}

#menu .menu-btn:checked ~ #wrappermenu{
max-height:450px;
}

#menu .menu-btn:checked ~ .menu-icon .navicon{
background:transparent;
}

#menu .menu-btn:checked ~ .menu-icon .navicon::before{
transform:rotate(-45deg);
}

#menu .menu-btn:checked ~ .menu-icon .navicon::after{
transform:rotate(45deg);
}

#menu .menu-btn:checked ~ .menu-icon:not(.steps) .navicon::before,
#menu .menu-btn:checked ~ .menu-icon:not(.steps) .navicon::after{
top:0;
}

#content{
width:534px;
}

#content iframe{
width:534px;
}

#footer{
width:100%;
}