.mml1 ul{
line-height:1em;margin:0px;padding:0px;list-style:none;
}

@media all and (min-width: 720px) {


.rmm-toggled-controls{
display:none;
}

.mml1 {
text-align:center;
padding:0px 0px;
margin:0px 0px 0px;
    display: flex;
    gap: 0px var(--gapsmaller);
    align-items: center;
}

.mml1 ul.menu--level-1{
     flex-wrap: wrap;
    display: flex;
    justify-content: end;
    align-items: center;
gap:0px 20px;
}

span.menu__link,
a.menu__link{
	text-decoration: none;
	display: block;
	position:relative;
	-webkit-transition: .3s all ease-in-out;
	-moz-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	-ms-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.language-switcher-language-url ul li,
.menu__item--level-1{
	display:block;
	margin: 0px 0px 0px ;
	padding: 0px 0px 0px 0px;
	position: relative;
}

.language-switcher-language-url ul li a,
span.menu__link--level-1,
a.menu__link--level-1{
	font-size: var(--menusize);
	line-height: 1.2em;
	color: var(--dark);
	padding: var(--gapsmaller) 0px;font-weight: 700;
}

.language-switcher-language-url ul{
     flex-wrap: wrap;
    display: flex;
    justify-content: end;
    align-items: center;
gap:0px var(--gapsmallest);
}

.language-switcher-language-url ul li a.is-active,
span.menu__link--level-1.menu__link--active-trail,
span.menu__link--level-1.is-active,
a.menu__link--level-1.menu__link--active-trail,
a.menu__link--level-1.is-active{
color:var(--primary);
text-decoration:underline;
}

.language-switcher-language-url ul li a:hover,.language-switcher-language-url ul li a:focus,
 li:hover span.menu__link--level-1,
span.menu__link--level-1:focus,
span.menu__link--level-1:hover,
li:hover a.menu__link--level-1,
a.menu__link--level-1:focus,
a.menu__link--level-1:hover{
color:var(--primary);
text-decoration:underline;
}

span.menu__link--level-1.menu__link--has-children::after, 
a.menu__link--level-1.menu__link--has-children::after {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/expand_more.svg) top left no-repeat;
    background-size: 100% auto;
  }



li.menu__link--level-1.mhover > span.menu__link--has-children::after, 
li.menu__link--level-1.mfocus > span.menu__link--has-children::after, 
span.menu__link--level-1.menu__link--has-children:focus::after, 
span.menu__link--level-1.menu__link--has-children:hover::after, 
li.menu__item--level-1:hover > span.menu__link--has-children::after, 
a.menu__link--level-1.menu__link--has-children.menu__link--active-trail::after, 
a.menu__link--level-1.menu__link--has-children.is-active::after, 
li.menu__link--level-1.mhover > a.menu__link--has-children::after, 
li.menu__link--level-1.mfocus > a.menu__link--has-children::after, 
a.menu__link--level-1.menu__link--has-children:focus::after, 
a.menu__link--level-1.menu__link--has-children:hover::after, 
li.menu__item--level-1:hover > a.menu__link--has-children::after{
background-image:url(../images/expand_more-a.svg);
}




/********* submenu ***********/


.menu--level-1 ul.menu--level-2{
    left: -99999em;
    top: -99999em;
    position: absolute;
 max-width:700px;
    min-width: 100%;
white-space: nowrap;
opacity:0;
	-webkit-transition: .3s opacity ease-in-out;
	-moz-transition: .3s opacity ease-in-out;
	-o-transition: .3s opacity ease-in-out;
	-ms-transition: .3s opacity ease-in-out;
	transition: .3s opacity ease-in-out;
  background: var(--light);
   text-align: left;
  padding:0px ; 
-webkit-box-shadow: 0px 27px 27px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    0px 27px 27px 0px rgba(0, 0, 0, 0.1);
box-shadow:         0px 27px 27px 0px rgba(0, 0, 0, 0.1);
}

li.mfocus > ul.menu--level-2,
li.mhover > ul.menu--level-2,
li a:focus + ul.menu--level-2,
li a:hover + ul.menu--level-2,
li:hover > ul.menu--level-2{
opacity:1;
    left: var(--gapsmallminus);
top:100%;z-index: 498;
}

.menu--level-2 li{
	text-align:left;
	display: block;
	position: relative;padding:0px;margin:0px 0px;
}

.menu--level-2 a{
  color: var(--dark);
	font-size: var(--menusize2);
	line-height: 1.2em;
    padding:15px var(--gapsmall);
    font-weight: 700;
background:rgba(var(--darkrgb),0);

}

span.menu__link--level-2.menu__link--active-trail,
span.menu__link--level-2.is-active,
a.menu__link--level-2.menu__link--active-trail,
a.menu__link--level-2.is-active,
 li:hover > span.menu__link--level-2,
span.menu__link--level-2:focus,
span.menu__link--level-2:hover,
li:hover > a.menu__link--level-2,
a.menu__link--level-2:focus,
a.menu__link--level-2:hover{
color:var(--dark_100); 
text-decoration:underline;
background:rgba(var(--darkrgb),0.04);
}


/*** lvl 3 ***/

.menu--level-1 ul.menu--level-3{
    left: -99999em;
    top: -99999em;
    position: absolute;
 max-width:700px;
    min-width: 100%;
white-space: nowrap;
}

li.mfocus > ul.menu--level-3,
li.mhover > ul.menu--level-3,
li a:focus + ul.menu--level-3,
li a:hover + ul.menu--level-3,
li:hover > ul.menu--level-3{
left:100%; 
top: -10px;
}

.mml1 ul.menu--level-3{
  background: var(--light);
   text-align: left;
  padding:20px 20px 20px; 
-webkit-box-shadow: 0px 27px 27px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    0px 27px 27px 0px rgba(0, 0, 0, 0.1);
box-shadow:         0px 27px 27px 0px rgba(0, 0, 0, 0.1);
    border-top: 3px solid var(--primary);
 
}

 

 

}


@media all and (max-width: 720px) {


.mactive .shade{
content:"";display:block;
position:fixed;top:0px;left:0px;width:100%;height:100%;
background:var(--dark);
opacity:0.48;
z-index: 9;
}

/*=================================
	button
=================================*/

.rmm-toggled-controls{
	z-index: 10001;
display:block;text-decoration:none;
	cursor: pointer; 
	-webkit-transition: .3s all ease-in-out;
	-moz-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	-ms-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
	padding: 0px ;
}

.rmm-button-text{
display:none;
}

.rmm-button {
    position: relative;
    display: block;
    height: 50px;
    width: 50px;
-webkit-transition: .3s all ease-in-out;
-moz-transition: .3s all ease-in-out;
-o-transition: .3s all ease-in-out;
-ms-transition: .3s all ease-in-out;
transition: .3s all ease-in-out;
}

.rmm-button span {
	background:var(--primary);
	top: 50%;
	position: absolute;
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 30px; 
	height:3px;
	-moz-transition:  all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition:  all .2s ease-in;
	-webkit-transition:  all .2s ease-in;
	transition: all .2s ease-in;
	display: block;left:15px;
}

.rmm-button  .icon-bar.top {
	margin-top: -9px;
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.rmm-button  .icon-bar.last {
	margin-top: 9px;
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.rmm-button  .icon-bar.mid {
	opacity: 1;
	filter: alpha(opacity=100);
}
.mactive .rmm-button .icon-bar.mid {
	opacity: 0;
	filter: alpha(opacity=0);
}
.mactive .rmm-button  .icon-bar.top {
	margin-top: 0;
	-moz-transform:  translateY(-50%) rotate(45deg);
	-o-transform:  translateY(-50%) rotate(45deg);
	-ms-transform:  translateY(-50%) rotate(45deg);
	-webkit-transform:  translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}
.mactive .rmm-button .icon-bar.last {
	margin-top: 0;
	-moz-transform:  translateY(-50%) rotate(-45deg);
	-o-transform:  translateY(-50%) rotate(-45deg);
	-ms-transform:  translateY(-50%) rotate(-45deg);
	-webkit-transform:  translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg); 
}


.mactive .rmm-button span {
	background:var(--primary);
}

/*=================================
	obal
=================================*/

.mml1{
    text-align: center;
    width: 100%;
    position: absolute;
    top: 70px;
    left: -100%;
    overflow: hidden;
    -moz-transition: left .5s ease-in-out;
    -o-transition: left .5s ease-in-out;
    -ms-transition: left .5s ease-in-out;
    -webkit-transition: left .5s ease-in-out;
    transition: left .5s ease-in-out;
    padding: 20px var(--centerpadding) 40px;
    z-index: 100000;
    background:var(--light);

overflow: scroll;
max-height: 100vh;
overflow: auto;
overflow-y: auto;
}


.mactive .mml1{
    left: 0px;
}

span.menu__link,
a.menu__link{
	text-decoration: none;
	display: block;
	position:relative;
	-webkit-transition: .3s all ease-in-out;
	-moz-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	-ms-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.menu__item--level-1{
	display:block;
	margin: 0px 0px ;
	padding: 0px 0px 0px 0px;
	position: relative;
}

.language-switcher-language-url ul li a,
span.menu__link--level-1,
a.menu__link--level-1{
	font-size: var(--menusize);
	line-height: 1.2em;
	color: var(--darka);
	padding: var(--gapsmaller) 0px;font-weight: 700;
}

span.menu__link--level-1.menu__link--has-children::after, 
a.menu__link--level-1.menu__link--has-children::after {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/expand_more.svg) top left no-repeat;
    background-size: 100% auto;
  }

.language-switcher-language-url ul li a.is-active,
span.menu__link--level-1.menu__link--active-trail,
span.menu__link--level-1.is-active,
a.menu__link--level-1.menu__link--active-trail,
a.menu__link--level-1.is-active,
.language-switcher-language-url ul li a:hover,.language-switcher-language-url ul li a:focus,
 li:hover span.menu__link--level-1,
span.menu__link--level-1:focus,
span.menu__link--level-1:hover,
li:hover a.menu__link--level-1,
a.menu__link--level-1:focus,
a.menu__link--level-1:hover{
color:var(--primary);
text-decoration:underline;

&:after{
    background-image: url(../images/expand_more-a.svg);
}

}



/**** submenu ****/

 .menu--level-2,
.menu--level-3{
display:none;
}

 .open > ul{
padding: 0px 0px;
margin-bottom:15px;
display:block;
} 

.menu--level-1 ul.menu--level-2{
   background: rgba(var(--lightrgb),0.16);
  padding:0px 0px    ; 
}

.menu--level-2 li{
	text-align:center;
	display: block;
	position: relative;padding:0px;margin:0px 0px;
}

.menu--level-2 a{
  color: var(--menu_a);
	font-size: var(--menusize2);
	line-height: 1.2em;
    padding:var(--gapsmaller) var(--gapsmaller);
    font-weight: 700;
}

span.menu__link--level-2.menu__link--active-trail,
span.menu__link--level-2.is-active,
a.menu__link--level-2.menu__link--active-trail,
a.menu__link--level-2.is-active,
 li:hover > span.menu__link--level-2,
span.menu__link--level-2:focus,
span.menu__link--level-2:hover,
li:hover > a.menu__link--level-2,
a.menu__link--level-2:focus,
a.menu__link--level-2:hover{
color:var(--primary); 
text-decoration:underline;


}

 
 


}