/* =========================================
   BF1.us – Mobile Styles (kompakt, ohne Mülleimer)
   Gilt nur für kleine Bildschirme (max. 768px)
   Desktop bleibt unverändert.
   ========================================= */

@media (max-width: 768px) {

  /* Logo auf Mobile komplett ausblenden */
  #logo,
  #logo690,
  #logo img,
  #logo690 img {
    display: none !important;
  }

  /* INFO/BETA-Block im Sidebar ausblenden */
  .home #sidebar #loc {
    display: none !important;
    background-image: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Suchfeld über volle Breite */
  .scroller fieldset {
    width: 100% !important;
  }

  .search input#query {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Suchbutton (Lupe) und Mülleimer für Mobile komplett weg */
  .search .clear-cookie,
  .search a.clear-cookie,
  .search .fa-trash,
  .search i.fa-trash,
  .search .fa.fa-trash,
  .scroller .clear-cookie,
  .scroller .fa-trash,
  .scroller i.fa-trash {
    display: none !important;
  }

  .scroller #uniform-undefined.button,
  .scroller #uniform-undefined.button span {
    display: none !important;
  }

  /* Hauptspalten untereinander, volle Breite */
  #main-new,
  #main,
  #sidebar {
    float: none !important;
    width: 100% !important;
    margin: 0 0 15px 0 !important;
  }

  /* Listings auf volle Breite ziehen */
  #public-items.white .simple-prod,
  #related.white .simple-prod,
  .premium_odd,
  .premium_even {
    width: 100% !important;
    float: none !important;
    margin: 0 0 10px 0 !important;
  }

  /* Allgemeine Inhalte etwas einrücken */
  .content,
  .home .content,
  .user_account,
  #listing {
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
  }
}