/* Eigene Ergänzungen nach den Odoo-CSS-Bundles.
   Wichtig: stellt sicher, dass animierte Elemente ohne JS sichtbar bleiben
   (Odoo setzt .o_animate auf visibility:hidden und blendet per JS ein). */
.o_animate {
  visibility: visible;
}

/* Odoo versteckt das Hauptmenü per `o_menu_loading` (opacity:0) bis sein
   JS geladen hat. Ohne dieses JS muss das Menü dauerhaft sichtbar sein. */
.navbar #top_menu.o_menu_loading {
  opacity: 1 !important;
  overflow: visible !important;
}

/* Event-Karten (Übersicht): Cover-Bild braucht eine feste Höhe, sonst
   kollabiert der absolut positionierte Bildbereich – besonders auf dem Handy
   (dort kollabierte die ganze Karte auf 0). Volle Kartenbreite, feste Höhe. */
.o_wevent_events_list .o_record_cover_container {
  height: 200px;
  width: 100%;
}

/* Handy/Tablet: Abstand zwischen dem orangen Philosophie-Block und der
   Grafik "Komplexität zusammen neu denken" (kleben sonst direkt aneinander). */
@media (max-width: 991.98px) {
  #Was-machen-wir {
    padding-top: 2.5rem !important;
  }
}

/* Handy/Tablet: Illustrationen in den Karussells "Unsere Schwerpunkte" und
   "Methoden & Formate" auch mobil anzeigen (Odoo blendet sie <992px aus),
   zentriert und mit etwas Abstand unter dem Text. */
@media (max-width: 991.98px) {
  #myCarousel1705669507672 .col-lg-4.d-none.d-lg-block,
  #myCarousel1705924588258 .col-lg-6.d-none.d-lg-block {
    display: block !important;
    order: -1; /* Illustration über den Text stellen */
  }
  #myCarousel1705669507672 .col-lg-4.d-none.d-lg-block img,
  #myCarousel1705924588258 .col-lg-6.d-none.d-lg-block img {
    display: block;
    width: 80%;
    max-width: 320px;
    height: auto;
    margin: 0.5rem auto 1.5rem;
  }
}

/* Handy: Branchen-Karussell "Mit wem wir arbeiten" anzeigen (Odoo blendet es
   unter 768px aus). Icons kompakt, 3 pro Reihe. */
@media (max-width: 767.98px) {
  .eqw-branchen.d-none {
    display: block !important;
  }
  .eqw-branchen .row.content {
    justify-content: center;
  }
  .eqw-branchen .carousel-content {
    flex: 0 0 33.333%;
    max-width: 33.333%;
    text-align: center;
    padding: 6px 2px;
  }
  .eqw-branchen .carousel-content img {
    max-width: 54px;
    height: auto;
  }
}