/* GEPA mobile navigation overlay fix */
@media (max-width: 991.98px) {
  body.has-overlay-menu {
    overflow: hidden;
  }

  body.has-overlay-menu .navbar#wrap-menu1,
  body.has-overlay-menu #menuoverlay {
    background: rgba(255, 255, 255, 0.98);
  }

  body.has-overlay-menu .navbar#wrap-menu1 {
    display: block;
  }

  body.has-overlay-menu #menuoverlay {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
  }
}

/* German mobile counterpart of the active English homepage gallery (content 1422). */
@media (max-width: 979px) {
  #c1422 { display: block !important; }
}
@media (min-width: 980px) {
  #c1422 { display: none !important; }
}


/* GEPA native mobile menu button */
@media (max-width: 991.98px) {
  #menutriggers #gepa-mobile-menu-toggle {
    display: block;
    position: relative;
    z-index: 10002;
    width: 55px;
    height: 45px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    line-height: 0;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }
  #menutriggers #gepa-mobile-menu-toggle .menuopen,
  #menutriggers #gepa-mobile-menu-toggle .menuclose {
    display: block;
    width: 55px;
    height: 45px;
    margin: 0;
    float: none;
  }
  #menutriggers #gepa-mobile-menu-toggle .menuclose { display: none; }
  body.has-overlay-menu #menutriggers #gepa-mobile-menu-toggle .menuopen { display: none; }
  body.has-overlay-menu #menutriggers #gepa-mobile-menu-toggle .menuclose { display: block; }
}

/* Keep the native control in the mobile viewport; legacy CSS positioned only its former wrappers. */
@media (max-width: 991.98px) {
  #menutriggers #gepa-mobile-menu-toggle {
    position: fixed;
    top: 0;
    right: 0;
    left: auto;
    bottom: auto;
  }
}

/* Self-contained visual for the native button; the legacy SVG injector is no longer involved. */
@media (max-width: 991.98px) {
  #menutriggers #gepa-mobile-menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f51c14;
    border-radius: 50% 0 0 50%;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 28px;
    font-weight: 300;
    cursor: pointer;
  }
  #menutriggers #gepa-mobile-menu-toggle::before { content: '\2630'; }
  body.has-overlay-menu #menutriggers #gepa-mobile-menu-toggle::before {
    content: '\00d7';
    font-size: 36px;
    line-height: 1;
  }
  #menutriggers #gepa-mobile-menu-toggle img { display: none !important; }
}