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

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

.rmm{
 
    display: flex;
    gap: 0px 40px;
    align-items: center;
}

#block-drualas-theme-main-menu{
  width: 100%;
}

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

.mml1 {
text-align:center;
padding:0px 0px;
margin:0px auto 0px;
    display: flex;
    gap: 0px 40px;
    align-items: center;
}

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

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:5px 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:10px 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(--primary); 
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: 0px;
}

.mml1 ul.menu--level-3{
  background: var(--light);
   text-align: left;
  padding:5px 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);

}


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

 

.mml1 .second-menu{display:none;} 

}


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

.rmm{
 
    display: flex;
    gap: 0px 20px;
    align-items: center;
}



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


.mml1 .second-menu{ 
margin-top:var(--gapsmall);    flex-direction: column;
 justify-content: center;
display:none;
}


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

.rmm-toggled-controls{
order:99;
	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: 30px;
-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:0px;
}

.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{
    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{
    border-bottom: 1px solid var(--border);
	display:block;
	margin: 0px 0px ;
	padding: 0px 0px 0px 0px;
	position: relative;
}

.menu__item--level-1:last-child{border:none;}


.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: 15px 0px;font-weight: 700;
}

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

span.menu__link--level-1:hover,
a.menu__link--level-1:hover{
color:var(--primary);
text-decoration:underline;
}

.language-switcher-language-url ul li a.is-active,
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,
.language-switcher-language-url ul li a:hover,.language-switcher-language-url ul li a:focus,
 
span.menu__link--level-2:hover,
a.menu__link--level-2:hover{
color:var(--primary);
text-decoration:underline;

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

}



/**** submenu ****/

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


.menu--level-1  ul{
padding: 0px 0px;
margin-bottom:15px;
}

 .open > ul{
display:block;
} 

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

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

.menu--level-2 a{
    display: flex;
    justify-content: space-between;
  color: var(--dark);
	font-size: var(--menusize2);
	line-height: 1.2em;
    padding:var(--gapsmaller) var(--gapsmaller);
    font-weight: 600;
}

.menu--level-3 a{
  color: var(--dark);
	font-size: var(--menusize3);
	line-height: 1.2em;
    padding:var(--gapsmaller) var(--gapsmall);
    font-weight: 600;
}

span.menu__link--level-3.menu__link--active-trail,
span.menu__link--level-3.is-active,
a.menu__link--level-3.menu__link--active-trail,
a.menu__link--level-3.is-active,
span.menu__link--level-3:hover,
a.menu__link--level-3:hover{
color:var(--primary); 
text-decoration:underline;
}

}

 


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

.second-menu1 .button {
display:none;
}

.mml1 .second-menu{
display:flex;
}


}