.menu-overlay{
position:fixed;
left:0;
top:0;
width:100%;
height:100dvh;
z-index:2500;
background-color:#f5eee9;
opacity:0;
visibility:hidden;
pointer-events:none;
transition:opacity 0.45s ease,visibility 0.45s ease;
}

.menu-overlay[hidden]{
display:none;
}

.menu-overlay.menu-overlay-visible{
opacity:1;
visibility:visible;
pointer-events:auto;
}

.menu-overlay-inner{
width:100%;
height:100dvh;
display:flex;
align-items:flex-start;
justify-content:center;
opacity:0;
transform:translateY(35px) scale(0.96);
transition:opacity 0.45s ease,transform 0.45s ease;
}

.menu-overlay.menu-overlay-visible .menu-overlay-inner{
opacity:1;
transform:translateY(0) scale(1);
}

.mobile-nav-title{
position:absolute;
left:-9999px;
width:1px;
height:1px;
overflow:hidden;
}

.mobile-nav{
width:100%;
height:100dvh;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
gap:5vw;
padding-top:160px;
padding-bottom:260px;
position:relative;
overflow-y:auto;
}

.mobile-nav-link:link,
.mobile-nav-link:visited{
color:#666565;
font-size:62px;
line-height:62px;
text-decoration:none;
transition:color 0.2s ease;
position:relative;
z-index:2;
}

.mobile-nav-link:hover,
.mobile-nav-link:active,
.mobile-nav-link.active{
color:#bf8f6f;
text-decoration:none;
}

.nav-menu-button{
display:none;
border:0;
padding:0;
margin:0;
background-color:#bf8f6f;
cursor:pointer;
appearance:none;
-webkit-appearance:none;
position:relative;
align-items:center;
justify-content:center;
}

.nav-menu-icon{
width:40px;
height:26px;
display:block;
position:relative;
}

.nav-menu-icon span{
position:absolute;
left:50%;
top:50%;
width:40px;
height:2px;
background-color:#fff;
border-radius:20px;
transform-origin:center center;
transition:transform 0.25s ease,opacity 0.2s ease;
}

.nav-menu-icon span:nth-child(1){
transform:translate(-50%,-50%) translateY(-8px);
}

.nav-menu-icon span:nth-child(2){
transform:translate(-50%,-50%) translateY(0px);
}

.nav-menu-icon span:nth-child(3){
transform:translate(-50%,-50%) translateY(8px);
}

.nav-menu-button.nav-menu-button-open .nav-menu-icon span:nth-child(1){
transform:translate(-50%,-50%) rotate(45deg);
}

.nav-menu-button.nav-menu-button-open .nav-menu-icon span:nth-child(2){
opacity:0;
transform:translate(-50%,-50%) scaleX(0);
}

.nav-menu-button.nav-menu-button-open .nav-menu-icon span:nth-child(3){
transform:translate(-50%,-50%) rotate(-45deg);
}

.mobil-a{
width:100%;
max-width:450px;
display:flex;
justify-content:space-between;
align-items:center;
position:relative;
z-index:2;
margin-top:60px;
}

.mobil-b{
}

.mobil-c{
}

.mobil-d{
}

.mobil-img{
max-width:500px;
width:100%;
position:fixed;
left:50%;
bottom:0;
transform:translateX(-50%);
z-index:1;
display:block;
pointer-events:none;
}

body.menu-open{
overflow:hidden;
}

body.menu-open .site-nav{
z-index:2601;
background-color:transparent;
box-shadow:none;
}

body.menu-open .site-nav.nav-small{
background-color:transparent;
box-shadow:none;
}

body.menu-open .site-nav .nav-logo,
body.menu-open .site-nav .nav-left .nav-c,
body.menu-open .site-nav .nav-phone-link,
body.menu-open .site-nav .nav-right .nav-c{
display:none;
}

body.menu-open .site-nav .nav-a{
justify-content:space-between;
}

body.menu-open .site-nav .nav-left{
width:auto;
}

body.menu-open .site-nav .nav-right{
width:auto;
display:flex;
align-items:center;
justify-content:flex-end;
gap:0;
}

@media (max-width:1080px){
.nav-menu-icon{
width:32px;
height:24px;
}

.nav-menu-icon span{
width:32px;
}

.nav-menu-icon span:nth-child(1){
transform:translate(-50%,-50%) translateY(-7px);
}

.nav-menu-icon span:nth-child(2){
transform:translate(-50%,-50%) translateY(0px);
}

.nav-menu-icon span:nth-child(3){
transform:translate(-50%,-50%) translateY(7px);
}

.nav-menu-button.nav-menu-button-open .nav-menu-icon span:nth-child(1){
transform:translate(-50%,-50%) rotate(45deg);
}

.nav-menu-button.nav-menu-button-open .nav-menu-icon span:nth-child(2){
opacity:0;
transform:translate(-50%,-50%) scaleX(0);
}

.nav-menu-button.nav-menu-button-open .nav-menu-icon span:nth-child(3){
transform:translate(-50%,-50%) rotate(-45deg);
}

.nav-phone-link{
display:none;
}

.nav-menu-button{
display:flex;
align-items:center;
justify-content:center;
width:69px;
height:69px;
min-width:69px;
min-height:69px;
max-width:69px;
max-height:69px;
flex:0 0 69px;
}

.site-nav.nav-small .nav-menu-button{
width:69px;
height:69px;
min-width:69px;
min-height:69px;
max-width:69px;
max-height:69px;
flex:0 0 69px;
}

.nav-termin{
width:69px;
height:69px;
min-width:69px;
min-height:69px;
max-width:69px;
max-height:69px;
flex:0 0 69px;
}

.site-nav.nav-small .nav-termin{
width:69px;
height:69px;
min-width:69px;
min-height:69px;
max-width:69px;
max-height:69px;
flex:0 0 69px;
}

.nav-left .nav-c,
.nav-right .nav-c{
display:none;
}
}

@media (min-width:601px) and (max-height:800px){
.mobile-nav{
padding-top:110px;
padding-bottom:40px;
}

.mobil-img{
display:none;
}
}

@media (max-width:1080px) and (orientation:landscape){
.mobile-nav{
padding-top:100px;
padding-bottom:40px;
gap:22px;
}

.mobil-a{
margin-top:25px;
}

.mobil-img{
display:none;
}
}

@media (max-width:600px){
.nav-menu-icon{
width:24px;
height:18px;
}

.nav-menu-icon span{
width:24px;
}

.nav-menu-icon span:nth-child(1){
transform:translate(-50%,-50%) translateY(-6px);
}

.nav-menu-icon span:nth-child(2){
transform:translate(-50%,-50%) translateY(0px);
}

.nav-menu-icon span:nth-child(3){
transform:translate(-50%,-50%) translateY(6px);
}

.nav-menu-button.nav-menu-button-open .nav-menu-icon span:nth-child(1){
transform:translate(-50%,-50%) rotate(45deg);
}

.nav-menu-button.nav-menu-button-open .nav-menu-icon span:nth-child(2){
opacity:0;
transform:translate(-50%,-50%) scaleX(0);
}

.nav-menu-button.nav-menu-button-open .nav-menu-icon span:nth-child(3){
transform:translate(-50%,-50%) rotate(-45deg);
}

.nav-menu-button,
.nav-termin{
width:59px;
height:59px;
min-width:59px;
min-height:59px;
max-width:59px;
max-height:59px;
flex:0 0 59px;
transition:width 0.3s ease,height 0.3s ease,min-width 0.3s ease,min-height 0.3s ease,max-width 0.3s ease,max-height 0.3s ease,flex-basis 0.3s ease;
}

.site-nav.nav-small .nav-menu-button,
.site-nav.nav-small .nav-termin{
width:54px;
height:54px;
min-width:54px;
min-height:54px;
max-width:54px;
max-height:54px;
flex:0 0 54px;
}
}

@media (max-width:600px) and (orientation:portrait){
.mobil-a{
width:100%;
max-width:450px;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
gap:20px;
position:relative;
z-index:2;
margin-top:60px;
text-align:center;
}

.menu-overlay,
.menu-overlay-inner,
.mobile-nav{
height:100dvh;
min-height:100dvh;
}

.mobile-nav{
padding-top:120px;
padding-bottom:210px;
gap:26px;
overflow-y:auto;
}

.mobile-nav-link:link,
.mobile-nav-link:visited{
font-size:42px;
line-height:42px;
}

.mobil-a{
max-width:390px;
margin-top:30px;
padding-left:30px;
padding-right:30px;
}

.mobil-img{
display:block;
position:fixed;
left:50%;
bottom:calc(env(safe-area-inset-bottom) * -1);
transform:translateX(-50%);
width:100vw;
max-width:440px;
z-index:1;
pointer-events:none;
}
}