.menu_mobile {
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	transition: opacity .3s ease;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: var(--color1);
	/* color: white; */
	left: 0rem;
	top: 0rem;
}
.menu_mobile a {
	color: white;
	
}
.menu_mobile a:hover {
	color: white;
}
.menu_mobile_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* The main point: */
    overflow-y: auto;
    /* Optional but highly reccomended: enables momentum scrolling on iOS */
    -webkit-overflow-scrolling: touch;
    display: flex;
    align-items: start;
    /* justify-content: center; */
    padding-left: var(--indent);
    padding-top: calc( var(--vspace1) * 2.3 );
    padding-bottom: calc( var(--vspace1) * 2 );
}
.menu_mobile .switch {
	width: 3rem;
	height: 3rem;
	/* background-color: red; */
	display: flex;
	position: absolute;
	left: 0rem;
	top: 0rem;
	/* background-image: url('../img/switch.svg'); */
	/* background-repeat: no-repeat; */
	/* background-position: center center; */
	/* background-size: 1.4rem; */
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.menu_mobile .switch svg {
	stroke: white;
	
	
}
.menu_mobile .switch.open {
	transform: rotate(90deg);
	
}
.menu_mobile_linktitle {
	/* padding: 1rem; */
	/* display: inline-block; */
	/* height: 3rem; */
	/* line-height: 3rem; */
	/* background-color: pink; */
}
.menu_mobile strong {
	font-weight: 500;
	color: white;
	
}
.menu_mobile strong span {
	position: relative;
	
}
.menu_mobile strong span:after {
	content: '';
	position: absolute;
	display: block;
	left:0rem;
	right:0rem;
	bottom:0rem;
	height: 1px;
	background-color: white;
	opacity: 0.6;
}
.menu_mobile li {
	position: relative;
	width: 100%;
	/* background-color: aliceblue; */
}
.menu_mobile ul.level_1 {
	/* min-width: 14rem; */
}
.menu_mobile ul.level_1 > li {
	padding-left: 3rem;
	
}
.menu_mobile ul.level_1 > li.trail > ul.level_2 {
	display: block;
	
}
.menu_mobile ul.level_1 > li > .switch {
	
}
.menu_mobile ul.level_1 > li > a,
.menu_mobile ul.level_1 > li > strong {
	font-size: var(--xxl);
	height: 3rem;
	display: block;
	line-height: 3rem;
}
.menu_mobile ul.level_2 {
	display: none;
	padding-bottom: 1rem;
	padding-top: 0rem;
}
.menu_mobile ul.level_2 > li > a,
.menu_mobile ul.level_2 > li > strong {
	font-size: 1rem;
	padding: 0.4rem 0rem;
	display: block;
}
.menu_open .menu_mobile {
	opacity: 1;
	pointer-events: auto;
	
}
@media screen and (min-width: 768px){
	.menu_mobile ul.level_2 {
		padding-top: .3rem;
		
	}
	
}

@media screen and (min-width: 992px){
	.menu_mobile {
		display: none;
		
	}
	.menu_mobile ul.level_1 > li > a,
	.menu_mobile ul.level_1 > li > strong {
		font-size: var(--xxl);
	}	
}