.mdrei_menu_burger{
	width: 60px;
	height: 60px;
	background-image: url(../img/burger.png);
	background-repeat: no-repeat;
	background-size: 70%;
	background-position: center;
	right: 10px;
    position: absolute;
    top: 5px;
	cursor: pointer;
	z-index:20;
	display: none;
}
.mdrei_menu_merker{
	width: 60px;
	height: 60px;
	background-image: url(../img/gemerkt_weiss.png);
	background-repeat: no-repeat;
	background-size: 70%;
	background-position: center;
	right: 70px;
    position: absolute;
    top: 5px;
	cursor: pointer;
	z-index:20;
	display: none;
}
#mod680.fixedMenu .mdrei_menu_merker{
	display: block;
}
.menu_offcanvas{
	background: white;
    position: absolute;
    padding: 20px 40px 20px 20px;
	z-index: 20;
	width: calc(100% - 60px);
	left: 100%;
	transition: all ease 0.3s;
	display: none;
	top: 70px;
	max-height: 300px;
    overflow-y: scroll;
}
.mdrei_resp_menu{
	margin:0px!important;
}
.mdrei_resp_menu a, .mdrei_resp_menu span{
	font-size: 1.1rem;
	line-height: 2rem!important;
	padding: 3px 0px!important;
	display: block!important;
	color: #000!important;
}
.mdrei_resp_menu li{
	list-style:none!important;
}
.deeper_menu_level{
	margin-left: 20px!important;
	display: none;
}
.submenuopener{
	width: 30px;
	height: 30px;
	border: 1px solid black;
	position: absolute;
	right: 10px;
	margin-top: -33px;
	cursor: pointer;
}
.submenuopener::after{
	content:"+";
	position:absolute;
	font-size: 2.2rem;
	line-height: 1.7rem;
    width: 30px;
    height: 30px;
    text-align: center;
	color: #000!important;
}
.submenuopener.active::after{
	content:"-";
	position:absolute;
	font-size: 2.2rem;
	line-height: 1.5rem;
    width: 30px;
    height: 30px;
    text-align: center;
	color: #000!important;
}