.elementor-820 .elementor-element.elementor-element-77ebc31{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-820 .elementor-element.elementor-element-77ebc31.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-820 .elementor-element.elementor-element-77ebc31{--width:87.942%;}}/* Start custom CSS for container, class: .elementor-element-77ebc31 *//* ============================================================
   FERTIGUNGSLINIE – KOMPLETTES CSS (ANTI-FLICKER / FADE)
   ============================================================ */

/* --- Container-Struktur --- */
.fertigungslinie-wrap {
  position: relative;      /* Für Overlay-Positionierung */
  max-width: 100%;         /* Responsive Verhalten */
  margin: 0 auto;
  overflow: hidden;        /* Verhindert Bildüberlauf */
}

/* --- Basisbild (Grundlayout) --- */
#fertigungslinie_base {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.2s ease-out;
}

/* --- Overlay-Bild (Hover-Variante) --- */
#fertigungslinie_overlay {
  width: 100%;
  height: auto;
  display: block;

  position: absolute;      /* Überlagert das Basisbild */
  top: 0;
  left: 0;
  opacity: 0;              /* Unsichtbar im Normalzustand */
  transition: opacity 0.35s ease-in-out; /* Weicher Übergang */
  pointer-events: none;    /* Klicks gehen durch zum Basisbild */
  z-index: 2;

  /* --- Anti-Flicker / GPU Optimierungen --- */
  will-change: opacity;
  backface-visibility: hidden;
  image-rendering: auto;
  transform: translateZ(0);
}

/* --- Optional: Sanftes Bewegungsempfinden beim Hover --- */
#fertigungslinie_base,
#fertigungslinie_overlay {
  transition: transform 0.2s ease-out;
}

/* --- Interaktive Klickflächen --- */
map[name="fertigungslinie"] area {
  cursor: pointer;
  outline: none;
}

/* --- Optional: Fokus-/Tabbing-Zugänglichkeit --- */
map[name="fertigungslinie"] area:focus {
  outline: 2px solid rgba(255, 255, 255, 0.6);
  outline-offset: 2px;
}

/* --- Debug-Modus (falls du ihn aktivieren willst)
   .debug-area {
     position: absolute;
     background-color: rgba(255,0,0,0.25);
     pointer-events: none;
     z-index: 5;
   }
*//* End custom CSS */