/* ============================================
   OVERLAY STYLES - Verschoben aus mm-contao-custom.css
   ============================================ */

/* LASR Content Elemente - Yellow background with pattern overlay */
main,
.main,
#main,
body > .inside {
  background-color: #FFC600;
  position: relative;
}

/* Overlay with 80% opacity over yellow background */
main::before,
.main::before,
#main::before,
body > .inside::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('../00-img-fav-logo-heros-overlay-zerti/bg-overlay.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.8;
  pointer-events: none;
  z-index: 0;
}

/* Ensure content stays above overlay */
main > *,
.main > *,
#main > *,
body > .inside > * {
  position: relative;
  z-index: 1;
}

/* Overlay NUR auf Content-Bereichen NACH dem Hero */
.mod_article:not(.article--hero) {
  position: relative;
  z-index: 1;
}

.mod_article:not(.article--hero)::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('/files/03_logo-hero______thk/bg-overlay.png');
  background-repeat: repeat;
  opacity: 0.5;
  pointer-events: none;
  z-index: -1;
}

/* Explizit KEIN Overlay auf Hero-Elementen */
.article--hero::before,
.ce_hero::before,
#hero::before,
.hero::before,
.hero-section::before {
  display: none !important;
  background-image: none !important;
}


/* ============================================
   GENERISCHE OVERLAY CLASS (Original)
   ============================================ */
.overlay {
  position: relative;
}

.overlay::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../00-img-fav-logo-heros-overlay-zerti/bg-overlay.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.1;
  pointer-events: none;
  z-index: 1;
}

.overlay > * {
  position: relative;
  z-index: 2;
}