/* =========================================================
   zchange-color (Enfold / Alternate Content)
   Overlay blendet im View ein/aus
   ========================================================= */

#wrap_all .avia-section.zchange-color{
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

/* Overlay */
#wrap_all .avia-section.zchange-color > .z-sec-bg{
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1000;
  opacity: 0 !important;
  transition: opacity 800ms cubic-bezier(.22,.61,.36,1);
}

/* Content darüber */
#wrap_all .avia-section.zchange-color > *:not(.z-sec-bg){
  position: relative;
  z-index: 1001;
}

/* Wrapper transparent (damit Overlay nicht übermalt wird) */
html.zcc-ready #wrap_all .avia-section.zchange-color .container,
html.zcc-ready #wrap_all .avia-section.zchange-color .av-section-cont-open,
html.zcc-ready #wrap_all .avia-section.zchange-color .template-page.content,
html.zcc-ready #wrap_all .avia-section.zchange-color .content,
html.zcc-ready #wrap_all .avia-section.zchange-color .post-entry,
html.zcc-ready #wrap_all .avia-section.zchange-color .entry-content-wrapper{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Im View sichtbar */
#wrap_all .avia-section.zchange-color.is-inview > .z-sec-bg{
  opacity: 1 !important;
}