/* BERGSPORT JA V4.8.2.1 · Rechtseiten-Mobile-Navigation */
.legal-mobile-menu,.legal-menu-backdrop{display:none}

@media(max-width:1180px){
  .legal-desktop-nav{display:none!important}
  .legal-menu-toggle{
    display:flex!important;
    font-size:0!important;
    width:48px!important;
    height:48px!important;
    padding:0!important;
    border:1px solid #dfdbd0!important;
    border-radius:0!important;
    background:#fff!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:7px!important;
  }
  .legal-menu-toggle span{
    display:block;width:22px;height:1.5px;background:#171714
  }

  .legal-mobile-menu{
    position:fixed;
    inset:0 0 0 auto;
    z-index:1100;
    display:block;
    width:min(420px,100%);
    min-height:100dvh;
    padding:24px 24px calc(118px + env(safe-area-inset-bottom,0px));
    background:#fcfbf7;
    overflow-y:auto;
    transform:translateX(105%);
    transition:transform .42s cubic-bezier(.22,1,.36,1);
    box-shadow:-24px 0 60px rgba(13,14,12,.18);
  }
  .legal-mobile-menu.is-open{transform:none}
  .legal-mobile-menu__top{
    display:flex;align-items:flex-start;justify-content:space-between;
    gap:18px;padding-bottom:18px;border-bottom:1px solid #dfdbd0
  }
  .legal-mobile-menu__brand{
    display:grid;grid-template-columns:1fr;justify-items:start;gap:8px;
    width:min(285px,calc(100vw - 105px))
  }
  .legal-mobile-menu__brand a{display:flex;align-items:center;line-height:0}
  .legal-mobile-menu__brand img{
    display:block;height:auto;object-fit:contain;background:transparent!important
  }
  .legal-mobile-menu__brand a:first-child img{width:min(235px,100%)}
  .legal-mobile-menu__brand a:last-child img{width:min(225px,100%)}
  .legal-mobile-menu__top>button{
    flex:0 0 48px;width:48px;height:48px;
    border:1px solid #dfdbd0;background:#fff;color:#171714;
    font-size:2rem;line-height:1;font-weight:300
  }

  .legal-mobile-menu nav{display:grid;margin:20px 0 28px}
  .legal-mobile-menu nav>a,
  .legal-mobile-menu summary{
    display:block;
    padding:16px 4px;
    border-bottom:1px solid #dfdbd0;
    color:#171714;
    font-size:1rem;
    font-weight:800;
    list-style:none;
    text-decoration:none;
  }
  .legal-mobile-menu summary{cursor:pointer}
  .legal-mobile-menu summary::-webkit-details-marker{display:none}
  .legal-mobile-menu details>a{
    display:block;
    padding:12px 16px;
    border-bottom:1px solid rgba(223,219,208,.72);
    color:#6f6b61;
    font-size:.9rem;
    font-weight:650;
    text-decoration:none
  }
  .legal-mobile-menu__booking{
    display:flex;align-items:center;justify-content:center;
    min-height:48px;padding:13px 16px;
    background:#a58a4f;color:#fff!important;
    font-weight:850;text-decoration:none
  }

  .legal-menu-backdrop{
    position:fixed;inset:0;z-index:1050;display:block;
    background:rgba(0,0,0,.5);
    opacity:0;visibility:hidden;
    transition:opacity .3s ease,visibility .3s ease
  }
  .legal-menu-backdrop.is-open{opacity:1;visibility:visible}

  body.legal-menu-open{overflow:hidden}
  body.legal-menu-open .bja-social-floater,
  body.legal-menu-open [class*="social-float"],
  body.legal-menu-open [class*="floater"]{
    opacity:0!important;pointer-events:none!important
  }
}

@media(max-width:760px){
  .legal-site-header .site-header__inner{
    grid-template-columns:minmax(0,1fr) auto!important;
    padding:10px 14px!important;
    gap:10px!important;
    min-height:72px!important
  }
  .legal-brand-duo{
    max-width:calc(100vw - 82px)!important;
    gap:7px!important
  }
  .legal-brand-duo>a:first-child img{width:min(128px,36vw)!important}
  .legal-brand-duo>a:last-child img{width:min(116px,33vw)!important}
  .legal-brand-duo>span{height:27px!important}
  .legal-mobile-menu{width:100%;padding:22px 22px calc(118px + env(safe-area-inset-bottom,0px))}
}

@media(prefers-reduced-motion:reduce){
  .legal-mobile-menu,.legal-menu-backdrop{transition:none!important}
}