/* Premium mobile navigation, adapted to Mertako's dark-and-bronze palette. */
@media (max-width:1190px) {
  .site-header { --mi-nav-height:76px; z-index:100; }
  .site-header .nav { height:var(--mi-nav-height)!important; display:flex; align-items:center; justify-content:space-between; gap:12px; }
  .site-header .logo { width:140px!important; }
  .site-header .menu-btn {
    display:inline-flex!important; position:relative; z-index:1003; width:auto; min-width:48px; height:48px; min-height:48px;
    align-items:center; justify-content:center; gap:10px; padding:0 13px; border:1px solid rgba(208,173,130,.48);
    border-radius:999px; background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06));
    color:#f7f4ed; font:650 14px/1 var(--sans); cursor:pointer; box-shadow:0 3px 10px rgba(0,0,0,.12);
    -webkit-tap-highlight-color:transparent; transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease;
  }
  .site-header .menu-btn::before,.site-header .menu-btn::after { display:none!important; }
  .site-header .menu-btn i { position:relative; display:block; flex:none; width:18px; height:14px; color:var(--bronze2); }
  .site-header .menu-btn i::before,.site-header .menu-btn i::after { content:''; position:absolute; left:0; width:18px; height:2px; border-radius:2px; background:currentColor; transition:top .26s cubic-bezier(.22,.61,.36,1),transform .26s cubic-bezier(.22,.61,.36,1); }
  .site-header .menu-btn i::before { top:3px; }.site-header .menu-btn i::after { top:9px; }
  .site-header .menu-btn[aria-expanded=true] { border-color:rgba(208,173,130,.78); background:rgba(208,173,130,.14); }
  .site-header .menu-btn[aria-expanded=true] i::before { top:6px; transform:rotate(45deg); }
  .site-header .menu-btn[aria-expanded=true] i::after { top:6px; transform:rotate(-45deg); }

  .site-header .nav-links#mobile-navigation {
    box-sizing:border-box!important; max-width:100vw!important;
    position:absolute!important; top:100%!important; right:0!important; bottom:auto!important; left:0!important;
    z-index:1002!important; display:grid!important; grid-template-columns:minmax(0,1fr)!important; align-content:start!important;
    gap:0!important; width:100%!important; height:auto!important; max-height:calc(100vh - var(--mi-nav-height,76px))!important;
    max-height:calc(100dvh - var(--mi-nav-height,76px))!important; padding:8px max(20px,calc((100% - 700px)/2)) 16px!important;
    overflow-x:hidden!important; overflow-y:auto!important; overscroll-behavior:contain; -webkit-overflow-scrolling:touch;
    border-top:1px solid rgba(208,173,130,.2); border-bottom:1px solid rgba(208,173,130,.3);
    background:linear-gradient(180deg,#171a18 0%,#111210 100%)!important; box-shadow:0 22px 40px -24px rgba(0,0,0,.6);
    font:16px/1.5 var(--sans)!important; text-transform:none!important; white-space:normal!important;
    visibility:hidden!important; opacity:0!important; transform:translateY(-8px)!important; pointer-events:none!important;
    transition:opacity .22s cubic-bezier(.22,.61,.36,1),transform .22s cubic-bezier(.22,.61,.36,1),visibility 0s linear .22s!important;
  }
  .site-header .nav-links#mobile-navigation.is-open { visibility:visible!important; opacity:1!important; transform:translateY(0)!important; pointer-events:auto!important; transition:opacity .22s cubic-bezier(.22,.61,.36,1),transform .22s cubic-bezier(.22,.61,.36,1),visibility 0s!important; }
  .site-header .nav-links#mobile-navigation>a {
    position:relative; display:flex!important; align-items:center; justify-content:space-between; width:100%!important; min-height:52px;
    margin:0!important; padding:0 10px 0 2px!important; border:0; border-bottom:1px solid rgba(255,255,255,.1);
    background:transparent; color:#f4f1e9!important; text-align:left!important; font:600 17px/1.25 var(--sans)!important;
    letter-spacing:-.015em!important; text-decoration:none; text-transform:none!important; opacity:0; transform:translateY(5px);
    transition:opacity .22s cubic-bezier(.22,.61,.36,1),transform .22s cubic-bezier(.22,.61,.36,1),color .18s ease,background-color .18s ease;
  }
  .site-header .nav-links#mobile-navigation.is-open>a { opacity:1; transform:translateY(0); }
  .site-header .nav-links#mobile-navigation>a::before { content:none!important; display:none!important; }
  .site-header .nav-links#mobile-navigation>a::after { content:''; position:static!important; display:block; flex:none; width:8px; height:8px; margin:0 4px 0 12px; border:0; border-top:1.5px solid var(--bronze2); border-right:1.5px solid var(--bronze2); background:none; opacity:.7; transform:rotate(45deg); }
  .site-header .nav-links#mobile-navigation>a.active { padding-left:12px!important; background:linear-gradient(90deg,rgba(208,173,130,.1),transparent 72%)!important; color:var(--bronze2)!important; font-weight:700!important; }
  .site-header .nav-links#mobile-navigation>a.active::before { content:''; display:block!important; position:absolute; left:0; top:50%; width:3px; height:24px; border-radius:2px; background:var(--bronze2); transform:translateY(-50%); }
  .site-header .nav-links#mobile-navigation>a:active { background-color:rgba(255,255,255,.06)!important; }

  .mobile-contact { box-sizing:border-box; min-width:0; display:flex; align-items:center; margin-top:12px; padding:0; border:0; opacity:0; transform:translateY(4px); transition:opacity .22s cubic-bezier(.22,.61,.36,1),transform .22s cubic-bezier(.22,.61,.36,1); }
  .site-header .nav-links#mobile-navigation.is-open .mobile-contact { opacity:1; transform:translateY(0); transition-delay:0ms; }
  .site-header .nav-links#mobile-navigation .mobile-contact-wa { box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; gap:14px; width:100%; min-width:0; min-height:50px; padding:0 16px; border:1px solid rgba(208,173,130,.52); border-radius:10px; background:linear-gradient(110deg,#3a3025 0%,#29251f 54%,#20211e 100%); box-shadow:inset 0 1px rgba(255,255,255,.08),0 7px 18px rgba(0,0,0,.2); color:#f4f1e9; font:600 14px/1.2 var(--sans); text-align:left; text-decoration:none; white-space:normal; }
  .mobile-contact-arrow { flex:none; color:var(--bronze2); background:linear-gradient(110deg,#a77c49 0%,#e7d3a8 52%,#b58d5b 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; font:500 20px/1 var(--sans); transition:transform .2s ease; }
  .site-header .nav-links#mobile-navigation .mobile-contact-wa:hover { border-color:rgba(208,173,130,.78); background:linear-gradient(110deg,#453827 0%,#30291f 54%,#24231f 100%); color:#fffaf0; }
  .site-header .nav-links#mobile-navigation .mobile-contact-wa:hover .mobile-contact-arrow { transform:translateX(3px); }
  .site-header .menu-btn:focus-visible,.site-header .nav-links#mobile-navigation a:focus-visible { outline:3px solid var(--bronze2);outline-offset:3px;border-radius:8px; }
  body.menu-open::after { content:'';position:fixed;z-index:19;inset:var(--mi-nav-height,76px) 0 0;background:rgba(5,7,8,.52);pointer-events:auto; }
}
@media(max-width:600px) {
  :root { --mi-nav-height:72px; }
  .site-header { --mi-nav-height:72px; }
  .site-header .nav { height:72px!important; }
  .site-header .nav-links#mobile-navigation { padding:8px 20px 14px!important; }
  .mobile-contact { padding-inline:0; }
  .site-header .menu-btn { min-height:46px;min-width:48px;padding-inline:12px;font-size:13px; }
}
@media(max-width:360px) {
  .site-header .nav { gap:8px; }
  .site-header .logo { width:132px!important; }
  .site-header .nav-links#mobile-navigation { padding-inline:16px!important; }
}
@media(min-width:1191px){.mobile-contact{display:none}}
@media(prefers-reduced-motion:reduce) {
 .site-header .menu-btn,.site-header .nav-links#mobile-navigation,.site-header .nav-links#mobile-navigation>a,.mobile-contact,.mobile-contact-wa,.mobile-contact-arrow { transition:none!important;transform:none!important; }
 .site-header .menu-btn i::before,.site-header .menu-btn i::after { transition:none!important; }
}





@media(max-width:1190px){.site-header .menu-btn::before,.site-header .menu-btn::after{display:none!important}}
@media(max-width:1190px){:root{--mi-nav-height:76px}}
@media(max-width:600px){:root{--mi-nav-height:72px}}

@media(max-width:1190px){.site-header .nav-links#mobile-navigation>a[href*="impressum"]{display:none!important}}