/* mobile-fixes.css (v5) – Sidebar ist das gewünschte Menü. Extra .nav wird auf Mobile deaktiviert. */

@media (max-width: 900px){
  html, body{ overflow-x: hidden; }

  /* RICHTIGES Menü: Sidebar sichtbar lassen */
  .sidebar{ display: block !important; visibility: visible !important; }

  /* FALSCHES (zweites) Menü: .nav auf Mobile komplett aus */
  .nav{ display: none !important; visibility: hidden !important; pointer-events: none !important; }

  /* Burger-Button bleibt fix oben rechts */
  .burger{
    position: fixed !important;
    top: 12px; right: 12px;
    z-index: 10010;
    touch-action: manipulation;
  }
  .burger img{ display:block; height:auto; }

  /* Falls Sidebar eigene Abdunklung/Overlays hat, nicht beeinflussen */
}

/* Hero: Mobile Bild ohne Abdunklung */
@media (max-width: 900px){
  header.hero{
    background-image: url('/x3apimg/mobile_hero.jpeg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: none !important;
  }
  header.hero .hero__video{ display: none !important; }
  header.hero::before, header.hero::after{
    content: none !important; opacity:0 !important; background:transparent !important; filter:none !important;
  }
}

/* Projekte: Mobile-Abstaende */
@media (max-width: 900px){
  #projekte .project-item{ margin-top: 18px; }
  #projekte .project-item + .project-item{ margin-top: 24px; }
  #projekte .project-text{ margin-top: 10px; }
  #projekte .project-link{ margin-top: 8px; }
}