/* ------------------------------------------------------------------- MAINMENU ----- */

#mainmenuBG {
position: relative
}

#mainmenuWrapper {
height: auto;
display: flex;
justify-content: center;
background-color: rgba(20, 20, 20, 1);
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
padding:0 15px
}

#mainmenuWrapper .menu {
list-style:none;
display: flex;
flex-wrap: wrap;
width: 100%;
}

#mainmenuWrapper .menu li {
text-align: center;
padding:0 15px;
flex: auto;
}

#mainmenuWrapper .menu li.last-menu-item {
margin: 0;
}

#mainmenuWrapper .menu a {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 14px;
text-transform: uppercase;
line-height: 130%;
letter-spacing: 2px;
color: #CDC9BC;
text-decoration: none;
padding: 30px 0;
display: inline-block;
}

#mainmenuWrapper .menu li:hover a {
text-decoration: underline
}

#mainmenuWrapper .menu li:hover li a {
text-decoration: none
}

#mainmenuWrapper .menu li:hover li a:hover {
text-decoration: underline
}

#mainmenuWrapper .menu li.current-menu-item a,
#mainmenuWrapper .menu li.parent-menu-item a,
.single-nachrichten #mainmenuWrapper .menu li.menu-item-45 a {
text-decoration: underline
}

/* ------------------------------------------------------------------- SUBMENU ----- */

.submenuWrapper {
overflow: hidden;
position: absolute;
display: none;
left: 0;
height: auto;
background-color: rgba(20, 20, 20, 1);
padding: 0 0 30px 0
}

.submenuWrapper .sub-menu {
list-style:none;
display: block
}

#mainmenuWrapper .menu .sub-menu li {
width: auto;
height: auto;
border: none;
display: block;
text-align: left;
padding:0 30px
}

#mainmenuWrapper .menu .sub-menu a {
color: #CDC9BC;
font-size: 12px;
height: auto;
display: inline !important;
padding: 0;
}

/* ------------------------------------------------------------------- MOBILEBUTTON ----- */

.menubtn {
position: absolute;
z-index: 10001;
width: 40px;
height: 34px;
top:-15px;
right:25px;
transition: all 0.3s ease;
display: none
}

.menubtn .icon-left {
transition-duration: 0.5s;
position: absolute;
height: 3px;
width: 20px;
top: 14px;
background-color: rgba(197, 171, 85, 1);
left: 0px;
}

.menubtn.open .icon-left,
.menubtn.open .icon-left:before,
.menubtn.open .icon-left:after {
background-color: rgba(197, 171, 85, 1);
}

.menubtn .icon-left:before {
transition-duration: 0.5s;
position: absolute;
width: 20px;
height: 3px;
background-color: rgba(197, 171, 85, 1);
content: "";
top: -10px;
}

.menubtn .icon-left:after {
transition-duration: 0.5s;
position: absolute;
width: 20px;
height: 3px;
background-color: rgba(197, 171, 85, 1);
content: "";
top: 10px;
}

.menubtn .icon-left:hover {
cursor: pointer;
}

.menubtn.open .icon-right,
.menubtn.open .icon-right:before,
.menubtn.open .icon-right:after {
background-color: rgba(197, 171, 85, 1);
}

.menubtn .icon-right {
transition-duration: 0.5s;
position: absolute;
height: 3px;
width: 20px;
top: 14px;
background-color: rgba(197, 171, 85, 1);
left: 20px;
}


.menubtn .icon-right:before {
transition-duration: 0.5s;
position: absolute;
width: 20px;
height: 3px;
background-color: rgba(197, 171, 85, 1);
content: "";
top: -10px;
}

.menubtn .icon-right:after {
transition-duration: 0.5s;
position: absolute;
width: 20px;
height: 3px;
background-color: rgba(197, 171, 85, 1);
content: "";
top: 10px;
}

.menubtn.open .icon-left {
transition-duration: 0.5s;
background: transparent;
}

.menubtn.open .icon-left:before {
transform: rotateZ(45deg) scaleX(1.2) translate(2px, 0px);
}

.menubtn.open .icon-left:after {
transform: rotateZ(-45deg) scaleX(1.2) translate(2px, 0px);
}

.menubtn.open .icon-right {
transition-duration: 0.5s;
background: transparent;
}

.menubtn.open .icon-right:before {
transform: rotateZ(-45deg) scaleX(1.2) translate(-2px, 0px);
}

.menubtn.open .icon-right:after {
transform: rotateZ(45deg) scaleX(1.2) translate(-2px, 0px);
}

.menubtn:hover {
cursor: pointer;
}